sag_components 2.0.0-beta20 → 2.0.0-beta200

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

@@ -0,0 +1,214 @@
+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 const SalesGreenTheme: any;
+export const SalesBlueTheme: any;
+export const HideTotalValue: any;
+import TotalHorizontalCharts from "./TotalHorizontalCharts";

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

@@ -2,11 +2,11 @@ export function TwoBarCharts(props: any): import("react/jsx-runtime").JSX.Elemen
 export namespace TwoBarCharts {
     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>;
@@ -15,16 +15,17 @@ export namespace TwoBarCharts {
         const barChartColorSecond: PropTypes.Requireable<string>;
         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 showDollarSign: PropTypes.Requireable<boolean>;
         const showReferenceLine: PropTypes.Requireable<boolean>;
         const referenceLinePoint: PropTypes.Requireable<number>;
         const referenceLineColor: PropTypes.Requireable<string>;
         const referenceLineDashed: PropTypes.Requireable<string>;
+        const showTooltip: PropTypes.Requireable<boolean>;
     }
     namespace defaultProps {
         const title_1: string;
@@ -68,6 +69,8 @@ export namespace TwoBarCharts {
         export { referenceLineColor_1 as referenceLineColor };
         const referenceLineDashed_1: string;
         export { referenceLineDashed_1 as referenceLineDashed };
+        const showTooltip_1: boolean;
+        export { showTooltip_1 as showTooltip };
     }
 }
 export default TwoBarCharts;

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

@@ -0,0 +1,172 @@
+declare namespace _default {
+    export const title: string;
+    export { TwoBarCharts as component };
+    export const tags: string[];
+    export namespace argTypes {
+        export namespace title_1 {
+            const control: string;
+            const description: string;
+        }
+        export { title_1 as title };
+        export namespace width {
+            const control_1: string;
+            export { control_1 as control };
+            const description_1: string;
+            export { description_1 as description };
+        }
+        export namespace height {
+            const control_2: string;
+            export { control_2 as control };
+            const description_2: string;
+            export { description_2 as description };
+        }
+        export namespace barSize {
+            const control_3: string;
+            export { control_3 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        export namespace barFontSizeValue {
+            const control_4: string;
+            export { control_4 as control };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        export namespace barChartColorFirst {
+            const control_5: string;
+            export { control_5 as control };
+            const description_5: string;
+            export { description_5 as description };
+        }
+        export namespace barChartColorSecond {
+            const control_6: string;
+            export { control_6 as control };
+            const description_6: string;
+            export { description_6 as description };
+        }
+        export namespace barChartData {
+            const description_7: string;
+            export { description_7 as description };
+        }
+        export namespace isDollar {
+            const control_7: string;
+            export { control_7 as control };
+            const description_8: string;
+            export { description_8 as description };
+        }
+        export namespace showDollarSign {
+            const control_8: string;
+            export { control_8 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+        export namespace showLegend {
+            const control_9: string;
+            export { control_9 as control };
+            const description_10: string;
+            export { description_10 as description };
+        }
+        export namespace yAxisCounter {
+            const control_10: string;
+            export { control_10 as control };
+            const description_11: string;
+            export { description_11 as description };
+        }
+        export namespace isPercentValue {
+            const control_11: string;
+            export { control_11 as control };
+            const description_12: string;
+            export { description_12 as description };
+        }
+        export namespace showReferenceLine {
+            const control_12: string;
+            export { control_12 as control };
+            const description_13: string;
+            export { description_13 as description };
+        }
+        export namespace referenceLinePoint {
+            const control_13: string;
+            export { control_13 as control };
+            const description_14: string;
+            export { description_14 as description };
+        }
+        export namespace referenceLineColor {
+            const control_14: string;
+            export { control_14 as control };
+            const description_15: string;
+            export { description_15 as description };
+        }
+        export namespace referenceLineDashed {
+            const control_15: string;
+            export { control_15 as control };
+            const description_16: string;
+            export { description_16 as description };
+        }
+        export namespace showTooltip {
+            const control_16: string;
+            export { control_16 as control };
+            const description_17: string;
+            export { description_17 as description };
+        }
+        export namespace tooltipText {
+            const control_17: string;
+            export { control_17 as control };
+            const description_18: string;
+            export { description_18 as description };
+        }
+    }
+}
+export default _default;
+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 showTooltip_1: boolean;
+        export { showTooltip_1 as showTooltip };
+        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 tooltipText_1: string;
+        export { tooltipText_1 as tooltipText };
+    }
+}
+import { TwoBarCharts } from "./TwoBarCharts";
+declare const arrData: {
+    title: string;
+    date: string;
+    valueOne: number;
+    valueTwo: number;
+}[];

package/dist/types/components/WeeksPicker/WeeksCalendar.d.ts

@@ -0,0 +1,40 @@
+export default WeeksCalendar;
+/**
+ * WeeksCalendar
+ * -------------
+ * Props
+ * • year               — four-digit year (required)
+ * • defaultStartWeek   — number | null
+ * • defaultEndWeek     — number | null
+ * • backgroundColor    — string (default: "#066768")
+ * • hoverBackgroundColor — string (default: "#E6F0F0")
+ * • allowedWeekRange   — { startWeek: number, endWeek: number } | null
+ * • onApply(start,end) — callback, both numbers (inclusive)
+ * • onCancel()         — callback
+ */
+declare function WeeksCalendar({ year, defaultStartWeek, defaultEndWeek, backgroundColor, hoverBackgroundColor, allowedWeekRange, onApply, onCancel, }: {
+    year: any;
+    defaultStartWeek?: any;
+    defaultEndWeek?: any;
+    backgroundColor?: string;
+    hoverBackgroundColor?: string;
+    allowedWeekRange?: any;
+    onApply: any;
+    onCancel: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace WeeksCalendar {
+    namespace propTypes {
+        const year: PropTypes.Validator<number>;
+        const defaultStartWeek: PropTypes.Requireable<number>;
+        const defaultEndWeek: PropTypes.Requireable<number>;
+        const backgroundColor: PropTypes.Requireable<string>;
+        const hoverBackgroundColor: PropTypes.Requireable<string>;
+        const allowedWeekRange: PropTypes.Requireable<PropTypes.InferProps<{
+            startWeek: PropTypes.Validator<number>;
+            endWeek: PropTypes.Validator<number>;
+        }>>;
+        const onApply: PropTypes.Validator<(...args: any[]) => any>;
+        const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/types/components/WeeksPicker/WeeksCalendar.styles.d.ts

@@ -0,0 +1,5 @@
+export const CalendarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export const Grid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const WeekCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Footer: 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/WeeksPicker/WeeksPicker.d.ts

@@ -0,0 +1,20 @@
+export default WeeksPicker;
+declare function WeeksPicker({ label, disabled, borderColor, borderColorFocus, textColor, hoverColor, required, placeholder, borderRadius, year, width, height, withMarginBottom, onChange, selectedValue, allowedWeekRange, restrictToRange, }: {
+    label: any;
+    disabled: any;
+    borderColor: any;
+    borderColorFocus: any;
+    textColor: any;
+    hoverColor: any;
+    required: any;
+    placeholder: any;
+    borderRadius: any;
+    year: any;
+    width: any;
+    height: any;
+    withMarginBottom?: boolean;
+    onChange: any;
+    selectedValue: any;
+    allowedWeekRange?: any;
+    restrictToRange?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,118 @@
+declare namespace _default {
+    export const title: string;
+    export { WeeksPicker as component };
+    export const tags: string[];
+    export namespace parameters {
+        const layout: string;
+    }
+    export namespace argTypes {
+        namespace width {
+            const control: string;
+            const name: string;
+        }
+        namespace height {
+            const control_1: string;
+            export { control_1 as control };
+            const name_1: string;
+            export { name_1 as name };
+        }
+        namespace label {
+            const control_2: string;
+            export { control_2 as control };
+            const name_2: string;
+            export { name_2 as name };
+        }
+        namespace placeholder {
+            const control_3: string;
+            export { control_3 as control };
+            const name_3: string;
+            export { name_3 as name };
+        }
+        namespace selectedValue {
+            const control_4: string;
+            export { control_4 as control };
+            const name_4: string;
+            export { name_4 as name };
+        }
+        namespace year {
+            const control_5: string;
+            export { control_5 as control };
+            const name_5: string;
+            export { name_5 as name };
+        }
+        namespace required {
+            const control_6: string;
+            export { control_6 as control };
+            const name_6: string;
+            export { name_6 as name };
+        }
+        namespace disabled {
+            const control_7: string;
+            export { control_7 as control };
+            const name_7: string;
+            export { name_7 as name };
+        }
+        namespace restrictToRange {
+            const control_8: string;
+            export { control_8 as control };
+            const name_8: string;
+            export { name_8 as name };
+        }
+        namespace allowedWeekRange {
+            const control_9: string;
+            export { control_9 as control };
+            const name_9: string;
+            export { name_9 as name };
+        }
+        namespace textColor {
+            const control_10: string;
+            export { control_10 as control };
+            const name_10: string;
+            export { name_10 as name };
+        }
+        namespace borderRadius {
+            const control_11: string;
+            export { control_11 as control };
+            const name_11: string;
+            export { name_11 as name };
+        }
+        namespace borderColor {
+            const control_12: string;
+            export { control_12 as control };
+            const name_12: string;
+            export { name_12 as name };
+        }
+        namespace borderColorFocus {
+            const control_13: string;
+            export { control_13 as control };
+            const name_13: string;
+            export { name_13 as name };
+        }
+        namespace hoverColor {
+            const control_14: string;
+            export { control_14 as control };
+            const name_14: string;
+            export { name_14 as name };
+        }
+        namespace withMarginBottom {
+            const control_15: string;
+            export { control_15 as control };
+            const name_15: string;
+            export { name_15 as name };
+        }
+        namespace onChange {
+            export const action: string;
+            const name_16: string;
+            export { name_16 as name };
+        }
+    }
+}
+export default _default;
+export const Default: any;
+export const Disabled: any;
+export const WithRangeRestriction: any;
+export const DisabledWithRangeRestriction: any;
+export function EventScenario(): import("react/jsx-runtime").JSX.Element;
+export const SingleWeekSelection: any;
+export const NarrowRangeRestriction: any;
+import WeeksPicker from "./WeeksPicker";

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

@@ -0,0 +1,8 @@
+export const WeeksPickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export const RequiredIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export const ErrorLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const OptionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const CalendarDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/types/icons/ArrowDownIcon.d.ts

@@ -1,6 +1,6 @@
 export function ArrowDownIcon({ clicked, width, height }: {
     clicked: any;
-    width?: string | undefined;
-    height?: string | undefined;
+    width?: string;
+    height?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default ArrowDownIcon;

package/dist/types/icons/ArrowDropDownIcon.d.ts

@@ -1,6 +1,6 @@
 export function ArrowDropDownIcon({ clicked, width, height }: {
     clicked: any;
-    width?: string | undefined;
-    height?: string | undefined;
+    width?: string;
+    height?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default ArrowDropDownIcon;

package/dist/types/icons/ArrowLeftIcon.d.ts

@@ -0,0 +1,7 @@
+export default ArrowLeftIcon;
+declare function ArrowLeftIcon({ width, height, color, ...props }: {
+    [x: string]: any;
+    width?: string;
+    height?: string;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/ArrowRightFullIcon.d.ts

@@ -0,0 +1,5 @@
+export default ArrowRightFullIcon;
+declare function ArrowRightFullIcon({ width, height, }: {
+    width?: number;
+    height?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/ArrowSelectIcon.d.ts

@@ -1,6 +1,6 @@
 export function ArrowSelectIcon({ width, height, color, }: {
-    width?: string | undefined;
-    height?: string | undefined;
-    color?: string | undefined;
+    width?: string;
+    height?: string;
+    color?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default ArrowSelectIcon;