sag_components 2.0.0-beta40 → 2.0.0-beta42

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

@@ -0,0 +1,396 @@
+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_1: boolean;
+        export { isLoading_1 as isLoading };
+        const infoTitle_1: string;
+        export { infoTitle_1 as infoTitle };
+        const infoText_1: string;
+        export { infoText_1 as infoText };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const disableInfo_1: boolean;
+        export { disableInfo_1 as disableInfo };
+        const showViewByBannerButton_1: boolean;
+        export { showViewByBannerButton_1 as showViewByBannerButton };
+        const overflow_1: string;
+        export { overflow_1 as overflow };
+    }
+}
+export namespace DisableInfo {
+    export namespace args_1 {
+        const isLoading_2: boolean;
+        export { isLoading_2 as isLoading };
+        const infoTitle_2: string;
+        export { infoTitle_2 as infoTitle };
+        const infoText_2: string;
+        export { infoText_2 as infoText };
+        const width_2: string;
+        export { width_2 as width };
+        const height_2: string;
+        export { height_2 as height };
+        const disableInfo_2: boolean;
+        export { disableInfo_2 as disableInfo };
+        const showViewByBannerButton_2: boolean;
+        export { showViewByBannerButton_2 as showViewByBannerButton };
+        const overflow_2: string;
+        export { overflow_2 as overflow };
+    }
+    export { args_1 as args };
+}
+export namespace ShowViewByBanner {
+    export namespace args_2 {
+        const isLoading_3: boolean;
+        export { isLoading_3 as isLoading };
+        const infoTitle_3: string;
+        export { infoTitle_3 as infoTitle };
+        const infoText_3: string;
+        export { infoText_3 as infoText };
+        const width_3: string;
+        export { width_3 as width };
+        const height_3: string;
+        export { height_3 as height };
+        const disableInfo_3: boolean;
+        export { disableInfo_3 as disableInfo };
+        const showViewByBannerButton_3: boolean;
+        export { showViewByBannerButton_3 as showViewByBannerButton };
+        const overflow_3: string;
+        export { overflow_3 as overflow };
+    }
+    export { args_2 as args };
+}
+export namespace ShowViewByBannerAndInfo {
+    export namespace args_3 {
+        const isLoading_4: boolean;
+        export { isLoading_4 as isLoading };
+        const infoTitle_4: string;
+        export { infoTitle_4 as infoTitle };
+        const infoText_4: string;
+        export { infoText_4 as infoText };
+        const width_4: string;
+        export { width_4 as width };
+        const height_4: string;
+        export { height_4 as height };
+        const disableInfo_4: boolean;
+        export { disableInfo_4 as disableInfo };
+        const showViewByBannerButton_4: boolean;
+        export { showViewByBannerButton_4 as showViewByBannerButton };
+        const overflow_4: string;
+        export { overflow_4 as overflow };
+    }
+    export { args_3 as args };
+}
+export namespace ShowOnlyInfo {
+    export namespace args_4 {
+        const isLoading_5: boolean;
+        export { isLoading_5 as isLoading };
+        const infoTitle_5: string;
+        export { infoTitle_5 as infoTitle };
+        const infoText_5: string;
+        export { infoText_5 as infoText };
+        const width_5: string;
+        export { width_5 as width };
+        const height_5: string;
+        export { height_5 as height };
+        const disableInfo_5: boolean;
+        export { disableInfo_5 as disableInfo };
+        const showViewByBannerButton_5: boolean;
+        export { showViewByBannerButton_5 as showViewByBannerButton };
+        const overflow_5: string;
+        export { overflow_5 as overflow };
+    }
+    export { args_4 as args };
+}
+export namespace ShowColumnTitleAndInfo {
+    export namespace args_5 {
+        const isLoading_6: boolean;
+        export { isLoading_6 as isLoading };
+        const infoTitle_6: string;
+        export { infoTitle_6 as infoTitle };
+        const infoText_6: string;
+        export { infoText_6 as infoText };
+        const width_6: string;
+        export { width_6 as width };
+        const height_6: string;
+        export { height_6 as height };
+        const disableInfo_6: boolean;
+        export { disableInfo_6 as disableInfo };
+        const showViewByBannerButton_6: boolean;
+        export { showViewByBannerButton_6 as showViewByBannerButton };
+        const overflow_6: string;
+        export { overflow_6 as overflow };
+        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

@@ -0,0 +1,175 @@
+declare namespace _default {
+    export const title: string;
+    export { PerformanceAnalytics as component };
+    export const tags: string[];
+    export namespace parameters {
+        namespace design {
+            const type: string;
+            const accessToken: string;
+        }
+    }
+    export namespace argTypes {
+        namespace currencyType {
+            const name: string;
+            const options: string[];
+            namespace control {
+                const type_1: string;
+                export { type_1 as type };
+            }
+        }
+        namespace legendData {
+            const name_1: string;
+            export { name_1 as name };
+            export const description: string;
+        }
+        namespace width {
+            const name_2: string;
+            export { name_2 as name };
+            export namespace control_1 {
+                const type_2: string;
+                export { type_2 as type };
+            }
+            export { control_1 as control };
+            const description_1: string;
+            export { description_1 as description };
+        }
+        namespace height {
+            const name_3: string;
+            export { name_3 as name };
+            export namespace control_2 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_2 as control };
+            const description_2: string;
+            export { description_2 as description };
+        }
+        namespace dotCut {
+            const name_4: string;
+            export { name_4 as name };
+            export namespace control_3 {
+                const type_4: string;
+                export { type_4 as type };
+            }
+            export { control_3 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        namespace lineChartHeight {
+            const name_5: string;
+            export { name_5 as name };
+            export namespace control_4 {
+                const type_5: string;
+                export { type_5 as type };
+            }
+            export { control_4 as control };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        namespace textcolor {
+            const name_6: string;
+            export { name_6 as name };
+            const description_5: string;
+            export { description_5 as description };
+            export namespace control_5 {
+                const type_6: string;
+                export { type_6 as type };
+                export const presetColors: string[];
+            }
+            export { control_5 as control };
+        }
+        namespace colorGraphROI {
+            const name_7: string;
+            export { name_7 as name };
+            const description_6: string;
+            export { description_6 as description };
+            export namespace control_6 {
+                const type_7: string;
+                export { type_7 as type };
+                const presetColors_1: string[];
+                export { presetColors_1 as presetColors };
+            }
+            export { control_6 as control };
+        }
+        namespace noDataText {
+            const name_8: string;
+            export { name_8 as name };
+            export namespace control_7 {
+                const type_8: string;
+                export { type_8 as type };
+            }
+            export { control_7 as control };
+            const description_7: string;
+            export { description_7 as description };
+        }
+        namespace tooltipBarchartLabel_ROI {
+            const name_9: string;
+            export { name_9 as name };
+            export namespace control_8 {
+                const type_9: string;
+                export { type_9 as type };
+            }
+            export { control_8 as control };
+            const description_8: string;
+            export { description_8 as description };
+        }
+        namespace tooltipBarchartLabel_IndividualPerformance1 {
+            const name_10: string;
+            export { name_10 as name };
+            export namespace control_9 {
+                const type_10: string;
+                export { type_10 as type };
+            }
+            export { control_9 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+        namespace tooltipBarchartLabel_IndividualPerformance2 {
+            const name_11: string;
+            export { name_11 as name };
+            export namespace control_10 {
+                const type_11: string;
+                export { type_11 as type };
+            }
+            export { control_10 as control };
+            const description_10: string;
+            export { description_10 as description };
+        }
+        namespace tooltipBarchartLabel_IndividualPerformance3 {
+            const name_12: string;
+            export { name_12 as name };
+            export namespace control_11 {
+                const type_12: string;
+                export { type_12 as type };
+            }
+            export { control_11 as control };
+            const description_11: string;
+            export { description_11 as description };
+        }
+        namespace tooltipBarchartLabel_ContributionOfTotal1 {
+            const name_13: string;
+            export { name_13 as name };
+            export namespace control_12 {
+                const type_13: string;
+                export { type_13 as type };
+            }
+            export { control_12 as control };
+            const description_12: string;
+            export { description_12 as description };
+        }
+        namespace tooltipBarchartLabel_ContributionOfTotal2 {
+            const name_14: string;
+            export { name_14 as name };
+            export namespace control_13 {
+                const type_14: string;
+                export { type_14 as type };
+            }
+            export { control_13 as control };
+            const description_13: string;
+            export { description_13 as description };
+        }
+    }
+}
+export default _default;
+export const IndividualPerformance: any;
+import { PerformanceAnalytics } from "./PerformanceAnalytics";

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";