sag_components 2.0.0-beta → 2.0.0-beta2

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

@@ -0,0 +1,398 @@
+declare namespace _default {
+    export const title: string;
+    export { SingleBarLineCharts as component };
+    export const tags: string[];
+    export namespace argTypes {
+        export namespace width {
+            const name: string;
+            namespace control {
+                const type: string;
+            }
+            const description: string;
+        }
+        export namespace height {
+            const name_1: string;
+            export { name_1 as name };
+            export namespace control_1 {
+                const type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+            const description_1: string;
+            export { description_1 as description };
+        }
+        export namespace title_1 {
+            const name_2: string;
+            export { name_2 as name };
+            export namespace control_2 {
+                const type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+            const description_2: string;
+            export { description_2 as description };
+        }
+        export { title_1 as title };
+        export namespace data {
+            const name_3: string;
+            export { name_3 as name };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        export namespace totalsData {
+            const name_4: string;
+            export { name_4 as name };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        export namespace legendData {
+            const name_5: string;
+            export { name_5 as name };
+            const description_5: string;
+            export { description_5 as description };
+        }
+        export namespace maxBarRange {
+            const name_6: string;
+            export { name_6 as name };
+            export namespace control_3 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            const description_6: string;
+            export { description_6 as description };
+        }
+        export namespace showLineChart {
+            const name_7: string;
+            export { name_7 as name };
+            export namespace control_4 {
+                const type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            const description_7: string;
+            export { description_7 as description };
+        }
+        export namespace lineRange {
+            const name_8: string;
+            export { name_8 as name };
+            export namespace control_5 {
+                const type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+            const description_8: string;
+            export { description_8 as description };
+        }
+        export namespace barSize {
+            const name_9: string;
+            export { name_9 as name };
+            export namespace control_6 {
+                const type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+        export namespace barChartHeight {
+            const name_10: string;
+            export { name_10 as name };
+            export namespace control_7 {
+                const type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+            const description_10: string;
+            export { description_10 as description };
+        }
+        export namespace lineChartHeight {
+            const name_11: string;
+            export { name_11 as name };
+            export namespace control_8 {
+                const type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+            const description_11: string;
+            export { description_11 as description };
+        }
+        export namespace isLineChartCurrency {
+            const name_12: string;
+            export { name_12 as name };
+            export namespace control_9 {
+                const type_9: string;
+                export { type_9 as type };
+            }
+            export { control_9 as control };
+            const description_12: string;
+            export { description_12 as description };
+        }
+        export namespace isLineChartBolded {
+            const name_13: string;
+            export { name_13 as name };
+            export namespace control_10 {
+                const type_10: string;
+                export { type_10 as type };
+            }
+            export { control_10 as control };
+            const description_13: string;
+            export { description_13 as description };
+        }
+        export namespace setLineChartTooltip {
+            const name_14: string;
+            export { name_14 as name };
+            export namespace control_11 {
+                const type_11: string;
+                export { type_11 as type };
+            }
+            export { control_11 as control };
+            const description_14: string;
+            export { description_14 as description };
+        }
+        export namespace isTopBarPercent {
+            const name_15: string;
+            export { name_15 as name };
+            export namespace control_12 {
+                const type_12: string;
+                export { type_12 as type };
+            }
+            export { control_12 as control };
+            const description_15: string;
+            export { description_15 as description };
+        }
+        export namespace showSecondBar {
+            const name_16: string;
+            export { name_16 as name };
+            export namespace control_13 {
+                const type_13: string;
+                export { type_13 as type };
+            }
+            export { control_13 as control };
+            const description_16: string;
+            export { description_16 as description };
+        }
+        export namespace showPeriod {
+            const name_17: string;
+            export { name_17 as name };
+            export namespace control_14 {
+                const type_14: string;
+                export { type_14 as type };
+            }
+            export { control_14 as control };
+            const description_17: string;
+            export { description_17 as description };
+        }
+        export namespace currencySignLine {
+            const name_18: string;
+            export { name_18 as name };
+            export namespace control_15 {
+                const type_15: string;
+                export { type_15 as type };
+            }
+            export { control_15 as control };
+            const description_18: string;
+            export { description_18 as description };
+        }
+        export namespace currencySign {
+            const name_19: string;
+            export { name_19 as name };
+            export const options: string[];
+            export namespace control_16 {
+                const type_16: string;
+                export { type_16 as type };
+            }
+            export { control_16 as control };
+            const description_19: string;
+            export { description_19 as description };
+        }
+        export namespace noDataText {
+            const name_20: string;
+            export { name_20 as name };
+            export namespace control_17 {
+                const type_17: string;
+                export { type_17 as type };
+            }
+            export { control_17 as control };
+            const description_20: string;
+            export { description_20 as description };
+        }
+    }
+}
+export default _default;
+export function TotalCostSales(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace TotalCostSales {
+    namespace args {
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const title_2: string;
+        export { title_2 as title };
+        export { data1 as data };
+        export { totalsData1 as totalsData };
+        export { legendData1 as legendData };
+        const maxBarRange_1: number;
+        export { maxBarRange_1 as maxBarRange };
+        const lineRange_1: number;
+        export { lineRange_1 as lineRange };
+        const barSize_1: number;
+        export { barSize_1 as barSize };
+        const barChartHeight_1: number;
+        export { barChartHeight_1 as barChartHeight };
+        const lineChartHeight_1: number;
+        export { lineChartHeight_1 as lineChartHeight };
+        const isLineChartCurrency_1: boolean;
+        export { isLineChartCurrency_1 as isLineChartCurrency };
+        const isLineChartBolded_1: boolean;
+        export { isLineChartBolded_1 as isLineChartBolded };
+        const setLineChartTooltip_1: boolean;
+        export { setLineChartTooltip_1 as setLineChartTooltip };
+        const isTopBarPercent_1: boolean;
+        export { isTopBarPercent_1 as isTopBarPercent };
+        const showSecondBar_1: boolean;
+        export { showSecondBar_1 as showSecondBar };
+        const showPeriod_1: boolean;
+        export { showPeriod_1 as showPeriod };
+        const currencySignLine_1: string;
+        export { currencySignLine_1 as currencySignLine };
+        const currencySign_1: string;
+        export { currencySign_1 as currencySign };
+        const noDataText_1: string;
+        export { noDataText_1 as noDataText };
+    }
+}
+export function WithoutTotals(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace WithoutTotals {
+    export namespace args_1 {
+        const width_2: string;
+        export { width_2 as width };
+        const height_2: string;
+        export { height_2 as height };
+        const title_3: string;
+        export { title_3 as title };
+        const data_1: {
+            retailer: string;
+            period: string;
+            lineValue: number;
+            barValue: number;
+        }[];
+        export { data_1 as data };
+        export { totalsData1 as totalsData };
+        export { legendData1 as legendData };
+        const maxBarRange_2: number;
+        export { maxBarRange_2 as maxBarRange };
+        const lineRange_2: number;
+        export { lineRange_2 as lineRange };
+        const barSize_2: number;
+        export { barSize_2 as barSize };
+        const barChartHeight_2: number;
+        export { barChartHeight_2 as barChartHeight };
+        const lineChartHeight_2: number;
+        export { lineChartHeight_2 as lineChartHeight };
+        const isLineChartCurrency_2: boolean;
+        export { isLineChartCurrency_2 as isLineChartCurrency };
+        const isLineChartBolded_2: boolean;
+        export { isLineChartBolded_2 as isLineChartBolded };
+        const setLineChartTooltip_2: boolean;
+        export { setLineChartTooltip_2 as setLineChartTooltip };
+        const isTopBarPercent_2: boolean;
+        export { isTopBarPercent_2 as isTopBarPercent };
+        const showSecondBar_2: boolean;
+        export { showSecondBar_2 as showSecondBar };
+        const showLineChart_1: boolean;
+        export { showLineChart_1 as showLineChart };
+        const showPeriod_2: boolean;
+        export { showPeriod_2 as showPeriod };
+        const currencySignLine_2: string;
+        export { currencySignLine_2 as currencySignLine };
+        const currencySign_2: string;
+        export { currencySign_2 as currencySign };
+        const noDataText_2: string;
+        export { noDataText_2 as noDataText };
+    }
+    export { args_1 as args };
+}
+export function NullValues(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace NullValues {
+    export namespace args_2 {
+        const width_3: string;
+        export { width_3 as width };
+        const height_3: string;
+        export { height_3 as height };
+        const title_4: string;
+        export { title_4 as title };
+        const data_2: {
+            retailer: string;
+            period: string;
+            lineValue: number;
+            barValue: null;
+            secondBarValue: null;
+        }[];
+        export { data_2 as data };
+        export { totalsData1 as totalsData };
+        export { legendData1 as legendData };
+        const maxBarRange_3: number;
+        export { maxBarRange_3 as maxBarRange };
+        const lineRange_3: number;
+        export { lineRange_3 as lineRange };
+        const barSize_3: number;
+        export { barSize_3 as barSize };
+        const barChartHeight_3: number;
+        export { barChartHeight_3 as barChartHeight };
+        const lineChartHeight_3: number;
+        export { lineChartHeight_3 as lineChartHeight };
+        const isLineChartCurrency_3: boolean;
+        export { isLineChartCurrency_3 as isLineChartCurrency };
+        const isLineChartBolded_3: boolean;
+        export { isLineChartBolded_3 as isLineChartBolded };
+        const setLineChartTooltip_3: boolean;
+        export { setLineChartTooltip_3 as setLineChartTooltip };
+        const isTopBarPercent_3: boolean;
+        export { isTopBarPercent_3 as isTopBarPercent };
+        const showSecondBar_3: boolean;
+        export { showSecondBar_3 as showSecondBar };
+        const showPeriod_3: boolean;
+        export { showPeriod_3 as showPeriod };
+        const currencySignLine_3: string;
+        export { currencySignLine_3 as currencySignLine };
+        const currencySign_3: string;
+        export { currencySign_3 as currencySign };
+        const noDataText_3: string;
+        export { noDataText_3 as noDataText };
+    }
+    export { args_2 as args };
+}
+import { SingleBarLineCharts } from "./SingleBarLineCharts";
+declare const data1: ({
+    retailer: string;
+    period: string;
+    lineValue: number;
+    barValue: number;
+    secondBarValue: number;
+    offerType?: undefined;
+} | {
+    retailer: string;
+    period: string;
+    lineValue: string;
+    barValue: number;
+    secondBarValue: number;
+    offerType?: undefined;
+} | {
+    retailer: string;
+    offerType: string;
+    period: string;
+    lineValue: number;
+    barValue: number;
+    secondBarValue?: undefined;
+})[];
+declare const totalsData1: {
+    value: number;
+    sign: string;
+    extraInfo: never[];
+}[];
+declare const legendData1: {
+    iconColor: string;
+    iconType: string;
+    title: string;
+}[];

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

@@ -0,0 +1,61 @@
+export const ControlsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Controls: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export const BarsGapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const LinnerDataBoxWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never>> & string & Omit<{
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        className: import("prop-types").Requireable<string>;
+        width: import("prop-types").Requireable<string>;
+        height: import("prop-types").Requireable<string>;
+        data: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            value: import("prop-types").Requireable<number>;
+            sign: import("prop-types").Requireable<string>;
+            extraInfo: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                title: import("prop-types").Requireable<string>;
+                value: import("prop-types").Requireable<number>;
+            }> | null | undefined)[]>;
+        }> | null | undefined)[]>;
+        backgroundColor: import("prop-types").Requireable<string>;
+        customDataFormat: import("prop-types").Requireable<boolean>;
+    };
+    defaultProps: {
+        className: string;
+        width: string;
+        height: string;
+        data: never[];
+        backgroundColor: string;
+        customDataFormat: boolean;
+    };
+}, keyof import("react").Component<any, {}, any>>;
+export const SegmentedButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const LabelBoldText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGTSpanElement>, never>> & string;
+export const LabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGTSpanElement>, never>> & string;
+export const CustomTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGTextElementAttributes<SVGTextElement>, never>> & string;
+export const TooltipDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TooltipLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TooltipTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const LegendContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never>> & string & Omit<{
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        className: import("prop-types").Requireable<string>;
+        width: import("prop-types").Requireable<string>;
+        height: import("prop-types").Requireable<string>;
+        legendData: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            title: import("prop-types").Validator<string>;
+            iconType: import("prop-types").Validator<string>;
+            iconColor: import("prop-types").Validator<string>;
+        }> | null | undefined)[]>;
+    };
+    defaultProps: {
+        className: string;
+        width: string;
+        height: string;
+        legendData: {
+            title: string;
+            iconType: string;
+            iconColor: string;
+        }[];
+    };
+}, keyof import("react").Component<any, {}, any>>;

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

@@ -0,0 +1,90 @@
+export default TabMenu;
+declare function TabMenu(props: any): import("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: import("react/jsx-runtime").JSX.Element;
+        } | {
+            title: string;
+            content: string;
+        })[];
+        export { tabs_1 as tabs };
+    }
+}
+import PropTypes from "prop-types";