sag_components 2.0.0-beta6 → 2.0.0-beta60

package/dist/index.d.ts

@@ -2,25 +2,25 @@ 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;
+    text?: string;
+    type?: string;
+    size?: string;
+    height?: string;
+    width?: string;
+    disabled?: boolean;
+    textColor?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    hoverTextColor?: string;
+    hoverBackgroundColor?: string;
+    hoverBorderColor?: string;
+    disabledTextColor?: string;
+    disabledBackgroundColor?: string;
+    disabledBorderColor?: string;
+    onClick?: () => void;
+    leftIcon?: string;
+    rightIcon?: string;
+    isSubmitButton?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
 declare function PieChart(props: any): react_jsx_runtime.JSX.Element;
@@ -36,10 +36,10 @@ declare namespace PieChart {
         const currencyType: PropTypes.Requireable<string>;
         const dotCut: PropTypes.Requireable<boolean>;
         const isPercent: PropTypes.Requireable<boolean>;
-        const legendData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const legendData: PropTypes.Requireable<PropTypes.InferProps<{
             name: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const itemsBoldedValues: PropTypes.Requireable<boolean>;
         const itemsPercentagesValueAside: PropTypes.Requireable<boolean>;
         const itemsValuesSeparateLine: PropTypes.Requireable<boolean>;
@@ -69,7 +69,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 };
@@ -96,8 +96,8 @@ declare namespace EventDetailsCard {
         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 banners: PropTypes.Requireable<string[]>;
+        const data: PropTypes.Requireable<PropTypes.InferProps<{}>[]>;
         const count: PropTypes.Requireable<number>;
         const buttonText: PropTypes.Requireable<string>;
         const onViewButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -135,44 +135,36 @@ 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): react_jsx_runtime.JSX.Element;
 
-declare function TabMenu(props: any): react_jsx_runtime.JSX.Element;
+declare function TabMenu({ color, currentTab, headlineInsteadTabs, headlineText, headlineContent, className, children, tabs, inputWidth, onFilterButtonClick, onSearchFieldTyping, onTabChange, onTopButtonClick, panelIsOpen, setBackground, showActions, showFilterButton, showLabel, showSearchInput, showViewOptionsButton, disabledButton, setTopRightButton, rightButtonText, rightButtonIcon, }: {
+    color?: string;
+    currentTab?: number;
+    headlineInsteadTabs?: boolean;
+    headlineText?: string;
+    headlineContent?: react_jsx_runtime.JSX.Element;
+    className?: string;
+    children?: any;
+    tabs?: any[];
+    inputWidth?: string;
+    onFilterButtonClick?: () => void;
+    onSearchFieldTyping?: () => void;
+    onTabChange?: () => void;
+    onTopButtonClick?: () => void;
+    panelIsOpen?: boolean;
+    setBackground?: boolean;
+    showActions?: boolean;
+    showFilterButton?: boolean;
+    showLabel?: boolean;
+    showSearchInput?: boolean;
+    showViewOptionsButton?: boolean;
+    disabledButton?: boolean;
+    setTopRightButton?: boolean;
+    rightButtonText?: string;
+    rightButtonIcon?: string;
+}): 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>;
@@ -195,76 +187,20 @@ declare namespace TabMenu {
         const rightButtonText: PropTypes.Requireable<string>;
         const rightButtonIcon: PropTypes.Requireable<string>;
         const onTopButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const tabs: PropTypes.Requireable<(PropTypes.InferProps<{
+        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 FilterPanel(props: any): react_jsx_runtime.JSX.Element;
 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<{
+        const availableQuarters: PropTypes.Requireable<string[]>;
+        const availableMonths: PropTypes.Requireable<string[]>;
+        const availableYears: PropTypes.Requireable<string[]>;
+        const fieldsData: PropTypes.Requireable<PropTypes.InferProps<{
             disabled: PropTypes.Requireable<boolean>;
             required: PropTypes.Requireable<boolean>;
             inputType: PropTypes.Requireable<string>;
@@ -273,23 +209,30 @@ declare namespace FilterPanel {
             label: PropTypes.Requireable<string>;
             labelEmptyValue: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
-            selectedValue: PropTypes.Requireable<(PropTypes.InferProps<{
+            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>;
-            dropdownOptions: PropTypes.Requireable<(PropTypes.InferProps<{
+            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: 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>;
@@ -306,7 +249,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 };
@@ -345,13 +288,13 @@ declare namespace ReportTable {
         const buttonText: PropTypes.Requireable<string>;
         const buttonIconName: PropTypes.Requireable<string>;
         const tableData: PropTypes.Requireable<PropTypes.InferProps<{
-            columnsHeadings: 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)[]>;
+            }>[]>;
+            rowsValues: PropTypes.Requireable<{
+                [x: string]: string;
+            }[]>;
         }>>;
         const maxColumnsNumber: PropTypes.Requireable<number>;
         const useColorLinearGradient: PropTypes.Requireable<boolean>;
@@ -424,10 +367,10 @@ declare namespace ReportTable {
 declare function EventList(props: any): react_jsx_runtime.JSX.Element;
 declare namespace EventList {
     namespace propTypes {
-        const eventsData: PropTypes.Requireable<(PropTypes.InferProps<{
+        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>;
@@ -435,7 +378,7 @@ declare namespace EventList {
         const onSelectClick: PropTypes.Requireable<(...args: any[]) => 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 };
@@ -460,7 +403,7 @@ declare namespace BannerEventBoxList {
         const eventName: PropTypes.Requireable<string>;
         const count: PropTypes.Requireable<number>;
         const toggleColor: PropTypes.Requireable<string>;
-        const data: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
+        const data: PropTypes.Requireable<PropTypes.InferProps<{}>[]>;
         const retailer: PropTypes.Requireable<string>;
         const retailerFile: PropTypes.Requireable<(...args: any[]) => any>;
         const showLoader: PropTypes.Requireable<boolean>;
@@ -470,7 +413,6 @@ declare namespace BannerEventBoxList {
         const disableToggle: PropTypes.Requireable<boolean>;
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         const bannerWidth: PropTypes.Requireable<string>;
-        const loaderColor: PropTypes.Requireable<string>;
         const showDraft: PropTypes.Requireable<boolean>;
     }
     namespace defaultProps {
@@ -484,7 +426,7 @@ declare namespace BannerEventBoxList {
         export { eventType_1 as eventType };
         const eventName_1: string;
         export { eventName_1 as eventName };
-        const count_1: null;
+        const count_1: any;
         export { count_1 as count };
         const toggleColor_1: string;
         export { toggleColor_1 as toggleColor };
@@ -512,12 +454,10 @@ declare namespace BannerEventBoxList {
         export { showEventDetails_1 as showEventDetails };
         const disableToggle_1: boolean;
         export { disableToggle_1 as disableToggle };
-        const children_1: null;
+        const children_1: any;
         export { children_1 as children };
         const bannerWidth_1: string;
         export { bannerWidth_1 as bannerWidth };
-        const loaderColor_1: string;
-        export { loaderColor_1 as loaderColor };
         const showDraft_1: boolean;
         export { showDraft_1 as showDraft };
     }
@@ -534,7 +474,7 @@ declare namespace DialogOverlay {
     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 };
@@ -549,10 +489,22 @@ declare namespace CollapseHeader {
         const className: PropTypes.Requireable<string>;
         const showRetailerIcon: PropTypes.Requireable<boolean>;
         const showPeriodIcon: PropTypes.Requireable<boolean>;
-        const viewCreativeRetailersData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const viewCreativeRetailersData: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        const data: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+        }>[]>;
+        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>;
@@ -613,77 +565,26 @@ declare namespace CollapseHeader {
 }
 
 declare function QuickFilter({ hoverColor, multipleSelection, xIconShow, disabled, error, errorMessage, label, labelColor, placeHolder, width, checkBoxColor, onChange, options, selectedValue, }: {
-    hoverColor: any;
-    multipleSelection: any;
-    xIconShow: any;
-    disabled: any;
-    error: any;
-    errorMessage: any;
-    label: any;
-    labelColor: any;
-    placeHolder: any;
-    width: any;
-    checkBoxColor: any;
-    onChange: any;
-    options: any;
-    selectedValue: any;
-}): react_jsx_runtime.JSX.Element;
-declare namespace QuickFilter {
-    namespace propTypes {
-        const hoverColor: PropTypes.Requireable<string>;
-        const multipleSelection: PropTypes.Requireable<boolean>;
-        const disabled: PropTypes.Requireable<boolean>;
-        const error: PropTypes.Requireable<boolean>;
-        const errorMessage: 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)[]>;
-    }
-    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 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 };
-    }
-}
+    hoverColor?: string;
+    multipleSelection?: boolean;
+    xIconShow?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    label?: string;
+    labelColor?: string;
+    placeHolder?: string;
+    width?: string;
+    checkBoxColor?: string;
+    onChange?: (value: any) => void;
+    options?: any[];
+    selectedValue?: any[];
+}): react_jsx_runtime.JSX.Element;
 
 declare function OneColumnContainer(props: any): react_jsx_runtime.JSX.Element;
 declare namespace OneColumnContainer {
     namespace propTypes {
-        const children: PropTypes.Requireable<string>;
+        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         const display: PropTypes.Requireable<string>;
         const isLoading: PropTypes.Requireable<boolean>;
         const gridTemplateColumns: PropTypes.Requireable<string>;
@@ -695,15 +596,21 @@ declare namespace OneColumnContainer {
         const width: PropTypes.Requireable<string>;
         const height: PropTypes.Requireable<string>;
         const overflow: PropTypes.Requireable<string>;
+        const transparentBackground: PropTypes.Requireable<boolean>;
         const infoTitle: PropTypes.Requireable<string>;
         const infoText: PropTypes.Requireable<string>;
         const disableInfo: PropTypes.Requireable<boolean>;
         const showViewByBannerButton: PropTypes.Requireable<boolean>;
         const onBannerClick: PropTypes.Requireable<(...args: any[]) => any>;
         const columnTitle: PropTypes.Requireable<string>;
+        const isPercentOfChange: PropTypes.Requireable<boolean>;
+        const PercentOfChangeData: PropTypes.Requireable<number>;
+        const backgroundImage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const showBackgroundImage: PropTypes.Requireable<boolean>;
+        const backgroundImageStyle: PropTypes.Requireable<object>;
     }
     namespace defaultProps {
-        const children_1: string;
+        const children_1: any;
         export { children_1 as children };
         const display_1: string;
         export { display_1 as display };
@@ -727,6 +634,8 @@ declare namespace OneColumnContainer {
         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;
@@ -739,6 +648,16 @@ declare namespace OneColumnContainer {
         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 };
     }
 }
 
@@ -753,10 +672,10 @@ declare namespace BarChartsByWeeks {
         const headerValue: PropTypes.Requireable<number>;
         const HeaderValueCurrencyType: PropTypes.Requireable<string>;
         const HeaderValueIsPercent: PropTypes.Requireable<boolean>;
-        const barChartData: PropTypes.Requireable<(PropTypes.InferProps<{
+        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>;
@@ -772,11 +691,11 @@ declare namespace BarChartsByWeeks {
         const interval: PropTypes.Requireable<string>;
         const showTitle: PropTypes.Requireable<boolean>;
         const showLegend: PropTypes.Requireable<boolean>;
-        const legendData: PropTypes.Requireable<(PropTypes.InferProps<{
+        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>;
@@ -841,9 +760,9 @@ 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 };
     }
 }
@@ -853,17 +772,17 @@ declare namespace PopupCharts {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
         const chartType: PropTypes.Requireable<string>;
-        const popupChartsItemsData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const popupChartsItemsData: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             chartType: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<number>;
-            legendData: PropTypes.Requireable<(PropTypes.InferProps<{
+            legendData: PropTypes.Requireable<PropTypes.InferProps<{
                 color: PropTypes.Requireable<string>;
                 name: PropTypes.Requireable<string>;
                 value: PropTypes.Requireable<number>;
-            }> | null | undefined)[]>;
+            }>[]>;
             noDataText: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const isPopupChartsOpen: PropTypes.Requireable<boolean>;
         const width: PropTypes.Requireable<string>;
         const height: PropTypes.Requireable<string>;
@@ -917,20 +836,26 @@ declare namespace TotalDoughnutChart {
         const className: PropTypes.Requireable<string>;
         const title: PropTypes.Requireable<string>;
         const value: PropTypes.Requireable<number>;
+        const rootFont: PropTypes.Requireable<string>;
+        const containerPadding: PropTypes.Requireable<string>;
         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<{
+        const legendData: PropTypes.Requireable<PropTypes.InferProps<{
+            color: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<number>;
             name: PropTypes.Requireable<string>;
-            description: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
+        const legendBelow: PropTypes.Requireable<boolean>;
         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 titleFontSize: PropTypes.Requireable<string>;
+        const FormattedValueFontSize: PropTypes.Requireable<string>;
         const isPercent: PropTypes.Requireable<boolean>;
         const hideTitleAndValue: PropTypes.Requireable<boolean>;
         const noDataText: PropTypes.Requireable<string>;
@@ -943,6 +868,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;
@@ -951,8 +880,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;
@@ -965,6 +896,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;
@@ -1002,11 +937,11 @@ declare namespace TopToggleList {
 declare function MarketShareDescription(props: any): react_jsx_runtime.JSX.Element;
 declare namespace MarketShareDescription {
     namespace propTypes {
-        const marketShareData: PropTypes.Requireable<(PropTypes.InferProps<{
+        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>;
@@ -1014,7 +949,7 @@ declare namespace MarketShareDescription {
         const dotCut: PropTypes.Requireable<boolean>;
     }
     namespace defaultProps {
-        const marketShareData_1: never[];
+        const marketShareData_1: any[];
         export { marketShareData_1 as marketShareData };
         const width_1: string;
         export { width_1 as width };
@@ -1033,11 +968,11 @@ declare function Heatmap(props: any): react_jsx_runtime.JSX.Element;
 declare namespace Heatmap {
     namespace propTypes {
         const title: PropTypes.Validator<string>;
-        const data: PropTypes.Validator<(PropTypes.InferProps<{
+        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>;
     }
@@ -1052,11 +987,11 @@ declare namespace TotalHorizontalCharts {
         const dotCut: PropTypes.Requireable<boolean>;
         const currencySign: PropTypes.Requireable<boolean>;
         const currencyType: PropTypes.Requireable<string>;
-        const chartsData: PropTypes.Requireable<(PropTypes.InferProps<{
+        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>;
@@ -1085,7 +1020,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 };
@@ -1165,48 +1100,17 @@ declare namespace IconButton {
     }
 }
 
-declare function DoublePanelDataRow(props: any): react_jsx_runtime.JSX.Element;
-declare namespace DoublePanelDataRow {
-    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>;
-        }> | null | undefined)[]>;
-        const backgroundColor: PropTypes.Requireable<string>;
-        const customDataFormat: PropTypes.Requireable<boolean>;
-        const showPercentChange: 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 };
-        const showPercentChange_1: boolean;
-        export { showPercentChange_1 as showPercentChange };
-    }
-}
+declare function DoublePanelDataRow(props: any): react_jsx_runtime.JSX.Element;
 
 declare function BarChart(props: any): react_jsx_runtime.JSX.Element;
 declare namespace BarChart {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
-        const barChartData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const barChartData: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             date: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<number>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const width: PropTypes.Requireable<string>;
         const height: PropTypes.Requireable<string>;
         const barSize: PropTypes.Requireable<number>;
@@ -1215,11 +1119,11 @@ declare namespace BarChart {
         const showDollarSign: PropTypes.Requireable<boolean>;
         const isDollar: PropTypes.Requireable<boolean>;
         const showLegend: PropTypes.Requireable<boolean>;
-        const legendData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const legendData: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Validator<string>;
             iconType: PropTypes.Validator<string>;
             iconColor: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const showReferenceLine: PropTypes.Requireable<boolean>;
         const referenceLinePoint: PropTypes.Requireable<number>;
         const referenceLineColor: PropTypes.Requireable<string>;
@@ -1276,4 +1180,54 @@ declare namespace BarChart {
     }
 }
 
-export { BannerEventBoxList, BarChart, BarChartsByWeeks, Button, CollapseHeader, DialogOverlay, DoublePanelDataRow, EventDetailsCard, EventList, FilterPanel, Heatmap, IconButton, LinnerDataBox, MarketShareDescription, OneColumnContainer, PieChart, PopupCharts, QuickFilter, ReportTable, TabMenu, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts };
+declare function DoubleBarSingleLine(props: any): react_jsx_runtime.JSX.Element;
+
+declare function AreaChart(props: any): react_jsx_runtime.JSX.Element;
+
+declare function BreakdownPanel(props: any): react_jsx_runtime.JSX.Element;
+
+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;
+}): react_jsx_runtime.JSX.Element;
+
+declare function BubbleChart({ data, title, subtitle, leftHeader, rightHeader, topHeader, bottomHeader, colorPalette, height, width, backgroundColor, showAxis, }: {
+    data?: any[];
+    title?: string;
+    subtitle?: string;
+    leftHeader?: string;
+    rightHeader?: string;
+    topHeader?: string;
+    bottomHeader?: string;
+    colorPalette?: string[];
+    height?: string;
+    width?: string;
+    backgroundColor?: string;
+    showAxis?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function BatteryChart(props: any): react_jsx_runtime.JSX.Element;
+
+declare function PerformanceAnalyticsLegend(props: any): react_jsx_runtime.JSX.Element;
+
+declare function BrushChart(props: any): react_jsx_runtime.JSX.Element;
+
+declare function InsightsCarousel({ children, onClose, title, icon, titleColor, iconColor, navColor, }: {
+    children: any;
+    onClose: any;
+    title?: string;
+    icon?: react_jsx_runtime.JSX.Element;
+    titleColor?: string;
+    iconColor?: string;
+    navColor?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { AreaChart, BannerEventBoxList, BarChart, BarChartsByWeeks, BatteryChart, BreakdownPanel, BrushChart, BubbleChart, Button, CollapseHeader, DialogOverlay, DoubleBarSingleLine, DoublePanelDataRow, EventDetailsCard, EventList, FilterPanel, Heatmap, IconButton, InsightsCarousel, LinkButton, LinnerDataBox, MarketShareDescription, OneColumnContainer, PerformanceAnalyticsLegend, PieChart, PopupCharts, QuickFilter, ReportTable, TabMenu, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts };