sag_components 2.0.0-beta4 → 2.0.0-beta41

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

@@ -2,22 +2,200 @@ declare namespace _default {
     export const title: string;
     export { OneColumnContainer as component };
     export const tags: string[];
+    export namespace argTypes {
+        namespace width {
+            const control: string;
+            const description: string;
+            const name: string;
+        }
+        namespace height {
+            const control_1: string;
+            export { control_1 as control };
+            const description_1: string;
+            export { description_1 as description };
+            const name_1: string;
+            export { name_1 as name };
+        }
+        namespace overflow {
+            const control_2: string;
+            export { control_2 as control };
+            const description_2: string;
+            export { description_2 as description };
+            const name_2: string;
+            export { name_2 as name };
+        }
+        namespace transparentBackground {
+            const control_3: string;
+            export { control_3 as control };
+            const description_3: string;
+            export { description_3 as description };
+            const name_3: string;
+            export { name_3 as name };
+        }
+        namespace display {
+            const control_4: string;
+            export { control_4 as control };
+            const description_4: string;
+            export { description_4 as description };
+            const name_4: string;
+            export { name_4 as name };
+        }
+        namespace isLoading {
+            const control_5: string;
+            export { control_5 as control };
+            const description_5: string;
+            export { description_5 as description };
+            const name_5: string;
+            export { name_5 as name };
+        }
+        namespace children {
+            const control_6: string;
+            export { control_6 as control };
+            const description_6: string;
+            export { description_6 as description };
+            const name_6: string;
+            export { name_6 as name };
+        }
+        namespace gridTemplateColumns {
+            const control_7: string;
+            export { control_7 as control };
+            const description_7: string;
+            export { description_7 as description };
+            const name_7: string;
+            export { name_7 as name };
+        }
+        namespace itemClass {
+            const control_8: string;
+            export { control_8 as control };
+            const description_8: string;
+            export { description_8 as description };
+            const name_8: string;
+            export { name_8 as name };
+        }
+        namespace divStyle {
+            const control_9: string;
+            export { control_9 as control };
+            const description_9: string;
+            export { description_9 as description };
+            const name_9: string;
+            export { name_9 as name };
+        }
+        namespace overStyle {
+            const control_10: string;
+            export { control_10 as control };
+            const description_10: string;
+            export { description_10 as description };
+            const name_10: string;
+            export { name_10 as name };
+        }
+        namespace draggingStyle {
+            const control_11: string;
+            export { control_11 as control };
+            const description_11: string;
+            export { description_11 as description };
+            const name_11: string;
+            export { name_11 as name };
+        }
+        namespace droppedStyle {
+            const control_12: string;
+            export { control_12 as control };
+            const description_12: string;
+            export { description_12 as description };
+            const name_12: string;
+            export { name_12 as name };
+        }
+        namespace infoTitle {
+            const control_13: string;
+            export { control_13 as control };
+            const description_13: string;
+            export { description_13 as description };
+            const name_13: string;
+            export { name_13 as name };
+        }
+        namespace infoText {
+            const control_14: string;
+            export { control_14 as control };
+            const description_14: string;
+            export { description_14 as description };
+            const name_14: string;
+            export { name_14 as name };
+        }
+        namespace disableInfo {
+            const control_15: string;
+            export { control_15 as control };
+            const description_15: string;
+            export { description_15 as description };
+            const name_15: string;
+            export { name_15 as name };
+        }
+        namespace showViewByBannerButton {
+            const control_16: string;
+            export { control_16 as control };
+            const description_16: string;
+            export { description_16 as description };
+            const name_16: string;
+            export { name_16 as name };
+        }
+        namespace onBannerClick {
+            export const action: string;
+            const description_17: string;
+            export { description_17 as description };
+            const name_17: string;
+            export { name_17 as name };
+        }
+        namespace columnTitle {
+            const control_17: string;
+            export { control_17 as control };
+            const description_18: string;
+            export { description_18 as description };
+            const name_18: string;
+            export { name_18 as name };
+        }
+        namespace isPercentOfChange {
+            const control_18: string;
+            export { control_18 as control };
+            const description_19: string;
+            export { description_19 as description };
+            const name_19: string;
+            export { name_19 as name };
+        }
+        namespace PercentOfChangeData {
+            const control_19: string;
+            export { control_19 as control };
+            const description_20: string;
+            export { description_20 as description };
+            const name_20: string;
+            export { name_20 as name };
+        }
+        namespace backgroundImage {
+            const control_20: string;
+            export { control_20 as control };
+            const description_21: string;
+            export { description_21 as description };
+            const name_21: string;
+            export { name_21 as name };
+        }
+        namespace showBackgroundImage {
+            const control_21: string;
+            export { control_21 as control };
+            const description_22: string;
+            export { description_22 as description };
+            const name_22: string;
+            export { name_22 as name };
+        }
+        namespace backgroundImageStyle {
+            const control_22: string;
+            export { control_22 as control };
+            const description_23: string;
+            export { description_23 as description };
+            const name_23: string;
+            export { name_23 as name };
+        }
+    }
 }
 export default _default;
 export namespace Skeleton {
     namespace args {
-        const isLoading: boolean;
-        const infoTitle: string;
-        const infoText: string;
-        const width: string;
-        const height: string;
-        const disableInfo: boolean;
-        const showViewByBannerButton: boolean;
-        const overflow: string;
-    }
-}
-export namespace DisableInfo {
-    export namespace args_1 {
         const isLoading_1: boolean;
         export { isLoading_1 as isLoading };
         const infoTitle_1: string;
@@ -35,10 +213,9 @@ export namespace DisableInfo {
         const overflow_1: string;
         export { overflow_1 as overflow };
     }
-    export { args_1 as args };
 }
-export namespace ShowViewByBanner {
-    export namespace args_2 {
+export namespace DisableInfo {
+    export namespace args_1 {
         const isLoading_2: boolean;
         export { isLoading_2 as isLoading };
         const infoTitle_2: string;
@@ -56,10 +233,10 @@ export namespace ShowViewByBanner {
         const overflow_2: string;
         export { overflow_2 as overflow };
     }
-    export { args_2 as args };
+    export { args_1 as args };
 }
-export namespace ShowViewByBannerAndInfo {
-    export namespace args_3 {
+export namespace ShowViewByBanner {
+    export namespace args_2 {
         const isLoading_3: boolean;
         export { isLoading_3 as isLoading };
         const infoTitle_3: string;
@@ -77,10 +254,10 @@ export namespace ShowViewByBannerAndInfo {
         const overflow_3: string;
         export { overflow_3 as overflow };
     }
-    export { args_3 as args };
+    export { args_2 as args };
 }
-export namespace ShowOnlyInfo {
-    export namespace args_4 {
+export namespace ShowViewByBannerAndInfo {
+    export namespace args_3 {
         const isLoading_4: boolean;
         export { isLoading_4 as isLoading };
         const infoTitle_4: string;
@@ -98,10 +275,10 @@ export namespace ShowOnlyInfo {
         const overflow_4: string;
         export { overflow_4 as overflow };
     }
-    export { args_4 as args };
+    export { args_3 as args };
 }
-export namespace ShowColumnTitleAndInfo {
-    export namespace args_5 {
+export namespace ShowOnlyInfo {
+    export namespace args_4 {
         const isLoading_5: boolean;
         export { isLoading_5 as isLoading };
         const infoTitle_5: string;
@@ -118,12 +295,11 @@ export namespace ShowColumnTitleAndInfo {
         export { showViewByBannerButton_5 as showViewByBannerButton };
         const overflow_5: string;
         export { overflow_5 as overflow };
-        export const columnTitle: string;
     }
-    export { args_5 as args };
+    export { args_4 as args };
 }
-export namespace WithBarComponent {
-    export namespace args_6 {
+export namespace ShowColumnTitleAndInfo {
+    export namespace args_5 {
         const isLoading_6: boolean;
         export { isLoading_6 as isLoading };
         const infoTitle_6: string;
@@ -140,10 +316,81 @@ export namespace WithBarComponent {
         export { showViewByBannerButton_6 as showViewByBannerButton };
         const overflow_6: string;
         export { overflow_6 as overflow };
-        export const children: import("react/jsx-runtime").JSX.Element;
         const columnTitle_1: string;
         export { columnTitle_1 as columnTitle };
     }
+    export { args_5 as args };
+}
+export namespace WithBarComponent {
+    export namespace args_6 {
+        const isLoading_7: boolean;
+        export { isLoading_7 as isLoading };
+        const infoTitle_7: string;
+        export { infoTitle_7 as infoTitle };
+        const infoText_7: string;
+        export { infoText_7 as infoText };
+        const width_7: string;
+        export { width_7 as width };
+        const height_7: string;
+        export { height_7 as height };
+        const disableInfo_7: boolean;
+        export { disableInfo_7 as disableInfo };
+        const showViewByBannerButton_7: boolean;
+        export { showViewByBannerButton_7 as showViewByBannerButton };
+        export const transparentBackgound: boolean;
+        const overflow_7: string;
+        export { overflow_7 as overflow };
+        const children_1: import("react/jsx-runtime").JSX.Element;
+        export { children_1 as children };
+        const columnTitle_2: string;
+        export { columnTitle_2 as columnTitle };
+    }
     export { args_6 as args };
 }
+export namespace ShowColumnWithPercentageAndBackraundImage {
+    export namespace args_7 {
+        const isLoading_8: boolean;
+        export { isLoading_8 as isLoading };
+        const infoTitle_8: string;
+        export { infoTitle_8 as infoTitle };
+        const infoText_8: string;
+        export { infoText_8 as infoText };
+        const width_8: string;
+        export { width_8 as width };
+        const height_8: string;
+        export { height_8 as height };
+        const disableInfo_8: boolean;
+        export { disableInfo_8 as disableInfo };
+        const showViewByBannerButton_8: boolean;
+        export { showViewByBannerButton_8 as showViewByBannerButton };
+        const overflow_8: string;
+        export { overflow_8 as overflow };
+        const columnTitle_3: string;
+        export { columnTitle_3 as columnTitle };
+        const children_2: import("react/jsx-runtime").JSX.Element;
+        export { children_2 as children };
+        const isPercentOfChange_1: boolean;
+        export { isPercentOfChange_1 as isPercentOfChange };
+        const PercentOfChangeData_1: number;
+        export { PercentOfChangeData_1 as PercentOfChangeData };
+        const backgroundImage_1: import("react/jsx-runtime").JSX.Element;
+        export { backgroundImage_1 as backgroundImage };
+        const showBackgroundImage_1: boolean;
+        export { showBackgroundImage_1 as showBackgroundImage };
+        export namespace backgroundImageStyle_1 {
+            const width_9: string;
+            export { width_9 as width };
+            const height_9: string;
+            export { height_9 as height };
+            export const position: string;
+            export const right: string;
+            export const top: string;
+            export const lineHeight: string;
+            export const color: string;
+            export const opacity: number;
+        }
+        export { backgroundImageStyle_1 as backgroundImageStyle };
+    }
+    export { args_7 as args };
+}
 import { OneColumnContainer } from "./OneColumnContainer";

package/dist/types/components/OneColumnContainer/OneColumnContainer.style.d.ts

@@ -8,3 +8,5 @@ export const IconContainer: import("styled-components/dist/types").IStyledCompon
 export const LoadingDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const BannerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const OutBanner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const PercentOfChange: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const BackgroundImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,7 +1,7 @@
 export function PerformanceAnalytics(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace PerformanceAnalytics {
     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,18 +9,18 @@ export namespace PerformanceAnalytics {
             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>;
             roiValue: 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 currencyType: PropTypes.Requireable<string>;
         const colorGraphROI: PropTypes.Requireable<string>;
         const colorBarchart1: PropTypes.Requireable<string>;
@@ -40,11 +40,11 @@ export namespace PerformanceAnalytics {
         const tooltipBarchartLabel_ContributionOfTotal2: PropTypes.Requireable<string>;
     }
     namespace defaultProps {
-        const totalsData_1: never[];
+        const totalsData_1: any[];
         export { totalsData_1 as totalsData };
-        const data_1: never[];
+        const data_1: any[];
         export { data_1 as data };
-        const legendData_1: never[];
+        const legendData_1: any[];
         export { legendData_1 as legendData };
         const currencyType_1: string;
         export { currencyType_1 as currencyType };

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

@@ -171,93 +171,5 @@ declare namespace _default {
     }
 }
 export default _default;
-export function IndividualPerformance(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace IndividualPerformance {
-    export namespace args {
-        export { totalsData1 as totalsData };
-        export { data1 as data };
-        export { legendData1 as legendData };
-        export const colorBarchart1: string;
-        export const colorBarchart2: string;
-        const colorGraphROI_1: string;
-        export { colorGraphROI_1 as colorGraphROI };
-        const currencyType_1: string;
-        export { currencyType_1 as currencyType };
-        const dotCut_1: boolean;
-        export { dotCut_1 as dotCut };
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        export const barChartHeight: number;
-        const lineChartHeight_1: number;
-        export { lineChartHeight_1 as lineChartHeight };
-        const noDataText_1: string;
-        export { noDataText_1 as noDataText };
-        const tooltipBarchartLabel_ROI_1: string;
-        export { tooltipBarchartLabel_ROI_1 as tooltipBarchartLabel_ROI };
-        const tooltipBarchartLabel_IndividualPerformance1_1: string;
-        export { tooltipBarchartLabel_IndividualPerformance1_1 as tooltipBarchartLabel_IndividualPerformance1 };
-        const tooltipBarchartLabel_IndividualPerformance2_1: string;
-        export { tooltipBarchartLabel_IndividualPerformance2_1 as tooltipBarchartLabel_IndividualPerformance2 };
-        const tooltipBarchartLabel_IndividualPerformance3_1: string;
-        export { tooltipBarchartLabel_IndividualPerformance3_1 as tooltipBarchartLabel_IndividualPerformance3 };
-        const tooltipBarchartLabel_ContributionOfTotal1_1: string;
-        export { tooltipBarchartLabel_ContributionOfTotal1_1 as tooltipBarchartLabel_ContributionOfTotal1 };
-        const tooltipBarchartLabel_ContributionOfTotal2_1: string;
-        export { tooltipBarchartLabel_ContributionOfTotal2_1 as tooltipBarchartLabel_ContributionOfTotal2 };
-    }
-    export namespace parameters_1 {
-        export namespace design_1 {
-            const url: string;
-        }
-        export { design_1 as design };
-    }
-    export { parameters_1 as parameters };
-}
+export const IndividualPerformance: any;
 import { PerformanceAnalytics } from "./PerformanceAnalytics";
-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;
-    packageCostValue: number;
-    redemptionCostValue: null;
-    incrementalSalesValue: number;
-    IncrementalGrowthValue: number;
-    contributionTotalCostValue: number;
-    contributionIncrementalSalesValue: number;
-} | {
-    retailer: string;
-    offerType: string;
-    period: string;
-    roiValue: number;
-    packageCostValue: number;
-    redemptionCostValue: number;
-    incrementalSalesValue: number;
-    IncrementalGrowthValue: number;
-    contributionTotalCostValue: number;
-    contributionIncrementalSalesValue: number;
-})[];
-declare const legendData1: {
-    iconColor: string;
-    iconType: string;
-    title: string;
-}[];

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

@@ -1,29 +1,2 @@
 export function PerformanceAnalyticsLegend(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace PerformanceAnalyticsLegend {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const legendData: PropTypes.Requireable<(PropTypes.InferProps<{
-            title: PropTypes.Validator<string>;
-            iconType: PropTypes.Validator<string>;
-            iconColor: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const legendData_1: {
-            title: string;
-            iconType: string;
-            iconColor: string;
-        }[];
-        export { legendData_1 as legendData };
-    }
-}
 export default PerformanceAnalyticsLegend;
-import PropTypes from "prop-types";

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;