@nuskin/react-mysite-elements 1.6.0-comx-2229.8 → 1.6.0-comx-2229.10

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 (14) hide show
  1. package/dist/common/shopping-dashboard/TranslationKeys/ProductOfferDashboardTranslationKeys.d.ts +4 -0
  2. package/dist/common/shopping-dashboard/TranslationKeys/ShoppingDashboardTranslationKeys.d.ts +1 -1
  3. package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateChart.d.ts +1 -0
  4. package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateChart.styled.d.ts +6 -0
  5. package/dist/common/shopping-dashboard/shared/LoadingSkeletons.d.ts +3 -1
  6. package/dist/common/shopping-dashboard/shared/LoadingSkeletons.styled.d.ts +2 -0
  7. package/dist/common/shopping-dashboard/shared/TopCategories/TopCategoriesPieChart.styled.d.ts +17 -0
  8. package/dist/common/shopping-dashboard/shared/TopPerformingOffers/TopPerformingOffersFullView.styled.d.ts +6 -3
  9. package/dist/common/shopping-dashboard/utils/trendUtils.d.ts +1 -0
  10. package/dist/index.js +1 -1
  11. package/dist/index.js.map +1 -1
  12. package/dist/index.mjs +1 -1
  13. package/dist/index.mjs.map +1 -1
  14. package/package.json +1 -1
package/dist/common/shopping-dashboard/TranslationKeys/ProductOfferDashboardTranslationKeys.d.ts CHANGED
@@ -201,6 +201,10 @@ export declare const ProductOfferDashboardTranslationKeys: {
201
201
  readonly key: "productOfferDashboard.fullView.topOffers.title";
202
202
  readonly fallback: "Top Performing Offers";
203
203
  };
204
+ readonly topFiveTitle: {
205
+ readonly key: "productOfferDashboard.fullView.topOffers.topFiveTitle";
206
+ readonly fallback: "Top 5 Offers";
207
+ };
204
208
  readonly columnName: {
205
209
  readonly key: "productOfferDashboard.fullView.topOffers.columnName";
206
210
  readonly fallback: "Offer Name";
package/dist/common/shopping-dashboard/TranslationKeys/ShoppingDashboardTranslationKeys.d.ts CHANGED
@@ -358,7 +358,7 @@ export declare const ShoppingDashboardTranslationKeys: {
358
358
  };
359
359
  readonly customer: {
360
360
  readonly key: "shoppingDashboard.fullView.conversionRate.columns.customer";
361
- readonly fallback: "Customer";
361
+ readonly fallback: "Customer Name";
362
362
  };
363
363
  readonly items: {
364
364
  readonly key: "shoppingDashboard.fullView.conversionRate.columns.items";
package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateChart.d.ts CHANGED
@@ -8,6 +8,7 @@ export interface ConversionRateChartProps {
8
8
  readonly title?: string;
9
9
  readonly summaryRate?: number;
10
10
  readonly summaryChangePct?: number | null;
11
+ readonly compact?: boolean;
11
12
  readonly onFilterChange?: (filter: ConversionFilterOption) => void;
12
13
  readonly onTitleClick?: () => void;
13
14
  readonly onExport?: () => void;
package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateChart.styled.d.ts CHANGED
@@ -5,6 +5,8 @@ export declare const ConversionRateContainer: import("@emotion/styled").StyledCo
5
5
  export declare const ChartHeader: import("@emotion/styled").StyledComponent<{
6
6
  theme?: import("@emotion/react").Theme;
7
7
  as?: React.ElementType;
8
+ } & {
9
+ $compact?: boolean;
8
10
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
9
11
  export declare const TitleRow: import("@emotion/styled").StyledComponent<{
10
12
  theme?: import("@emotion/react").Theme;
@@ -25,6 +27,8 @@ export declare const FilterDropdown: import("@emotion/styled").StyledComponent<{
25
27
  export declare const MetricDisplay: import("@emotion/styled").StyledComponent<{
26
28
  theme?: import("@emotion/react").Theme;
27
29
  as?: React.ElementType;
30
+ } & {
31
+ $compact?: boolean;
28
32
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
29
33
  export declare const MetricValue: import("@emotion/styled").StyledComponent<{
30
34
  theme?: import("@emotion/react").Theme;
@@ -43,6 +47,8 @@ export declare const FormulaDisplay: import("@emotion/styled").StyledComponent<{
43
47
  export declare const ChartContainer: import("@emotion/styled").StyledComponent<{
44
48
  theme?: import("@emotion/react").Theme;
45
49
  as?: React.ElementType;
50
+ } & {
51
+ $compact?: boolean;
46
52
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
47
53
  export declare const TooltipContainer: import("@emotion/styled").StyledComponent<{
48
54
  theme?: import("@emotion/react").Theme;
package/dist/common/shopping-dashboard/shared/LoadingSkeletons.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  import React from 'react';
2
2
  export declare const StatsCardSkeleton: React.FC;
3
3
  export declare const ProductsListSkeleton: React.FC;
4
- export declare const ChartWidgetSkeleton: React.FC;
4
+ export declare const ChartWidgetSkeleton: React.FC<{
5
+ readonly compact?: boolean;
6
+ }>;
5
7
  export declare const CategoriesPieChartSkeleton: React.FC;
6
8
  export declare const DashboardSkeleton: React.FC;
7
9
  export declare const FullViewChartSkeleton: React.FC;
package/dist/common/shopping-dashboard/shared/LoadingSkeletons.styled.d.ts CHANGED
@@ -47,6 +47,8 @@ export declare const ChartAreaSkeleton: import("@emotion/styled").StyledComponen
47
47
  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;
48
48
  }, "style" | "height" | "width" | "animation" | "className" | "children" | "classes" | "sx" | "variant"> & {
49
49
  theme?: import("@emotion/react").Theme;
50
+ } & {
51
+ $compact?: boolean;
50
52
  }, {}, {}>;
51
53
  export declare const PieChartLayout: import("@emotion/styled").StyledComponent<{
52
54
  theme?: import("@emotion/react").Theme;
package/dist/common/shopping-dashboard/shared/TopCategories/TopCategoriesPieChart.styled.d.ts CHANGED
@@ -25,10 +25,14 @@ export declare const SortMenuButton: import("@emotion/styled").StyledComponent<{
25
25
  export declare const ChartAndLegendContainer: import("@emotion/styled").StyledComponent<{
26
26
  theme?: import("@emotion/react").Theme;
27
27
  as?: React.ElementType;
28
+ } & {
29
+ $stackUntilWide?: boolean;
28
30
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
29
31
  export declare const ChartWrapper: import("@emotion/styled").StyledComponent<{
30
32
  theme?: import("@emotion/react").Theme;
31
33
  as?: React.ElementType;
34
+ } & {
35
+ $compact?: boolean;
32
36
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
33
37
  export declare const DonutCenterOverlay: import("@emotion/styled").StyledComponent<{
34
38
  theme?: import("@emotion/react").Theme;
@@ -55,20 +59,30 @@ export declare const LegendContainer: import("@emotion/styled").StyledComponent<
55
59
  export declare const LegendItem: import("@emotion/styled").StyledComponent<{
56
60
  theme?: import("@emotion/react").Theme;
57
61
  as?: React.ElementType;
62
+ } & {
63
+ $stacked?: boolean;
58
64
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
59
65
  export declare const LegendColor: import("@emotion/styled").StyledComponent<{
60
66
  theme?: import("@emotion/react").Theme;
61
67
  as?: React.ElementType;
62
68
  } & {
63
69
  color: string;
70
+ $hollow?: boolean;
71
+ $stacked?: boolean;
64
72
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
65
73
  export declare const LegendInfo: import("@emotion/styled").StyledComponent<{
66
74
  theme?: import("@emotion/react").Theme;
67
75
  as?: React.ElementType;
76
+ } & {
77
+ $stacked?: boolean;
78
+ $stackOnDesktop?: boolean;
68
79
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
69
80
  export declare const LegendName: import("@emotion/styled").StyledComponent<{
70
81
  theme?: import("@emotion/react").Theme;
71
82
  as?: React.ElementType;
83
+ } & {
84
+ $stacked?: boolean;
85
+ $wrap?: boolean;
72
86
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
73
87
  export declare const LegendValue: import("@emotion/styled").StyledComponent<{
74
88
  theme?: import("@emotion/react").Theme;
@@ -81,6 +95,9 @@ export declare const LegendPercentage: import("@emotion/styled").StyledComponent
81
95
  export declare const LegendValueWrapper: import("@emotion/styled").StyledComponent<{
82
96
  theme?: import("@emotion/react").Theme;
83
97
  as?: React.ElementType;
98
+ } & {
99
+ $alignEnd?: boolean;
100
+ $stackOnDesktop?: boolean;
84
101
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
85
102
  export declare const LegendTrendInline: import("@emotion/styled").StyledComponent<{
86
103
  theme?: import("@emotion/react").Theme;
package/dist/common/shopping-dashboard/shared/TopPerformingOffers/TopPerformingOffersFullView.styled.d.ts CHANGED
@@ -22,6 +22,9 @@ export declare const DonutCenterTrend: import("@emotion/styled").StyledComponent
22
22
  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"> & {
23
23
  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;
24
24
  }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
25
+ 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"> & {
26
+ 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;
27
+ }, "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>, {}, {}>;
25
28
  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"> & {
26
29
  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;
27
30
  }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
@@ -36,12 +39,12 @@ export declare const SummaryInfo: import("@emotion/styled").StyledComponent<impo
36
39
  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"> & {
37
40
  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;
38
41
  }, "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>, {}, {}>;
42
+ 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"> & {
43
+ 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;
44
+ }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
39
45
  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"> & {
40
46
  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;
41
47
  }, "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>, {}, {}>;
42
- 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"> & {
43
- 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;
44
- }, "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>, {}, {}>;
45
48
  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"> & {
46
49
  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;
47
50
  }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
package/dist/common/shopping-dashboard/utils/trendUtils.d.ts CHANGED
@@ -16,6 +16,7 @@ export interface PieChartLabelProps {
16
16
  innerRadius: number;
17
17
  outerRadius: number;
18
18
  percentage: number;
19
+ volumeSharePct?: number;
19
20
  }
20
21
  export declare function renderPieChartLabel(props: PieChartLabelProps, options?: {
21
22
  fontSize?: string;