@nuskin/react-mysite-elements 1.4.3 → 1.5.0-comx-2229.1

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 (107) 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 +50 -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 +32 -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 +230 -0
  13. package/dist/common/shopping-dashboard/TranslationKeys/ShoppingDashboardTranslationKeys.d.ts +612 -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/index.d.ts +42 -0
  19. package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateChart.d.ts +13 -0
  20. package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateChart.styled.d.ts +62 -0
  21. package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateFullView.d.ts +18 -0
  22. package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateFullView.styled.d.ts +37 -0
  23. package/dist/common/shopping-dashboard/shared/DashboardHeader.d.ts +14 -0
  24. package/dist/common/shopping-dashboard/shared/DashboardHeader.styled.d.ts +48 -0
  25. package/dist/common/shopping-dashboard/shared/DataTable.d.ts +18 -0
  26. package/dist/common/shopping-dashboard/shared/DataTable.styled.d.ts +42 -0
  27. package/dist/common/shopping-dashboard/shared/FilterBar.d.ts +7 -0
  28. package/dist/common/shopping-dashboard/shared/FilterBar.styled.d.ts +12 -0
  29. package/dist/common/shopping-dashboard/shared/FullViewComponents.styled.d.ts +52 -0
  30. package/dist/common/shopping-dashboard/shared/LoadingSkeletons.d.ts +8 -0
  31. package/dist/common/shopping-dashboard/shared/LoadingSkeletons.styled.d.ts +121 -0
  32. package/dist/common/shopping-dashboard/shared/PageHeader.d.ts +32 -0
  33. package/dist/common/shopping-dashboard/shared/PageHeader.styled.d.ts +56 -0
  34. package/dist/common/shopping-dashboard/shared/Pagination.d.ts +9 -0
  35. package/dist/common/shopping-dashboard/shared/Pagination.styled.d.ts +18 -0
  36. package/dist/common/shopping-dashboard/shared/Signups/SignupsChart.d.ts +11 -0
  37. package/dist/common/shopping-dashboard/shared/Signups/SignupsChart.styled.d.ts +56 -0
  38. package/dist/common/shopping-dashboard/shared/Signups/SignupsFullView.d.ts +16 -0
  39. package/dist/common/shopping-dashboard/shared/Signups/SignupsFullView.styled.d.ts +15 -0
  40. package/dist/common/shopping-dashboard/shared/StatsCard.d.ts +13 -0
  41. package/dist/common/shopping-dashboard/shared/StatsCard.styled.d.ts +62 -0
  42. package/dist/common/shopping-dashboard/shared/TopCategories/CategoriesFullView.d.ts +15 -0
  43. package/dist/common/shopping-dashboard/shared/TopCategories/CategoriesFullView.styled.d.ts +72 -0
  44. package/dist/common/shopping-dashboard/shared/TopCategories/TopCategoriesPieChart.d.ts +11 -0
  45. package/dist/common/shopping-dashboard/shared/TopCategories/TopCategoriesPieChart.styled.d.ts +90 -0
  46. package/dist/common/shopping-dashboard/shared/TopPerformingOffers/TopPerformingOffersFullView.d.ts +15 -0
  47. package/dist/common/shopping-dashboard/shared/TopPerformingOffers/TopPerformingOffersFullView.styled.d.ts +86 -0
  48. package/dist/common/shopping-dashboard/shared/TopPerformingOffers/TopPerformingOffersPieChart.d.ts +11 -0
  49. package/dist/common/shopping-dashboard/shared/TopProducts/ProductsFullView.d.ts +15 -0
  50. package/dist/common/shopping-dashboard/shared/TopProducts/ProductsFullView.styled.d.ts +53 -0
  51. package/dist/common/shopping-dashboard/shared/TopProducts/TopSellingProductsList.d.ts +11 -0
  52. package/dist/common/shopping-dashboard/shared/TopProducts/TopSellingProductsList.styled.d.ts +74 -0
  53. package/dist/common/shopping-dashboard/shared/WidgetMenu.d.ts +6 -0
  54. package/dist/common/shopping-dashboard/shared/WidgetMenu.styled.d.ts +5 -0
  55. package/dist/common/shopping-dashboard/shared/types.d.ts +13 -0
  56. package/dist/common/shopping-dashboard/shared/useViewport.d.ts +2 -0
  57. package/dist/common/shopping-dashboard/specs/CategoriesFullView.spec.d.ts +1 -0
  58. package/dist/common/shopping-dashboard/specs/ConversionRateChart.spec.d.ts +1 -0
  59. package/dist/common/shopping-dashboard/specs/ConversionRateFullView.spec.d.ts +1 -0
  60. package/dist/common/shopping-dashboard/specs/DashboardHeader.spec.d.ts +1 -0
  61. package/dist/common/shopping-dashboard/specs/DataTable.spec.d.ts +1 -0
  62. package/dist/common/shopping-dashboard/specs/FilterBar.spec.d.ts +1 -0
  63. package/dist/common/shopping-dashboard/specs/MysiteDashboardWithNavigation.spec.d.ts +1 -0
  64. package/dist/common/shopping-dashboard/specs/Pagination.spec.d.ts +1 -0
  65. package/dist/common/shopping-dashboard/specs/PoDashboardWithNavigation.spec.d.ts +1 -0
  66. package/dist/common/shopping-dashboard/specs/ProductOfferDashboard.spec.d.ts +1 -0
  67. package/dist/common/shopping-dashboard/specs/ProductsFullView.spec.d.ts +1 -0
  68. package/dist/common/shopping-dashboard/specs/ShoppingDashboard.spec.d.ts +1 -0
  69. package/dist/common/shopping-dashboard/specs/SignupsFullView.spec.d.ts +1 -0
  70. package/dist/common/shopping-dashboard/specs/TopCategoriesPieChart.spec.d.ts +1 -0
  71. package/dist/common/shopping-dashboard/specs/TopPerformingOffersFullView.spec.d.ts +1 -0
  72. package/dist/common/shopping-dashboard/specs/TopPerformingOffersPieChart.spec.d.ts +1 -0
  73. package/dist/common/shopping-dashboard/specs/TopSellingProductsList.spec.d.ts +1 -0
  74. package/dist/common/shopping-dashboard/specs/WidgetMenu.spec.d.ts +1 -0
  75. package/dist/common/shopping-dashboard/specs/dataUtils.spec.d.ts +1 -0
  76. package/dist/common/shopping-dashboard/specs/dateFormat.spec.d.ts +1 -0
  77. package/dist/common/shopping-dashboard/specs/marketOptions.spec.d.ts +1 -0
  78. package/dist/common/shopping-dashboard/specs/productOfferTranslation.spec.d.ts +1 -0
  79. package/dist/common/shopping-dashboard/specs/translationResolver.spec.d.ts +1 -0
  80. package/dist/common/shopping-dashboard/specs/trendUtils.spec.d.ts +1 -0
  81. package/dist/common/shopping-dashboard/stories/CategoriesFullView.stories.d.ts +10 -0
  82. package/dist/common/shopping-dashboard/stories/ConversionRateChart.stories.d.ts +9 -0
  83. package/dist/common/shopping-dashboard/stories/ConversionRateFullView.stories.d.ts +9 -0
  84. package/dist/common/shopping-dashboard/stories/DashboardHeader.stories.d.ts +9 -0
  85. package/dist/common/shopping-dashboard/stories/DataTable.stories.d.ts +8 -0
  86. package/dist/common/shopping-dashboard/stories/PageHeader.stories.d.ts +8 -0
  87. package/dist/common/shopping-dashboard/stories/Pagination.stories.d.ts +9 -0
  88. package/dist/common/shopping-dashboard/stories/ProductOfferDashboard.stories.d.ts +13 -0
  89. package/dist/common/shopping-dashboard/stories/ProductsFullView.stories.d.ts +9 -0
  90. package/dist/common/shopping-dashboard/stories/ShoppingDashboard.stories.d.ts +13 -0
  91. package/dist/common/shopping-dashboard/stories/SignupsChart.stories.d.ts +10 -0
  92. package/dist/common/shopping-dashboard/stories/SignupsFullView.stories.d.ts +9 -0
  93. package/dist/common/shopping-dashboard/stories/StatsCard.stories.d.ts +11 -0
  94. package/dist/common/shopping-dashboard/stories/TopCategoriesPieChart.stories.d.ts +10 -0
  95. package/dist/common/shopping-dashboard/stories/TopPerformingOffersFullView.stories.d.ts +10 -0
  96. package/dist/common/shopping-dashboard/stories/TopPerformingOffersPieChart.stories.d.ts +11 -0
  97. package/dist/common/shopping-dashboard/stories/TopSellingProductsList.stories.d.ts +11 -0
  98. package/dist/common/shopping-dashboard/utils/dataUtils.d.ts +9 -0
  99. package/dist/common/shopping-dashboard/utils/dateConstants.d.ts +5 -0
  100. package/dist/common/shopping-dashboard/utils/dateFormat.d.ts +7 -0
  101. package/dist/common/shopping-dashboard/utils/marketOptions.d.ts +4 -0
  102. package/dist/common/shopping-dashboard/utils/trendUtils.d.ts +11 -0
  103. package/dist/index.js +1 -1
  104. package/dist/index.js.map +1 -1
  105. package/dist/index.mjs +1 -1
  106. package/dist/index.mjs.map +1 -1
  107. package/package.json +6 -3
@@ -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 Standard: Story;
9
+ export declare const Loading: Story;
@@ -0,0 +1,9 @@
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 StandardFilter: Story;
9
+ 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 SortByUnits: 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 SortByUnits: 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,9 @@
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
+ export declare function formatMoney(value: number, currencyCode?: string, locale?: string, fractionDigits?: number): string;
@@ -0,0 +1,5 @@
1
+ import type { DateRangeOption } from '../types.d';
2
+ export declare const DAYS_MAP: Record<DateRangeOption, number>;
3
+ export declare const DATE_RANGE_LABELS: Record<DateRangeOption, string>;
4
+ export declare function getDaysFromDateRange(dateRange: DateRangeOption): number;
5
+ export declare function getDateRangeLabel(dateRange: DateRangeOption): string;
@@ -0,0 +1,7 @@
1
+ import type { DateRangeOption } from '../types.d';
2
+ export declare function formatDateRangeLabel(dateRange: DateRangeOption): string;
3
+ export declare function formatShortDate(date: Date): string;
4
+ export declare function formatAxisDate(dateStr: string): string;
5
+ export declare function formatDisplayDate(dateStr: string): string;
6
+ export declare function formatDateRange(start: string, end: string): string;
7
+ export declare function formatISODate(date: Date): string;
@@ -0,0 +1,4 @@
1
+ import type { MarketFilterOption } from '../types.d';
2
+ export declare function buildDefaultMarketOptions(): MarketFilterOption[];
3
+ export declare function resolveMarketOptions(markets: ReadonlyArray<MarketFilterOption> | undefined): ReadonlyArray<MarketFilterOption>;
4
+ export declare function useMarketOptions(markets: ReadonlyArray<MarketFilterOption> | undefined): ReadonlyArray<MarketFilterOption>;
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import type { TrendDirection } from '../shared/types';
3
+ export declare function parseTrendPercent(value?: string): number | null;
4
+ export declare function resolveTrendDirection(value?: string): TrendDirection;
5
+ export declare function calculateWeightedRevenueTrend<T>(items: readonly T[], getRevenue: (item: T) => number, getTrend: (item: T) => string | undefined): {
6
+ direction: TrendDirection;
7
+ formatted: string;
8
+ };
9
+ export declare function getTrendDirectionLabel(direction: TrendDirection): string;
10
+ export declare function getTrendIcon(direction: TrendDirection): React.ReactNode;
11
+ export declare function getTrendColor(direction: TrendDirection): string;