sag_components 2.0.0-beta → 2.0.0-beta2

package/dist/types/components/CampaignTool/Table.stories.d.ts

@@ -0,0 +1,120 @@
+declare namespace _default {
+    export const title: string;
+    export { Table 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 onCheckAllInput {
+            const name_2: string;
+            export { name_2 as name };
+            export const action: string;
+            const description_2: string;
+            export { description_2 as description };
+        }
+        namespace onSortClick {
+            const name_3: string;
+            export { name_3 as name };
+            const action_1: string;
+            export { action_1 as action };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        namespace onRowClick {
+            const name_4: string;
+            export { name_4 as name };
+            const action_2: string;
+            export { action_2 as action };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        namespace onRowInputClick {
+            const name_5: string;
+            export { name_5 as name };
+            const action_3: string;
+            export { action_3 as action };
+            const description_5: string;
+            export { description_5 as description };
+        }
+        namespace actionsColumn {
+            const name_6: string;
+            export { name_6 as name };
+            export namespace control_2 {
+                const type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+            const description_6: string;
+            export { description_6 as description };
+            export const defaultValue: boolean;
+        }
+        namespace sizingTable {
+            const name_7: string;
+            export { name_7 as name };
+            export namespace control_3 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            const description_7: string;
+            export { description_7 as description };
+            const defaultValue_1: boolean;
+            export { defaultValue_1 as defaultValue };
+        }
+        namespace showPagination {
+            const name_8: string;
+            export { name_8 as name };
+            export namespace control_4 {
+                const type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            const description_8: string;
+            export { description_8 as description };
+            const defaultValue_2: boolean;
+            export { defaultValue_2 as defaultValue };
+        }
+        namespace rangePagination {
+            const name_9: string;
+            export { name_9 as name };
+            export namespace control_5 {
+                const type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+    }
+}
+export default _default;
+export function MainTable(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace MainTable {
+    namespace args {
+        export { theData as data };
+        const rangePagination_1: number;
+        export { rangePagination_1 as rangePagination };
+    }
+}
+import { Table } from "../CampaignTool/Table";
+declare const theData: {
+    key: string;
+    name: string;
+    age: number;
+}[];

package/dist/types/components/CampaignTool/Table.style.d.ts

@@ -0,0 +1,7 @@
+export const TableWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TableTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export const Thead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+export const Tbody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+export const Dragger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Pagination: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+export const PaginationButton: 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/CheckBox/CheckBox.d.ts

@@ -0,0 +1,15 @@
+export function CheckBox({ label, checked, disabled, width, height, iconSize, fontSize, colorChecked, colorUnchecked, colorDisabled, onClick, ...props }: {
+    [x: string]: any;
+    label: any;
+    checked?: boolean | undefined;
+    disabled?: boolean | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+    iconSize?: string | undefined;
+    fontSize?: string | undefined;
+    colorChecked?: string | undefined;
+    colorUnchecked?: string | undefined;
+    colorDisabled?: string | undefined;
+    onClick: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default CheckBox;

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

@@ -0,0 +1,150 @@
+declare namespace _default {
+    export const title: string;
+    export { CheckBox as component };
+    export const tags: string[];
+    export namespace argTypes {
+        namespace label {
+            const name: string;
+            namespace control {
+                const type: string;
+            }
+            const description: string;
+        }
+        namespace checked {
+            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 disabled {
+            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 };
+        }
+        namespace colorChecked {
+            const name_3: string;
+            export { name_3 as name };
+            const description_3: string;
+            export { description_3 as description };
+            export namespace control_3 {
+                const type_3: string;
+                export { type_3 as type };
+                export const presetColors: string[];
+            }
+            export { control_3 as control };
+        }
+        namespace colorUnchecked {
+            const name_4: string;
+            export { name_4 as name };
+            const description_4: string;
+            export { description_4 as description };
+            export namespace control_4 {
+                const type_4: string;
+                export { type_4 as type };
+                const presetColors_1: string[];
+                export { presetColors_1 as presetColors };
+            }
+            export { control_4 as control };
+        }
+        namespace colorDisabled {
+            const name_5: string;
+            export { name_5 as name };
+            const description_5: string;
+            export { description_5 as description };
+            export namespace control_5 {
+                const type_5: string;
+                export { type_5 as type };
+                const presetColors_2: string[];
+                export { presetColors_2 as presetColors };
+            }
+            export { control_5 as control };
+        }
+        namespace width {
+            const name_6: string;
+            export { name_6 as name };
+            export namespace control_6 {
+                const type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+            const description_6: string;
+            export { description_6 as description };
+        }
+        namespace height {
+            const name_7: string;
+            export { name_7 as name };
+            export namespace control_7 {
+                const type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+            const description_7: string;
+            export { description_7 as description };
+        }
+        namespace fontSize {
+            const name_8: string;
+            export { name_8 as name };
+            export namespace control_8 {
+                const type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+            const description_8: string;
+            export { description_8 as description };
+        }
+        namespace iconSize {
+            const name_9: string;
+            export { name_9 as name };
+            export namespace control_9 {
+                const type_9: string;
+                export { type_9 as type };
+            }
+            export { control_9 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+        namespace onClick {
+            export const action: string;
+            const description_10: string;
+            export { description_10 as description };
+        }
+    }
+}
+export default _default;
+export function SelectAll(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace SelectAll {
+    namespace args {
+        const label_1: string;
+        export { label_1 as label };
+        const checked_1: boolean;
+        export { checked_1 as checked };
+        const disabled_1: boolean;
+        export { disabled_1 as disabled };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const fontSize_1: string;
+        export { fontSize_1 as fontSize };
+        const iconSize_1: string;
+        export { iconSize_1 as iconSize };
+        const colorChecked_1: string;
+        export { colorChecked_1 as colorChecked };
+        const colorUnchecked_1: string;
+        export { colorUnchecked_1 as colorUnchecked };
+        const colorDisabled_1: string;
+        export { colorDisabled_1 as colorDisabled };
+    }
+}
+import { CheckBox } from "./CheckBox";

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

@@ -0,0 +1,4 @@
+export const ControlsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Controls: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const CheckBoxIconContainer: 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/CheckBoxButton/CheckBoxButton.d.ts

@@ -0,0 +1,21 @@
+export function CheckBoxButton({ label, displayLabel, checked, disabled, showIconInCheckBoxButtons, width, height, iconSize, fontSize, iconColor, borderColor, borderRadius, textColorChecked, textColorUnchecked, backgroundColorChecked, backgroundColorUnchecked, onClick, ...props }: {
+    [x: string]: any;
+    label: any;
+    displayLabel: any;
+    checked?: boolean | undefined;
+    disabled?: boolean | undefined;
+    showIconInCheckBoxButtons?: boolean | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+    iconSize?: string | undefined;
+    fontSize?: string | undefined;
+    iconColor?: string | undefined;
+    borderColor?: string | undefined;
+    borderRadius?: string | undefined;
+    textColorChecked?: string | undefined;
+    textColorUnchecked?: string | undefined;
+    backgroundColorChecked?: string | undefined;
+    backgroundColorUnchecked?: string | undefined;
+    onClick: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default CheckBoxButton;

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

@@ -0,0 +1,221 @@
+declare namespace _default {
+    export const title: string;
+    export { CheckBoxButton as component };
+    export const tags: string[];
+    export namespace argTypes {
+        namespace label {
+            const name: string;
+            namespace control {
+                const type: string;
+            }
+            const description: string;
+        }
+        namespace checked {
+            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 disabled {
+            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 };
+        }
+        namespace showIconInCheckBoxButtons {
+            const name_3: string;
+            export { name_3 as name };
+            export namespace control_3 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        namespace width {
+            const name_4: string;
+            export { name_4 as name };
+            export namespace control_4 {
+                const type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        namespace height {
+            const name_5: string;
+            export { name_5 as name };
+            export namespace control_5 {
+                const type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+            const description_5: string;
+            export { description_5 as description };
+        }
+        namespace fontSize {
+            const name_6: string;
+            export { name_6 as name };
+            export namespace control_6 {
+                const type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+            const description_6: string;
+            export { description_6 as description };
+        }
+        namespace iconColor {
+            const name_7: string;
+            export { name_7 as name };
+            export namespace control_7 {
+                const type_7: string;
+                export { type_7 as type };
+                export const presetColors: string[];
+                const description_7: string;
+                export { description_7 as description };
+            }
+            export { control_7 as control };
+        }
+        namespace borderColor {
+            const name_8: string;
+            export { name_8 as name };
+            export namespace control_8 {
+                const type_8: string;
+                export { type_8 as type };
+                const presetColors_1: string[];
+                export { presetColors_1 as presetColors };
+                const description_8: string;
+                export { description_8 as description };
+            }
+            export { control_8 as control };
+        }
+        namespace borderRadius {
+            const name_9: string;
+            export { name_9 as name };
+            export namespace control_9 {
+                const type_9: string;
+                export { type_9 as type };
+            }
+            export { control_9 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+        namespace iconSize {
+            const name_10: string;
+            export { name_10 as name };
+            export namespace control_10 {
+                const type_10: string;
+                export { type_10 as type };
+            }
+            export { control_10 as control };
+            const description_10: string;
+            export { description_10 as description };
+        }
+        namespace onClick {
+            export const action: string;
+            const description_11: string;
+            export { description_11 as description };
+        }
+        namespace textColorChecked {
+            const name_11: string;
+            export { name_11 as name };
+            export namespace control_11 {
+                const type_11: string;
+                export { type_11 as type };
+                const presetColors_2: string[];
+                export { presetColors_2 as presetColors };
+                const description_12: string;
+                export { description_12 as description };
+            }
+            export { control_11 as control };
+        }
+        namespace textColorUnchecked {
+            const name_12: string;
+            export { name_12 as name };
+            export namespace control_12 {
+                const type_12: string;
+                export { type_12 as type };
+                const presetColors_3: string[];
+                export { presetColors_3 as presetColors };
+                const description_13: string;
+                export { description_13 as description };
+            }
+            export { control_12 as control };
+        }
+        namespace backgroundColorChecked {
+            const name_13: string;
+            export { name_13 as name };
+            export namespace control_13 {
+                const type_13: string;
+                export { type_13 as type };
+                const presetColors_4: string[];
+                export { presetColors_4 as presetColors };
+                const description_14: string;
+                export { description_14 as description };
+            }
+            export { control_13 as control };
+        }
+        namespace backgroundColorUnchecked {
+            const name_14: string;
+            export { name_14 as name };
+            export namespace control_14 {
+                const type_14: string;
+                export { type_14 as type };
+                const presetColors_5: string[];
+                export { presetColors_5 as presetColors };
+                const description_15: string;
+                export { description_15 as description };
+            }
+            export { control_14 as control };
+        }
+    }
+}
+export default _default;
+export function Retailer(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace Retailer {
+    namespace args {
+        const label_1: string;
+        export { label_1 as label };
+        const checked_1: boolean;
+        export { checked_1 as checked };
+        const disabled_1: boolean;
+        export { disabled_1 as disabled };
+        const showIconInCheckBoxButtons_1: boolean;
+        export { showIconInCheckBoxButtons_1 as showIconInCheckBoxButtons };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const fontSize_1: string;
+        export { fontSize_1 as fontSize };
+        const iconSize_1: string;
+        export { iconSize_1 as iconSize };
+        const iconColor_1: string;
+        export { iconColor_1 as iconColor };
+        const borderColor_1: string;
+        export { borderColor_1 as borderColor };
+        const borderRadius_1: string;
+        export { borderRadius_1 as borderRadius };
+        const textColorChecked_1: string;
+        export { textColorChecked_1 as textColorChecked };
+        const textColorUnchecked_1: string;
+        export { textColorUnchecked_1 as textColorUnchecked };
+        const backgroundColorChecked_1: string;
+        export { backgroundColorChecked_1 as backgroundColorChecked };
+        const backgroundColorUnchecked_1: string;
+        export { backgroundColorUnchecked_1 as backgroundColorUnchecked };
+    }
+}
+import { CheckBoxButton } from "./CheckBoxButton";

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

@@ -0,0 +1,4 @@
+export const ControlsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Controls: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const CheckBoxButtonIconContainer: 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/CodeEditor/CodeEditor.d.ts

@@ -0,0 +1,5 @@
+export default CodeEditor;
+declare function CodeEditor({ value, onChange }: {
+    value: any;
+    onChange: any;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export const AceEditorContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-ace").IAceEditorProps & import("react").RefAttributes<AceEditor>, never>> & string & Omit<typeof AceEditor, keyof import("react").Component<any, {}, any>>;
+import AceEditor from "react-ace";

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

@@ -0,0 +1,34 @@
+export function CollapseData(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace CollapseData {
+    namespace propTypes {
+        const title: PropTypes.Requireable<string>;
+        const noDataText: PropTypes.Requireable<string>;
+        const width: PropTypes.Requireable<string>;
+        const height: PropTypes.Requireable<string>;
+        const tableData: PropTypes.Requireable<(PropTypes.InferProps<{
+            key: PropTypes.Requireable<number>;
+            icon: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<number>;
+            valueType: PropTypes.Requireable<string>;
+            table: PropTypes.Requireable<(PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                value: PropTypes.Requireable<number>;
+            }> | null | undefined)[]>;
+        }> | null | undefined)[]>;
+    }
+    namespace defaultProps {
+        const title_1: string;
+        export { title_1 as title };
+        const noDataText_1: string;
+        export { noDataText_1 as noDataText };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const tableData_1: never[];
+        export { tableData_1 as tableData };
+    }
+}
+export default CollapseData;
+import PropTypes from "prop-types";

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

@@ -0,0 +1,86 @@
+declare namespace _default {
+    export const title: string;
+    export { CollapseData as component };
+    export const tags: string[];
+    export namespace argTypes {
+        export namespace title_1 {
+            const name: string;
+            namespace control {
+                const type: string;
+            }
+            const description: string;
+            const defaultValue: string;
+        }
+        export { title_1 as title };
+        export namespace tableData {
+            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 };
+        }
+        export namespace width {
+            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_1: string;
+            export { description_1 as description };
+        }
+        export namespace height {
+            const name_3: string;
+            export { name_3 as name };
+            export namespace control_3 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            const description_2: string;
+            export { description_2 as description };
+        }
+        export namespace noDataText {
+            const name_4: string;
+            export { name_4 as name };
+            export namespace control_4 {
+                const type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+    }
+}
+export default _default;
+export function SmallContainedStyle(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace SmallContainedStyle {
+    namespace args {
+        const title_2: string;
+        export { title_2 as title };
+        const height_1: string;
+        export { height_1 as height };
+        const width_1: string;
+        export { width_1 as width };
+        const tableData_1: {
+            key: number;
+            icon: string;
+            title: string;
+            value: number;
+            valueType: string;
+            table: ({
+                title: string;
+                value: number;
+            } | {
+                title: string;
+                value: null;
+            })[];
+        }[];
+        export { tableData_1 as tableData };
+    }
+}
+import { CollapseData } from "./CollapseData";