sag_components 2.0.0-beta17 → 2.0.0-beta170

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

@@ -4,189 +4,119 @@ declare namespace _default {
     export const tags: string[];
     export namespace argTypes {
         export namespace title_1 {
-            const name: string;
-            namespace control {
-                const type: string;
-            }
+            const control: 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 };
-            }
+            const control_1: string;
             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 };
-            }
+            const control_2: string;
             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 };
-            }
+            const control_3: string;
             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 };
-            }
+            const control_4: string;
             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 control_5: string;
+            export { control_5 as control };
             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 control_6: string;
+            export { control_6 as control };
             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 };
-            }
+            const control_7: string;
             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 };
-            }
+            const control_8: string;
             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 };
-            }
+            const control_9: string;
             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 };
-            }
+            const control_10: string;
             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 };
-            }
+            const control_11: string;
             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 };
-            }
+            const control_12: string;
             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 };
-            }
+            const control_13: string;
             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 };
-            }
+            const control_14: string;
             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 };
-            }
+            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 function SalesDollars(args: any): import("react/jsx-runtime").JSX.Element;
 export namespace SalesDollars {
     namespace args {
         const title_2: string;
@@ -219,6 +149,8 @@ export namespace SalesDollars {
         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;
@@ -227,6 +159,8 @@ export namespace SalesDollars {
         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";

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

@@ -0,0 +1,30 @@
+export default WeeksCalendar;
+/**
+ * WeeksCalendar
+ * -------------
+ * Props
+ * • year               – four-digit year (required)
+ * • defaultStartWeek   – number | null
+ * • defaultEndWeek     – number | null
+ * • onApply(start,end) – callback, both numbers (inclusive)
+ * • onCancel()         – callback
+ */
+declare function WeeksCalendar({ year, defaultStartWeek, defaultEndWeek, backgroundColor, hoverBackgroundColor, onApply, onCancel, }: {
+    year: any;
+    defaultStartWeek?: any;
+    defaultEndWeek?: any;
+    backgroundColor?: string;
+    hoverBackgroundColor?: string;
+    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 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,18 @@
+export default WeeksPicker;
+declare function WeeksPicker({ label, disabled, borderColor, borderColorFocus, textColor, hoverColor, required, placeholder, borderRadius, year, width, height, withMarginBottom, onChange, selectedValue, }: {
+    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;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,98 @@
+declare namespace _default {
+    export const title: string;
+    export { WeeksPicker as component };
+    export const tags: 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 defaultValues {
+            const control_4: string;
+            export { control_4 as control };
+            const name_4: string;
+            export { name_4 as name };
+        }
+        namespace selectedValue {
+            const control_5: string;
+            export { control_5 as control };
+            const name_5: string;
+            export { name_5 as name };
+        }
+        namespace year {
+            const control_6: string;
+            export { control_6 as control };
+            const name_6: string;
+            export { name_6 as name };
+        }
+        namespace required {
+            const control_7: string;
+            export { control_7 as control };
+            const name_7: string;
+            export { name_7 as name };
+        }
+        namespace disabled {
+            const control_8: string;
+            export { control_8 as control };
+            const name_8: string;
+            export { name_8 as name };
+        }
+        namespace textColor {
+            const control_9: string;
+            export { control_9 as control };
+            const name_9: string;
+            export { name_9 as name };
+        }
+        namespace borderRadius {
+            const control_10: string;
+            export { control_10 as control };
+            const name_10: string;
+            export { name_10 as name };
+        }
+        namespace borderColor {
+            const control_11: string;
+            export { control_11 as control };
+            const name_11: string;
+            export { name_11 as name };
+        }
+        namespace borderColorFocus {
+            const control_12: string;
+            export { control_12 as control };
+            const name_12: string;
+            export { name_12 as name };
+        }
+        namespace withMarginBottom {
+            const control_13: string;
+            export { control_13 as control };
+            const name_13: string;
+            export { name_13 as name };
+        }
+        namespace onChange {
+            export const action: string;
+            const name_14: string;
+            export { name_14 as name };
+        }
+    }
+}
+export default _default;
+export const Default: any;
+export const WithDefaultValue: 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;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,6 @@
-export function ChervronLeftIcon(): import("react/jsx-runtime").JSX.Element;
 export default ChervronLeftIcon;
+declare function ChervronLeftIcon({ width, height, fill, }: {
+    width?: number;
+    height?: number;
+    fill?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,6 @@
-export function ChervronRightIcon(): import("react/jsx-runtime").JSX.Element;
 export default ChervronRightIcon;
+declare function ChervronRightIcon({ width, height, fill, }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+export default ChevronIcon;
+declare function ChevronIcon({ width, height, fill, isOpen, }: {
+    width?: number;
+    height?: number;
+    fill?: string;
+    isOpen?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-export function ChevronLeftIcon({ disabled, }: {
-    disabled?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
 export default ChevronLeftIcon;
+declare function ChevronLeftIcon({ disabled, }: {
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-export function ChevronRightIcon({ disabled, }: {
-    disabled?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
 export default ChevronRightIcon;
+declare function ChevronRightIcon({ disabled, }: {
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

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

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