sag_components 2.0.0-beta24 → 2.0.0-beta241

package/dist/index.d.ts

@@ -1,52 +1,26 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import PropTypes from 'prop-types';
-
-declare function Button({ text, type, size, height, width, disabled, textColor, backgroundColor, borderColor, hoverTextColor, hoverBackgroundColor, hoverBorderColor, disabledTextColor, disabledBackgroundColor, disabledBorderColor, onClick, leftIcon, rightIcon, isSubmitButton, }: {
-    text?: string | undefined;
-    type?: string | undefined;
-    size?: string | undefined;
-    height?: string | undefined;
-    width?: string | undefined;
-    disabled?: boolean | undefined;
-    textColor?: string | undefined;
-    backgroundColor?: string | undefined;
-    borderColor?: string | undefined;
-    hoverTextColor?: string | undefined;
-    hoverBackgroundColor?: string | undefined;
-    hoverBorderColor?: string | undefined;
-    disabledTextColor?: string | undefined;
-    disabledBackgroundColor?: string | undefined;
-    disabledBorderColor?: string | undefined;
-    onClick: any;
-    leftIcon?: string | undefined;
-    rightIcon?: string | undefined;
-    isSubmitButton?: boolean | undefined;
-}): react_jsx_runtime.JSX.Element;
+declare function Button(props: any): any;
 
-declare function PieChart(props: any): react_jsx_runtime.JSX.Element;
+declare function PieChart(props: any): any;
 declare namespace PieChart {
     namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const textcolor: PropTypes.Requireable<string>;
-        const title: PropTypes.Requireable<string>;
-        const value: PropTypes.Requireable<number>;
-        const currencySign: PropTypes.Requireable<boolean>;
-        const currencyType: PropTypes.Requireable<string>;
-        const dotCut: PropTypes.Requireable<boolean>;
-        const isPercent: PropTypes.Requireable<boolean>;
-        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>;
-        const hideTitleAndValue: PropTypes.Requireable<boolean>;
-        const addingBenchmark: PropTypes.Requireable<boolean>;
-        const textAfterValue: PropTypes.Requireable<string>;
-        const noDataText: PropTypes.Requireable<string>;
+        const className: any;
+        const width: any;
+        const height: any;
+        const textcolor: any;
+        const title: any;
+        const value: any;
+        const currencySign: any;
+        const currencyType: any;
+        const dotCut: any;
+        const isPercent: any;
+        const legendData: any;
+        const itemsBoldedValues: any;
+        const itemsPercentagesValueAside: any;
+        const itemsValuesSeparateLine: any;
+        const hideTitleAndValue: any;
+        const addingBenchmark: any;
+        const textAfterValue: any;
+        const noDataText: any;
     }
     namespace defaultProps {
         const className_1: string;
@@ -69,7 +43,7 @@ declare 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 };
@@ -88,21 +62,21 @@ declare namespace PieChart {
     }
 }
 
-declare function EventDetailsCard(props: any): react_jsx_runtime.JSX.Element;
+declare function EventDetailsCard(props: any): any;
 declare namespace EventDetailsCard {
     namespace propTypes {
-        const title: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const className: PropTypes.Requireable<string>;
-        const displayBannersDropdown: PropTypes.Requireable<boolean>;
-        const banners: PropTypes.Requireable<(string | null | undefined)[]>;
-        const data: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
-        const count: PropTypes.Requireable<number>;
-        const buttonText: PropTypes.Requireable<string>;
-        const onViewButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const onBannersDropdownClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const disableViewDetailsButton: PropTypes.Requireable<boolean>;
+        const title: any;
+        const width: any;
+        const height: any;
+        const className: any;
+        const displayBannersDropdown: any;
+        const banners: any;
+        const data: any;
+        const count: any;
+        const buttonText: any;
+        const onViewButtonClick: any;
+        const onBannersDropdownClick: any;
+        const disableViewDetailsButton: any;
     }
     namespace defaultProps {
         const title_1: string;
@@ -135,176 +109,31 @@ declare namespace EventDetailsCard {
     }
 }
 
-declare function LinnerDataBox(props: any): react_jsx_runtime.JSX.Element;
-declare namespace LinnerDataBox {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const data: PropTypes.Requireable<(PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            value: PropTypes.Requireable<number>;
-            sign: PropTypes.Requireable<string>;
-            extraInfo: PropTypes.Requireable<(PropTypes.InferProps<{
-                title: PropTypes.Requireable<string>;
-                value: PropTypes.Requireable<number>;
-            }> | null | undefined)[]>;
-        }> | null | undefined)[]>;
-        const backgroundColor: PropTypes.Requireable<string>;
-        const customDataFormat: PropTypes.Requireable<boolean>;
-    }
-    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 data_1: never[];
-        export { data_1 as data };
-        const backgroundColor_1: string;
-        export { backgroundColor_1 as backgroundColor };
-        const customDataFormat_1: boolean;
-        export { customDataFormat_1 as customDataFormat };
-    }
-}
+declare function LinnerDataBox(props: any): any;
 
-declare function TabMenu(props: any): react_jsx_runtime.JSX.Element;
-declare namespace TabMenu {
-    namespace propTypes {
-        const activeColor: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const className: PropTypes.Requireable<string>;
-        const color: PropTypes.Requireable<string>;
-        const currentTab: PropTypes.Requireable<number>;
-        const headlineInsteadTabs: PropTypes.Requireable<boolean>;
-        const headlineText: PropTypes.Requireable<string>;
-        const inputWidth: PropTypes.Requireable<string>;
-        const onFilterButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const onSearchFieldTyping: PropTypes.Requireable<(...args: any[]) => any>;
-        const onTabChange: PropTypes.Requireable<(...args: any[]) => any>;
-        const panelIsOpen: PropTypes.Requireable<boolean>;
-        const setBackground: PropTypes.Requireable<boolean>;
-        const showActions: PropTypes.Requireable<boolean>;
-        const showFilterButton: PropTypes.Requireable<boolean>;
-        const showLabel: PropTypes.Requireable<boolean>;
-        const showSearchInput: PropTypes.Requireable<boolean>;
-        const showViewOptionsButton: PropTypes.Requireable<boolean>;
-        const disabledButton: PropTypes.Requireable<boolean>;
-        const setTopRightButton: PropTypes.Requireable<boolean>;
-        const rightButtonText: PropTypes.Requireable<string>;
-        const rightButtonIcon: PropTypes.Requireable<string>;
-        const onTopButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const tabs: PropTypes.Requireable<(PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        }> | null | undefined)[]>;
-    }
-    namespace defaultProps {
-        const activeColor_1: string;
-        export { activeColor_1 as activeColor };
-        const children_1: null;
-        export { children_1 as children };
-        const className_1: string;
-        export { className_1 as className };
-        const color_1: string;
-        export { color_1 as color };
-        const currentTab_1: number;
-        export { currentTab_1 as currentTab };
-        const headlineInsteadTabs_1: boolean;
-        export { headlineInsteadTabs_1 as headlineInsteadTabs };
-        const headlineText_1: string;
-        export { headlineText_1 as headlineText };
-        const inputWidth_1: string;
-        export { inputWidth_1 as inputWidth };
-        export function onFilterButtonClick_1(): void;
-        export { onFilterButtonClick_1 as onFilterButtonClick };
-        export function onSearchFieldTyping_1(): void;
-        export { onSearchFieldTyping_1 as onSearchFieldTyping };
-        export function onTabChange_1(): void;
-        export { onTabChange_1 as onTabChange };
-        const panelIsOpen_1: boolean;
-        export { panelIsOpen_1 as panelIsOpen };
-        const setBackground_1: boolean;
-        export { setBackground_1 as setBackground };
-        const showActions_1: boolean;
-        export { showActions_1 as showActions };
-        const showFilterButton_1: boolean;
-        export { showFilterButton_1 as showFilterButton };
-        const showLabel_1: boolean;
-        export { showLabel_1 as showLabel };
-        const showSearchInput_1: boolean;
-        export { showSearchInput_1 as showSearchInput };
-        const showViewOptionsButton_1: boolean;
-        export { showViewOptionsButton_1 as showViewOptionsButton };
-        const disabledButton_1: boolean;
-        export { disabledButton_1 as disabledButton };
-        const setTopRightButton_1: boolean;
-        export { setTopRightButton_1 as setTopRightButton };
-        const rightButtonText_1: string;
-        export { rightButtonText_1 as rightButtonText };
-        const rightButtonIcon_1: string;
-        export { rightButtonIcon_1 as rightButtonIcon };
-        export function onTopButtonClick_1(): void;
-        export { onTopButtonClick_1 as onTopButtonClick };
-        const tabs_1: ({
-            title: string;
-            content: react_jsx_runtime.JSX.Element;
-        } | {
-            title: string;
-            content: string;
-        })[];
-        export { tabs_1 as tabs };
-    }
-}
+declare function TabMenu(props: any): any;
 
-declare function FilterPanel(props: any): react_jsx_runtime.JSX.Element;
+declare function FilterPanel(props: any): any;
 declare namespace FilterPanel {
     namespace propTypes {
-        const availableQuarters: PropTypes.Requireable<(string | null | undefined)[]>;
-        const availableMonths: PropTypes.Requireable<(string | null | undefined)[]>;
-        const availableYears: PropTypes.Requireable<(string | null | undefined)[]>;
-        const fieldsData: PropTypes.Requireable<(PropTypes.InferProps<{
-            disabled: PropTypes.Requireable<boolean>;
-            required: PropTypes.Requireable<boolean>;
-            inputType: PropTypes.Requireable<string>;
-            placeHolder: PropTypes.Requireable<string>;
-            xIconShow: PropTypes.Requireable<boolean>;
-            label: PropTypes.Requireable<string>;
-            labelEmptyValue: PropTypes.Requireable<string>;
-            name: PropTypes.Requireable<string>;
-            periodPickerSelectedValue: PropTypes.Requireable<string>;
-            selectedValue: PropTypes.Requireable<(PropTypes.InferProps<{
-                value: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
-            orderBy: PropTypes.Requireable<string>;
-            elementType: PropTypes.Requireable<string>;
-            value: PropTypes.Requireable<number>;
-            color: PropTypes.Requireable<string>;
-            defaultValueYears: PropTypes.Requireable<PropTypes.InferProps<{
-                value: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-            }>>;
-            dropdownOptions: PropTypes.Requireable<(PropTypes.InferProps<{
-                value: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
-        }> | null | undefined)[]>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const okButtonBackgroundColor: PropTypes.Requireable<string>;
-        const okButtonHoverColor: PropTypes.Requireable<string>;
-        const resetButtonHoverColor: PropTypes.Requireable<string>;
-        const borderColor: PropTypes.Requireable<string>;
-        const onOkClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const onResetClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const onItemValueChanged: PropTypes.Requireable<(...args: any[]) => any>;
-        const disableOKButton: PropTypes.Requireable<boolean>;
-        const className: PropTypes.Requireable<string>;
-        const useExternalFilterState: PropTypes.Requireable<boolean>;
-        const showShadow: PropTypes.Requireable<boolean>;
-        const tooltipTextGoButton: PropTypes.Requireable<string>;
+        const availableQuarters: any;
+        const availableMonths: any;
+        const availableYears: any;
+        const fieldsData: any;
+        const width: any;
+        const height: any;
+        const okButtonBackgroundColor: any;
+        const okButtonHoverColor: any;
+        const resetButtonHoverColor: any;
+        const borderColor: any;
+        const onOkClick: any;
+        const onResetClick: any;
+        const onItemValueChanged: any;
+        const disableOKButton: any;
+        const className: any;
+        const useExternalFilterState: any;
+        const showShadow: any;
+        const tooltipTextGoButton: any;
     }
     namespace defaultProps {
         const availableQuarters_1: string[];
@@ -313,7 +142,7 @@ declare namespace FilterPanel {
         export { availableMonths_1 as availableMonths };
         const availableYears_1: string[];
         export { availableYears_1 as availableYears };
-        const fieldsData_1: never[];
+        const fieldsData_1: any[];
         export { fieldsData_1 as fieldsData };
         const width_1: string;
         export { width_1 as width };
@@ -346,33 +175,25 @@ declare namespace FilterPanel {
     }
 }
 
-declare function ReportTable(props: any): react_jsx_runtime.JSX.Element;
+declare function ReportTable(props: any): any;
 declare namespace ReportTable {
     namespace propTypes {
-        const buttonText: PropTypes.Requireable<string>;
-        const buttonIconName: PropTypes.Requireable<string>;
-        const tableData: PropTypes.Requireable<PropTypes.InferProps<{
-            columnsHeadings: PropTypes.Requireable<(PropTypes.InferProps<{
-                label: PropTypes.Requireable<string>;
-                key: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
-            rowsValues: PropTypes.Requireable<({
-                [x: string]: string | null | undefined;
-            } | null | undefined)[]>;
-        }>>;
-        const maxColumnsNumber: PropTypes.Requireable<number>;
-        const useColorLinearGradient: PropTypes.Requireable<boolean>;
-        const useSelectButtons: PropTypes.Requireable<boolean>;
-        const disableSelectButtons: PropTypes.Requireable<boolean>;
-        const disableInfo: PropTypes.Requireable<boolean>;
-        const selectTextColor: PropTypes.Requireable<string>;
-        const onSelectRowClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const onCheckRowClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const onAllRowsCheckBoxClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const useCheckBoxes: PropTypes.Requireable<boolean>;
-        const selectHoverColor: PropTypes.Requireable<string>;
-        const enableHover: PropTypes.Requireable<boolean>;
-        const enablePagination: PropTypes.Requireable<boolean>;
+        const buttonText: any;
+        const buttonIconName: any;
+        const tableData: any;
+        const maxColumnsNumber: any;
+        const useColorLinearGradient: any;
+        const useSelectButtons: any;
+        const disableSelectButtons: any;
+        const disableInfo: any;
+        const selectTextColor: any;
+        const onSelectRowClick: any;
+        const onCheckRowClick: any;
+        const onAllRowsCheckBoxClick: any;
+        const useCheckBoxes: any;
+        const selectHoverColor: any;
+        const enableHover: any;
+        const enablePagination: any;
     }
     namespace defaultProps {
         const buttonText_1: string;
@@ -428,21 +249,18 @@ declare namespace ReportTable {
     }
 }
 
-declare function EventList(props: any): react_jsx_runtime.JSX.Element;
+declare function EventList(props: any): any;
 declare namespace EventList {
     namespace propTypes {
-        const eventsData: PropTypes.Requireable<(PropTypes.InferProps<{
-            eventName: PropTypes.Requireable<string>;
-            period: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        const selectTextColor: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-        const itemHeight: PropTypes.Requireable<string>;
-        const onSelectClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const eventsData: any;
+        const selectTextColor: any;
+        const height: any;
+        const width: any;
+        const itemHeight: any;
+        const onSelectClick: any;
     }
     namespace defaultProps {
-        const eventsData_1: never[];
+        const eventsData_1: any[];
         export { eventsData_1 as eventsData };
         const selectTextColor_1: string;
         export { selectTextColor_1 as selectTextColor };
@@ -457,88 +275,20 @@ declare namespace EventList {
     }
 }
 
-declare function BannerEventBoxList(props: any): react_jsx_runtime.JSX.Element;
-declare namespace BannerEventBoxList {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const eventType: PropTypes.Requireable<string>;
-        const eventName: PropTypes.Requireable<string>;
-        const count: PropTypes.Requireable<number>;
-        const toggleColor: PropTypes.Requireable<string>;
-        const data: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
-        const retailer: PropTypes.Requireable<string>;
-        const retailerFile: PropTypes.Requireable<(...args: any[]) => any>;
-        const showLoader: PropTypes.Requireable<boolean>;
-        const showEventDetails: PropTypes.Requireable<boolean>;
-        const cardsContent: PropTypes.Requireable<boolean>;
-        const linkText: PropTypes.Requireable<string>;
-        const disableToggle: PropTypes.Requireable<boolean>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const bannerWidth: PropTypes.Requireable<string>;
-        const showDraft: PropTypes.Requireable<boolean>;
-    }
-    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 eventType_1: string;
-        export { eventType_1 as eventType };
-        const eventName_1: string;
-        export { eventName_1 as eventName };
-        const count_1: null;
-        export { count_1 as count };
-        const toggleColor_1: string;
-        export { toggleColor_1 as toggleColor };
-        const data_1: {
-            banner: string;
-            description: string;
-            dates: string[];
-            data: {
-                name: string;
-                items: string[];
-            }[];
-        }[];
-        export { data_1 as data };
-        const retailer_1: string;
-        export { retailer_1 as retailer };
-        export function retailerFile_1(): void;
-        export { retailerFile_1 as retailerFile };
-        const cardsContent_1: boolean;
-        export { cardsContent_1 as cardsContent };
-        const linkText_1: string;
-        export { linkText_1 as linkText };
-        const showLoader_1: boolean;
-        export { showLoader_1 as showLoader };
-        const showEventDetails_1: boolean;
-        export { showEventDetails_1 as showEventDetails };
-        const disableToggle_1: boolean;
-        export { disableToggle_1 as disableToggle };
-        const children_1: null;
-        export { children_1 as children };
-        const bannerWidth_1: string;
-        export { bannerWidth_1 as bannerWidth };
-        const showDraft_1: boolean;
-        export { showDraft_1 as showDraft };
-    }
-}
+declare function BannerEventBoxList(props: any): any;
 
-declare function DialogOverlay(props: any): react_jsx_runtime.JSX.Element;
+declare function DialogOverlay(props: any): any;
 declare namespace DialogOverlay {
     namespace propTypes {
-        const title: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const onDialogClose: PropTypes.Requireable<(...args: any[]) => any>;
-        const className: PropTypes.Requireable<string>;
+        const title: any;
+        const children: any;
+        const onDialogClose: any;
+        const className: any;
     }
     namespace defaultProps {
         const title_1: string;
         export { title_1 as title };
-        const children_1: null;
+        const children_1: any;
         export { children_1 as children };
         export function onDialogClose_1(): void;
         export { onDialogClose_1 as onDialogClose };
@@ -547,38 +297,24 @@ declare namespace DialogOverlay {
     }
 }
 
-declare function CollapseHeader(props: any): react_jsx_runtime.JSX.Element;
+declare function CollapseHeader(props: any): any;
 declare namespace CollapseHeader {
     namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const showRetailerIcon: PropTypes.Requireable<boolean>;
-        const showPeriodIcon: PropTypes.Requireable<boolean>;
-        const viewCreativeRetailersData: PropTypes.Requireable<(PropTypes.InferProps<{
-            label: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        const data: PropTypes.Requireable<PropTypes.InferProps<{
-            eventType: PropTypes.Requireable<string>;
-            retailer: PropTypes.Requireable<string>;
-            eventDescription: PropTypes.Requireable<string>;
-            objectivesDescription: PropTypes.Requireable<string>;
-            eventDatesValue: PropTypes.Requireable<string>;
-            externalEventDescription: PropTypes.Requireable<string>;
-            externalEventID: PropTypes.Requireable<string>;
-            storeType: PropTypes.Requireable<string>;
-            category: PropTypes.Requireable<string>;
-            supplier: PropTypes.Requireable<string>;
-            brand: PropTypes.Requireable<string>;
-        }>>;
-        const showViewCreativeButton: PropTypes.Requireable<boolean>;
-        const viewCreativeOnClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const descriptionTitle: PropTypes.Requireable<string>;
-        const datesTitle: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const textcolor: PropTypes.Requireable<string>;
-        const showDraft: PropTypes.Requireable<boolean>;
-        const buttonText: PropTypes.Requireable<string>;
-        const disabled: PropTypes.Requireable<boolean>;
+        const className: any;
+        const showRetailerIcon: any;
+        const showPeriodIcon: any;
+        const viewCreativeRetailersData: any;
+        const data: any;
+        const showViewCreativeButton: any;
+        const viewCreativeOnClick: any;
+        const descriptionTitle: any;
+        const datesTitle: any;
+        const width: any;
+        const height: any;
+        const textcolor: any;
+        const showDraft: any;
+        const buttonText: any;
+        const disabled: any;
     }
     namespace defaultProps {
         const className_1: string;
@@ -628,114 +364,136 @@ declare namespace CollapseHeader {
     }
 }
 
-declare function QuickFilter({ hoverColor, multipleSelection, xIconShow, disabled, error, errorMessage, label, labelColor, placeHolder, width, checkBoxColor, onChange, options, selectedValue, }: {
-    hoverColor?: string | undefined;
-    multipleSelection?: boolean | undefined;
-    xIconShow?: boolean | undefined;
-    disabled?: boolean | undefined;
-    error?: boolean | undefined;
-    errorMessage?: string | undefined;
-    label?: string | undefined;
-    labelColor?: string | undefined;
-    placeHolder?: string | undefined;
-    width?: string | undefined;
-    checkBoxColor?: string | undefined;
-    onChange?: (() => void) | undefined;
-    options?: any[] | undefined;
-    selectedValue?: any[] | undefined;
-}): react_jsx_runtime.JSX.Element;
-declare namespace QuickFilter {
+declare function QuickFilter({ hoverColor, multipleSelection, xIconShow, disabled, error, errorMessage, label, labelColor, placeHolder, width, height, checkBoxColor, dropdownHeight, onChange, options, selectedValue, }: {
+    hoverColor?: string;
+    multipleSelection?: boolean;
+    xIconShow?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    label?: string;
+    labelColor?: string;
+    placeHolder?: string;
+    width?: string;
+    height?: string;
+    checkBoxColor?: string;
+    dropdownHeight?: string;
+    onChange?: (value: any) => void;
+    options?: any[];
+    selectedValue?: any[];
+}): any;
+
+declare function OneColumnContainer(props: any): any;
+declare namespace OneColumnContainer {
     namespace propTypes {
-        const hoverColor: PropTypes.Requireable<string>;
-        const multipleSelection: PropTypes.Requireable<boolean>;
-        const disabled: PropTypes.Requireable<boolean>;
-        const error: PropTypes.Requireable<boolean>;
-        const errorMessage: PropTypes.Requireable<string>;
-        const label: PropTypes.Requireable<string>;
-        const labelColor: PropTypes.Requireable<string>;
-        const placeHolder: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-        const checkBoxColor: PropTypes.Requireable<string>;
-        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        const options: PropTypes.Requireable<(PropTypes.InferProps<{
-            id: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        const selectedValue: PropTypes.Requireable<(PropTypes.InferProps<{
-            id: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        const children: any;
+        const display: any;
+        const isLoading: any;
+        const gridTemplateColumns: any;
+        const itemClass: any;
+        const divStyle: any;
+        const overStyle: any;
+        const draggingStyle: any;
+        const droppedStyle: any;
+        const width: any;
+        const height: any;
+        const overflow: any;
+        const transparentBackground: any;
+        const infoTitle: any;
+        const infoText: any;
+        const disableInfo: any;
+        const showViewByBannerButton: any;
+        const onBannerClick: any;
+        const columnTitle: any;
+        const isPercentOfChange: any;
+        const PercentOfChangeData: any;
+        const backgroundImage: any;
+        const showBackgroundImage: any;
+        const backgroundImageStyle: any;
     }
     namespace defaultProps {
-        const hoverColor_1: string;
-        export { hoverColor_1 as hoverColor };
-        const multipleSelection_1: boolean;
-        export { multipleSelection_1 as multipleSelection };
-        const disabled_1: boolean;
-        export { disabled_1 as disabled };
-        const error_1: boolean;
-        export { error_1 as error };
-        const errorMessage_1: string;
-        export { errorMessage_1 as errorMessage };
-        const label_1: string;
-        export { label_1 as label };
-        const labelColor_1: string;
-        export { labelColor_1 as labelColor };
-        const placeHolder_1: string;
-        export { placeHolder_1 as placeHolder };
+        const children_1: any;
+        export { children_1 as children };
+        const display_1: string;
+        export { display_1 as display };
+        const isLoading_1: string;
+        export { isLoading_1 as isLoading };
+        const gridTemplateColumns_1: string;
+        export { gridTemplateColumns_1 as gridTemplateColumns };
+        const itemClass_1: string;
+        export { itemClass_1 as itemClass };
+        const divStyle_1: string;
+        export { divStyle_1 as divStyle };
+        const overStyle_1: string;
+        export { overStyle_1 as overStyle };
+        const draggingStyle_1: string;
+        export { draggingStyle_1 as draggingStyle };
+        const droppedStyle_1: string;
+        export { droppedStyle_1 as droppedStyle };
         const width_1: string;
         export { width_1 as width };
-        const checkBoxColor_1: string;
-        export { checkBoxColor_1 as checkBoxColor };
-        export function onChange_1(): void;
-        export { onChange_1 as onChange };
-        const options_1: never[];
-        export { options_1 as options };
-        const selectedValue_1: never[];
-        export { selectedValue_1 as selectedValue };
+        const height_1: string;
+        export { height_1 as height };
+        const overflow_1: string;
+        export { overflow_1 as overflow };
+        const transparentBackground_1: boolean;
+        export { transparentBackground_1 as transparentBackground };
+        const infoTitle_1: string;
+        export { infoTitle_1 as infoTitle };
+        const infoText_1: string;
+        export { infoText_1 as infoText };
+        const disableInfo_1: boolean;
+        export { disableInfo_1 as disableInfo };
+        const showViewByBannerButton_1: boolean;
+        export { showViewByBannerButton_1 as showViewByBannerButton };
+        export function onBannerClick_1(): void;
+        export { onBannerClick_1 as onBannerClick };
+        const columnTitle_1: string;
+        export { columnTitle_1 as columnTitle };
+        const isPercentOfChange_1: boolean;
+        export { isPercentOfChange_1 as isPercentOfChange };
+        const PercentOfChangeData_1: number;
+        export { PercentOfChangeData_1 as PercentOfChangeData };
+        const backgroundImage_1: string;
+        export { backgroundImage_1 as backgroundImage };
+        const showBackgroundImage_1: boolean;
+        export { showBackgroundImage_1 as showBackgroundImage };
+        const backgroundImageStyle_1: {};
+        export { backgroundImageStyle_1 as backgroundImageStyle };
     }
 }
 
-declare function OneColumnContainer(props: any): react_jsx_runtime.JSX.Element;
-
-declare function BarChartsByWeeks(props: any): react_jsx_runtime.JSX.Element;
+declare function BarChartsByWeeks(props: any): any;
 declare namespace BarChartsByWeeks {
     namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const title: PropTypes.Requireable<string>;
-        const showHeaderTopValue: PropTypes.Requireable<boolean>;
-        const headerValueTopTitle: PropTypes.Requireable<string>;
-        const headerValueBottomTitle: PropTypes.Requireable<string>;
-        const headerValue: PropTypes.Requireable<number>;
-        const HeaderValueCurrencyType: PropTypes.Requireable<string>;
-        const HeaderValueIsPercent: PropTypes.Requireable<boolean>;
-        const barChartData: PropTypes.Requireable<(PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            value: PropTypes.Requireable<number>;
-        }> | null | undefined)[]>;
-        const isTitleOriganal: PropTypes.Requireable<boolean>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const barChartColor: PropTypes.Requireable<string>;
-        const barChartSecondColor: PropTypes.Requireable<string>;
-        const xselectedColor: PropTypes.Requireable<string>;
-        const startWeekRange: PropTypes.Requireable<string>;
-        const endWeekRange: PropTypes.Requireable<string>;
-        const tooltipTitle: PropTypes.Requireable<string>;
-        const tooltipSecondTitle: PropTypes.Requireable<string>;
-        const yAxisCounter: PropTypes.Requireable<number>;
-        const isPercentValue: PropTypes.Requireable<boolean>;
-        const interval: PropTypes.Requireable<string>;
-        const showTitle: PropTypes.Requireable<boolean>;
-        const showLegend: PropTypes.Requireable<boolean>;
-        const legendData: PropTypes.Requireable<(PropTypes.InferProps<{
-            title: PropTypes.Validator<string>;
-            iconType: PropTypes.Validator<string>;
-            iconColor: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
-        const showTwoBars: PropTypes.Requireable<boolean>;
-        const setLimitHeight: PropTypes.Requireable<number>;
-        const setLimitLow: PropTypes.Requireable<number>;
+        const className: any;
+        const title: any;
+        const showHeaderTopValue: any;
+        const headerValueTopTitle: any;
+        const headerValueBottomTitle: any;
+        const headerValue: any;
+        const HeaderValueCurrencyType: any;
+        const HeaderValueIsPercent: any;
+        const barChartData: any;
+        const isTitleOriganal: any;
+        const width: any;
+        const height: any;
+        const barChartColor: any;
+        const barChartSecondColor: any;
+        const xselectedColor: any;
+        const startWeekRange: any;
+        const endWeekRange: any;
+        const tooltipTitle: any;
+        const tooltipSecondTitle: any;
+        const yAxisCounter: any;
+        const isPercentValue: any;
+        const interval: any;
+        const showTitle: any;
+        const showLegend: any;
+        const legendData: any;
+        const showTwoBars: any;
+        const setLimitHeight: any;
+        const setLimitLow: any;
     }
     namespace defaultProps {
         const className_1: string;
@@ -797,34 +555,24 @@ declare namespace BarChartsByWeeks {
         export { legendData_1 as legendData };
         const showTwoBars_1: boolean;
         export { showTwoBars_1 as showTwoBars };
-        const setLimitHeight_1: null;
+        const setLimitHeight_1: any;
         export { setLimitHeight_1 as setLimitHeight };
-        const setLimitLow_1: null;
+        const setLimitLow_1: any;
         export { setLimitLow_1 as setLimitLow };
     }
 }
 
-declare function PopupCharts(props: any): react_jsx_runtime.JSX.Element;
+declare function PopupCharts(props: any): any;
 declare namespace PopupCharts {
     namespace propTypes {
-        const title: PropTypes.Requireable<string>;
-        const chartType: PropTypes.Requireable<string>;
-        const popupChartsItemsData: PropTypes.Requireable<(PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            chartType: PropTypes.Requireable<string>;
-            value: PropTypes.Requireable<number>;
-            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>;
-        const onCloseClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const subtitleTextColor: PropTypes.Requireable<string>;
+        const title: any;
+        const chartType: any;
+        const popupChartsItemsData: any;
+        const isPopupChartsOpen: any;
+        const width: any;
+        const height: any;
+        const onCloseClick: any;
+        const subtitleTextColor: any;
     }
     namespace defaultProps {
         const title_1: string;
@@ -867,30 +615,32 @@ declare namespace PopupCharts {
     }
 }
 
-declare function TotalDoughnutChart(props: any): react_jsx_runtime.JSX.Element;
+declare function TotalDoughnutChart(props: any): any;
 declare namespace TotalDoughnutChart {
     namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const title: PropTypes.Requireable<string>;
-        const value: PropTypes.Requireable<number>;
-        const addingBenchmark: PropTypes.Requireable<boolean>;
-        const dotCut: PropTypes.Requireable<boolean>;
-        const currencySign: PropTypes.Requireable<boolean>;
-        const currencyType: PropTypes.Requireable<string>;
-        const legendData: PropTypes.Requireable<(PropTypes.InferProps<{
-            name: PropTypes.Requireable<string>;
-            description: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        const itemsPercentagesValueAside: PropTypes.Requireable<boolean>;
-        const itemsBoldedValues: PropTypes.Requireable<boolean>;
-        const itemsValuesSeparateLine: PropTypes.Requireable<boolean>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const textcolor: PropTypes.Requireable<string>;
-        const isPercent: PropTypes.Requireable<boolean>;
-        const hideTitleAndValue: PropTypes.Requireable<boolean>;
-        const noDataText: PropTypes.Requireable<string>;
-        const textAfterValue: PropTypes.Requireable<string>;
+        const className: any;
+        const title: any;
+        const value: any;
+        const rootFont: any;
+        const containerPadding: any;
+        const addingBenchmark: any;
+        const dotCut: any;
+        const currencySign: any;
+        const currencyType: any;
+        const legendData: any;
+        const legendBelow: any;
+        const itemsPercentagesValueAside: any;
+        const itemsBoldedValues: any;
+        const itemsValuesSeparateLine: any;
+        const width: any;
+        const height: any;
+        const textcolor: any;
+        const titleFontSize: any;
+        const FormattedValueFontSize: any;
+        const isPercent: any;
+        const hideTitleAndValue: any;
+        const noDataText: any;
+        const textAfterValue: any;
     }
     namespace defaultProps {
         const className_1: string;
@@ -899,6 +649,10 @@ declare namespace TotalDoughnutChart {
         export { title_1 as title };
         const value_1: number;
         export { value_1 as value };
+        const rootFont_1: string;
+        export { rootFont_1 as rootFont };
+        const containerPadding_1: string;
+        export { containerPadding_1 as containerPadding };
         const addingBenchmark_1: boolean;
         export { addingBenchmark_1 as addingBenchmark };
         const dotCut_1: boolean;
@@ -907,8 +661,10 @@ declare namespace TotalDoughnutChart {
         export { currencySign_1 as currencySign };
         const currencyType_1: string;
         export { currencyType_1 as currencyType };
-        const legendData_1: never[];
+        const legendData_1: any[];
         export { legendData_1 as legendData };
+        const legendBelow_1: boolean;
+        export { legendBelow_1 as legendBelow };
         const itemsPercentagesValueAside_1: boolean;
         export { itemsPercentagesValueAside_1 as itemsPercentagesValueAside };
         const itemsBoldedValues_1: boolean;
@@ -921,6 +677,10 @@ declare namespace TotalDoughnutChart {
         export { height_1 as height };
         const textcolor_1: string;
         export { textcolor_1 as textcolor };
+        const titleFontSize_1: string;
+        export { titleFontSize_1 as titleFontSize };
+        const FormattedValueFontSize_1: string;
+        export { FormattedValueFontSize_1 as FormattedValueFontSize };
         const isPercent_1: boolean;
         export { isPercent_1 as isPercent };
         const hideTitleAndValue_1: boolean;
@@ -932,13 +692,13 @@ declare namespace TotalDoughnutChart {
     }
 }
 
-declare function TopToggleList(props: any): react_jsx_runtime.JSX.Element;
+declare function TopToggleList(props: any): any;
 declare namespace TopToggleList {
     namespace propTypes {
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const title: PropTypes.Requireable<string>;
-        const list: PropTypes.Requireable<any[]>;
+        const width: any;
+        const height: any;
+        const title: any;
+        const list: any;
     }
     namespace defaultProps {
         const width_1: string;
@@ -955,22 +715,18 @@ declare namespace TopToggleList {
     }
 }
 
-declare function MarketShareDescription(props: any): react_jsx_runtime.JSX.Element;
+declare function MarketShareDescription(props: any): any;
 declare namespace MarketShareDescription {
     namespace propTypes {
-        const marketShareData: PropTypes.Requireable<(PropTypes.InferProps<{
-            label: PropTypes.Requireable<string>;
-            checked: PropTypes.Requireable<boolean>;
-            disabled: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
-        const height: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-        const iconColor: PropTypes.Requireable<string>;
-        const onBannerClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const dotCut: PropTypes.Requireable<boolean>;
+        const marketShareData: any;
+        const height: any;
+        const width: any;
+        const iconColor: any;
+        const onBannerClick: any;
+        const dotCut: any;
     }
     namespace defaultProps {
-        const marketShareData_1: never[];
+        const marketShareData_1: any[];
         export { marketShareData_1 as marketShareData };
         const width_1: string;
         export { width_1 as width };
@@ -985,48 +741,40 @@ declare namespace MarketShareDescription {
     }
 }
 
-declare function Heatmap(props: any): react_jsx_runtime.JSX.Element;
+declare function Heatmap(props: any): any;
 declare namespace Heatmap {
     namespace propTypes {
-        const title: PropTypes.Validator<string>;
-        const data: PropTypes.Validator<(PropTypes.InferProps<{
-            value: PropTypes.Validator<number>;
-            label: PropTypes.Validator<string>;
-            color: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
-        const lowLimit: PropTypes.Validator<number>;
-        const barHeight: PropTypes.Validator<string>;
+        const title: any;
+        const data: any;
+        const lowLimit: any;
+        const barHeight: any;
     }
 }
 
-declare function TotalHorizontalCharts(props: any): react_jsx_runtime.JSX.Element;
+declare function TotalHorizontalCharts(props: any): any;
 declare namespace TotalHorizontalCharts {
     namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const title: PropTypes.Requireable<string>;
-        const value: PropTypes.Requireable<number>;
-        const dotCut: PropTypes.Requireable<boolean>;
-        const currencySign: PropTypes.Requireable<boolean>;
-        const currencyType: PropTypes.Requireable<string>;
-        const chartsData: PropTypes.Requireable<(PropTypes.InferProps<{
-            name: PropTypes.Requireable<string>;
-            value: PropTypes.Requireable<number>;
-            color: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        const showScrollerBarsCount: PropTypes.Requireable<number>;
-        const showPercentAsideValue: PropTypes.Requireable<boolean>;
-        const labelFontSize: PropTypes.Requireable<number>;
-        const labelLimitedLetters: PropTypes.Requireable<number>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const rightGap: PropTypes.Requireable<number>;
-        const textColor: PropTypes.Requireable<string>;
-        const noDataText: PropTypes.Requireable<string>;
-        const isDollar: PropTypes.Requireable<boolean>;
-        const isPercentage: PropTypes.Requireable<boolean>;
-        const showDollarSign: PropTypes.Requireable<boolean>;
-        const hideTotalValue: PropTypes.Requireable<boolean>;
-        const hideTitle: PropTypes.Requireable<boolean>;
+        const className: any;
+        const title: any;
+        const value: any;
+        const dotCut: any;
+        const currencySign: any;
+        const currencyType: any;
+        const chartsData: any;
+        const showScrollerBarsCount: any;
+        const showPercentAsideValue: any;
+        const labelFontSize: any;
+        const labelLimitedLetters: any;
+        const width: any;
+        const height: any;
+        const rightGap: any;
+        const textColor: any;
+        const noDataText: any;
+        const isDollar: any;
+        const isPercentage: any;
+        const showDollarSign: any;
+        const hideTotalValue: any;
+        const hideTitle: any;
     }
     namespace defaultProps {
         const className_1: string;
@@ -1041,7 +789,7 @@ declare namespace TotalHorizontalCharts {
         export { currencySign_1 as currencySign };
         const currencyType_1: string;
         export { currencyType_1 as currencyType };
-        const chartsData_1: never[];
+        const chartsData_1: any[];
         export { chartsData_1 as chartsData };
         const showScrollerBarsCount_1: number;
         export { showScrollerBarsCount_1 as showScrollerBarsCount };
@@ -1074,22 +822,22 @@ declare namespace TotalHorizontalCharts {
     }
 }
 
-declare function IconButton(props: any): react_jsx_runtime.JSX.Element;
+declare function IconButton(props: any): any;
 declare namespace IconButton {
     namespace propTypes {
-        const fileLink: PropTypes.Requireable<string>;
-        const showProcess: PropTypes.Requireable<boolean>;
-        const buttonText: PropTypes.Requireable<string>;
-        const iconName: PropTypes.Requireable<string>;
-        const contentColor: PropTypes.Requireable<string>;
-        const backgroundColor: PropTypes.Requireable<string>;
-        const borderColor: PropTypes.Requireable<string>;
-        const borderRadius: PropTypes.Requireable<string>;
-        const iconHeight: PropTypes.Requireable<number>;
-        const iconWidth: PropTypes.Requireable<number>;
-        const disabled: PropTypes.Requireable<boolean>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const onCancelClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const fileLink: any;
+        const showProcess: any;
+        const buttonText: any;
+        const iconName: any;
+        const contentColor: any;
+        const backgroundColor: any;
+        const borderColor: any;
+        const borderRadius: any;
+        const iconHeight: any;
+        const iconWidth: any;
+        const disabled: any;
+        const onClick: any;
+        const onCancelClick: any;
     }
     namespace defaultProps {
         const fileLink_1: string;
@@ -1121,8 +869,708 @@ declare namespace IconButton {
     }
 }
 
-declare function DoublePanelDataRow(props: any): react_jsx_runtime.JSX.Element;
+declare function DoublePanelDataRow(props: any): any;
+
+declare function BarChart(props: any): any;
+declare namespace BarChart {
+    namespace propTypes {
+        const title: any;
+        const barChartData: any;
+        const width: any;
+        const height: any;
+        const barSize: any;
+        const barFontSizeValue: any;
+        const barChartColor: any;
+        const showDollarSign: any;
+        const isDollar: any;
+        const showLegend: any;
+        const legendData: any;
+        const showReferenceLine: any;
+        const referenceLinePoint: any;
+        const referenceLineColor: any;
+        const referenceLineDashed: any;
+        const showCurrentCampaignStyle: any;
+        const currentBarColor: any;
+        const isPercent: any;
+        const noDataText: any;
+    }
+    namespace defaultProps {
+        const title_1: string;
+        export { title_1 as title };
+        const barChartData_1: {
+            title: string;
+            date: string;
+            value: number;
+        }[];
+        export { barChartData_1 as barChartData };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const barSize_1: number;
+        export { barSize_1 as barSize };
+        const barFontSizeValue_1: string;
+        export { barFontSizeValue_1 as barFontSizeValue };
+        const barChartColor_1: string;
+        export { barChartColor_1 as barChartColor };
+        const showDollarSign_1: boolean;
+        export { showDollarSign_1 as showDollarSign };
+        const isDollar_1: boolean;
+        export { isDollar_1 as isDollar };
+        const showLegend_1: boolean;
+        export { showLegend_1 as showLegend };
+        const legendData_1: {
+            title: string;
+            iconType: string;
+            iconColor: string;
+        }[];
+        export { legendData_1 as legendData };
+        const showReferenceLine_1: boolean;
+        export { showReferenceLine_1 as showReferenceLine };
+        const referenceLinePoint_1: number;
+        export { referenceLinePoint_1 as referenceLinePoint };
+        const referenceLineColor_1: string;
+        export { referenceLineColor_1 as referenceLineColor };
+        const referenceLineDashed_1: string;
+        export { referenceLineDashed_1 as referenceLineDashed };
+        const showCurrentCampaignStyle_1: boolean;
+        export { showCurrentCampaignStyle_1 as showCurrentCampaignStyle };
+        const currentBarColor_1: string;
+        export { currentBarColor_1 as currentBarColor };
+        const isPercent_1: boolean;
+        export { isPercent_1 as isPercent };
+        const noDataText_1: string;
+        export { noDataText_1 as noDataText };
+    }
+}
+
+declare function DoubleBarSingleLine(props: any): any;
+
+declare function AreaChart(props: any): any;
+
+declare function BreakdownPanel(props: any): any;
+
+declare function LinkButton({ text, type, size, height, width, disabled, textColor, onClick, leftIcon, rightIcon, }: {
+    text?: string;
+    type?: string;
+    size?: string;
+    height?: string;
+    width?: string;
+    disabled?: boolean;
+    textColor?: string;
+    onClick: any;
+    leftIcon?: string;
+    rightIcon?: string;
+}): any;
+
+declare function BubbleChart({ data, title, subtitle, leftHeader, rightHeader, topHeader, bottomHeader, colorPalette, height, width, backgroundColor, showAxis, noDataText, }: {
+    data?: any[];
+    title?: string;
+    subtitle?: string;
+    leftHeader?: string;
+    rightHeader?: string;
+    topHeader?: string;
+    bottomHeader?: string;
+    colorPalette?: string[];
+    height?: string;
+    width?: string;
+    backgroundColor?: string;
+    showAxis?: boolean;
+    noDataText?: string;
+}): any;
+
+declare function BatteryChart(props: any): any;
+
+declare function PerformanceAnalyticsLegend(props: any): any;
+
+declare function BrushChart(props: any): any;
+
+declare function SingleBarLineCharts({ className, width, height, title, data, totalsData, showLegend, legendData, maxBarRange, showLineChart, lineRange, lineFontSizeValue, barFontSizeValue, barSize, barChartHeight, lineChartHeight, isLineChartCurrency, isLineChartBolded, setLineChartTooltip, isTopBarPercent, showSecondBar, showPeriod, currencySign, currencySignLine, noDataText, }: {
+    className?: string;
+    width?: string;
+    height?: string;
+    title?: string;
+    data?: any[];
+    totalsData?: any[];
+    showLegend?: boolean;
+    legendData?: any[];
+    maxBarRange?: number;
+    showLineChart?: boolean;
+    lineRange?: number;
+    lineFontSizeValue?: string;
+    barFontSizeValue?: string;
+    barSize?: number;
+    barChartHeight?: number;
+    lineChartHeight?: number;
+    isLineChartCurrency?: boolean;
+    isLineChartBolded?: boolean;
+    setLineChartTooltip?: boolean;
+    isTopBarPercent?: boolean;
+    showSecondBar?: boolean;
+    showPeriod?: boolean;
+    currencySign?: string;
+    currencySignLine?: string;
+    noDataText?: string;
+}): any;
+
+declare function BarChartWithAreaChart(props: any): any;
+
+declare function BarChartTwoRows(props: any): any;
+
+declare function TwoBarCharts(props: any): any;
+declare namespace TwoBarCharts {
+    namespace propTypes {
+        const title: any;
+        const barChartData: any;
+        const width: any;
+        const height: any;
+        const barSize: any;
+        const barFontSizeValue: any;
+        const barChartColorFirst: any;
+        const barChartColorSecond: any;
+        const isDollar: any;
+        const showLegend: any;
+        const legendData: any;
+        const showDollarSign: any;
+        const showReferenceLine: any;
+        const referenceLinePoint: any;
+        const referenceLineColor: any;
+        const referenceLineDashed: any;
+        const showTooltip: any;
+    }
+    namespace defaultProps {
+        const title_1: string;
+        export { title_1 as title };
+        const barChartData_1: {
+            title: string;
+            date: string;
+            valueOne: number;
+            valueTwo: number;
+        }[];
+        export { barChartData_1 as barChartData };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const barSize_1: number;
+        export { barSize_1 as barSize };
+        const barFontSizeValue_1: string;
+        export { barFontSizeValue_1 as barFontSizeValue };
+        const barChartColorFirst_1: string;
+        export { barChartColorFirst_1 as barChartColorFirst };
+        const barChartColorSecond_1: string;
+        export { barChartColorSecond_1 as barChartColorSecond };
+        const isDollar_1: boolean;
+        export { isDollar_1 as isDollar };
+        const showDollarSign_1: boolean;
+        export { showDollarSign_1 as showDollarSign };
+        const showLegend_1: boolean;
+        export { showLegend_1 as showLegend };
+        const legendData_1: {
+            title: string;
+            iconType: string;
+            iconColor: string;
+        }[];
+        export { legendData_1 as legendData };
+        const showReferenceLine_1: boolean;
+        export { showReferenceLine_1 as showReferenceLine };
+        const referenceLinePoint_1: number;
+        export { referenceLinePoint_1 as referenceLinePoint };
+        const referenceLineColor_1: string;
+        export { referenceLineColor_1 as referenceLineColor };
+        const referenceLineDashed_1: string;
+        export { referenceLineDashed_1 as referenceLineDashed };
+        const showTooltip_1: boolean;
+        export { showTooltip_1 as showTooltip };
+    }
+}
+
+declare function CollapseData(props: any): any;
+declare namespace CollapseData {
+    namespace propTypes {
+        const title: any;
+        const noDataText: any;
+        const width: any;
+        const height: any;
+        const addPlusMark: any;
+        const addArrowToTotal: any;
+        const tableData: any;
+    }
+    namespace defaultProps {
+        const title_1: string;
+        export { title_1 as title };
+        const noDataText_1: string;
+        export { noDataText_1 as noDataText };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const tableData_1: any[];
+        export { tableData_1 as tableData };
+        const addPlusMark_1: boolean;
+        export { addPlusMark_1 as addPlusMark };
+        const addArrowToTotal_1: boolean;
+        export { addArrowToTotal_1 as addArrowToTotal };
+    }
+}
+
+declare function InsightsCarousel({ className, children, onClose, title, icon, titleColor, iconColor, navColor, }: {
+    className: any;
+    children: any;
+    onClose: any;
+    title?: string;
+    icon?: any;
+    titleColor?: string;
+    iconColor?: string;
+    navColor?: string;
+}): any;
+
+declare function DownloadProgress(props: any): any;
+declare namespace DownloadProgress {
+    namespace propTypes {
+        const title: any;
+        const succeededMessage: any;
+        const failedMessage: any;
+        const downloadStatus: any;
+        const showShadow: any;
+        const progressPercent: any;
+        const refreshInterval: any;
+        const progressBarColor: any;
+        const onTryAgainClick: any;
+        const className: any;
+    }
+    namespace defaultProps {
+        const title_1: string;
+        export { title_1 as title };
+        const succeededMessage_1: string;
+        export { succeededMessage_1 as succeededMessage };
+        const failedMessage_1: string;
+        export { failedMessage_1 as failedMessage };
+        const downloadStatus_1: string;
+        export { downloadStatus_1 as downloadStatus };
+        const showShadow_1: boolean;
+        export { showShadow_1 as showShadow };
+        const progressPercent_1: number;
+        export { progressPercent_1 as progressPercent };
+        const refreshInterval_1: number;
+        export { refreshInterval_1 as refreshInterval };
+        const progressBarColor_1: string;
+        export { progressBarColor_1 as progressBarColor };
+        export function onTryAgainClick_1(): void;
+        export { onTryAgainClick_1 as onTryAgainClick };
+        const className_1: string;
+        export { className_1 as className };
+    }
+}
+
+declare function ModalWithOverlay(props: any): any;
+
+declare function DropdownNew(props: any): any;
+
+declare function WeeksPicker({ label, disabled, borderColor, borderColorFocus, textColor, hoverColor, required, placeholder, borderRadius, year, width, height, withMarginBottom, onChange, selectedValue, isDarkerBackground, allowedWeekRange, restrictToRange, }: {
+    label: any;
+    disabled: any;
+    borderColor: any;
+    borderColorFocus: any;
+    textColor: any;
+    hoverColor: any;
+    required: any;
+    placeholder: any;
+    borderRadius: any;
+    year: any;
+    width: any;
+    height: any;
+    withMarginBottom?: boolean;
+    onChange: any;
+    selectedValue: any;
+    isDarkerBackground?: boolean;
+    allowedWeekRange?: any;
+    restrictToRange?: boolean;
+}): any;
+
+declare function Input({ label, labelEmptyValue, size, selectedValue, placeHolder, inputType, onChange, onClick, onBlur, required, disabled, isDarkerBackground, width, height, error, errorMessage, labelColor, leftIcon, rightIcon, password, leftIconOnClick, rightIconOnClick, multiline, rows, maxLength, regex, onKeyDown, }: {
+    label: any;
+    labelEmptyValue: any;
+    size: any;
+    selectedValue: any;
+    placeHolder: any;
+    inputType?: string;
+    onChange: any;
+    onClick: any;
+    onBlur: any;
+    required: any;
+    disabled: any;
+    isDarkerBackground?: boolean;
+    width: any;
+    height?: string;
+    error: any;
+    errorMessage: any;
+    labelColor: any;
+    leftIcon: any;
+    rightIcon: any;
+    password: any;
+    leftIconOnClick: any;
+    rightIconOnClick: any;
+    multiline?: boolean;
+    rows?: number;
+    maxLength: any;
+    regex: any;
+    onKeyDown: any;
+}): any;
+declare namespace Input {
+    namespace propTypes {
+        const placeHolder: any;
+        const label: any;
+        const labelEmptyValue: any;
+        const size: any;
+        const labelColor: any;
+        const required: any;
+        const width: any;
+        const disabled: any;
+        const error: any;
+        const errorMessage: any;
+        const selectedValue: any;
+        const onChange: any;
+        const onClick: any;
+        const leftIconOnClick: any;
+        const rightIconOnClick: any;
+        const onBlur: any;
+        const leftIcon: any;
+        const rightIcon: any;
+        const password: any;
+        const multiline: any;
+        const rows: any;
+        const maxLength: any;
+        const regex: any;
+        const onKeyDown: any;
+    }
+    namespace defaultProps {
+        const placeHolder_1: string;
+        export { placeHolder_1 as placeHolder };
+        const label_1: string;
+        export { label_1 as label };
+        const labelEmptyValue_1: string;
+        export { labelEmptyValue_1 as labelEmptyValue };
+        const size_1: string;
+        export { size_1 as size };
+        const labelColor_1: string;
+        export { labelColor_1 as labelColor };
+        const required_1: boolean;
+        export { required_1 as required };
+        const width_1: string;
+        export { width_1 as width };
+        const disabled_1: boolean;
+        export { disabled_1 as disabled };
+        const error_1: boolean;
+        export { error_1 as error };
+        const errorMessage_1: string;
+        export { errorMessage_1 as errorMessage };
+        const selectedValue_1: string;
+        export { selectedValue_1 as selectedValue };
+        const leftIcon_1: string;
+        export { leftIcon_1 as leftIcon };
+        const rightIcon_1: string;
+        export { rightIcon_1 as rightIcon };
+        export function leftIconOnClick_1(): void;
+        export { leftIconOnClick_1 as leftIconOnClick };
+        export function rightIconOnClick_1(): void;
+        export { rightIconOnClick_1 as rightIconOnClick };
+        export function onBlur_1(): void;
+        export { onBlur_1 as onBlur };
+        export function onClick_1(): void;
+        export { onClick_1 as onClick };
+        const password_1: boolean;
+        export { password_1 as password };
+        const multiline_1: boolean;
+        export { multiline_1 as multiline };
+        const rows_1: number;
+        export { rows_1 as rows };
+        const maxLength_1: any;
+        export { maxLength_1 as maxLength };
+        const regex_1: any;
+        export { regex_1 as regex };
+        export function onKeyDown_1(): void;
+        export { onKeyDown_1 as onKeyDown };
+    }
+}
+
+declare function Tooltip(props: any): any;
+
+/**
+ * ToggleSwitch component for on/off states.
+ * Supports small/large sizes and disabled state.
+ */
+declare function ToggleSwitch({ checked, onChange, size, disabled, ...props }: {
+    [x: string]: any;
+    checked: any;
+    onChange: any;
+    size?: string;
+    disabled?: boolean;
+}): any;
+declare namespace ToggleSwitch {
+    namespace propTypes {
+        const checked: any;
+        const onChange: any;
+        const size: any;
+        const disabled: any;
+    }
+}
+
+declare function ContainerTable(props: any): any;
+
+declare function MenuRoute(props: any): any;
+
+declare function Build({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): any;
+
+declare function Track({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): any;
+
+declare function Execute({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): any;
+
+declare function Dashboard({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): any;
+
+declare function Campaigns({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): any;
+
+declare function Budgets({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): any;
+
+declare function SampleRunEngine({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): any;
+
+declare function Coupons({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): any;
+
+declare function RulesEngine({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): any;
+
+declare function AdvancedThresholds({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): any;
+
+declare function PreTestWhatIf({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): any;
+
+declare function CustomerSegments({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): any;
+
+declare function GroupBuilder({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): any;
+
+declare function ItemsStores({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): any;
+
+declare function Analytics({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): any;
+
+declare function Table(props: any): any;
+declare namespace Table {
+    const displayName: string;
+}
+
+declare function FilterPop(props: any): any;
+
+declare function SortPop(props: any): any;
+
+declare function RangePop(props: any): any;
+
+declare function SearchInput(props: any): any;
+
+declare function ItemManagerPanel({ width, height, disableSection, onSendForms, editMode, disabledSendForms, AllFormsSent, itemAndPackage, setItemAndPackage, linkColor, backgroundColor, buttonTooltipText, trashTooltipText, maxVisibleVendors, componentText, SubTitleColor }: {
+    width?: string;
+    height?: string;
+    disableSection?: boolean;
+    onSendForms?: () => void;
+    editMode?: boolean;
+    disabledSendForms?: boolean;
+    AllFormsSent?: boolean;
+    itemAndPackage?: any[];
+    setItemAndPackage: any;
+    linkColor?: string;
+    backgroundColor?: string;
+    buttonTooltipText?: string;
+    trashTooltipText?: string;
+    maxVisibleVendors?: number;
+    componentText?: string;
+    SubTitleColor?: string;
+}): any;
+
+/**
+ * ModalDrawer component
+ * @param {Object} props
+ * @param {boolean} props.open - Whether the drawer is open
+ * @param {function} props.onClose - Handler for closing the drawer
+ * @param {React.ReactNode} props.children - Drawer content
+ * @param {number} [props.widthPercent=70] - Width of the drawer as a percentage of the viewport width
+ */
+declare function ModalDrawer({ open, height, onClose, children, widthPercent }: {
+    open: boolean;
+    onClose: Function;
+    children: React.ReactNode;
+    widthPercent?: number;
+}): any;
+
+declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarkerBackground, required, selectedColor, hoverColor, dropdownMaxHeight, width, height, label, labelEmptyValue, showLabelOnTop, placeHolder, labelColor, placeHolderColor, margin, editableDigitalCoupon, dropdownDigitalCouponTitle, ...props }: {
+    [x: string]: any;
+    data?: any[];
+    value: any;
+    onSelectClick: any;
+    disabled?: boolean;
+    isDarkerBackground?: boolean;
+    required?: boolean;
+    selectedColor?: string;
+    hoverColor?: string;
+    dropdownMaxHeight?: string;
+    width?: string;
+    height?: string;
+    label: any;
+    labelEmptyValue: any;
+    showLabelOnTop: any;
+    placeHolder: any;
+    labelColor: any;
+    placeHolderColor: any;
+    margin?: string;
+    editableDigitalCoupon?: boolean;
+    dropdownDigitalCouponTitle?: string;
+}): any;
+
+declare function MessageBox({ isOpen, isDisabled, onClose, onConfirm, title, primaryText, secondaryText, width, height, color, hoverColor, opacity, secondaryColor, seperateSectionBorder, children, tooltipContent, }: {
+    isOpen?: boolean;
+    isDisabled?: boolean;
+    onClose?: () => void;
+    onConfirm?: () => void;
+    title?: string;
+    primaryText?: string;
+    secondaryText?: string;
+    width?: string;
+    height?: string;
+    color?: string;
+    hoverColor?: string;
+    opacity?: number;
+    secondaryColor?: string;
+    seperateSectionBorder?: boolean;
+    children: any;
+    tooltipContent?: string;
+}): any;
+
+declare function ToasterMessageBox({ color, messageText, linkText, duration, width, icon, onLinkClick, onClose }: {
+    color?: string;
+    messageText?: string;
+    linkText?: string;
+    duration?: number;
+    width?: string;
+    icon?: string;
+    onLinkClick?: () => void;
+    onClose?: () => void;
+}): any;
+
+declare function QuickFilterCards({ data, onCardToggle, width, CardsContainerClassName, }: {
+    data?: any[];
+    onCardToggle?: () => void;
+    width?: string;
+    CardsContainerClassName?: string;
+}): any;
+
+declare function RangePicker({ label, onChange, borderRadius, required, width, height, placeholder, disabled, borderColor, borderColorFocus, textColor, selectedValue, }: {
+    label: any;
+    onChange: any;
+    borderRadius: any;
+    required: any;
+    width: any;
+    height: any;
+    placeholder: any;
+    disabled: any;
+    borderColor: any;
+    borderColorFocus: any;
+    textColor: any;
+    selectedValue: any;
+}): any;
+declare namespace RangePicker {
+    namespace propTypes {
+        const label: any;
+        const onChange: any;
+        const borderRadius: any;
+        const required: any;
+        const width: any;
+        const height: any;
+        const placeholder: any;
+        const disabled: any;
+        const borderColor: any;
+        const borderColorFocus: any;
+        const textColor: any;
+        const selectedValue: any;
+    }
+    namespace defaultProps {
+        const required_1: boolean;
+        export { required_1 as required };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const disabled_1: boolean;
+        export { disabled_1 as disabled };
+        const placeholder_1: string;
+        export { placeholder_1 as placeholder };
+        const borderColor_1: string;
+        export { borderColor_1 as borderColor };
+        const borderColorFocus_1: string;
+        export { borderColorFocus_1 as borderColorFocus };
+        const textColor_1: string;
+        export { textColor_1 as textColor };
+        const selectedValue_1: string;
+        export { selectedValue_1 as selectedValue };
+    }
+}
+
+declare function Tag(props: any): any;
 
-declare function BarChart(props: any): react_jsx_runtime.JSX.Element;
+declare function CheckBox(props: any): any;
 
-export { BannerEventBoxList, BarChart, BarChartsByWeeks, Button, CollapseHeader, DialogOverlay, DoublePanelDataRow, EventDetailsCard, EventList, FilterPanel, Heatmap, IconButton, LinnerDataBox, MarketShareDescription, OneColumnContainer, PieChart, PopupCharts, QuickFilter, ReportTable, TabMenu, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts };
+export { AdvancedThresholds, Analytics, AreaChart, BannerEventBoxList, BarChart, BarChartTwoRows, BarChartWithAreaChart, BarChartsByWeeks, BatteryChart, BreakdownPanel, BrushChart, BubbleChart, Budgets, Build, Button, Campaigns, CheckBox, CollapseData, CollapseHeader, ContainerTable, Coupons, CustomerSegments, Dashboard, DialogOverlay, DoubleBarSingleLine, DoublePanelDataRow, DownloadProgress, DropdownNew, EventDetailsCard, EventList, Execute, FilterPanel, FilterPop, GroupBuilder, Heatmap, IconButton, Input, InsightsCarousel, ItemManagerPanel, ItemsStores, LinkButton, LinnerDataBox, MarketShareDescription, MenuRoute, MessageBox, ModalDrawer, ModalWithOverlay, OneColumnContainer, OverlayDropdown, PerformanceAnalyticsLegend, PieChart, PopupCharts, PreTestWhatIf, QuickFilter, QuickFilterCards, RangePicker, RangePop, ReportTable, RulesEngine, SampleRunEngine, SearchInput, SingleBarLineCharts, SortPop, TabMenu, Table, Tag, ToasterMessageBox, ToggleSwitch, Tooltip, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts, Track, TwoBarCharts, WeeksPicker };