sag_components 2.0.0-beta29 → 2.0.0-beta290

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

@@ -0,0 +1,148 @@
+declare namespace _default {
+    export const title: string;
+    export { MonthPicker as component };
+    export const tags: string[];
+    export namespace argTypes {
+        namespace label {
+            const name: string;
+            namespace type {
+                const name_1: string;
+                export { name_1 as name };
+            }
+            const description: string;
+            namespace defaultValue {
+                const summary: string;
+            }
+            namespace control {
+                const type_1: string;
+                export { type_1 as type };
+            }
+        }
+        namespace value {
+            const name_2: string;
+            export { name_2 as name };
+            export namespace type_2 {
+                const name_3: string;
+                export { name_3 as name };
+            }
+            export { type_2 as type };
+            const description_1: string;
+            export { description_1 as description };
+            export namespace defaultValue_1 {
+                const summary_1: string;
+                export { summary_1 as summary };
+            }
+            export { defaultValue_1 as defaultValue };
+            export namespace control_1 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_1 as control };
+        }
+        namespace onChange {
+            const name_4: string;
+            export { name_4 as name };
+            export namespace type_4 {
+                const name_5: string;
+                export { name_5 as name };
+            }
+            export { type_4 as type };
+            const description_2: string;
+            export { description_2 as description };
+            export namespace defaultValue_2 {
+                const summary_2: string;
+                export { summary_2 as summary };
+            }
+            export { defaultValue_2 as defaultValue };
+            export namespace control_2 {
+                const type_5: any;
+                export { type_5 as type };
+            }
+            export { control_2 as control };
+        }
+        namespace borderRadius {
+            const name_6: string;
+            export { name_6 as name };
+            export namespace type_6 {
+                const name_7: string;
+                export { name_7 as name };
+            }
+            export { type_6 as type };
+            const description_3: string;
+            export { description_3 as description };
+            export namespace defaultValue_3 {
+                const summary_3: string;
+                export { summary_3 as summary };
+            }
+            export { defaultValue_3 as defaultValue };
+            export namespace control_3 {
+                const type_7: string;
+                export { type_7 as type };
+            }
+            export { control_3 as control };
+        }
+        namespace required {
+            const name_8: string;
+            export { name_8 as name };
+            export namespace type_8 {
+                const name_9: string;
+                export { name_9 as name };
+            }
+            export { type_8 as type };
+            const description_4: string;
+            export { description_4 as description };
+            export namespace defaultValue_4 {
+                const summary_4: boolean;
+                export { summary_4 as summary };
+            }
+            export { defaultValue_4 as defaultValue };
+            export namespace control_4 {
+                const type_9: string;
+                export { type_9 as type };
+            }
+            export { control_4 as control };
+        }
+        namespace textColor {
+            const name_10: string;
+            export { name_10 as name };
+            const description_5: string;
+            export { description_5 as description };
+            export namespace control_5 {
+                const type_10: string;
+                export { type_10 as type };
+                export const presetColors: string[];
+            }
+            export { control_5 as control };
+        }
+        namespace borderColor {
+            const name_11: string;
+            export { name_11 as name };
+            const description_6: string;
+            export { description_6 as description };
+            export namespace control_6 {
+                const type_11: string;
+                export { type_11 as type };
+                const presetColors_1: string[];
+                export { presetColors_1 as presetColors };
+            }
+            export { control_6 as control };
+        }
+        namespace borderColorFocus {
+            const name_12: string;
+            export { name_12 as name };
+            const description_7: string;
+            export { description_7 as description };
+            export namespace control_7 {
+                const type_12: string;
+                export { type_12 as type };
+                const presetColors_2: string[];
+                export { presetColors_2 as presetColors };
+            }
+            export { control_7 as control };
+        }
+    }
+}
+export default _default;
+export const Default: any;
+export const InitialValue: any;
+import MonthPicker from "./MonthPicker";

package/dist/types/components/MonthPicker/MonthPopupPicker.d.ts

@@ -1,9 +1,10 @@
 export default MonthPopupPicker;
-declare function MonthPopupPicker({ isOpen, onChangeDate, value, setValue, startDateValue, availableMonths, }: {
+declare function MonthPopupPicker({ isOpen, onChangeDate, value, setValue, startDateValue, availableMonths, startYear, }: {
     isOpen: any;
     onChangeDate: any;
     value: any;
     setValue: any;
     startDateValue: any;
     availableMonths: any;
+    startYear?: number;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/MonthPicker/MonthPopupPicker.style.d.ts

@@ -0,0 +1,7 @@
+export const DatePickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const DatePickerPopup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const DatePickerHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const NavDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const DatePickerSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, never>> & string;
+export const DatePickerCalendar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const DateCell: 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/NoDataFoundMessage/NoDataFoundMessage.d.ts

@@ -1,12 +1,2 @@
 export function NoDataFoundMessage(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace NoDataFoundMessage {
-    namespace propTypes {
-        const noDataText: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const noDataText_1: string;
-        export { noDataText_1 as noDataText };
-    }
-}
 export default NoDataFoundMessage;
-import PropTypes from "prop-types";

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

@@ -0,0 +1,39 @@
+declare namespace _default {
+    export const title: string;
+    export { NoDataFoundMessage as component };
+    export const tags: string[];
+    export namespace argTypes {
+        namespace width {
+            const name: string;
+            namespace control {
+                const type: string;
+            }
+            const description: string;
+        }
+        namespace height {
+            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 };
+        }
+        namespace noDataText {
+            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 default _default;
+export const NoDataFound: any;
+import { NoDataFoundMessage } from "./NoDataFoundMessage";

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

@@ -1,3 +1,3 @@
 export const NoDataFoundContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const NoDataFoundTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-export const NoDataFoundText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export const NoDataFoundText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -1,7 +1,7 @@
 export function OneColumnContainer(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace OneColumnContainer {
     namespace propTypes {
-        const children: PropTypes.Requireable<string>;
+        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         const display: PropTypes.Requireable<string>;
         const isLoading: PropTypes.Requireable<boolean>;
         const gridTemplateColumns: PropTypes.Requireable<string>;
@@ -13,15 +13,21 @@ export namespace OneColumnContainer {
         const width: PropTypes.Requireable<string>;
         const height: PropTypes.Requireable<string>;
         const overflow: PropTypes.Requireable<string>;
+        const transparentBackground: PropTypes.Requireable<boolean>;
         const infoTitle: PropTypes.Requireable<string>;
         const infoText: PropTypes.Requireable<string>;
         const disableInfo: PropTypes.Requireable<boolean>;
         const showViewByBannerButton: PropTypes.Requireable<boolean>;
         const onBannerClick: PropTypes.Requireable<(...args: any[]) => any>;
         const columnTitle: PropTypes.Requireable<string>;
+        const isPercentOfChange: PropTypes.Requireable<boolean>;
+        const PercentOfChangeData: PropTypes.Requireable<number>;
+        const backgroundImage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const showBackgroundImage: PropTypes.Requireable<boolean>;
+        const backgroundImageStyle: PropTypes.Requireable<object>;
     }
     namespace defaultProps {
-        const children_1: string;
+        const children_1: any;
         export { children_1 as children };
         const display_1: string;
         export { display_1 as display };
@@ -45,6 +51,8 @@ export namespace OneColumnContainer {
         export { height_1 as height };
         const overflow_1: string;
         export { overflow_1 as overflow };
+        const transparentBackground_1: boolean;
+        export { transparentBackground_1 as transparentBackground };
         const infoTitle_1: string;
         export { infoTitle_1 as infoTitle };
         const infoText_1: string;
@@ -57,6 +65,16 @@ export namespace OneColumnContainer {
         export { onBannerClick_1 as onBannerClick };
         const columnTitle_1: string;
         export { columnTitle_1 as columnTitle };
+        const isPercentOfChange_1: boolean;
+        export { isPercentOfChange_1 as isPercentOfChange };
+        const PercentOfChangeData_1: number;
+        export { PercentOfChangeData_1 as PercentOfChangeData };
+        const backgroundImage_1: string;
+        export { backgroundImage_1 as backgroundImage };
+        const showBackgroundImage_1: boolean;
+        export { showBackgroundImage_1 as showBackgroundImage };
+        const backgroundImageStyle_1: {};
+        export { backgroundImageStyle_1 as backgroundImageStyle };
     }
 }
 export default OneColumnContainer;

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

@@ -0,0 +1,396 @@
+declare namespace _default {
+    export const title: string;
+    export { OneColumnContainer as component };
+    export const tags: string[];
+    export namespace argTypes {
+        namespace width {
+            const control: string;
+            const description: string;
+            const name: string;
+        }
+        namespace height {
+            const control_1: string;
+            export { control_1 as control };
+            const description_1: string;
+            export { description_1 as description };
+            const name_1: string;
+            export { name_1 as name };
+        }
+        namespace overflow {
+            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 transparentBackground {
+            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 display {
+            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 isLoading {
+            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 children {
+            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 gridTemplateColumns {
+            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 itemClass {
+            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 divStyle {
+            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 overStyle {
+            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 };
+        }
+        namespace draggingStyle {
+            const control_11: string;
+            export { control_11 as control };
+            const description_11: string;
+            export { description_11 as description };
+            const name_11: string;
+            export { name_11 as name };
+        }
+        namespace droppedStyle {
+            const control_12: string;
+            export { control_12 as control };
+            const description_12: string;
+            export { description_12 as description };
+            const name_12: string;
+            export { name_12 as name };
+        }
+        namespace infoTitle {
+            const control_13: string;
+            export { control_13 as control };
+            const description_13: string;
+            export { description_13 as description };
+            const name_13: string;
+            export { name_13 as name };
+        }
+        namespace infoText {
+            const control_14: string;
+            export { control_14 as control };
+            const description_14: string;
+            export { description_14 as description };
+            const name_14: string;
+            export { name_14 as name };
+        }
+        namespace disableInfo {
+            const control_15: string;
+            export { control_15 as control };
+            const description_15: string;
+            export { description_15 as description };
+            const name_15: string;
+            export { name_15 as name };
+        }
+        namespace showViewByBannerButton {
+            const control_16: string;
+            export { control_16 as control };
+            const description_16: string;
+            export { description_16 as description };
+            const name_16: string;
+            export { name_16 as name };
+        }
+        namespace onBannerClick {
+            export const action: string;
+            const description_17: string;
+            export { description_17 as description };
+            const name_17: string;
+            export { name_17 as name };
+        }
+        namespace columnTitle {
+            const control_17: string;
+            export { control_17 as control };
+            const description_18: string;
+            export { description_18 as description };
+            const name_18: string;
+            export { name_18 as name };
+        }
+        namespace isPercentOfChange {
+            const control_18: string;
+            export { control_18 as control };
+            const description_19: string;
+            export { description_19 as description };
+            const name_19: string;
+            export { name_19 as name };
+        }
+        namespace PercentOfChangeData {
+            const control_19: string;
+            export { control_19 as control };
+            const description_20: string;
+            export { description_20 as description };
+            const name_20: string;
+            export { name_20 as name };
+        }
+        namespace backgroundImage {
+            const control_20: string;
+            export { control_20 as control };
+            const description_21: string;
+            export { description_21 as description };
+            const name_21: string;
+            export { name_21 as name };
+        }
+        namespace showBackgroundImage {
+            const control_21: string;
+            export { control_21 as control };
+            const description_22: string;
+            export { description_22 as description };
+            const name_22: string;
+            export { name_22 as name };
+        }
+        namespace backgroundImageStyle {
+            const control_22: string;
+            export { control_22 as control };
+            const description_23: string;
+            export { description_23 as description };
+            const name_23: string;
+            export { name_23 as name };
+        }
+    }
+}
+export default _default;
+export namespace Skeleton {
+    namespace args {
+        const isLoading_1: boolean;
+        export { isLoading_1 as isLoading };
+        const infoTitle_1: string;
+        export { infoTitle_1 as infoTitle };
+        const infoText_1: string;
+        export { infoText_1 as infoText };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const disableInfo_1: boolean;
+        export { disableInfo_1 as disableInfo };
+        const showViewByBannerButton_1: boolean;
+        export { showViewByBannerButton_1 as showViewByBannerButton };
+        const overflow_1: string;
+        export { overflow_1 as overflow };
+    }
+}
+export namespace DisableInfo {
+    export namespace args_1 {
+        const isLoading_2: boolean;
+        export { isLoading_2 as isLoading };
+        const infoTitle_2: string;
+        export { infoTitle_2 as infoTitle };
+        const infoText_2: string;
+        export { infoText_2 as infoText };
+        const width_2: string;
+        export { width_2 as width };
+        const height_2: string;
+        export { height_2 as height };
+        const disableInfo_2: boolean;
+        export { disableInfo_2 as disableInfo };
+        const showViewByBannerButton_2: boolean;
+        export { showViewByBannerButton_2 as showViewByBannerButton };
+        const overflow_2: string;
+        export { overflow_2 as overflow };
+    }
+    export { args_1 as args };
+}
+export namespace ShowViewByBanner {
+    export namespace args_2 {
+        const isLoading_3: boolean;
+        export { isLoading_3 as isLoading };
+        const infoTitle_3: string;
+        export { infoTitle_3 as infoTitle };
+        const infoText_3: string;
+        export { infoText_3 as infoText };
+        const width_3: string;
+        export { width_3 as width };
+        const height_3: string;
+        export { height_3 as height };
+        const disableInfo_3: boolean;
+        export { disableInfo_3 as disableInfo };
+        const showViewByBannerButton_3: boolean;
+        export { showViewByBannerButton_3 as showViewByBannerButton };
+        const overflow_3: string;
+        export { overflow_3 as overflow };
+    }
+    export { args_2 as args };
+}
+export namespace ShowViewByBannerAndInfo {
+    export namespace args_3 {
+        const isLoading_4: boolean;
+        export { isLoading_4 as isLoading };
+        const infoTitle_4: string;
+        export { infoTitle_4 as infoTitle };
+        const infoText_4: string;
+        export { infoText_4 as infoText };
+        const width_4: string;
+        export { width_4 as width };
+        const height_4: string;
+        export { height_4 as height };
+        const disableInfo_4: boolean;
+        export { disableInfo_4 as disableInfo };
+        const showViewByBannerButton_4: boolean;
+        export { showViewByBannerButton_4 as showViewByBannerButton };
+        const overflow_4: string;
+        export { overflow_4 as overflow };
+    }
+    export { args_3 as args };
+}
+export namespace ShowOnlyInfo {
+    export namespace args_4 {
+        const isLoading_5: boolean;
+        export { isLoading_5 as isLoading };
+        const infoTitle_5: string;
+        export { infoTitle_5 as infoTitle };
+        const infoText_5: string;
+        export { infoText_5 as infoText };
+        const width_5: string;
+        export { width_5 as width };
+        const height_5: string;
+        export { height_5 as height };
+        const disableInfo_5: boolean;
+        export { disableInfo_5 as disableInfo };
+        const showViewByBannerButton_5: boolean;
+        export { showViewByBannerButton_5 as showViewByBannerButton };
+        const overflow_5: string;
+        export { overflow_5 as overflow };
+    }
+    export { args_4 as args };
+}
+export namespace ShowColumnTitleAndInfo {
+    export namespace args_5 {
+        const isLoading_6: boolean;
+        export { isLoading_6 as isLoading };
+        const infoTitle_6: string;
+        export { infoTitle_6 as infoTitle };
+        const infoText_6: string;
+        export { infoText_6 as infoText };
+        const width_6: string;
+        export { width_6 as width };
+        const height_6: string;
+        export { height_6 as height };
+        const disableInfo_6: boolean;
+        export { disableInfo_6 as disableInfo };
+        const showViewByBannerButton_6: boolean;
+        export { showViewByBannerButton_6 as showViewByBannerButton };
+        const overflow_6: string;
+        export { overflow_6 as overflow };
+        const columnTitle_1: string;
+        export { columnTitle_1 as columnTitle };
+    }
+    export { args_5 as args };
+}
+export namespace WithBarComponent {
+    export namespace args_6 {
+        const isLoading_7: boolean;
+        export { isLoading_7 as isLoading };
+        const infoTitle_7: string;
+        export { infoTitle_7 as infoTitle };
+        const infoText_7: string;
+        export { infoText_7 as infoText };
+        const width_7: string;
+        export { width_7 as width };
+        const height_7: string;
+        export { height_7 as height };
+        const disableInfo_7: boolean;
+        export { disableInfo_7 as disableInfo };
+        const showViewByBannerButton_7: boolean;
+        export { showViewByBannerButton_7 as showViewByBannerButton };
+        export const transparentBackgound: boolean;
+        const overflow_7: string;
+        export { overflow_7 as overflow };
+        const children_1: import("react/jsx-runtime").JSX.Element;
+        export { children_1 as children };
+        const columnTitle_2: string;
+        export { columnTitle_2 as columnTitle };
+    }
+    export { args_6 as args };
+}
+export namespace ShowColumnWithPercentageAndBackraundImage {
+    export namespace args_7 {
+        const isLoading_8: boolean;
+        export { isLoading_8 as isLoading };
+        const infoTitle_8: string;
+        export { infoTitle_8 as infoTitle };
+        const infoText_8: string;
+        export { infoText_8 as infoText };
+        const width_8: string;
+        export { width_8 as width };
+        const height_8: string;
+        export { height_8 as height };
+        const disableInfo_8: boolean;
+        export { disableInfo_8 as disableInfo };
+        const showViewByBannerButton_8: boolean;
+        export { showViewByBannerButton_8 as showViewByBannerButton };
+        const overflow_8: string;
+        export { overflow_8 as overflow };
+        const columnTitle_3: string;
+        export { columnTitle_3 as columnTitle };
+        const children_2: import("react/jsx-runtime").JSX.Element;
+        export { children_2 as children };
+        const isPercentOfChange_1: boolean;
+        export { isPercentOfChange_1 as isPercentOfChange };
+        const PercentOfChangeData_1: any;
+        export { PercentOfChangeData_1 as PercentOfChangeData };
+        const backgroundImage_1: import("react/jsx-runtime").JSX.Element;
+        export { backgroundImage_1 as backgroundImage };
+        const showBackgroundImage_1: boolean;
+        export { showBackgroundImage_1 as showBackgroundImage };
+        export namespace backgroundImageStyle_1 {
+            const width_9: string;
+            export { width_9 as width };
+            const height_9: string;
+            export { height_9 as height };
+            export const position: string;
+            export const right: string;
+            export const top: string;
+            export const lineHeight: string;
+            export const color: string;
+            export const opacity: number;
+        }
+        export { backgroundImageStyle_1 as backgroundImageStyle };
+    }
+    export { args_7 as args };
+}
+import { OneColumnContainer } from "./OneColumnContainer";