@nuskin/react-mysite-elements 1.6.0-dash-bugs.5 → 1.6.0-signups-fix.2

package/dist/common/shopping-dashboard/MysiteDashboardWithNavigation.d.ts

@@ -25,6 +25,7 @@ export interface MysiteDashboardWithNavigationProps {
     readonly categoriesSummaryChangePct?: number | null;
     readonly conversionSummaryChangePct?: number | null;
     readonly signupsSummaryChangePct?: number | null;
+    readonly signupsSummaryChangeValue?: number | null;
     readonly orders?: OrderHistory[];
     readonly signups?: SignupDetail[];
     readonly isLoading?: boolean;

package/dist/common/shopping-dashboard/ShoppingDashboard.d.ts

@@ -19,6 +19,7 @@ export interface ShoppingDashboardProps {
     readonly categoriesSummaryChangePct?: number | null;
     readonly conversionSummaryChangePct?: number | null;
     readonly signupsSummaryChangePct?: number | null;
+    readonly signupsSummaryChangeValue?: number | null;
     readonly markets?: ReadonlyArray<MarketFilterOption>;
     readonly onDateRangeChange?: (range: DateRangeOption) => void;
     readonly onMarketChange?: (market: MarketOption) => void;

package/dist/common/shopping-dashboard/TranslationKeys/ProductOfferDashboardTranslationKeys.d.ts

@@ -201,10 +201,6 @@ export declare const ProductOfferDashboardTranslationKeys: {
                 readonly key: "productOfferDashboard.fullView.topOffers.title";
                 readonly fallback: "Top Performing Offers";
             };
-            readonly topFiveTitle: {
-                readonly key: "productOfferDashboard.fullView.topOffers.topFiveTitle";
-                readonly fallback: "Top 5 Offers";
-            };
             readonly columnName: {
                 readonly key: "productOfferDashboard.fullView.topOffers.columnName";
                 readonly fallback: "Offer Name";

package/dist/common/shopping-dashboard/TranslationKeys/ShoppingDashboardTranslationKeys.d.ts

@@ -358,7 +358,7 @@ export declare const ShoppingDashboardTranslationKeys: {
                 };
                 readonly customer: {
                     readonly key: "shoppingDashboard.fullView.conversionRate.columns.customer";
-                    readonly fallback: "Customer Name";
+                    readonly fallback: "Customer";
                 };
                 readonly items: {
                     readonly key: "shoppingDashboard.fullView.conversionRate.columns.items";
@@ -548,6 +548,18 @@ export declare const ShoppingDashboardTranslationKeys: {
             readonly key: "shoppingDashboard.defaults.dcSv";
             readonly fallback: "DC-SV";
         };
+        readonly showRevenue: {
+            readonly key: "shoppingDashboard.defaults.showRevenue";
+            readonly fallback: "Show: Revenue";
+        };
+        readonly showVolume: {
+            readonly key: "shoppingDashboard.defaults.showVolume";
+            readonly fallback: "Show: Volume";
+        };
+        readonly showUnits: {
+            readonly key: "shoppingDashboard.defaults.showUnits";
+            readonly fallback: "Show: Units";
+        };
     };
 };
 type TranslationEntry = {

package/dist/common/shopping-dashboard/hooks/useScrollToTopOnViewChange.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateChart.d.ts

@@ -8,7 +8,6 @@ export interface ConversionRateChartProps {
     readonly title?: string;
     readonly summaryRate?: number;
     readonly summaryChangePct?: number | null;
-    readonly compact?: boolean;
     readonly onFilterChange?: (filter: ConversionFilterOption) => void;
     readonly onTitleClick?: () => void;
     readonly onExport?: () => void;

package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateChart.styled.d.ts

@@ -5,8 +5,6 @@ export declare const ConversionRateContainer: import("@emotion/styled").StyledCo
 export declare const ChartHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    $compact?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TitleRow: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
@@ -27,8 +25,6 @@ export declare const FilterDropdown: import("@emotion/styled").StyledComponent<{
 export declare const MetricDisplay: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    $compact?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MetricValue: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
@@ -47,8 +43,6 @@ export declare const FormulaDisplay: import("@emotion/styled").StyledComponent<{
 export declare const ChartContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    $compact?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TooltipContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;

package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateFullView.test.d.ts

@@ -1,3 +1 @@
-/**
- * ConversionRateFullView - Core Functionality Tests
- */
+import '@testing-library/jest-dom';

package/dist/common/shopping-dashboard/shared/LoadingSkeletons.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
 export declare const StatsCardSkeleton: React.FC;
 export declare const ProductsListSkeleton: React.FC;
-export declare const ChartWidgetSkeleton: React.FC<{
-    readonly compact?: boolean;
-}>;
+export declare const ChartWidgetSkeleton: React.FC;
 export declare const CategoriesPieChartSkeleton: React.FC;
 export declare const DashboardSkeleton: React.FC;
 export declare const FullViewChartSkeleton: React.FC;

package/dist/common/shopping-dashboard/shared/LoadingSkeletons.styled.d.ts

@@ -47,8 +47,6 @@ export declare const ChartAreaSkeleton: import("@emotion/styled").StyledComponen
     ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, "style" | "height" | "width" | "animation" | "className" | "children" | "classes" | "sx" | "variant"> & {
     theme?: import("@emotion/react").Theme;
-} & {
-    $compact?: boolean;
 }, {}, {}>;
 export declare const PieChartLayout: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;

package/dist/common/shopping-dashboard/shared/Signups/SignupsChart.d.ts

@@ -7,6 +7,7 @@ export interface SignupsChartProps {
     readonly isLoading?: boolean;
     readonly title?: string;
     readonly summaryChangePct?: number | null;
+    readonly summaryChangeValue?: number | null;
     readonly onViewChange?: (view: SignupViewOption) => void;
     readonly onTitleClick?: () => void;
     readonly onExport?: () => void;

package/dist/common/shopping-dashboard/shared/Signups/SignupsFullView.d.ts

@@ -17,6 +17,7 @@ export interface SignupsFullViewProps {
     readonly markets?: ReadonlyArray<MarketFilterOption>;
     readonly isLoading?: boolean;
     readonly summaryChangePct?: number | null;
+    readonly summaryChangeValue?: number | null;
     readonly onBack?: () => void;
     readonly onDateRangeChange?: (range: DateRangeOption) => void;
     readonly onMarketChange?: (market: MarketOption) => void;

package/dist/common/shopping-dashboard/shared/Signups/SignupsFullView.test.d.ts

@@ -1,3 +1 @@
-/**
- * SignupsFullView - Core Functionality Tests
- */
+import '@testing-library/jest-dom';

package/dist/common/shopping-dashboard/shared/TopCategories/CategoriesFullView.test.d.ts

@@ -1,3 +1 @@
-/**
- * CategoriesFullView - Core Functionality Tests
- */
+import '@testing-library/jest-dom';

package/dist/common/shopping-dashboard/shared/TopCategories/TopCategoriesPieChart.styled.d.ts

@@ -25,14 +25,10 @@ export declare const SortMenuButton: import("@emotion/styled").StyledComponent<{
 export declare const ChartAndLegendContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    $stackUntilWide?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ChartWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    $compact?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DonutCenterOverlay: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
@@ -59,30 +55,20 @@ export declare const LegendContainer: import("@emotion/styled").StyledComponent<
 export declare const LegendItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    $stacked?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LegendColor: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     color: string;
-    $hollow?: boolean;
-    $stacked?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LegendInfo: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    $stacked?: boolean;
-    $stackOnDesktop?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LegendName: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    $stacked?: boolean;
-    $wrap?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LegendValue: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
@@ -95,9 +81,6 @@ export declare const LegendPercentage: import("@emotion/styled").StyledComponent
 export declare const LegendValueWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    $alignEnd?: boolean;
-    $stackOnDesktop?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LegendTrendInline: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;

package/dist/common/shopping-dashboard/shared/TopPerformingOffers/TopPerformingOffersFullView.styled.d.ts

@@ -22,9 +22,6 @@ export declare const DonutCenterTrend: import("@emotion/styled").StyledComponent
 export declare const SummaryContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const SummaryHeading: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "children" | "classes" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const SummaryItem: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
@@ -39,12 +36,12 @@ export declare const SummaryInfo: import("@emotion/styled").StyledComponent<impo
 export declare const SummaryName: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "children" | "classes" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const SummaryValueWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const SummaryValue: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "children" | "classes" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SummaryPercentage: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "children" | "classes" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const SummaryTrend: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {

package/dist/common/shopping-dashboard/utils/dataUtils.d.ts

@@ -2,6 +2,18 @@ export declare function calculateTotalPages<T>(items: T[], itemsPerPage: number)
 export declare function paginateItems<T>(items: T[], currentPage: number, itemsPerPage: number): T[];
 export declare function sortByNumericProperty<T extends Record<string, unknown>>(items: T[], key: keyof T, direction?: 'asc' | 'desc'): T[];
 export declare function calculatePercentage(value: number, total: number, decimalPlaces?: number): string;
+/**
+ * Formats a percentage by removing trailing zeros and unnecessary decimal points.
+ * Examples:
+ * - formatPercentage(100) → "100"
+ * - formatPercentage(12.1) → "12.1"
+ * - formatPercentage(12.55) → "12.55"
+ * - formatPercentage(0) → "0"
+ * @param value - The percentage value as a number
+ * @param decimals - Maximum decimal places to round to (default: 2)
+ * @returns Formatted percentage string without trailing zeros or decimal point
+ */
+export declare function formatPercentage(value: number, decimals?: number): string;
 export declare function usePaginatedItems<T>(items: T[], currentPage: number, itemsPerPage: number): {
     totalPages: number;
     pageItems: T[];

package/dist/common/shopping-dashboard/utils/dateFormat.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/common/shopping-dashboard/utils/trendUtils.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { TrendDirection } from '../shared/types';
-export declare function parseTrendPercent(value?: string): number | null;
-export declare function resolveTrendDirection(value?: string): TrendDirection;
-export declare function calculateWeightedRevenueTrend<T>(items: readonly T[], getRevenue: (item: T) => number, getTrend: (item: T) => string | undefined): {
+export declare function parseTrendPercent(value?: string | number): number | null;
+export declare function resolveTrendDirection(value?: string | number): TrendDirection;
+export declare function calculateWeightedRevenueTrend<T>(items: readonly T[], getRevenue: (item: T) => number, getTrend: (item: T) => string | number | undefined): {
     direction: TrendDirection;
     formatted: string;
 };