@nuskin/react-mysite-elements 1.5.0 → 1.6.0-ui-fixes.2

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 (121) hide show
  1. package/README.md +226 -0
  2. package/dist/common/carousel/ProductTabCarousel.d.ts +1 -1
  3. package/dist/common/icon/icons/SocialMediaIcons.styled.d.ts +5 -0
  4. package/dist/common/index.d.ts +1 -0
  5. package/dist/common/shopping-dashboard/MysiteDashboardWithNavigation.d.ts +57 -0
  6. package/dist/common/shopping-dashboard/PoDashboardWithNavigation.d.ts +4 -0
  7. package/dist/common/shopping-dashboard/ProductOfferDashboard.d.ts +4 -0
  8. package/dist/common/shopping-dashboard/ProductOfferDashboard.styled.d.ts +20 -0
  9. package/dist/common/shopping-dashboard/ShoppingDashboard.d.ts +38 -0
  10. package/dist/common/shopping-dashboard/ShoppingDashboard.styled.d.ts +20 -0
  11. package/dist/common/shopping-dashboard/TranslationContext.d.ts +10 -0
  12. package/dist/common/shopping-dashboard/TranslationKeys/ProductOfferDashboardTranslationKeys.d.ts +254 -0
  13. package/dist/common/shopping-dashboard/TranslationKeys/ShoppingDashboardTranslationKeys.d.ts +554 -0
  14. package/dist/common/shopping-dashboard/TranslationKeys/translationResolver.d.ts +8 -0
  15. package/dist/common/shopping-dashboard/fixtures/index.d.ts +1 -0
  16. package/dist/common/shopping-dashboard/fixtures/mockDashboardData.d.ts +10 -0
  17. package/dist/common/shopping-dashboard/fixtures/mockProductOfferData.d.ts +8 -0
  18. package/dist/common/shopping-dashboard/hooks/useProductOfferWidgetExports.d.ts +20 -0
  19. package/dist/common/shopping-dashboard/hooks/useScrollToTopOnViewChange.d.ts +5 -0
  20. package/dist/common/shopping-dashboard/index.d.ts +47 -0
  21. package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateChart.d.ts +15 -0
  22. package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateChart.styled.d.ts +62 -0
  23. package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateFullView.d.ts +20 -0
  24. package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateFullView.styled.d.ts +60 -0
  25. package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateFullView.test.d.ts +3 -0
  26. package/dist/common/shopping-dashboard/shared/DashboardHeader.d.ts +14 -0
  27. package/dist/common/shopping-dashboard/shared/DashboardHeader.styled.d.ts +52 -0
  28. package/dist/common/shopping-dashboard/shared/DataTable.d.ts +18 -0
  29. package/dist/common/shopping-dashboard/shared/DataTable.styled.d.ts +42 -0
  30. package/dist/common/shopping-dashboard/shared/FilterBar.d.ts +7 -0
  31. package/dist/common/shopping-dashboard/shared/FilterBar.styled.d.ts +12 -0
  32. package/dist/common/shopping-dashboard/shared/FullViewComponents.styled.d.ts +52 -0
  33. package/dist/common/shopping-dashboard/shared/LoadingSkeletons.d.ts +8 -0
  34. package/dist/common/shopping-dashboard/shared/LoadingSkeletons.styled.d.ts +121 -0
  35. package/dist/common/shopping-dashboard/shared/PageHeader.d.ts +32 -0
  36. package/dist/common/shopping-dashboard/shared/PageHeader.styled.d.ts +62 -0
  37. package/dist/common/shopping-dashboard/shared/Pagination.d.ts +9 -0
  38. package/dist/common/shopping-dashboard/shared/Pagination.styled.d.ts +18 -0
  39. package/dist/common/shopping-dashboard/shared/Signups/SignupsChart.d.ts +13 -0
  40. package/dist/common/shopping-dashboard/shared/Signups/SignupsChart.styled.d.ts +56 -0
  41. package/dist/common/shopping-dashboard/shared/Signups/SignupsFullView.d.ts +24 -0
  42. package/dist/common/shopping-dashboard/shared/Signups/SignupsFullView.styled.d.ts +29 -0
  43. package/dist/common/shopping-dashboard/shared/Signups/SignupsFullView.test.d.ts +3 -0
  44. package/dist/common/shopping-dashboard/shared/StatsCard.d.ts +13 -0
  45. package/dist/common/shopping-dashboard/shared/StatsCard.styled.d.ts +66 -0
  46. package/dist/common/shopping-dashboard/shared/TopCategories/CategoriesFullView.d.ts +16 -0
  47. package/dist/common/shopping-dashboard/shared/TopCategories/CategoriesFullView.styled.d.ts +79 -0
  48. package/dist/common/shopping-dashboard/shared/TopCategories/CategoriesFullView.test.d.ts +3 -0
  49. package/dist/common/shopping-dashboard/shared/TopCategories/TopCategoriesPieChart.d.ts +14 -0
  50. package/dist/common/shopping-dashboard/shared/TopCategories/TopCategoriesPieChart.styled.d.ts +104 -0
  51. package/dist/common/shopping-dashboard/shared/TopPerformingOffers/TopPerformingOffersFullView.d.ts +15 -0
  52. package/dist/common/shopping-dashboard/shared/TopPerformingOffers/TopPerformingOffersFullView.styled.d.ts +86 -0
  53. package/dist/common/shopping-dashboard/shared/TopPerformingOffers/TopPerformingOffersPieChart.d.ts +13 -0
  54. package/dist/common/shopping-dashboard/shared/TopProducts/ProductsFullView.d.ts +15 -0
  55. package/dist/common/shopping-dashboard/shared/TopProducts/ProductsFullView.styled.d.ts +48 -0
  56. package/dist/common/shopping-dashboard/shared/TopProducts/TopSellingProductsList.d.ts +13 -0
  57. package/dist/common/shopping-dashboard/shared/TopProducts/TopSellingProductsList.styled.d.ts +74 -0
  58. package/dist/common/shopping-dashboard/shared/WidgetMenu.d.ts +7 -0
  59. package/dist/common/shopping-dashboard/shared/WidgetMenu.styled.d.ts +5 -0
  60. package/dist/common/shopping-dashboard/shared/types.d.ts +13 -0
  61. package/dist/common/shopping-dashboard/shared/useViewport.d.ts +2 -0
  62. package/dist/common/shopping-dashboard/specs/CategoriesFullView.spec.d.ts +1 -0
  63. package/dist/common/shopping-dashboard/specs/ConversionRateChart.spec.d.ts +1 -0
  64. package/dist/common/shopping-dashboard/specs/ConversionRateFullView.spec.d.ts +1 -0
  65. package/dist/common/shopping-dashboard/specs/DashboardHeader.spec.d.ts +1 -0
  66. package/dist/common/shopping-dashboard/specs/DataTable.spec.d.ts +1 -0
  67. package/dist/common/shopping-dashboard/specs/FilterBar.spec.d.ts +1 -0
  68. package/dist/common/shopping-dashboard/specs/MysiteDashboardWithNavigation.spec.d.ts +1 -0
  69. package/dist/common/shopping-dashboard/specs/Pagination.spec.d.ts +1 -0
  70. package/dist/common/shopping-dashboard/specs/PoDashboardWithNavigation.spec.d.ts +1 -0
  71. package/dist/common/shopping-dashboard/specs/ProductOfferDashboard.spec.d.ts +1 -0
  72. package/dist/common/shopping-dashboard/specs/ProductsFullView.spec.d.ts +1 -0
  73. package/dist/common/shopping-dashboard/specs/ShoppingDashboard.spec.d.ts +1 -0
  74. package/dist/common/shopping-dashboard/specs/SignupsChart.spec.d.ts +1 -0
  75. package/dist/common/shopping-dashboard/specs/SignupsFullView.spec.d.ts +1 -0
  76. package/dist/common/shopping-dashboard/specs/TopCategoriesPieChart.spec.d.ts +1 -0
  77. package/dist/common/shopping-dashboard/specs/TopPerformingOffersFullView.spec.d.ts +1 -0
  78. package/dist/common/shopping-dashboard/specs/TopPerformingOffersPieChart.spec.d.ts +1 -0
  79. package/dist/common/shopping-dashboard/specs/TopSellingProductsList.spec.d.ts +1 -0
  80. package/dist/common/shopping-dashboard/specs/WidgetMenu.spec.d.ts +1 -0
  81. package/dist/common/shopping-dashboard/specs/dataUtils.spec.d.ts +1 -0
  82. package/dist/common/shopping-dashboard/specs/dateFormat.spec.d.ts +1 -0
  83. package/dist/common/shopping-dashboard/specs/excelExport.spec.d.ts +1 -0
  84. package/dist/common/shopping-dashboard/specs/marketOptions.spec.d.ts +1 -0
  85. package/dist/common/shopping-dashboard/specs/productOfferExport.spec.d.ts +1 -0
  86. package/dist/common/shopping-dashboard/specs/productOfferTranslation.spec.d.ts +1 -0
  87. package/dist/common/shopping-dashboard/specs/translationResolver.spec.d.ts +1 -0
  88. package/dist/common/shopping-dashboard/specs/trendUtils.spec.d.ts +1 -0
  89. package/dist/common/shopping-dashboard/specs/useProductOfferWidgetExports.spec.d.ts +1 -0
  90. package/dist/common/shopping-dashboard/stories/CategoriesFullView.stories.d.ts +10 -0
  91. package/dist/common/shopping-dashboard/stories/ConversionRateChart.stories.d.ts +9 -0
  92. package/dist/common/shopping-dashboard/stories/ConversionRateFullView.stories.d.ts +10 -0
  93. package/dist/common/shopping-dashboard/stories/DashboardHeader.stories.d.ts +9 -0
  94. package/dist/common/shopping-dashboard/stories/DataTable.stories.d.ts +8 -0
  95. package/dist/common/shopping-dashboard/stories/PageHeader.stories.d.ts +8 -0
  96. package/dist/common/shopping-dashboard/stories/Pagination.stories.d.ts +9 -0
  97. package/dist/common/shopping-dashboard/stories/ProductOfferDashboard.stories.d.ts +13 -0
  98. package/dist/common/shopping-dashboard/stories/ProductsFullView.stories.d.ts +9 -0
  99. package/dist/common/shopping-dashboard/stories/ShoppingDashboard.stories.d.ts +13 -0
  100. package/dist/common/shopping-dashboard/stories/SignupsChart.stories.d.ts +10 -0
  101. package/dist/common/shopping-dashboard/stories/SignupsFullView.stories.d.ts +9 -0
  102. package/dist/common/shopping-dashboard/stories/StatsCard.stories.d.ts +11 -0
  103. package/dist/common/shopping-dashboard/stories/TopCategoriesPieChart.stories.d.ts +10 -0
  104. package/dist/common/shopping-dashboard/stories/TopPerformingOffersFullView.stories.d.ts +10 -0
  105. package/dist/common/shopping-dashboard/stories/TopPerformingOffersPieChart.stories.d.ts +11 -0
  106. package/dist/common/shopping-dashboard/stories/TopSellingProductsList.stories.d.ts +11 -0
  107. package/dist/common/shopping-dashboard/utils/comparisonTextUtils.d.ts +8 -0
  108. package/dist/common/shopping-dashboard/utils/conversionFilter.d.ts +3 -0
  109. package/dist/common/shopping-dashboard/utils/conversionSeries.d.ts +6 -0
  110. package/dist/common/shopping-dashboard/utils/dataUtils.d.ts +30 -0
  111. package/dist/common/shopping-dashboard/utils/dateConstants.d.ts +6 -0
  112. package/dist/common/shopping-dashboard/utils/dateFormat.d.ts +23 -0
  113. package/dist/common/shopping-dashboard/utils/excelExport.d.ts +14 -0
  114. package/dist/common/shopping-dashboard/utils/marketOptions.d.ts +4 -0
  115. package/dist/common/shopping-dashboard/utils/productOfferExport.d.ts +4 -0
  116. package/dist/common/shopping-dashboard/utils/trendUtils.d.ts +23 -0
  117. package/dist/index.js +1 -1
  118. package/dist/index.js.map +1 -1
  119. package/dist/index.mjs +1 -1
  120. package/dist/index.mjs.map +1 -1
  121. package/package.json +10 -3
@@ -0,0 +1,48 @@
1
+ export declare const ProductInfo: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
2
+ 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;
3
+ }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
4
+ export declare const ProductName: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
5
+ 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;
6
+ }, "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>, {}, {}>;
7
+ export declare const ProductSku: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
8
+ 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;
9
+ }, "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>, {}, {}>;
10
+ export declare const MetricValue: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
11
+ 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;
12
+ }, "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>, {}, {}>;
13
+ export declare const MobileCardsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
14
+ 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;
15
+ }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
16
+ export declare const DesktopTableContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
17
+ 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;
18
+ }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
19
+ export declare const MobileProductCard: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
20
+ 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;
21
+ }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
22
+ export declare const MobileCardHeader: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
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
+ }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
25
+ export declare const MobileProductRank: 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>, {}, {}>;
28
+ export declare const MobileProductDetails: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
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;
30
+ }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
31
+ export declare const MobileProductName: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
32
+ 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;
33
+ }, "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>, {}, {}>;
34
+ export declare const MobileProductSku: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
35
+ 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;
36
+ }, "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>, {}, {}>;
37
+ export declare const MobileMetricsGrid: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
38
+ 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;
39
+ }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
40
+ export declare const MobileMetricItem: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
41
+ 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;
42
+ }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
43
+ export declare const MobileMetricLabel: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
44
+ 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;
45
+ }, "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>, {}, {}>;
46
+ export declare const MobileMetricValue: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
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
+ }, "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>, {}, {}>;
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import type { TopProduct, ProductSortOption, MarketOption } from '../../types.d';
3
+ export interface TopSellingProductsListProps {
4
+ readonly products: TopProduct[];
5
+ readonly productSort: ProductSortOption;
6
+ readonly isLoading?: boolean;
7
+ readonly maxProducts?: number;
8
+ readonly market?: MarketOption;
9
+ readonly onSortChange?: (sort: ProductSortOption) => void;
10
+ readonly onTitleClick?: () => void;
11
+ readonly onExport?: () => void;
12
+ }
13
+ export declare const TopSellingProductsList: React.NamedExoticComponent<TopSellingProductsListProps>;
@@ -0,0 +1,74 @@
1
+ export declare const ProductsListContainer: import("@emotion/styled").StyledComponent<{
2
+ theme?: import("@emotion/react").Theme;
3
+ as?: React.ElementType;
4
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
5
+ export declare const WidgetHeader: import("@emotion/styled").StyledComponent<{
6
+ theme?: import("@emotion/react").Theme;
7
+ as?: React.ElementType;
8
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
9
+ export declare const HeaderActionsContainer: import("@emotion/styled").StyledComponent<{
10
+ theme?: import("@emotion/react").Theme;
11
+ as?: React.ElementType;
12
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
13
+ export declare const WidgetTitle: import("@emotion/styled").StyledComponent<{
14
+ theme?: import("@emotion/react").Theme;
15
+ as?: React.ElementType;
16
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
17
+ export declare const SortDropdown: import("@emotion/styled").StyledComponent<{
18
+ theme?: import("@emotion/react").Theme;
19
+ as?: React.ElementType;
20
+ }, import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {}>;
21
+ export declare const ProductsList: import("@emotion/styled").StyledComponent<{
22
+ theme?: import("@emotion/react").Theme;
23
+ as?: React.ElementType;
24
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
25
+ export declare const ProductItem: import("@emotion/styled").StyledComponent<{
26
+ theme?: import("@emotion/react").Theme;
27
+ as?: React.ElementType;
28
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
29
+ export declare const ProductRank: import("@emotion/styled").StyledComponent<{
30
+ theme?: import("@emotion/react").Theme;
31
+ as?: React.ElementType;
32
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
33
+ export declare const ProductImage: import("@emotion/styled").StyledComponent<{
34
+ theme?: import("@emotion/react").Theme;
35
+ as?: React.ElementType;
36
+ }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
37
+ export declare const ProductImagePlaceholder: import("@emotion/styled").StyledComponent<{
38
+ theme?: import("@emotion/react").Theme;
39
+ as?: React.ElementType;
40
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
41
+ export declare const ProductInfo: import("@emotion/styled").StyledComponent<{
42
+ theme?: import("@emotion/react").Theme;
43
+ as?: React.ElementType;
44
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
45
+ export declare const ProductName: import("@emotion/styled").StyledComponent<{
46
+ theme?: import("@emotion/react").Theme;
47
+ as?: React.ElementType;
48
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
49
+ export declare const ProductSubtitle: import("@emotion/styled").StyledComponent<{
50
+ theme?: import("@emotion/react").Theme;
51
+ as?: React.ElementType;
52
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
53
+ export declare const ProductMetrics: import("@emotion/styled").StyledComponent<{
54
+ theme?: import("@emotion/react").Theme;
55
+ as?: React.ElementType;
56
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
57
+ export declare const ProductValue: import("@emotion/styled").StyledComponent<{
58
+ theme?: import("@emotion/react").Theme;
59
+ as?: React.ElementType;
60
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
61
+ export declare const ProductTrend: import("@emotion/styled").StyledComponent<{
62
+ theme?: import("@emotion/react").Theme;
63
+ as?: React.ElementType;
64
+ } & {
65
+ direction: "up" | "down" | "neutral";
66
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
67
+ export declare const EmptyState: import("@emotion/styled").StyledComponent<{
68
+ theme?: import("@emotion/react").Theme;
69
+ as?: React.ElementType;
70
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
71
+ export declare const EmptyStateText: import("@emotion/styled").StyledComponent<{
72
+ theme?: import("@emotion/react").Theme;
73
+ as?: React.ElementType;
74
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ export interface WidgetMenuProps {
3
+ readonly widgetId?: string;
4
+ readonly onFullView?: () => void;
5
+ readonly onExport?: () => void;
6
+ }
7
+ export declare const WidgetMenu: React.FC<WidgetMenuProps>;
@@ -0,0 +1,5 @@
1
+ export declare const StyledIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
2
+ ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
3
+ }, "style" | "color" | "className" | "children" | "tabIndex" | "disabled" | "classes" | "sx" | "action" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & {
4
+ theme?: import("@emotion/react").Theme;
5
+ }, {}, {}>;
@@ -0,0 +1,13 @@
1
+ export interface FilterOption {
2
+ value: string;
3
+ label: string;
4
+ }
5
+ export interface FilterConfig {
6
+ key: string;
7
+ label: string;
8
+ value: string;
9
+ options: FilterOption[];
10
+ disabled?: boolean;
11
+ icon?: 'calendar' | 'globe';
12
+ }
13
+ export type TrendDirection = 'up' | 'down' | 'neutral';
@@ -0,0 +1,2 @@
1
+ export declare const MOBILE_VIEWPORT_QUERY = "(max-width:767px)";
2
+ export declare function useIsMobileViewport(): boolean;
@@ -0,0 +1,10 @@
1
+ import type { StoryObj, Meta } from '@storybook/nextjs';
2
+ import { CategoriesFullView } from '../shared/TopCategories/CategoriesFullView';
3
+ type ComponentType = typeof CategoriesFullView;
4
+ type Story = StoryObj<ComponentType>;
5
+ declare const _default: Meta<ComponentType>;
6
+ export default _default;
7
+ export declare const Default: Story;
8
+ export declare const SortByTrend: Story;
9
+ export declare const Loading: Story;
10
+ export declare const Empty: Story;
@@ -0,0 +1,9 @@
1
+ import type { StoryObj, Meta } from '@storybook/nextjs';
2
+ import { ConversionRateChart } from '../shared/ConversionRate/ConversionRateChart';
3
+ type ComponentType = typeof ConversionRateChart;
4
+ type Story = StoryObj<ComponentType>;
5
+ declare const _default: Meta<ComponentType>;
6
+ export default _default;
7
+ export declare const Default: Story;
8
+ export declare const Retail: Story;
9
+ export declare const Loading: Story;
@@ -0,0 +1,10 @@
1
+ import type { StoryObj, Meta } from '@storybook/nextjs';
2
+ import { ConversionRateFullView } from '../shared/ConversionRate/ConversionRateFullView';
3
+ type ComponentType = typeof ConversionRateFullView;
4
+ type Story = StoryObj<ComponentType>;
5
+ declare const _default: Meta<ComponentType>;
6
+ export default _default;
7
+ export declare const Default: Story;
8
+ export declare const RetailFilter: Story;
9
+ export declare const MemberFilter: Story;
10
+ export declare const Loading: Story;
@@ -0,0 +1,9 @@
1
+ import type { StoryObj, Meta } from '@storybook/nextjs';
2
+ import { DashboardHeader } from '../shared/DashboardHeader';
3
+ type ComponentType = typeof DashboardHeader;
4
+ type Story = StoryObj<ComponentType>;
5
+ declare const _default: Meta<ComponentType>;
6
+ export default _default;
7
+ export declare const Default: Story;
8
+ export declare const Loading: Story;
9
+ export declare const CustomTitle: Story;
@@ -0,0 +1,8 @@
1
+ import type { StoryObj, Meta } from '@storybook/nextjs';
2
+ import { DataTable } from '../shared/DataTable';
3
+ type ComponentType = typeof DataTable;
4
+ type Story = StoryObj<ComponentType>;
5
+ declare const _default: Meta<ComponentType>;
6
+ export default _default;
7
+ export declare const Default: Story;
8
+ export declare const Empty: Story;
@@ -0,0 +1,8 @@
1
+ import type { StoryObj, Meta } from '@storybook/nextjs';
2
+ import { PageHeader } from '../shared/PageHeader';
3
+ type ComponentType = typeof PageHeader;
4
+ type Story = StoryObj<ComponentType>;
5
+ declare const _default: Meta<ComponentType>;
6
+ export default _default;
7
+ export declare const Default: Story;
8
+ export declare const WithFilters: Story;
@@ -0,0 +1,9 @@
1
+ import type { StoryObj, Meta } from '@storybook/nextjs';
2
+ import { Pagination } from '../shared/Pagination';
3
+ type ComponentType = typeof Pagination;
4
+ type Story = StoryObj<ComponentType>;
5
+ declare const _default: Meta<ComponentType>;
6
+ export default _default;
7
+ export declare const Default: Story;
8
+ export declare const MiddlePage: Story;
9
+ export declare const FewPages: Story;
@@ -0,0 +1,13 @@
1
+ import type { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { ProductOfferDashboard } from '../ProductOfferDashboard';
3
+ declare const meta: Meta<typeof ProductOfferDashboard>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ProductOfferDashboard>;
6
+ export declare const Default: Story;
7
+ export declare const StaticDefault: Story;
8
+ export declare const NegativeTrends: Story;
9
+ export declare const Loading: Story;
10
+ export declare const ErrorState: Story;
11
+ export declare const EmptyData: Story;
12
+ export declare const MobileView: Story;
13
+ export declare const TabletView: Story;
@@ -0,0 +1,9 @@
1
+ import type { StoryObj, Meta } from '@storybook/nextjs';
2
+ import { ProductsFullView } from '../shared/TopProducts/ProductsFullView';
3
+ type ComponentType = typeof ProductsFullView;
4
+ type Story = StoryObj<ComponentType>;
5
+ declare const _default: Meta<ComponentType>;
6
+ export default _default;
7
+ export declare const Default: Story;
8
+ export declare const Loading: Story;
9
+ export declare const Empty: Story;
@@ -0,0 +1,13 @@
1
+ import type { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { ShoppingDashboard } from '../ShoppingDashboard';
3
+ declare const meta: Meta<typeof ShoppingDashboard>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ShoppingDashboard>;
6
+ export declare const Default: Story;
7
+ export declare const StaticDefault: Story;
8
+ export declare const NegativeTrends: Story;
9
+ export declare const Loading: Story;
10
+ export declare const ErrorState: Story;
11
+ export declare const EmptyData: Story;
12
+ export declare const MobileView: Story;
13
+ export declare const TabletView: Story;
@@ -0,0 +1,10 @@
1
+ import type { StoryObj, Meta } from '@storybook/nextjs';
2
+ import { SignupsChart } from '../shared/Signups/SignupsChart';
3
+ type ComponentType = typeof SignupsChart;
4
+ type Story = StoryObj<ComponentType>;
5
+ declare const _default: Meta<ComponentType>;
6
+ export default _default;
7
+ export declare const Default: Story;
8
+ export declare const MembersOnly: Story;
9
+ export declare const RetailOnly: Story;
10
+ export declare const Loading: Story;
@@ -0,0 +1,9 @@
1
+ import type { StoryObj, Meta } from '@storybook/nextjs';
2
+ import { SignupsFullView } from '../shared/Signups/SignupsFullView';
3
+ type ComponentType = typeof SignupsFullView;
4
+ type Story = StoryObj<ComponentType>;
5
+ declare const _default: Meta<ComponentType>;
6
+ export default _default;
7
+ export declare const Default: Story;
8
+ export declare const MembersOnly: Story;
9
+ export declare const Loading: Story;
@@ -0,0 +1,11 @@
1
+ import type { StoryObj, Meta } from '@storybook/nextjs';
2
+ import { StatsCard } from '../shared/StatsCard';
3
+ type ComponentType = typeof StatsCard;
4
+ type Story = StoryObj<ComponentType>;
5
+ declare const _default: Meta<ComponentType>;
6
+ export default _default;
7
+ export declare const Revenue: Story;
8
+ export declare const Volume: Story;
9
+ export declare const SiteVisits: Story;
10
+ export declare const Neutral: Story;
11
+ export declare const NoTrend: Story;
@@ -0,0 +1,10 @@
1
+ import type { StoryObj, Meta } from '@storybook/nextjs';
2
+ import { TopCategoriesPieChart } from '../shared/TopCategories/TopCategoriesPieChart';
3
+ type ComponentType = typeof TopCategoriesPieChart;
4
+ type Story = StoryObj<ComponentType>;
5
+ declare const _default: Meta<ComponentType>;
6
+ export default _default;
7
+ export declare const Default: Story;
8
+ export declare const SortByTrend: Story;
9
+ export declare const Loading: Story;
10
+ export declare const Empty: Story;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { TopPerformingOffersFullView } from '../shared/TopPerformingOffers/TopPerformingOffersFullView';
3
+ declare const meta: Meta<typeof TopPerformingOffersFullView>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof TopPerformingOffersFullView>;
6
+ export declare const Default: Story;
7
+ export declare const SortByVolume: Story;
8
+ export declare const Loading: Story;
9
+ export declare const Empty: Story;
10
+ export declare const MobileView: Story;
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { TopPerformingOffersPieChart } from '../shared/TopPerformingOffers/TopPerformingOffersPieChart';
3
+ declare const meta: Meta<typeof TopPerformingOffersPieChart>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof TopPerformingOffersPieChart>;
6
+ export declare const Default: Story;
7
+ export declare const SortByVolume: Story;
8
+ export declare const Loading: Story;
9
+ export declare const Empty: Story;
10
+ export declare const SingleOffer: Story;
11
+ export declare const MobileView: Story;
@@ -0,0 +1,11 @@
1
+ import type { StoryObj, Meta } from '@storybook/nextjs';
2
+ import { TopSellingProductsList } from '../shared/TopProducts/TopSellingProductsList';
3
+ type ComponentType = typeof TopSellingProductsList;
4
+ type Story = StoryObj<ComponentType>;
5
+ declare const _default: Meta<ComponentType>;
6
+ export default _default;
7
+ export declare const Default: Story;
8
+ export declare const SortByRevenue: Story;
9
+ export declare const Loading: Story;
10
+ export declare const Empty: Story;
11
+ export declare const ThreeProducts: Story;
@@ -0,0 +1,8 @@
1
+ import type { DateRangeOption } from '../types.d';
2
+ /**
3
+ * Generates dynamic comparison text based on the selected date range.
4
+ * Uses translation keys for internationalization support.
5
+ * @param dateRange The selected date range option
6
+ * @returns Dynamic comparison text like "compared to this time 7 days ago"
7
+ */
8
+ export declare function getComparedToText(dateRange: DateRangeOption): string;
@@ -0,0 +1,3 @@
1
+ import type { ConversionDataPoint, ConversionFilterOption } from '../types.d';
2
+ export declare function matchesConversionFilter(point: ConversionDataPoint, filter: ConversionFilterOption): boolean;
3
+ export declare function filterConversionData(conversionData: readonly ConversionDataPoint[], filter: ConversionFilterOption): ConversionDataPoint[];
@@ -0,0 +1,6 @@
1
+ import type { ConversionDataPoint } from '../types.d';
2
+ export declare const PRICE_TYPE_SERIES_PREFIX = "rate__";
3
+ export declare function priceTypeSeriesKey(priceType: string): string;
4
+ export declare function priceTypeColor(priceType: string, index: number): string;
5
+ export declare function collectPriceTypes(conversionData: readonly ConversionDataPoint[]): string[];
6
+ export declare function toSeriesPoint(point: ConversionDataPoint, priceTypes: readonly string[]): ConversionDataPoint & Record<string, unknown>;
@@ -0,0 +1,30 @@
1
+ export declare function calculateTotalPages<T>(items: T[], itemsPerPage: number): number;
2
+ export declare function paginateItems<T>(items: T[], currentPage: number, itemsPerPage: number): T[];
3
+ export declare function sortByNumericProperty<T extends Record<string, unknown>>(items: T[], key: keyof T, direction?: 'asc' | 'desc'): T[];
4
+ export declare function calculatePercentage(value: number, total: number, decimalPlaces?: number): string;
5
+ export declare function usePaginatedItems<T>(items: T[], currentPage: number, itemsPerPage: number): {
6
+ totalPages: number;
7
+ pageItems: T[];
8
+ };
9
+ /**
10
+ * Gets the appropriate locale for displaying currency based on the market/region code
11
+ * @param marketCode - The market code (e.g., 'US', 'IN', 'CA')
12
+ * @returns The locale string (e.g., 'en-US', 'en-IN', 'en-CA')
13
+ */
14
+ export declare function getLocaleFromMarketCode(marketCode?: string): string;
15
+ export declare function formatMoney(value: number, currencyCode?: string, locale?: string, fractionDigits?: number): string;
16
+ export declare function capitalizeFirstLetter(text: string): string;
17
+ /**
18
+ * Gets the numeric value from a SignupDataPoint based on the selected signup view.
19
+ * Maps the signup view option to the corresponding data field:
20
+ * - 'all' → total
21
+ * - 'members' → members
22
+ * - 'retail' → retail
23
+ * - 'brandAffiliates' → brandAffiliates
24
+ */
25
+ export declare function getSignupValueByView(dataPoint: {
26
+ readonly total: number;
27
+ readonly members: number;
28
+ readonly retail: number;
29
+ readonly brandAffiliates: number;
30
+ }, view: 'all' | 'members' | 'retail' | 'brandAffiliates'): number;
@@ -0,0 +1,6 @@
1
+ import type { DateRangeOption } from '../types.d';
2
+ export declare const DEFAULT_DATE_RANGE: DateRangeOption;
3
+ export declare const DAYS_MAP: Record<DateRangeOption, number>;
4
+ export declare const DATE_RANGE_LABELS: Record<DateRangeOption, string>;
5
+ export declare function getDaysFromDateRange(dateRange: DateRangeOption): number;
6
+ export declare function getDateRangeLabel(dateRange: DateRangeOption): string;