sag_components 2.0.0-beta → 2.0.0-beta2

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

@@ -0,0 +1,331 @@
+declare namespace _default {
+    export const title: string;
+    export { TotalHorizontalCharts as component };
+    export const tags: string[];
+    export namespace parameters {
+        namespace design {
+            const type: string;
+            const accessToken: string;
+        }
+    }
+    export namespace argTypes {
+        export namespace width {
+            const name: string;
+            const description: string;
+            namespace control {
+                const type_1: string;
+                export { type_1 as type };
+            }
+        }
+        export namespace height {
+            const name_1: string;
+            export { name_1 as name };
+            const description_1: string;
+            export { description_1 as description };
+            export namespace control_1 {
+                const type_2: string;
+                export { type_2 as type };
+            }
+            export { control_1 as control };
+        }
+        export namespace chartsData {
+            const name_2: string;
+            export { name_2 as name };
+            const description_2: string;
+            export { description_2 as description };
+        }
+        export namespace title_1 {
+            const name_3: string;
+            export { name_3 as name };
+            const description_3: string;
+            export { description_3 as description };
+            export namespace control_2 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_2 as control };
+        }
+        export { title_1 as title };
+        export namespace value {
+            const name_4: string;
+            export { name_4 as name };
+            const description_4: string;
+            export { description_4 as description };
+            export namespace control_3 {
+                const type_4: string;
+                export { type_4 as type };
+                export const min: number;
+                export const max: number;
+            }
+            export { control_3 as control };
+        }
+        export namespace hideTitle {
+            const name_5: string;
+            export { name_5 as name };
+            const description_5: string;
+            export { description_5 as description };
+            export namespace control_4 {
+                const type_5: string;
+                export { type_5 as type };
+            }
+            export { control_4 as control };
+        }
+        export namespace hideTotalValue {
+            const name_6: string;
+            export { name_6 as name };
+            const description_6: string;
+            export { description_6 as description };
+            export namespace control_5 {
+                const type_6: string;
+                export { type_6 as type };
+            }
+            export { control_5 as control };
+        }
+        export namespace dotCut {
+            const name_7: string;
+            export { name_7 as name };
+            const description_7: string;
+            export { description_7 as description };
+            export namespace control_6 {
+                const type_7: string;
+                export { type_7 as type };
+            }
+            export { control_6 as control };
+        }
+        export namespace currencySign {
+            const name_8: string;
+            export { name_8 as name };
+            const description_8: string;
+            export { description_8 as description };
+            export namespace control_7 {
+                const type_8: string;
+                export { type_8 as type };
+            }
+            export { control_7 as control };
+        }
+        export namespace currencyType {
+            const name_9: string;
+            export { name_9 as name };
+            const description_9: string;
+            export { description_9 as description };
+            export const options: string[];
+            export namespace control_8 {
+                const type_9: string;
+                export { type_9 as type };
+            }
+            export { control_8 as control };
+        }
+        export namespace showPercentAsideValue {
+            const name_10: string;
+            export { name_10 as name };
+            const description_10: string;
+            export { description_10 as description };
+            export namespace control_9 {
+                const type_10: string;
+                export { type_10 as type };
+            }
+            export { control_9 as control };
+        }
+        export namespace rightGap {
+            const name_11: string;
+            export { name_11 as name };
+            const description_11: string;
+            export { description_11 as description };
+            export namespace control_10 {
+                const type_11: string;
+                export { type_11 as type };
+                const min_1: number;
+                export { min_1 as min };
+                const max_1: number;
+                export { max_1 as max };
+            }
+            export { control_10 as control };
+        }
+        export namespace textColor {
+            const name_12: string;
+            export { name_12 as name };
+            const description_12: string;
+            export { description_12 as description };
+            export namespace control_11 {
+                const type_12: string;
+                export { type_12 as type };
+                export const presetColors: string[];
+            }
+            export { control_11 as control };
+        }
+        export namespace showScrollerBarsCount {
+            const name_13: string;
+            export { name_13 as name };
+            const description_13: string;
+            export { description_13 as description };
+            export namespace control_12 {
+                const type_13: string;
+                export { type_13 as type };
+            }
+            export { control_12 as control };
+        }
+        export namespace labelFontSize {
+            const name_14: string;
+            export { name_14 as name };
+            const description_14: string;
+            export { description_14 as description };
+            export namespace control_13 {
+                const type_14: string;
+                export { type_14 as type };
+                const min_2: number;
+                export { min_2 as min };
+                const max_2: number;
+                export { max_2 as max };
+            }
+            export { control_13 as control };
+        }
+        export namespace labelLimitedLetters {
+            const name_15: string;
+            export { name_15 as name };
+            const description_15: string;
+            export { description_15 as description };
+            export namespace control_14 {
+                const type_15: string;
+                export { type_15 as type };
+                const min_3: number;
+                export { min_3 as min };
+                const max_3: number;
+                export { max_3 as max };
+            }
+            export { control_14 as control };
+        }
+        export namespace noDataText {
+            const name_16: string;
+            export { name_16 as name };
+            const description_16: string;
+            export { description_16 as description };
+            export namespace control_15 {
+                const type_16: string;
+                export { type_16 as type };
+            }
+            export { control_15 as control };
+        }
+    }
+}
+export default _default;
+export function SalesGreenTheme(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace SalesGreenTheme {
+    namespace args {
+        const title_2: string;
+        export { title_2 as title };
+        const value_1: number;
+        export { value_1 as value };
+        const dotCut_1: boolean;
+        export { dotCut_1 as dotCut };
+        const currencySign_1: boolean;
+        export { currencySign_1 as currencySign };
+        const currencyType_1: string;
+        export { currencyType_1 as currencyType };
+        export { chartsData1 as chartsData };
+        const showPercentAsideValue_1: boolean;
+        export { showPercentAsideValue_1 as showPercentAsideValue };
+        const labelFontSize_1: number;
+        export { labelFontSize_1 as labelFontSize };
+        const labelLimitedLetters_1: number;
+        export { labelLimitedLetters_1 as labelLimitedLetters };
+        const showScrollerBarsCount_1: number;
+        export { showScrollerBarsCount_1 as showScrollerBarsCount };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const textColor_1: string;
+        export { textColor_1 as textColor };
+        const noDataText_1: string;
+        export { noDataText_1 as noDataText };
+        const hideTotalValue_1: boolean;
+        export { hideTotalValue_1 as hideTotalValue };
+        const hideTitle_1: boolean;
+        export { hideTitle_1 as hideTitle };
+    }
+}
+export function SalesBlueTheme(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace SalesBlueTheme {
+    export namespace args_1 {
+        const title_3: string;
+        export { title_3 as title };
+        const value_2: number;
+        export { value_2 as value };
+        const dotCut_2: boolean;
+        export { dotCut_2 as dotCut };
+        const currencySign_2: boolean;
+        export { currencySign_2 as currencySign };
+        const currencyType_2: string;
+        export { currencyType_2 as currencyType };
+        export { chartsData2 as chartsData };
+        const showPercentAsideValue_2: boolean;
+        export { showPercentAsideValue_2 as showPercentAsideValue };
+        const labelFontSize_2: number;
+        export { labelFontSize_2 as labelFontSize };
+        const labelLimitedLetters_2: number;
+        export { labelLimitedLetters_2 as labelLimitedLetters };
+        const showScrollerBarsCount_2: number;
+        export { showScrollerBarsCount_2 as showScrollerBarsCount };
+        const width_2: string;
+        export { width_2 as width };
+        const height_2: string;
+        export { height_2 as height };
+        const textColor_2: string;
+        export { textColor_2 as textColor };
+        const noDataText_2: string;
+        export { noDataText_2 as noDataText };
+        const hideTotalValue_2: boolean;
+        export { hideTotalValue_2 as hideTotalValue };
+        const hideTitle_2: boolean;
+        export { hideTitle_2 as hideTitle };
+    }
+    export { args_1 as args };
+}
+export function HideTotalValue(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace HideTotalValue {
+    export namespace args_2 {
+        const title_4: string;
+        export { title_4 as title };
+        const value_3: number;
+        export { value_3 as value };
+        const dotCut_3: boolean;
+        export { dotCut_3 as dotCut };
+        const currencySign_3: boolean;
+        export { currencySign_3 as currencySign };
+        const currencyType_3: string;
+        export { currencyType_3 as currencyType };
+        export { chartsData1 as chartsData };
+        const showPercentAsideValue_3: boolean;
+        export { showPercentAsideValue_3 as showPercentAsideValue };
+        const labelFontSize_3: number;
+        export { labelFontSize_3 as labelFontSize };
+        const labelLimitedLetters_3: number;
+        export { labelLimitedLetters_3 as labelLimitedLetters };
+        const showScrollerBarsCount_3: number;
+        export { showScrollerBarsCount_3 as showScrollerBarsCount };
+        const width_3: string;
+        export { width_3 as width };
+        const height_3: string;
+        export { height_3 as height };
+        const textColor_3: string;
+        export { textColor_3 as textColor };
+        const noDataText_3: string;
+        export { noDataText_3 as noDataText };
+        const hideTotalValue_3: boolean;
+        export { hideTotalValue_3 as hideTotalValue };
+        const hideTitle_3: boolean;
+        export { hideTitle_3 as hideTitle };
+    }
+    export { args_2 as args };
+}
+import TotalHorizontalCharts from "./TotalHorizontalCharts";
+declare const chartsData1: {
+    name: string;
+    value: number;
+    color: string;
+}[];
+declare const chartsData2: {
+    name: string;
+    value: number;
+    color: string;
+}[];

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

@@ -0,0 +1,6 @@
+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 ChartWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const CardHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TotalValue: 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<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export const CurrencySign: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -0,0 +1,24 @@
+export default Tooltip;
+declare function Tooltip(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace Tooltip {
+    namespace propTypes {
+        const className: PropTypes.Requireable<string>;
+        const top: PropTypes.Requireable<number>;
+        const left: PropTypes.Requireable<number>;
+        const direction: PropTypes.Requireable<string>;
+        const content: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        const className_1: string;
+        export { className_1 as className };
+        const top_1: number;
+        export { top_1 as top };
+        const left_1: number;
+        export { left_1 as left };
+        const direction_1: string;
+        export { direction_1 as direction };
+        const content_1: string;
+        export { content_1 as content };
+    }
+}
+import PropTypes from "prop-types";

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

@@ -0,0 +1,3 @@
+export const TooltipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TooltipWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TooltipTip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,74 @@
+export function TwoBarCharts(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace TwoBarCharts {
+    namespace propTypes {
+        const title: PropTypes.Requireable<string>;
+        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>;
+        const barFontSizeValue: PropTypes.Requireable<string>;
+        const barChartColorFirst: PropTypes.Requireable<string>;
+        const barChartColorSecond: PropTypes.Requireable<string>;
+        const isDollar: 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 showDollarSign: PropTypes.Requireable<boolean>;
+        const showReferenceLine: PropTypes.Requireable<boolean>;
+        const referenceLinePoint: PropTypes.Requireable<number>;
+        const referenceLineColor: PropTypes.Requireable<string>;
+        const referenceLineDashed: PropTypes.Requireable<string>;
+    }
+    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 };
+    }
+}
+export default TwoBarCharts;
+import PropTypes from "prop-types";

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

@@ -0,0 +1,238 @@
+declare namespace _default {
+    export const title: string;
+    export { TwoBarCharts as component };
+    export const tags: string[];
+    export namespace argTypes {
+        export namespace title_1 {
+            const name: string;
+            namespace control {
+                const type: string;
+            }
+            const description: string;
+        }
+        export { title_1 as title };
+        export namespace width {
+            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 height {
+            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 namespace barSize {
+            const name_3: string;
+            export { name_3 as name };
+            export namespace control_3 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        export namespace barFontSizeValue {
+            const name_4: string;
+            export { name_4 as name };
+            export namespace control_4 {
+                const type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        export namespace barChartColorFirst {
+            const name_5: string;
+            export { name_5 as name };
+            const description_5: string;
+            export { description_5 as description };
+            export namespace control_5 {
+                const type_5: string;
+                export { type_5 as type };
+                export const presetColors: string[];
+            }
+            export { control_5 as control };
+        }
+        export namespace barChartColorSecond {
+            const name_6: string;
+            export { name_6 as name };
+            const description_6: string;
+            export { description_6 as description };
+            export namespace control_6 {
+                const type_6: string;
+                export { type_6 as type };
+                const presetColors_1: string[];
+                export { presetColors_1 as presetColors };
+            }
+            export { control_6 as control };
+        }
+        export namespace barChartData {
+            const description_7: string;
+            export { description_7 as description };
+        }
+        export namespace isDollar {
+            const name_7: string;
+            export { name_7 as name };
+            export namespace control_7 {
+                const type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+            const description_8: string;
+            export { description_8 as description };
+        }
+        export namespace showDollarSign {
+            const name_8: string;
+            export { name_8 as name };
+            export namespace control_8 {
+                const type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+        export namespace showLegend {
+            const name_9: string;
+            export { name_9 as name };
+            export namespace control_9 {
+                const type_9: string;
+                export { type_9 as type };
+            }
+            export { control_9 as control };
+            const description_10: string;
+            export { description_10 as description };
+        }
+        export namespace yAxisCounter {
+            const name_10: string;
+            export { name_10 as name };
+            export namespace control_10 {
+                const type_10: string;
+                export { type_10 as type };
+            }
+            export { control_10 as control };
+            const description_11: string;
+            export { description_11 as description };
+        }
+        export namespace isPercentValue {
+            const name_11: string;
+            export { name_11 as name };
+            export namespace control_11 {
+                const type_11: string;
+                export { type_11 as type };
+            }
+            export { control_11 as control };
+            const description_12: string;
+            export { description_12 as description };
+        }
+        export namespace showReferenceLine {
+            const name_12: string;
+            export { name_12 as name };
+            export namespace control_12 {
+                const type_12: string;
+                export { type_12 as type };
+            }
+            export { control_12 as control };
+            const description_13: string;
+            export { description_13 as description };
+        }
+        export namespace referenceLinePoint {
+            const name_13: string;
+            export { name_13 as name };
+            export namespace control_13 {
+                const type_13: string;
+                export { type_13 as type };
+            }
+            export { control_13 as control };
+            const description_14: string;
+            export { description_14 as description };
+        }
+        export namespace referenceLineColor {
+            const name_14: string;
+            export { name_14 as name };
+            export namespace control_14 {
+                const type_14: string;
+                export { type_14 as type };
+            }
+            export { control_14 as control };
+            const description_15: string;
+            export { description_15 as description };
+        }
+        export namespace referenceLineDashed {
+            const name_15: string;
+            export { name_15 as name };
+            export namespace control_15 {
+                const type_15: string;
+                export { type_15 as type };
+            }
+            export { control_15 as control };
+            const description_16: string;
+            export { description_16 as description };
+        }
+    }
+}
+export default _default;
+export function SalesDollars(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace SalesDollars {
+    namespace args {
+        const title_2: string;
+        export { title_2 as title };
+        export { arrData as barChartData };
+        export const legendData: {
+            title: string;
+            iconType: string;
+            iconColor: string;
+        }[];
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const barChartColorFirst_1: string;
+        export { barChartColorFirst_1 as barChartColorFirst };
+        const barChartColorSecond_1: string;
+        export { barChartColorSecond_1 as barChartColorSecond };
+        const barSize_1: number;
+        export { barSize_1 as barSize };
+        const barFontSizeValue_1: string;
+        export { barFontSizeValue_1 as barFontSizeValue };
+        const yAxisCounter_1: number;
+        export { yAxisCounter_1 as yAxisCounter };
+        const isPercentValue_1: boolean;
+        export { isPercentValue_1 as isPercentValue };
+        const showLegend_1: boolean;
+        export { showLegend_1 as showLegend };
+        const isDollar_1: boolean;
+        export { isDollar_1 as isDollar };
+        const showDollarSign_1: boolean;
+        export { showDollarSign_1 as showDollarSign };
+        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 };
+    }
+}
+import { TwoBarCharts } from "./TwoBarCharts";
+declare const arrData: {
+    title: string;
+    date: string;
+    valueOne: number;
+    valueTwo: number;
+}[];