sag_components 1.0.1068 → 2.0.0-beta1

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

@@ -0,0 +1,174 @@
+declare namespace _default {
+    export const title: string;
+    export { TabMenu as component };
+    export namespace argTypes {
+        namespace tabItems {
+            const name: string;
+            namespace control {
+                const type: string;
+                const separator: string;
+            }
+            const description: string;
+            const defaultValue: {
+                title: string;
+                content: string;
+            }[];
+        }
+        namespace color {
+            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 };
+            const defaultValue_1: string;
+            export { defaultValue_1 as defaultValue };
+        }
+        namespace headlineInsteadTabs {
+            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 };
+            const defaultValue_2: boolean;
+            export { defaultValue_2 as defaultValue };
+        }
+        namespace showActions {
+            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 };
+            const defaultValue_3: boolean;
+            export { defaultValue_3 as defaultValue };
+        }
+        namespace showFilterButton {
+            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 };
+            const defaultValue_4: boolean;
+            export { defaultValue_4 as defaultValue };
+        }
+        namespace showViewOptionsButton {
+            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 };
+            const defaultValue_5: boolean;
+            export { defaultValue_5 as defaultValue };
+        }
+        namespace showSearchInput {
+            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 };
+            const defaultValue_6: boolean;
+            export { defaultValue_6 as defaultValue };
+        }
+        namespace disabledButton {
+            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 };
+            const defaultValue_7: boolean;
+            export { defaultValue_7 as defaultValue };
+        }
+        namespace setTopRightButton {
+            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 };
+            const defaultValue_8: boolean;
+            export { defaultValue_8 as defaultValue };
+        }
+        namespace rightButtonText {
+            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 };
+            const defaultValue_9: string;
+            export { defaultValue_9 as defaultValue };
+        }
+        namespace onTopButtonClick {
+            const name_10: string;
+            export { name_10 as name };
+            export const action: string;
+            const description_10: string;
+            export { description_10 as description };
+        }
+    }
+}
+export default _default;
+export function Default(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace Default {
+    namespace args {
+        const tabItems_1: {
+            title: string;
+            content: string;
+        }[];
+        export { tabItems_1 as tabItems };
+        const color_1: string;
+        export { color_1 as color };
+        const headlineInsteadTabs_1: boolean;
+        export { headlineInsteadTabs_1 as headlineInsteadTabs };
+        const showActions_1: boolean;
+        export { showActions_1 as showActions };
+        const showFilterButton_1: boolean;
+        export { showFilterButton_1 as showFilterButton };
+        const showViewOptionsButton_1: boolean;
+        export { showViewOptionsButton_1 as showViewOptionsButton };
+        const showSearchInput_1: boolean;
+        export { showSearchInput_1 as showSearchInput };
+        const disabledButton_1: boolean;
+        export { disabledButton_1 as disabledButton };
+        const setTopRightButton_1: boolean;
+        export { setTopRightButton_1 as setTopRightButton };
+        const rightButtonText_1: string;
+        export { rightButtonText_1 as rightButtonText };
+        export function onTopButtonClick_1(): void;
+        export { onTopButtonClick_1 as onTopButtonClick };
+    }
+}
+import TabMenu from "./TabMenu";

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

@@ -0,0 +1,58 @@
+export const TabMenuContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TopRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Headline: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export const Nav: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export const Tabs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Tab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const PresentationSlider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Body: 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 ActionsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const SagIconButtonWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never>> & string & Omit<{
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        className: import("prop-types").Requireable<string>;
+        iconName: import("prop-types").Requireable<string>;
+        buttonText: import("prop-types").Requireable<string>;
+        height: import("prop-types").Requireable<string>;
+        color: import("prop-types").Requireable<string>;
+        backgroundColor: import("prop-types").Requireable<string>;
+        activeColor: import("prop-types").Requireable<string>;
+        iconHeight: import("prop-types").Requireable<number>;
+        iconWidth: import("prop-types").Requireable<number>;
+        openState: import("prop-types").Requireable<boolean>;
+        disabled: import("prop-types").Requireable<boolean>;
+        onButtonClick: import("prop-types").Requireable<(...args: any[]) => any>;
+    };
+    defaultProps: {
+        className: string;
+        iconName: string;
+        buttonText: string;
+        height: string;
+        color: string;
+        activeColor: string;
+        backgroundColor: string;
+        iconHeight: number;
+        iconWidth: number;
+        openState: boolean;
+        disabled: boolean;
+        onButtonClick: () => void;
+    };
+}, keyof import("react").Component<any, {}, any>>;
+export const SearchInputWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never>> & string & Omit<{
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        placeholder: import("prop-types").Requireable<string>;
+        width: import("prop-types").Requireable<string>;
+        height: import("prop-types").Requireable<string>;
+        onTyping: import("prop-types").Requireable<(...args: any[]) => any>;
+        className: import("prop-types").Requireable<string>;
+    };
+    defaultProps: {
+        placeholder: string;
+        width: string;
+        height: string;
+        onTyping: () => void;
+        className: string;
+    };
+}, keyof import("react").Component<any, {}, any>>;

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

@@ -0,0 +1,6 @@
+/**
+ *  SAG TextField
+ */
+export const TextField: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export default TextField;
+import React from "react";

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

@@ -0,0 +1,243 @@
+declare namespace _default {
+    export const title: string;
+    export { TextField as component };
+    export const tags: string[];
+    export namespace argTypes {
+        export namespace width {
+            const name: string;
+            namespace control {
+                const type: string;
+            }
+            const description: string;
+        }
+        export 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 };
+        }
+        export namespace label {
+            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 const defaultValue: string;
+        }
+        export namespace focusColor {
+            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 defaultValue_1: string;
+            export { defaultValue_1 as defaultValue };
+        }
+        export namespace placeHolder {
+            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 namespace shape {
+            export namespace control_5 {
+                const type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+            export const options: string[];
+            const description_4: string;
+            export { description_4 as description };
+        }
+        export namespace size {
+            export namespace control_6 {
+                const type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+            const options_1: string[];
+            export { options_1 as options };
+            const description_5: string;
+            export { description_5 as description };
+        }
+        export namespace passwordField {
+            const name_5: string;
+            export { name_5 as name };
+            export namespace control_7 {
+                const type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+            const description_6: string;
+            export { description_6 as description };
+        }
+        export namespace required {
+            const name_6: string;
+            export { name_6 as name };
+            export namespace control_8 {
+                const type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+            const description_7: string;
+            export { description_7 as description };
+        }
+        export namespace defaultValue_2 {
+            const name_7: string;
+            export { name_7 as name };
+            export namespace control_9 {
+                const type_9: string;
+                export { type_9 as type };
+            }
+            export { control_9 as control };
+            const description_8: string;
+            export { description_8 as description };
+            const defaultValue_3: string;
+            export { defaultValue_3 as defaultValue };
+        }
+        export { defaultValue_2 as defaultValue };
+        export namespace resetDefaultValue {
+            const name_8: string;
+            export { name_8 as name };
+            export namespace control_10 {
+                const type_10: string;
+                export { type_10 as type };
+            }
+            export { control_10 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+        export namespace allowedInput {
+            const name_9: string;
+            export { name_9 as name };
+            export namespace control_11 {
+                const type_11: string;
+                export { type_11 as type };
+            }
+            export { control_11 as control };
+            const options_2: string[];
+            export { options_2 as options };
+            const description_10: string;
+            export { description_10 as description };
+        }
+        export namespace onChange {
+            export const action: string;
+            const description_11: string;
+            export { description_11 as description };
+        }
+        export namespace onInputChange {
+            const action_1: string;
+            export { action_1 as action };
+            const description_12: string;
+            export { description_12 as description };
+        }
+        export namespace multiline {
+            const name_10: string;
+            export { name_10 as name };
+            export namespace control_12 {
+                const type_12: string;
+                export { type_12 as type };
+            }
+            export { control_12 as control };
+            const description_13: string;
+            export { description_13 as description };
+        }
+    }
+}
+export default _default;
+export function RegularField(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace RegularField {
+    namespace args {
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const defaultValue_4: undefined;
+        export { defaultValue_4 as defaultValue };
+        const label_1: string;
+        export { label_1 as label };
+        const placeHolder_1: string;
+        export { placeHolder_1 as placeHolder };
+        const shape_1: string;
+        export { shape_1 as shape };
+        const size_1: string;
+        export { size_1 as size };
+        const passwordField_1: boolean;
+        export { passwordField_1 as passwordField };
+        const required_1: boolean;
+        export { required_1 as required };
+        const allowedInput_1: string;
+        export { allowedInput_1 as allowedInput };
+        const multiline_1: boolean;
+        export { multiline_1 as multiline };
+    }
+}
+export function DefaultValue(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace DefaultValue {
+    export namespace args_1 {
+        const width_2: string;
+        export { width_2 as width };
+        const height_2: string;
+        export { height_2 as height };
+        const defaultValue_5: string;
+        export { defaultValue_5 as defaultValue };
+        const label_2: string;
+        export { label_2 as label };
+        const placeHolder_2: string;
+        export { placeHolder_2 as placeHolder };
+        const shape_2: string;
+        export { shape_2 as shape };
+        const size_2: string;
+        export { size_2 as size };
+        const passwordField_2: boolean;
+        export { passwordField_2 as passwordField };
+        const required_2: boolean;
+        export { required_2 as required };
+        const allowedInput_2: string;
+        export { allowedInput_2 as allowedInput };
+    }
+    export { args_1 as args };
+}
+export function Password(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace Password {
+    export namespace args_2 {
+        const width_3: string;
+        export { width_3 as width };
+        const height_3: string;
+        export { height_3 as height };
+        const defaultValue_6: string;
+        export { defaultValue_6 as defaultValue };
+        const label_3: string;
+        export { label_3 as label };
+        const placeHolder_3: undefined;
+        export { placeHolder_3 as placeHolder };
+        const shape_3: string;
+        export { shape_3 as shape };
+        const size_3: string;
+        export { size_3 as size };
+        const passwordField_3: boolean;
+        export { passwordField_3 as passwordField };
+        const required_3: boolean;
+        export { required_3 as required };
+        const allowedInput_3: string;
+        export { allowedInput_3 as allowedInput };
+    }
+    export { args_2 as args };
+}
+import { TextField } from "./TextField";

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

@@ -0,0 +1 @@
+export const TextFieldContainer: 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/TitleDescription/TitleDescription.d.ts

@@ -0,0 +1,59 @@
+export function TitleDescription(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace TitleDescription {
+    namespace propTypes {
+        const className: PropTypes.Requireable<string>;
+        const showRetailerIcon: PropTypes.Requireable<boolean>;
+        const showPeriodIcon: PropTypes.Requireable<boolean>;
+        const viewCreativeRetailersData: PropTypes.Requireable<(PropTypes.InferProps<{
+            label: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        const data: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+        const viewCreativeOnClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const width: PropTypes.Requireable<string>;
+        const height: PropTypes.Requireable<string>;
+        const textcolor: PropTypes.Requireable<string>;
+        const showDraft: PropTypes.Requireable<boolean>;
+        const disabled: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        const className_1: string;
+        export { className_1 as className };
+        const showRetailerIcon_1: boolean;
+        export { showRetailerIcon_1 as showRetailerIcon };
+        const showPeriodIcon_1: boolean;
+        export { showPeriodIcon_1 as showPeriodIcon };
+        const viewCreativeRetailersData_1: {
+            label: string;
+        }[];
+        export { viewCreativeRetailersData_1 as viewCreativeRetailersData };
+        export namespace data_1 {
+            const eventName: string;
+            const eventType: string;
+            const retailer: string;
+            const eventDescription: string;
+            const objectivesDescription: string;
+            const eventDatesValue: string;
+            const externalEventDescription: string;
+            const externalEventID: string;
+            const storeType: string;
+            const category: string;
+            const supplier: string;
+            const brand: string;
+        }
+        export { data_1 as data };
+        export function viewCreativeOnClick_1(): void;
+        export { viewCreativeOnClick_1 as viewCreativeOnClick };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const textcolor_1: string;
+        export { textcolor_1 as textcolor };
+        const showDraft_1: boolean;
+        export { showDraft_1 as showDraft };
+        const disabled_1: boolean;
+        export { disabled_1 as disabled };
+    }
+}
+export default TitleDescription;
+import PropTypes from "prop-types";

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

@@ -0,0 +1,137 @@
+declare namespace _default {
+    export const title: string;
+    export { TitleDescription as component };
+    export const tags: string[];
+    export namespace argTypes {
+        namespace data {
+            const name: string;
+            namespace control {
+                const type: string;
+            }
+            const description: string;
+        }
+        namespace width {
+            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 height {
+            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 textcolor {
+            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 showRetailerIcon {
+            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 showDraft {
+            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 disabled {
+            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 viewCreativeOnClick {
+            export const action: string;
+            const description_7: string;
+            export { description_7 as description };
+        }
+    }
+}
+export default _default;
+export function LargeSellingEvent(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace LargeSellingEvent {
+    namespace args {
+        const showRetailerIcon_1: boolean;
+        export { showRetailerIcon_1 as showRetailerIcon };
+        export const showPeriodIcon: boolean;
+        export const viewCreativeRetailersData: null;
+        export { data };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const showDraft_1: boolean;
+        export { showDraft_1 as showDraft };
+    }
+}
+export function CrossRetailersEvent(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace CrossRetailersEvent {
+    export namespace args_1 {
+        const showRetailerIcon_2: boolean;
+        export { showRetailerIcon_2 as showRetailerIcon };
+        const showPeriodIcon_1: boolean;
+        export { showPeriodIcon_1 as showPeriodIcon };
+        export { viewCreativeRetailersData1 as viewCreativeRetailersData };
+        export { data };
+        const width_2: string;
+        export { width_2 as width };
+        const height_2: string;
+        export { height_2 as height };
+    }
+    export { args_1 as args };
+}
+import { TitleDescription } from "./TitleDescription";
+declare namespace data_1 {
+    const eventName: string;
+    const eventType: string;
+    const retailer: string;
+    const eventDescription: string;
+    const objectivesDescription: string;
+    const eventDatesValue: string;
+    const externalEventDescription: string;
+    const externalEventID: string;
+    const storeType: string;
+    const category: string;
+    const supplier: string;
+    const brand: string;
+}
+declare const viewCreativeRetailersData1: {
+    label: string;
+}[];