sag_components 2.0.0-beta1 → 2.0.0-beta100

package/dist/types/components/PerformanceAnalyticsLegend/PerformanceAnalyticsLegend.stories.d.ts

@@ -37,62 +37,7 @@ declare namespace _default {
     }
 }
 export default _default;
-export function IndividualPerformance(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace IndividualPerformance {
-    export namespace args {
-        export { legendDataIndividualPerformance as legendData };
-    }
-    export namespace parameters_1 {
-        export namespace design_1 {
-            const url: string;
-        }
-        export { design_1 as design };
-    }
-    export { parameters_1 as parameters };
-}
-export function PercentIncrementalGrowth(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace PercentIncrementalGrowth {
-    export namespace args_1 {
-        export { legendDataPercentIncrementalGrowth as legendData };
-    }
-    export { args_1 as args };
-    export namespace parameters_2 {
-        export namespace design_2 {
-            const url_1: string;
-            export { url_1 as url };
-        }
-        export { design_2 as design };
-    }
-    export { parameters_2 as parameters };
-}
-export function PercentContributionOfTotal(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace PercentContributionOfTotal {
-    export namespace args_2 {
-        export { legendDataPercentContributionOfTotal as legendData };
-    }
-    export { args_2 as args };
-    export namespace parameters_3 {
-        export namespace design_3 {
-            const url_2: string;
-            export { url_2 as url };
-        }
-        export { design_3 as design };
-    }
-    export { parameters_3 as parameters };
-}
+export const IndividualPerformance: any;
+export const PercentIncrementalGrowth: any;
+export const PercentContributionOfTotal: any;
 import { PerformanceAnalyticsLegend } from "./PerformanceAnalyticsLegend";
-declare const legendDataIndividualPerformance: {
-    title: string;
-    iconType: string;
-    iconColor: string;
-}[];
-declare const legendDataPercentIncrementalGrowth: {
-    title: string;
-    iconType: string;
-    iconColor: string;
-}[];
-declare const legendDataPercentContributionOfTotal: {
-    title: string;
-    iconType: string;
-    iconColor: string;
-}[];

package/dist/types/components/PerformanceAnalyticsOneColumn/PerformanceAnalyticsOneColumn.d.ts

@@ -1,7 +1,7 @@
 export function PerformanceAnalyticsOneColumn(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace PerformanceAnalyticsOneColumn {
     namespace propTypes {
-        const totalsData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const totalsData: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<number>;
             dotCut: PropTypes.Requireable<boolean>;
@@ -9,8 +9,8 @@ export namespace PerformanceAnalyticsOneColumn {
             currencyType: PropTypes.Requireable<string>;
             growthPercent: PropTypes.Requireable<number>;
             showGrowthPercentSign: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
-        const data: PropTypes.Requireable<(PropTypes.InferProps<{
+        }>[]>;
+        const data: PropTypes.Requireable<PropTypes.InferProps<{
             retailer: PropTypes.Requireable<string>;
             offerType: PropTypes.Requireable<string>;
             period: PropTypes.Requireable<string>;
@@ -18,12 +18,12 @@ export namespace PerformanceAnalyticsOneColumn {
             newShoppersPercentValue: PropTypes.Requireable<number>;
             existingShoppersValue: PropTypes.Requireable<number>;
             existingShoppersPercentValue: PropTypes.Requireable<number>;
-        }> | null | undefined)[]>;
-        const legendData: PropTypes.Requireable<(PropTypes.InferProps<{
+        }>[]>;
+        const legendData: PropTypes.Requireable<PropTypes.InferProps<{
             iconColor: PropTypes.Requireable<string>;
             iconType: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const colorBarchart1: PropTypes.Requireable<string>;
         const colorBarchart2: PropTypes.Requireable<string>;
         const lineChartHeight: PropTypes.Requireable<number>;
@@ -70,9 +70,9 @@ export namespace PerformanceAnalyticsOneColumn {
         }[];
         export { data_1 as data };
         const legendData_1: {
-            iconColor: null;
-            iconType: null;
-            title: null;
+            iconColor: any;
+            iconType: any;
+            title: any;
         }[];
         export { legendData_1 as legendData };
         const tooltipBarchartLabel1_1: string;

package/dist/types/components/PerformanceAnalyticsOneColumn/PerformanceAnalyticsOneColumn.stories.d.ts

@@ -149,88 +149,5 @@ declare namespace _default {
     }
 }
 export default _default;
-export function TotalCostSales(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace TotalCostSales {
-    export namespace args {
-        export { totalsData1 as totalsData };
-        export { data1 as data };
-        export { legendData1 as legendData };
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const lineChartHeight_1: number;
-        export { lineChartHeight_1 as lineChartHeight };
-        const lineChartValueType_1: boolean;
-        export { lineChartValueType_1 as lineChartValueType };
-        const lineChartValueBold_1: boolean;
-        export { lineChartValueBold_1 as lineChartValueBold };
-        export const colorBarchart1: string;
-        export const colorBarchart2: string;
-        const topBarPercentSigning_1: boolean;
-        export { topBarPercentSigning_1 as topBarPercentSigning };
-        const topBarSigning_1: string;
-        export { topBarSigning_1 as topBarSigning };
-        const currencyType_1: string;
-        export { currencyType_1 as currencyType };
-        const noDataText_1: string;
-        export { noDataText_1 as noDataText };
-        const tooltipBarchartLabel1_1: string;
-        export { tooltipBarchartLabel1_1 as tooltipBarchartLabel1 };
-        const tooltipBarchartLabel2_1: string;
-        export { tooltipBarchartLabel2_1 as tooltipBarchartLabel2 };
-    }
-    export namespace parameters_1 {
-        export namespace design_1 {
-            const url: string;
-        }
-        export { design_1 as design };
-    }
-    export { parameters_1 as parameters };
-}
+export const TotalCostSales: any;
 import { PerformanceAnalyticsOneColumn } from "./PerformanceAnalyticsOneColumn";
-declare const totalsData1: ({
-    title: string;
-    value: number;
-    dotCut: boolean;
-    currency: boolean;
-    currencyType: string;
-    growthPercent: number;
-    showGrowthPercentSign: boolean;
-} | {
-    title: string;
-    value: number;
-    dotCut: boolean;
-    currency: boolean;
-    currencyType: null;
-    growthPercent: null;
-    showGrowthPercentSign: boolean;
-})[];
-declare const data1: ({
-    retailer: string;
-    offerType: string;
-    period: string;
-    roiValue: number;
-    newShoppersValue: number;
-    newShoppersPercentValue: number;
-    existingShoppersValue: number;
-    existingShoppersPercentValue: number;
-    totalShoppers: number;
-    contributionIncrementalSalesValue?: undefined;
-} | {
-    retailer: string;
-    offerType: string;
-    period: string;
-    roiValue: number;
-    newShoppersValue: number;
-    newShoppersPercentValue: number;
-    existingShoppersValue: number;
-    existingShoppersPercentValue: number;
-    contributionIncrementalSalesValue: number;
-    totalShoppers: number;
-})[];
-declare const legendData1: {
-    iconColor: string;
-    iconType: string;
-    title: string;
-}[];

package/dist/types/components/PerformanceAnalyticsTotals/PerformanceAnalyticsTotals.d.ts

@@ -4,7 +4,7 @@ export namespace PerformanceAnalyticsTotals {
         const width: PropTypes.Requireable<string>;
         const height: PropTypes.Requireable<string>;
         const textcolor: PropTypes.Requireable<string>;
-        const totalsData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const totalsData: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<number>;
             dotCut: PropTypes.Requireable<boolean>;
@@ -12,7 +12,7 @@ export namespace PerformanceAnalyticsTotals {
             currencyType: PropTypes.Requireable<string>;
             growthPercent: PropTypes.Requireable<number>;
             showGrowthPercentSign: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
+        }>[]>;
     }
     namespace defaultProps {
         const textcolor_1: string;

package/dist/types/components/PerformanceAnalyticsTotals/PerformanceAnalyticsTotals.stories.d.ts

@@ -37,66 +37,6 @@ declare namespace _default {
     }
 }
 export default _default;
-export function TotalCostSales(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace TotalCostSales {
-    export namespace args {
-        export { totalsDataCostSales as totalsData };
-    }
-    export namespace parameters_1 {
-        export namespace design_1 {
-            const url: string;
-        }
-        export { design_1 as design };
-    }
-    export { parameters_1 as parameters };
-}
-export function NewExistingShoppers(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace NewExistingShoppers {
-    export namespace args_1 {
-        export { totalsDataShoppers as totalsData };
-    }
-    export { args_1 as args };
-    export namespace parameters_2 {
-        export namespace design_2 {
-            const url_1: string;
-            export { url_1 as url };
-        }
-        export { design_2 as design };
-    }
-    export { parameters_2 as parameters };
-}
+export const TotalCostSales: any;
+export const NewExistingShoppers: any;
 import { PerformanceAnalyticsTotals } from "./PerformanceAnalyticsTotals";
-declare const totalsDataCostSales: ({
-    title: string;
-    value: number;
-    dotCut: boolean;
-    currency: boolean;
-    currencyType: string;
-    growthPercent: number;
-    showGrowthPercentSign: boolean;
-} | {
-    title: string;
-    value: number;
-    dotCut: boolean;
-    currency: boolean;
-    currencyType: null;
-    growthPercent: null;
-    showGrowthPercentSign: boolean;
-})[];
-declare const totalsDataShoppers: ({
-    title: string;
-    value: number;
-    dotCut: boolean;
-    currency: boolean;
-    currencyType: null;
-    growthPercent: null;
-    showGrowthPercentSign: boolean;
-} | {
-    title: string;
-    value: number;
-    dotCut: boolean;
-    currency: boolean;
-    currencyType: null;
-    growthPercent: number;
-    showGrowthPercentSign: boolean;
-})[];

package/dist/types/components/PieChart/PieChart.d.ts

@@ -1,5 +1,6 @@
-export function PieChart(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace PieChart {
+export default PieChart;
+declare function PieChart(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace PieChart {
     namespace propTypes {
         const className: PropTypes.Requireable<string>;
         const width: PropTypes.Requireable<string>;
@@ -11,10 +12,10 @@ export namespace PieChart {
         const currencyType: PropTypes.Requireable<string>;
         const dotCut: PropTypes.Requireable<boolean>;
         const isPercent: PropTypes.Requireable<boolean>;
-        const legendData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const legendData: PropTypes.Requireable<PropTypes.InferProps<{
             name: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const itemsBoldedValues: PropTypes.Requireable<boolean>;
         const itemsPercentagesValueAside: PropTypes.Requireable<boolean>;
         const itemsValuesSeparateLine: PropTypes.Requireable<boolean>;
@@ -44,7 +45,7 @@ export namespace PieChart {
         export { dotCut_1 as dotCut };
         const isPercent_1: boolean;
         export { isPercent_1 as isPercent };
-        const legendData_1: never[];
+        const legendData_1: any[];
         export { legendData_1 as legendData };
         const itemsBoldedValues_1: boolean;
         export { itemsBoldedValues_1 as itemsBoldedValues };
@@ -62,5 +63,4 @@ export namespace PieChart {
         export { noDataText_1 as noDataText };
     }
 }
-export default PieChart;
 import PropTypes from "prop-types";

package/dist/types/components/PieChart/PieChart.stories.d.ts

@@ -197,99 +197,5 @@ declare namespace _default {
     }
 }
 export default _default;
-export function TotalCost3rows(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace TotalCost3rows {
-    namespace args {
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const textcolor_1: string;
-        export { textcolor_1 as textcolor };
-        const title_2: string;
-        export { title_2 as title };
-        const value_1: number;
-        export { value_1 as value };
-        const currencySign_1: boolean;
-        export { currencySign_1 as currencySign };
-        const currencyType_1: string;
-        export { currencyType_1 as currencyType };
-        const dotCut_1: boolean;
-        export { dotCut_1 as dotCut };
-        const isPercent_1: boolean;
-        export { isPercent_1 as isPercent };
-        export { arrLegendDat3rows as legendData };
-        const itemsBoldedValues_1: boolean;
-        export { itemsBoldedValues_1 as itemsBoldedValues };
-        const itemsPercentagesValueAside_1: boolean;
-        export { itemsPercentagesValueAside_1 as itemsPercentagesValueAside };
-        const itemsValuesSeparateLine_1: boolean;
-        export { itemsValuesSeparateLine_1 as itemsValuesSeparateLine };
-        const hideTitleAndValue_1: boolean;
-        export { hideTitleAndValue_1 as hideTitleAndValue };
-        const addingBenchmark_1: boolean;
-        export { addingBenchmark_1 as addingBenchmark };
-        const textAfterValue_1: string;
-        export { textAfterValue_1 as textAfterValue };
-        const noDataText_1: string;
-        export { noDataText_1 as noDataText };
-    }
-}
-export function TotalCost5rows(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace TotalCost5rows {
-    export namespace args_1 {
-        const width_2: string;
-        export { width_2 as width };
-        const height_2: string;
-        export { height_2 as height };
-        const textcolor_2: string;
-        export { textcolor_2 as textcolor };
-        const title_3: string;
-        export { title_3 as title };
-        const value_2: number;
-        export { value_2 as value };
-        const currencySign_2: boolean;
-        export { currencySign_2 as currencySign };
-        const currencyType_2: string;
-        export { currencyType_2 as currencyType };
-        const dotCut_2: boolean;
-        export { dotCut_2 as dotCut };
-        const isPercent_2: boolean;
-        export { isPercent_2 as isPercent };
-        export { arrLegendDat5rows as legendData };
-        const itemsBoldedValues_2: boolean;
-        export { itemsBoldedValues_2 as itemsBoldedValues };
-        const itemsPercentagesValueAside_2: boolean;
-        export { itemsPercentagesValueAside_2 as itemsPercentagesValueAside };
-        const itemsValuesSeparateLine_2: boolean;
-        export { itemsValuesSeparateLine_2 as itemsValuesSeparateLine };
-        const hideTitleAndValue_2: boolean;
-        export { hideTitleAndValue_2 as hideTitleAndValue };
-        const addingBenchmark_2: boolean;
-        export { addingBenchmark_2 as addingBenchmark };
-        const textAfterValue_2: string;
-        export { textAfterValue_2 as textAfterValue };
-        const noDataText_2: string;
-        export { noDataText_2 as noDataText };
-    }
-    export { args_1 as args };
-}
-import { PieChart } from "./PieChart";
-declare const arrLegendDat3rows: {
-    name: string;
-    value: number;
-    color: string;
-}[];
-declare const arrLegendDat5rows: ({
-    name: string;
-    value: null;
-    color: string;
-} | {
-    name: string;
-    value: undefined;
-    color: string;
-} | {
-    name: string;
-    value: number;
-    color: string;
-})[];
+export const TotalCost3rows: any;
+export const TotalCost5rows: any;

package/dist/types/components/PopupCharts/PopupCharts.d.ts

@@ -4,17 +4,17 @@ declare namespace PopupCharts {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
         const chartType: PropTypes.Requireable<string>;
-        const popupChartsItemsData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const popupChartsItemsData: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             chartType: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<number>;
-            legendData: PropTypes.Requireable<(PropTypes.InferProps<{
+            legendData: PropTypes.Requireable<PropTypes.InferProps<{
                 color: PropTypes.Requireable<string>;
                 name: PropTypes.Requireable<string>;
                 value: PropTypes.Requireable<number>;
-            }> | null | undefined)[]>;
+            }>[]>;
             noDataText: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const isPopupChartsOpen: PropTypes.Requireable<boolean>;
         const width: PropTypes.Requireable<string>;
         const height: PropTypes.Requireable<string>;

package/dist/types/components/PopupCharts/PopupCharts.stories.d.ts

@@ -80,201 +80,10 @@ declare namespace _default {
     }
 }
 export default _default;
-export function TotalDoughnutChart(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace TotalDoughnutChart {
-    namespace args {
-        const title_2: string;
-        export { title_2 as title };
-        const chartType_1: string;
-        export { chartType_1 as chartType };
-        const isPopupChartsOpen_1: boolean;
-        export { isPopupChartsOpen_1 as isPopupChartsOpen };
-        export { popupChartsItemsData1 as popupChartsItemsData };
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const subtitleTextColor_1: string;
-        export { subtitleTextColor_1 as subtitleTextColor };
-    }
-}
-export function BarChartsByWeeks(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace BarChartsByWeeks {
-    export namespace args_1 {
-        const title_3: string;
-        export { title_3 as title };
-        const chartType_2: string;
-        export { chartType_2 as chartType };
-        const isPopupChartsOpen_2: boolean;
-        export { isPopupChartsOpen_2 as isPopupChartsOpen };
-        export { popupChartsItemsData1 as popupChartsItemsData };
-        const width_2: string;
-        export { width_2 as width };
-        const height_2: string;
-        export { height_2 as height };
-        const subtitleTextColor_2: string;
-        export { subtitleTextColor_2 as subtitleTextColor };
-    }
-    export { args_1 as args };
-}
-export function BarChartsByWeeksTwoBars(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace BarChartsByWeeksTwoBars {
-    export namespace args_2 {
-        const title_4: string;
-        export { title_4 as title };
-        const chartType_3: string;
-        export { chartType_3 as chartType };
-        const isPopupChartsOpen_3: boolean;
-        export { isPopupChartsOpen_3 as isPopupChartsOpen };
-        export { popupChartsItemsData1 as popupChartsItemsData };
-        const width_3: string;
-        export { width_3 as width };
-        const height_3: string;
-        export { height_3 as height };
-        const subtitleTextColor_3: string;
-        export { subtitleTextColor_3 as subtitleTextColor };
-    }
-    export { args_2 as args };
-}
-export function TotalHorizontalCharts(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace TotalHorizontalCharts {
-    export namespace args_3 {
-        const title_5: string;
-        export { title_5 as title };
-        const chartType_4: string;
-        export { chartType_4 as chartType };
-        const isPopupChartsOpen_4: boolean;
-        export { isPopupChartsOpen_4 as isPopupChartsOpen };
-        export { popupChartsItemsData1 as popupChartsItemsData };
-        const width_4: string;
-        export { width_4 as width };
-        const height_4: string;
-        export { height_4 as height };
-        const subtitleTextColor_4: string;
-        export { subtitleTextColor_4 as subtitleTextColor };
-    }
-    export { args_3 as args };
-}
-export function MarketShareWeeklyTriers(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace MarketShareWeeklyTriers {
-    export namespace args_4 {
-        const title_6: string;
-        export { title_6 as title };
-        const chartType_5: string;
-        export { chartType_5 as chartType };
-        const isPopupChartsOpen_5: boolean;
-        export { isPopupChartsOpen_5 as isPopupChartsOpen };
-        export { popupChartsItemsData1 as popupChartsItemsData };
-        const width_5: string;
-        export { width_5 as width };
-        const height_5: string;
-        export { height_5 as height };
-        const subtitleTextColor_5: string;
-        export { subtitleTextColor_5 as subtitleTextColor };
-    }
-    export { args_4 as args };
-}
-export function SalesAndROI(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace SalesAndROI {
-    export namespace args_5 {
-        const title_7: string;
-        export { title_7 as title };
-        const chartType_6: string;
-        export { chartType_6 as chartType };
-        const isPopupChartsOpen_6: boolean;
-        export { isPopupChartsOpen_6 as isPopupChartsOpen };
-        export { popupChartsItemsData1 as popupChartsItemsData };
-        const width_6: string;
-        export { width_6 as width };
-        const height_6: string;
-        export { height_6 as height };
-        const subtitleTextColor_6: string;
-        export { subtitleTextColor_6 as subtitleTextColor };
-    }
-    export { args_5 as args };
-}
+export const TotalDoughnutChart: any;
+export const BarChartsByWeeks: any;
+export const BarChartsByWeeksTwoBars: any;
+export const TotalHorizontalCharts: any;
+export const MarketShareWeeklyTriers: any;
+export const SalesAndROI: any;
 import PopupCharts from "./PopupCharts";
-declare const popupChartsItemsData1: {
-    title: string;
-    rowsData: {
-        TotalDoughnutChartDetails: {
-            title: string;
-            value: number;
-            legendData: {
-                color: string;
-                name: string;
-                value: number;
-            }[];
-            noDataText: string;
-        };
-        BarChartsByWeeksDetails: {
-            title: string;
-            headerValueTopTitle: string;
-            headerValue: number;
-            headerValueBottomTitle: string;
-            barChartData: {
-                title: string;
-                value: number;
-                secondValue: number;
-            }[];
-            barChartColor: string;
-            barChartSecondColor: string;
-            startWeekRange: string;
-            endWeekRange: string;
-            tooltipTitle: string;
-            tooltipSecondTitle: string;
-            xselectedColor: string;
-            isPercentValue: boolean;
-            showLegend: boolean;
-            legendData: {
-                title: string;
-                iconType: string;
-                iconColor: string;
-            }[];
-        };
-        TotalHorizontalChartsDetails: {
-            title: string;
-            value: number;
-            chartsData: {
-                color: string;
-                name: string;
-                value: number;
-            }[];
-            noDataText: string;
-            currencySign: boolean;
-            dotCut: boolean;
-        };
-        MarketShareDescriptionDetails: {
-            dotCut: boolean;
-            marketShareData: {
-                fieldsArray: {
-                    label: string;
-                    textAfter: string;
-                    textBefore: string;
-                    value: number;
-                }[];
-                name: string;
-                rowFooter: string;
-                rowTitle: string;
-                showBanner: boolean;
-            }[];
-            height: string;
-            width: string;
-        };
-        SalesAndROIDetails: {
-            title: string;
-            currencySign: boolean;
-            dotCut: boolean;
-            noDataText: string;
-            salesData: {
-                name: string;
-                textAfter: string;
-                textBefore: string;
-                value: number;
-            }[];
-            showBanner: boolean;
-            height: string;
-            width: string;
-        };
-    };
-}[];

package/dist/types/components/ProductsVariety/ProductsVariety.d.ts

@@ -3,11 +3,11 @@ declare function ProductsVariety(props: any): import("react/jsx-runtime").JSX.El
 declare namespace ProductsVariety {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
-        const productsData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const productsData: PropTypes.Requireable<PropTypes.InferProps<{
             value: PropTypes.Requireable<string>;
             label: PropTypes.Requireable<string>;
             ShowSpotlightProductButton: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const showBannersDropdown: PropTypes.Requireable<boolean>;
         const subTitle: PropTypes.Requireable<string>;
         const onClickBannersDropdown: PropTypes.Requireable<(...args: any[]) => any>;