sag_components 2.0.0-beta → 2.0.0-beta2

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

@@ -0,0 +1,320 @@
+declare namespace _default {
+    export const title: string;
+    export { BarChart 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 barChartColor {
+            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 barChartData {
+            const description_6: string;
+            export { description_6 as description };
+        }
+        export namespace showDollarSign {
+            const name_6: string;
+            export { name_6 as name };
+            export namespace control_6 {
+                const type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+            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 showLegend {
+            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 showReferenceLine {
+            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 referenceLinePoint {
+            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 referenceLineColor {
+            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 referenceLineDashed {
+            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 showCurrentCampaignStyle {
+            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 isPercent {
+            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 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 };
+        const barSize_1: number;
+        export { barSize_1 as barSize };
+        const barFontSizeValue_1: string;
+        export { barFontSizeValue_1 as barFontSizeValue };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const barChartColor_1: string;
+        export { barChartColor_1 as barChartColor };
+        export const yAxisCounter: number;
+        export const isPercentValue: boolean;
+        const showLegend_1: boolean;
+        export { showLegend_1 as showLegend };
+        export const legendData: {
+            title: string;
+            iconType: string;
+            iconColor: string;
+        }[];
+        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 function currentCampaignStyle(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace currentCampaignStyle {
+    export namespace args_1 {
+        const title_3: string;
+        export { title_3 as title };
+        export { arrDataCurrentCampaign as barChartData };
+        const barSize_2: number;
+        export { barSize_2 as barSize };
+        const barFontSizeValue_2: string;
+        export { barFontSizeValue_2 as barFontSizeValue };
+        const width_2: string;
+        export { width_2 as width };
+        const height_2: string;
+        export { height_2 as height };
+        const barChartColor_2: string;
+        export { barChartColor_2 as barChartColor };
+        const yAxisCounter_1: number;
+        export { yAxisCounter_1 as yAxisCounter };
+        const isPercentValue_1: boolean;
+        export { isPercentValue_1 as isPercentValue };
+        const showLegend_2: boolean;
+        export { showLegend_2 as showLegend };
+        const legendData_1: {
+            title: string;
+            iconType: string;
+            iconColor: string;
+        }[];
+        export { legendData_1 as legendData };
+        const showReferenceLine_2: boolean;
+        export { showReferenceLine_2 as showReferenceLine };
+        const referenceLinePoint_2: number;
+        export { referenceLinePoint_2 as referenceLinePoint };
+        const referenceLineColor_2: string;
+        export { referenceLineColor_2 as referenceLineColor };
+        const referenceLineDashed_2: string;
+        export { referenceLineDashed_2 as referenceLineDashed };
+        export const currentBarColor: string;
+        const showCurrentCampaignStyle_1: boolean;
+        export { showCurrentCampaignStyle_1 as showCurrentCampaignStyle };
+    }
+    export { args_1 as args };
+}
+export function currentCampaignStyleWithPercent(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace currentCampaignStyleWithPercent {
+    export namespace args_2 {
+        const title_4: string;
+        export { title_4 as title };
+        export { arrDataIsPercent as barChartData };
+        const barSize_3: number;
+        export { barSize_3 as barSize };
+        const barFontSizeValue_3: string;
+        export { barFontSizeValue_3 as barFontSizeValue };
+        const width_3: string;
+        export { width_3 as width };
+        const height_3: string;
+        export { height_3 as height };
+        const barChartColor_3: string;
+        export { barChartColor_3 as barChartColor };
+        const yAxisCounter_2: number;
+        export { yAxisCounter_2 as yAxisCounter };
+        const isPercentValue_2: boolean;
+        export { isPercentValue_2 as isPercentValue };
+        const showLegend_3: boolean;
+        export { showLegend_3 as showLegend };
+        const legendData_2: {
+            title: string;
+            iconType: string;
+            iconColor: string;
+        }[];
+        export { legendData_2 as legendData };
+        const showReferenceLine_3: boolean;
+        export { showReferenceLine_3 as showReferenceLine };
+        const referenceLinePoint_3: number;
+        export { referenceLinePoint_3 as referenceLinePoint };
+        const referenceLineColor_3: string;
+        export { referenceLineColor_3 as referenceLineColor };
+        const referenceLineDashed_3: string;
+        export { referenceLineDashed_3 as referenceLineDashed };
+        const currentBarColor_1: string;
+        export { currentBarColor_1 as currentBarColor };
+        const showCurrentCampaignStyle_2: boolean;
+        export { showCurrentCampaignStyle_2 as showCurrentCampaignStyle };
+        const isPercent_1: boolean;
+        export { isPercent_1 as isPercent };
+    }
+    export { args_2 as args };
+}
+import { BarChart } from "./BarChart";
+declare const arrData: {
+    title: string;
+    date: string;
+    value: number;
+}[];
+declare const arrDataCurrentCampaign: {
+    title: string;
+    date: string;
+    value: number;
+    isCurrent: boolean;
+}[];
+declare const arrDataIsPercent: ({
+    title: string;
+    date: string;
+    value: number;
+    isCurrent?: undefined;
+} | {
+    title: string;
+    date: string;
+    value: number;
+    isCurrent: boolean;
+})[];

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

@@ -0,0 +1,8 @@
+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 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 Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, 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;

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

@@ -0,0 +1,82 @@
+export function BarChartTwoRows(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace BarChartTwoRows {
+    namespace propTypes {
+        const title: PropTypes.Requireable<string>;
+        const width: PropTypes.Requireable<string>;
+        const height: PropTypes.Requireable<string>;
+        const barChartHeight: PropTypes.Requireable<number>;
+        const barSize: PropTypes.Requireable<number>;
+        const barFontSizeValue: PropTypes.Requireable<string>;
+        const barChartColorFirst: PropTypes.Requireable<string>;
+        const barChartColorSecond: PropTypes.Requireable<string>;
+        const showDollarSign: PropTypes.Requireable<boolean>;
+        const isDollar: PropTypes.Requireable<boolean>;
+        const showReferenceLine: PropTypes.Requireable<boolean>;
+        const referenceLinePoint: PropTypes.Requireable<number>;
+        const referenceLineColor: PropTypes.Requireable<string>;
+        const referenceLineDashed: PropTypes.Requireable<string>;
+        const lowerValueLabel: PropTypes.Requireable<string>;
+        const highValueLabel: PropTypes.Requireable<string>;
+        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 barChartData: PropTypes.Requireable<(PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            date: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<number>;
+        }> | null | undefined)[]>;
+    }
+    namespace defaultProps {
+        const title_1: string;
+        export { title_1 as title };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const barChartHeight_1: number;
+        export { barChartHeight_1 as barChartHeight };
+        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 showDollarSign_1: boolean;
+        export { showDollarSign_1 as showDollarSign };
+        const isDollar_1: boolean;
+        export { isDollar_1 as isDollar };
+        const showReferenceLine_1: boolean;
+        export { showReferenceLine_1 as showReferenceLine };
+        const referenceLinePoint_1: number;
+        export { referenceLinePoint_1 as referenceLinePoint };
+        const referenceLineColor_1: string;
+        export { referenceLineColor_1 as referenceLineColor };
+        const referenceLineDashed_1: string;
+        export { referenceLineDashed_1 as referenceLineDashed };
+        const lowerValueLabel_1: string;
+        export { lowerValueLabel_1 as lowerValueLabel };
+        const highValueLabel_1: string;
+        export { highValueLabel_1 as highValueLabel };
+        const showLegend_1: boolean;
+        export { showLegend_1 as showLegend };
+        const legendData_1: {
+            title: string;
+            iconType: string;
+            iconColor: string;
+        }[];
+        export { legendData_1 as legendData };
+        const barChartData_1: {
+            title: string;
+            date: string;
+            value: number;
+        }[];
+        export { barChartData_1 as barChartData };
+    }
+}
+export default BarChartTwoRows;
+import PropTypes from "prop-types";