@nuskin/react-mysite-elements 1.3.0 → 1.4.0-po-dashboard.1

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/nextjs';
+import { ShoppingDashboard } from '../ShoppingDashboard';
+declare const meta: Meta<typeof ShoppingDashboard>;
+export default meta;
+type Story = StoryObj<typeof ShoppingDashboard>;
+export declare const Default: Story;
+export declare const StaticDefault: Story;
+export declare const NegativeTrends: Story;
+export declare const Loading: Story;
+export declare const ErrorState: Story;
+export declare const EmptyData: Story;
+export declare const MobileView: Story;
+export declare const TabletView: Story;

package/dist/common/shopping-dashboard/stories/SignupsChart.stories.d.ts

@@ -0,0 +1,10 @@
+import type { StoryObj, Meta } from '@storybook/nextjs';
+import { SignupsChart } from '../shared/Signups/SignupsChart';
+type ComponentType = typeof SignupsChart;
+type Story = StoryObj<ComponentType>;
+declare const _default: Meta<ComponentType>;
+export default _default;
+export declare const Default: Story;
+export declare const MembersOnly: Story;
+export declare const RetailOnly: Story;
+export declare const Loading: Story;

package/dist/common/shopping-dashboard/stories/SignupsFullView.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj, Meta } from '@storybook/nextjs';
+import { SignupsFullView } from '../shared/Signups/SignupsFullView';
+type ComponentType = typeof SignupsFullView;
+type Story = StoryObj<ComponentType>;
+declare const _default: Meta<ComponentType>;
+export default _default;
+export declare const Default: Story;
+export declare const MembersOnly: Story;
+export declare const Loading: Story;

package/dist/common/shopping-dashboard/stories/StatsCard.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj, Meta } from '@storybook/nextjs';
+import { StatsCard } from '../shared/StatsCard';
+type ComponentType = typeof StatsCard;
+type Story = StoryObj<ComponentType>;
+declare const _default: Meta<ComponentType>;
+export default _default;
+export declare const Revenue: Story;
+export declare const Volume: Story;
+export declare const SiteVisits: Story;
+export declare const Neutral: Story;
+export declare const NoTrend: Story;

package/dist/common/shopping-dashboard/stories/TopCategoriesPieChart.stories.d.ts

@@ -0,0 +1,10 @@
+import type { StoryObj, Meta } from '@storybook/nextjs';
+import { TopCategoriesPieChart } from '../shared/TopCategories/TopCategoriesPieChart';
+type ComponentType = typeof TopCategoriesPieChart;
+type Story = StoryObj<ComponentType>;
+declare const _default: Meta<ComponentType>;
+export default _default;
+export declare const Default: Story;
+export declare const SortByUnits: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;

package/dist/common/shopping-dashboard/stories/TopPerformingOffersFullView.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/nextjs';
+import { TopPerformingOffersFullView } from '../shared/TopPerformingOffers/TopPerformingOffersFullView';
+declare const meta: Meta<typeof TopPerformingOffersFullView>;
+export default meta;
+type Story = StoryObj<typeof TopPerformingOffersFullView>;
+export declare const Default: Story;
+export declare const SortByUnits: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const MobileView: Story;

package/dist/common/shopping-dashboard/stories/TopPerformingOffersPieChart.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/nextjs';
+import { TopPerformingOffersPieChart } from '../shared/TopPerformingOffers/TopPerformingOffersPieChart';
+declare const meta: Meta<typeof TopPerformingOffersPieChart>;
+export default meta;
+type Story = StoryObj<typeof TopPerformingOffersPieChart>;
+export declare const Default: Story;
+export declare const SortByUnits: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const SingleOffer: Story;
+export declare const MobileView: Story;

package/dist/common/shopping-dashboard/stories/TopSellingProductsList.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj, Meta } from '@storybook/nextjs';
+import { TopSellingProductsList } from '../shared/TopProducts/TopSellingProductsList';
+type ComponentType = typeof TopSellingProductsList;
+type Story = StoryObj<ComponentType>;
+declare const _default: Meta<ComponentType>;
+export default _default;
+export declare const Default: Story;
+export declare const SortByRevenue: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const ThreeProducts: Story;

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

@@ -0,0 +1,14 @@
+/**
+ * Data Utilities
+ *
+ * Shared functions for data manipulation across dashboard components.
+ * Includes pagination, sorting, and filtering utilities.
+ */
+/** Calculate total number of pages for pagination */
+export declare function calculateTotalPages<T>(items: T[], itemsPerPage: number): number;
+/** Get paginated slice of items for current page */
+export declare function paginateItems<T>(items: T[], currentPage: number, itemsPerPage: number): T[];
+/** Sort array by a numeric property */
+export declare function sortByNumericProperty<T extends Record<string, unknown>>(items: T[], key: keyof T, direction?: 'asc' | 'desc'): T[];
+/** Calculate percentage of a value relative to total */
+export declare function calculatePercentage(value: number, total: number, decimalPlaces?: number): string;

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

@@ -0,0 +1,14 @@
+/**
+ * Date Constants
+ *
+ * Centralized date-related constants for dashboard filtering and display.
+ */
+import type { DateRangeOption } from '../types.d';
+/** Maps date range options to number of days */
+export declare const DAYS_MAP: Record<DateRangeOption, number>;
+/** Maps date range options to human-readable labels */
+export declare const DATE_RANGE_LABELS: Record<DateRangeOption, string>;
+/** Get number of days for a date range option */
+export declare function getDaysFromDateRange(dateRange: DateRangeOption): number;
+/** Get human-readable label for a date range option */
+export declare function getDateRangeLabel(dateRange: DateRangeOption): string;

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

@@ -0,0 +1,16 @@
+/**
+ * Date Format Utilities
+ *
+ * Shared functions for formatting dates and date ranges across dashboard components.
+ */
+import type { DateRangeOption } from '../types.d';
+/** Format date range option to display label */
+export declare function formatDateRangeLabel(dateRange: DateRangeOption): string;
+/** Format Date object to "MMM D" format */
+export declare function formatShortDate(date: Date): string;
+/** Format date string to display format */
+export declare function formatDisplayDate(dateStr: string): string;
+/** Format date range as "MMM D - MMM D" */
+export declare function formatDateRange(start: string, end: string): string;
+/** Format ISO date to standard format */
+export declare function formatISODate(date: Date): string;

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

@@ -0,0 +1,14 @@
+/**
+ * Market Constants
+ *
+ * Centralized market multipliers for revenue/volume calculations.
+ */
+import type { MarketOption } from '../types.d';
+/** Revenue and volume multipliers for each market */
+export declare const MARKET_MULTIPLIERS: Record<MarketOption, number>;
+/** Get multiplier for a specific market */
+export declare function getMarketMultiplier(market: MarketOption): number;
+/** Apply market multiplier to a value */
+export declare function applyMarketMultiplier(value: number, market: MarketOption): number;
+/** Get human-readable display name for market */
+export declare function getMarketDisplayName(market: MarketOption): string;

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

@@ -0,0 +1,16 @@
+/**
+ * Trend Utilities
+ *
+ * Shared utilities for rendering trend indicators across dashboard widgets.
+ * Centralizes trend icon logic to eliminate duplication.
+ */
+import React from 'react';
+import type { TrendDirection } from '../shared/types';
+/**
+ * Get trend icon component based on direction
+ */
+export declare function getTrendIcon(direction: TrendDirection): React.ReactNode;
+/**
+ * Get trend color based on direction
+ */
+export declare function getTrendColor(direction: TrendDirection): string;