sag_components 2.0.0-beta30 → 2.0.0-beta300

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

@@ -0,0 +1,168 @@
+declare namespace _default {
+    export const title: string;
+    export { MenuRoute as component };
+    export const tags: string[];
+    export namespace argTypes {
+        namespace tabsPosition {
+            const control: string;
+            const options: string[];
+            const description: string;
+            const name: string;
+        }
+        namespace layout {
+            const control_1: string;
+            export { control_1 as control };
+            const options_1: string[];
+            export { options_1 as options };
+            const description_1: string;
+            export { description_1 as description };
+            const name_1: string;
+            export { name_1 as name };
+        }
+        namespace width {
+            const control_2: string;
+            export { control_2 as control };
+            const description_2: string;
+            export { description_2 as description };
+            const name_2: string;
+            export { name_2 as name };
+        }
+        namespace fontSize {
+            const control_3: string;
+            export { control_3 as control };
+            const description_3: string;
+            export { description_3 as description };
+            const name_3: string;
+            export { name_3 as name };
+        }
+        namespace fontWeight {
+            const control_4: string;
+            export { control_4 as control };
+            const description_4: string;
+            export { description_4 as description };
+            const name_4: string;
+            export { name_4 as name };
+        }
+        namespace notSelectedColor {
+            const control_5: string;
+            export { control_5 as control };
+            const description_5: string;
+            export { description_5 as description };
+            const name_5: string;
+            export { name_5 as name };
+        }
+        namespace selectedBackgroundColor {
+            const control_6: string;
+            export { control_6 as control };
+            const description_6: string;
+            export { description_6 as description };
+            const name_6: string;
+            export { name_6 as name };
+        }
+        namespace iconSize {
+            const control_7: string;
+            export { control_7 as control };
+            const description_7: string;
+            export { description_7 as description };
+            const name_7: string;
+            export { name_7 as name };
+        }
+        namespace iconColor {
+            const control_8: string;
+            export { control_8 as control };
+            const description_8: string;
+            export { description_8 as description };
+            const name_8: string;
+            export { name_8 as name };
+        }
+        namespace items {
+            const control_9: string;
+            export { control_9 as control };
+            const description_9: string;
+            export { description_9 as description };
+            const name_9: string;
+            export { name_9 as name };
+        }
+        namespace color {
+            const control_10: string;
+            export { control_10 as control };
+            const description_10: string;
+            export { description_10 as description };
+            const name_10: string;
+            export { name_10 as name };
+        }
+    }
+}
+export default _default;
+export namespace Basic {
+    namespace args {
+        const items_1: ({
+            label: string;
+            key: string;
+            icon: import("react/jsx-runtime").JSX.Element;
+            index: number;
+            disabled?: undefined;
+        } | {
+            label: string;
+            key: string;
+            icon: import("react/jsx-runtime").JSX.Element;
+            disabled: boolean;
+            index: number;
+        })[];
+        export { items_1 as items };
+        export const selecetIndex: number;
+        const tabsPosition_1: string;
+        export { tabsPosition_1 as tabsPosition };
+        const layout_1: string;
+        export { layout_1 as layout };
+        const width_1: string;
+        export { width_1 as width };
+        const fontSize_1: string;
+        export { fontSize_1 as fontSize };
+        const fontWeight_1: string;
+        export { fontWeight_1 as fontWeight };
+        const notSelectedColor_1: string;
+        export { notSelectedColor_1 as notSelectedColor };
+        const selectedBackgroundColor_1: string;
+        export { selectedBackgroundColor_1 as selectedBackgroundColor };
+        const iconSize_1: string;
+        export { iconSize_1 as iconSize };
+        const iconColor_1: string;
+        export { iconColor_1 as iconColor };
+    }
+}
+export namespace Vertical {
+    export namespace args_1 {
+        const items_2: {
+            label: string;
+            key: string;
+            icon: import("react/jsx-runtime").JSX.Element;
+            index: number;
+        }[];
+        export { items_2 as items };
+        const selecetIndex_1: number;
+        export { selecetIndex_1 as selecetIndex };
+        const tabsPosition_2: string;
+        export { tabsPosition_2 as tabsPosition };
+        const layout_2: string;
+        export { layout_2 as layout };
+        const width_2: string;
+        export { width_2 as width };
+        const fontSize_2: string;
+        export { fontSize_2 as fontSize };
+        const fontWeight_2: string;
+        export { fontWeight_2 as fontWeight };
+        const notSelectedColor_2: string;
+        export { notSelectedColor_2 as notSelectedColor };
+        const selectedBackgroundColor_2: string;
+        export { selectedBackgroundColor_2 as selectedBackgroundColor };
+        const iconSize_2: string;
+        export { iconSize_2 as iconSize };
+        const iconColor_2: string;
+        export { iconColor_2 as iconColor };
+        const color_1: string;
+        export { color_1 as color };
+    }
+    export { args_1 as args };
+}
+import MenuRoute from "./MenuRoute";

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

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

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

@@ -0,0 +1,19 @@
+export default MessageBox;
+declare function MessageBox({ isOpen, isDisabled, onClose, onConfirm, title, primaryText, secondaryText, width, height, color, hoverColor, opacity, secondaryColor, seperateSectionBorder, children, tooltipContent, }: {
+    isOpen?: boolean;
+    isDisabled?: boolean;
+    onClose?: () => void;
+    onConfirm?: () => void;
+    title?: string;
+    primaryText?: string;
+    secondaryText?: string;
+    width?: string;
+    height?: string;
+    color?: string;
+    hoverColor?: string;
+    opacity?: number;
+    secondaryColor?: string;
+    seperateSectionBorder?: boolean;
+    children: any;
+    tooltipContent?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,127 @@
+declare namespace _default {
+    export const title: string;
+    export { MessageBox as component };
+    export const tags: string[];
+    export namespace parameters {
+        const layout: string;
+    }
+    export namespace argTypes {
+        export namespace isDisabled {
+            const name: string;
+            const control: string;
+            const description: string;
+        }
+        export namespace isOpen {
+            const name_1: string;
+            export { name_1 as name };
+            const control_1: string;
+            export { control_1 as control };
+            const description_1: string;
+            export { description_1 as description };
+        }
+        export namespace title_1 {
+            const name_2: string;
+            export { name_2 as name };
+            const control_2: string;
+            export { control_2 as control };
+            const description_2: string;
+            export { description_2 as description };
+        }
+        export { title_1 as title };
+        export namespace primaryText {
+            const name_3: string;
+            export { name_3 as name };
+            const control_3: string;
+            export { control_3 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        export namespace secondaryText {
+            const name_4: string;
+            export { name_4 as name };
+            const control_4: string;
+            export { control_4 as control };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        export namespace width {
+            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 height {
+            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 onClose {
+            const name_7: string;
+            export { name_7 as name };
+            export const action: string;
+            const description_7: string;
+            export { description_7 as description };
+        }
+        export namespace onConfirm {
+            const name_8: string;
+            export { name_8 as name };
+            const action_1: string;
+            export { action_1 as action };
+            const description_8: string;
+            export { description_8 as description };
+        }
+        export namespace color {
+            const name_9: string;
+            export { name_9 as name };
+            const control_7: string;
+            export { control_7 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+        export namespace hoverColor {
+            const name_10: string;
+            export { name_10 as name };
+            const control_8: string;
+            export { control_8 as control };
+            const description_10: string;
+            export { description_10 as description };
+        }
+        export namespace secondaryColor {
+            const name_11: string;
+            export { name_11 as name };
+            const control_9: string;
+            export { control_9 as control };
+            const description_11: string;
+            export { description_11 as description };
+        }
+        export namespace seperateSectionBorder {
+            const name_12: string;
+            export { name_12 as name };
+            const control_10: string;
+            export { control_10 as control };
+            const description_12: string;
+            export { description_12 as description };
+        }
+        export namespace children {
+            const name_13: string;
+            export { name_13 as name };
+            const control_11: string;
+            export { control_11 as control };
+            const description_13: string;
+            export { description_13 as description };
+        }
+    }
+}
+export default _default;
+export const Default: any;
+export const Comment: any;
+export const CustomMessage: any;
+export const ShortMessage: any;
+export const LongMessage: any;
+export const Closed: any;
+import MessageBox from "./MessageBox";

package/dist/types/components/MessageBox/MessageBox.styles.d.ts

@@ -0,0 +1,8 @@
+export const ModalOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export const TooltipContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ModalTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ButtonContainer: 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/Modal/Modal.d.ts

@@ -3,4 +3,4 @@ declare function Modal({ isOpen, onClose, children }: {
     isOpen: any;
     onClose: any;
     children: any;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+/**
+ * ModalDrawer component
+ * @param {Object} props
+ * @param {boolean} props.open - Whether the drawer is open
+ * @param {function} props.onClose - Handler for closing the drawer
+ * @param {React.ReactNode} props.children - Drawer content
+ * @param {number} [props.widthPercent=70] - Width of the drawer as a percentage of the viewport width
+ */
+export default function ModalDrawer({ open, height, onClose, children, widthPercent }: {
+    open: boolean;
+    onClose: Function;
+    children: React.ReactNode;
+    widthPercent?: number;
+}): import("react/jsx-runtime").JSX.Element;
+import React from "react";

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

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export const title: string;
+    export { ModalDrawer as component };
+}
+export default _default;
+export function Empty(): import("react/jsx-runtime").JSX.Element;
+import ModalDrawer from "./ModalDrawer";

package/dist/types/components/ModalDrawer/ModalDrawer.styles.d.ts

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

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

@@ -0,0 +1,2 @@
+export default ModalWithOverlay;
+declare function ModalWithOverlay(props: any): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,142 @@
+declare namespace _default {
+    export const title: string;
+    export { ModalWithOverlay as component };
+    export const tags: string[];
+    export namespace parameters {
+        namespace docs {
+            namespace description {
+                const component: string;
+            }
+        }
+    }
+    export namespace argTypes {
+        export namespace title_1 {
+            export const control: string;
+            const description_1: string;
+            export { description_1 as description };
+        }
+        export { title_1 as title };
+        export namespace children {
+            const control_1: string;
+            export { control_1 as control };
+            const description_2: string;
+            export { description_2 as description };
+        }
+        export namespace onClose {
+            export const action: string;
+            const description_3: string;
+            export { description_3 as description };
+        }
+        export namespace onOk {
+            const action_1: string;
+            export { action_1 as action };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        export namespace onCancel {
+            const action_2: string;
+            export { action_2 as action };
+            const description_5: string;
+            export { description_5 as description };
+        }
+        export namespace okButtonText {
+            const control_2: string;
+            export { control_2 as control };
+            const description_6: string;
+            export { description_6 as description };
+        }
+        export namespace cancelButtonText {
+            const control_3: string;
+            export { control_3 as control };
+            const description_7: string;
+            export { description_7 as description };
+        }
+        export namespace showCancelButton {
+            const control_4: string;
+            export { control_4 as control };
+            const description_8: string;
+            export { description_8 as description };
+        }
+        export namespace showOkButton {
+            const control_5: string;
+            export { control_5 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+        export namespace okButtonLeftIcon {
+            const control_6: string;
+            export { control_6 as control };
+            const description_10: string;
+            export { description_10 as description };
+        }
+        export namespace okButtonRightIcon {
+            const control_7: string;
+            export { control_7 as control };
+            const description_11: string;
+            export { description_11 as description };
+        }
+        export namespace okButtonType {
+            const control_8: string;
+            export { control_8 as control };
+            const description_12: string;
+            export { description_12 as description };
+        }
+        export namespace width {
+            const control_9: string;
+            export { control_9 as control };
+            const description_13: string;
+            export { description_13 as description };
+        }
+        export namespace height {
+            const control_10: string;
+            export { control_10 as control };
+            const description_14: string;
+            export { description_14 as description };
+        }
+        export namespace overlayTransparent {
+            const control_11: string;
+            export { control_11 as control };
+            const description_15: string;
+            export { description_15 as description };
+        }
+        export namespace overlayOpacity {
+            const control_12: string;
+            export { control_12 as control };
+            const description_16: string;
+            export { description_16 as description };
+        }
+        export namespace cancelButtonType {
+            const control_13: string;
+            export { control_13 as control };
+            const description_17: string;
+            export { description_17 as description };
+        }
+        export namespace cancelButtonLeftIcon {
+            const control_14: string;
+            export { control_14 as control };
+            const description_18: string;
+            export { description_18 as description };
+        }
+        export namespace cancelButtonRightIcon {
+            const control_15: string;
+            export { control_15 as control };
+            const description_19: string;
+            export { description_19 as description };
+        }
+        export namespace tooltipContent {
+            const control_16: string;
+            export { control_16 as control };
+            const description_20: string;
+            export { description_20 as description };
+        }
+        export namespace disableOkButton {
+            const control_17: string;
+            export { control_17 as control };
+            const description_21: string;
+            export { description_21 as description };
+        }
+    }
+}
+export default _default;
+export function Default(): import("react/jsx-runtime").JSX.Element;
+import ModalWithOverlay from "./ModalWithOverlay";

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

@@ -0,0 +1,8 @@
+export const ModalWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Modal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ModalButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ModalTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export const ModalBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TooltipContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export const ModalFooter: 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/MonthPicker/MonthPicker.d.ts

@@ -1,5 +1,5 @@
 export default MonthPicker;
-declare function MonthPicker({ availableMonths, label, onChange, borderRadius, required, width, height, placeholder, disabled, borderColor, borderColorFocus, textColor, selectedValue, }: {
+declare function MonthPicker({ availableMonths, label, onChange, borderRadius, required, width, height, placeholder, disabled, borderColor, borderColorFocus, textColor, selectedValue, startYear }: {
     availableMonths: any;
     label: any;
     onChange: any;
@@ -13,10 +13,11 @@ declare function MonthPicker({ availableMonths, label, onChange, borderRadius, r
     borderColorFocus: any;
     textColor: any;
     selectedValue: any;
+    startYear: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace MonthPicker {
     namespace propTypes {
-        const availableMonths: PropTypes.Validator<(string | null | undefined)[]>;
+        const availableMonths: PropTypes.Validator<string[]>;
         const label: PropTypes.Validator<string>;
         const onChange: PropTypes.Validator<(...args: any[]) => any>;
         const borderRadius: PropTypes.Validator<string>;