sag_components 2.0.0-beta15 → 2.0.0-beta150

package/dist/types/components/Table/data.d.ts

@@ -0,0 +1,356 @@
+export const data1: ({
+    EventCode: number;
+    ExternalEventID: string;
+    EventName: string;
+    EventType: number;
+    EventComponent: string;
+    EventSubType: number;
+    StartWeekID: string;
+    EndWeekID: string;
+    IsPartnership: boolean;
+    DueDate: string;
+    EnterDate: string;
+    LastModDate: string;
+    Retailers: string[];
+    EventTypeName: string;
+    EventSubTypeName: string;
+    PackageStatus: string;
+    Week: string;
+    Period: string;
+    Year: string;
+    Trash: string;
+    Tags: string;
+} | {
+    EventCode: number;
+    ExternalEventID: string;
+    EventName: string;
+    EventType: number;
+    EventComponent: string;
+    EventSubType: number;
+    StartWeekID: string;
+    EndWeekID: string;
+    IsPartnership: boolean;
+    DueDate: string;
+    EnterDate: string;
+    LastModDate: string;
+    Retailers: string[];
+    EventTypeName: string;
+    EventSubTypeName: string;
+    PackageStatus: string;
+    Week: string;
+    Period: string;
+    Year: string;
+    Trash: string;
+    Tags: string[];
+})[];
+export const columns1: ({
+    key: string;
+    title: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox: boolean;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    filterOptions: {
+        label: string;
+        value: string;
+    }[];
+    sortOptions: {
+        value: string;
+        label: string;
+    }[];
+    tagConfig?: undefined;
+    rangeFilter?: undefined;
+    freeTextFilter?: undefined;
+    tooltipText?: undefined;
+} | {
+    key: string;
+    title: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox: boolean;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    filterOptions: {
+        label: string;
+        value: string;
+    }[];
+    sortOptions: {
+        value: string;
+        label: string;
+    }[];
+    tagConfig: {
+        colors: {
+            'high-priority': {
+                bg: string;
+                text: string;
+                border: string;
+            };
+            urgent: {
+                bg: string;
+                text: string;
+                border: string;
+            };
+            'in-progress': {
+                bg: string;
+                text: string;
+                border: string;
+            };
+            completed: {
+                bg: string;
+                text: string;
+                border: string;
+            };
+            'on-hold': {
+                bg: string;
+                text: string;
+                border: string;
+            };
+            'review-needed': {
+                bg: string;
+                text: string;
+                border: string;
+            };
+            draft: {
+                bg: string;
+                text: string;
+                border: string;
+            };
+        };
+        defaultColor: {
+            bg: string;
+            text: string;
+            border: string;
+        };
+        multiple: boolean;
+        maxDisplay: number;
+    };
+    rangeFilter?: undefined;
+    freeTextFilter?: undefined;
+    tooltipText?: undefined;
+} | {
+    key: string;
+    title: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox: boolean;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    filterOptions: any[];
+    rangeFilter: boolean;
+    sortOptions?: undefined;
+    tagConfig?: undefined;
+    freeTextFilter?: undefined;
+    tooltipText?: undefined;
+} | {
+    key: string;
+    title: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox: boolean;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    freeTextFilter: boolean;
+    filterOptions?: undefined;
+    sortOptions?: undefined;
+    tagConfig?: undefined;
+    rangeFilter?: undefined;
+    tooltipText?: undefined;
+} | {
+    key: string;
+    title: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox: boolean;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    filterOptions: {
+        value: string;
+        label: string;
+    }[];
+    sortOptions: any[];
+    tooltipText: {
+        value: string;
+        label: string;
+    }[];
+    tagConfig?: undefined;
+    rangeFilter?: undefined;
+    freeTextFilter?: undefined;
+})[];
+export const supplierColumns: ({
+    key: string;
+    title: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox: boolean;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    filterOptions: {
+        label: string;
+        value: string;
+    }[];
+    sortOptions: {
+        value: string;
+        label: string;
+    }[];
+    freeTextFilter?: undefined;
+    tagConfig?: undefined;
+    rangeFilter?: undefined;
+    tooltipText?: undefined;
+} | {
+    key: string;
+    title: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox: boolean;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    freeTextFilter: boolean;
+    sortOptions: {
+        value: string;
+        label: string;
+    }[];
+    filterOptions?: undefined;
+    tagConfig?: undefined;
+    rangeFilter?: undefined;
+    tooltipText?: undefined;
+} | {
+    key: string;
+    title: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox: boolean;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    filterOptions: {
+        label: string;
+        value: string;
+    }[];
+    tagConfig: {
+        colors: {
+            urgent: {
+                bg: string;
+                text: string;
+                border: string;
+            };
+            'high-priority': {
+                bg: string;
+                text: string;
+                border: string;
+            };
+            'in-progress': {
+                bg: string;
+                text: string;
+                border: string;
+            };
+            completed: {
+                bg: string;
+                text: string;
+                border: string;
+            };
+        };
+        defaultColor: {
+            bg: string;
+            text: string;
+            border: string;
+        };
+        multiple: boolean;
+        maxDisplay: number;
+    };
+    sortOptions?: undefined;
+    freeTextFilter?: undefined;
+    rangeFilter?: undefined;
+    tooltipText?: undefined;
+} | {
+    key: string;
+    title: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox: boolean;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    rangeFilter: boolean;
+    sortOptions: {
+        value: string;
+        label: string;
+    }[];
+    filterOptions?: undefined;
+    freeTextFilter?: undefined;
+    tagConfig?: undefined;
+    tooltipText?: undefined;
+} | {
+    key: string;
+    title: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox: boolean;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    filterOptions?: undefined;
+    sortOptions?: undefined;
+    freeTextFilter?: undefined;
+    tagConfig?: undefined;
+    rangeFilter?: undefined;
+    tooltipText?: undefined;
+} | {
+    key: string;
+    title: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox: boolean;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    filterOptions: any[];
+    sortOptions: any[];
+    tooltipText: {
+        value: string;
+        label: string;
+    }[];
+    freeTextFilter?: undefined;
+    tagConfig?: undefined;
+    rangeFilter?: undefined;
+})[];
+export const supplierData: ({
+    Status: string;
+    Supplier: string;
+    EventID: string;
+    WeekNumber: string;
+    Period: string;
+    EventAttribute: string;
+    EventType: string;
+    EventSubType: string;
+    Component: string;
+    NegotiatedBrand: string;
+    ProductGroup: string;
+    HUB: string;
+    Comments: string;
+    Trash: string;
+    Tags: string[];
+} | {
+    Status: string;
+    Supplier: string;
+    EventID: string;
+    WeekNumber: string;
+    Period: string;
+    EventAttribute: string;
+    EventType: string;
+    EventSubType: string;
+    Component: string;
+    NegotiatedBrand: string;
+    ProductGroup: string;
+    HUB: string;
+    Comments: string;
+    Trash: string;
+    Tags: string;
+})[];

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

@@ -4,9 +4,9 @@ export namespace TitleDescription {
         const className: PropTypes.Requireable<string>;
         const showRetailerIcon: PropTypes.Requireable<boolean>;
         const showPeriodIcon: PropTypes.Requireable<boolean>;
-        const viewCreativeRetailersData: PropTypes.Requireable<(PropTypes.InferProps<{
+        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>;

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

@@ -85,53 +85,6 @@ declare namespace _default {
     }
 }
 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 };
-}
+export const LargeSellingEvent: any;
+export const CrossRetailersEvent: any;
 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;
-}[];

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

@@ -0,0 +1,10 @@
+export default ToasterMessageBox;
+declare function ToasterMessageBox({ color, messageText, linkText, duration, width, onLinkClick, onClose }: {
+    color?: string;
+    messageText?: string;
+    linkText?: string;
+    duration?: number;
+    width?: string;
+    onLinkClick?: () => void;
+    onClose?: () => void;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,57 @@
+declare namespace _default {
+    export const title: string;
+    export { ToasterMessageBox as component };
+    export const tags: string[];
+    export namespace parameters {
+        const layout: string;
+    }
+    export namespace argTypes {
+        namespace color {
+            const control: string;
+            const description: string;
+        }
+        namespace messageText {
+            const control_1: string;
+            export { control_1 as control };
+            const description_1: string;
+            export { description_1 as description };
+        }
+        namespace linkText {
+            const control_2: string;
+            export { control_2 as control };
+            const description_2: string;
+            export { description_2 as description };
+        }
+        namespace duration {
+            const control_3: string;
+            export { control_3 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        namespace width {
+            const control_4: string;
+            export { control_4 as control };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        namespace onLinkClick {
+            export const action: string;
+            const description_5: string;
+            export { description_5 as description };
+        }
+        namespace onClose {
+            const action_1: string;
+            export { action_1 as action };
+            const description_6: string;
+            export { description_6 as description };
+        }
+    }
+}
+export default _default;
+export const Success: any;
+export const QuickDismiss: any;
+export const LongDuration: any;
+export const WarningLongMessage: any;
+export const InfoLongMessage: any;
+export const NoLinkText: any;
+import ToasterMessageBox from "./ToasterMessageBox";

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

@@ -0,0 +1,4 @@
+export const ToasterContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const MessageText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export const LinkText: 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/ToggleSwitch/ToggleSwitch.d.ts

@@ -0,0 +1,21 @@
+/**
+ * ToggleSwitch component for on/off states.
+ * Supports small/large sizes and disabled state.
+ */
+declare function ToggleSwitch({ checked, onChange, size, disabled, ...props }: {
+    [x: string]: any;
+    checked: any;
+    onChange: any;
+    size?: string;
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace ToggleSwitch {
+    namespace propTypes {
+        const checked: PropTypes.Validator<boolean>;
+        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        const size: PropTypes.Requireable<string>;
+        const disabled: PropTypes.Requireable<boolean>;
+    }
+}
+export default ToggleSwitch;
+import PropTypes from "prop-types";

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

@@ -0,0 +1,15 @@
+declare namespace _default {
+    export const title: string;
+    export { ToggleSwitch as component };
+}
+export default _default;
+export const SmallOff: any;
+export const SmallOn: any;
+export const SmallDisabled: any;
+export const MediumOff: any;
+export const MediumOn: any;
+export const MediumDisabled: any;
+export const LargeOff: any;
+export const LargeOn: any;
+export const LargeDisabled: any;
+import ToggleSwitch from "./ToggleSwitch";

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

@@ -0,0 +1,3 @@
+export const ToggleSwitchLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export const ToggleInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export const ToggleSlider: 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/Tooltip/Tooltip.d.ts

@@ -1,24 +1,2 @@
 export default Tooltip;
 declare function Tooltip(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace Tooltip {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const direction: PropTypes.Requireable<string>;
-        const delay: PropTypes.Requireable<string>;
-        const topFactor: PropTypes.Requireable<number>;
-    }
-    namespace defaultProps {
-        const children_1: null;
-        export { children_1 as children };
-        const content_1: string;
-        export { content_1 as content };
-        const direction_1: string;
-        export { direction_1 as direction };
-        const delay_1: string;
-        export { delay_1 as delay };
-        const topFactor_1: number;
-        export { topFactor_1 as topFactor };
-    }
-}
-import PropTypes from "prop-types";

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

@@ -21,16 +21,5 @@ declare namespace _default {
     }
 }
 export default _default;
-export function Example(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Example {
-    namespace args {
-        const title_2: string;
-        export { title_2 as title };
-        const list_1: {
-            value: string;
-            label: string;
-        }[];
-        export { list_1 as list };
-    }
-}
+export const Example: any;
 import TopToggleList from "./TopToggleList";

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

@@ -95,82 +95,7 @@ declare namespace _default {
     }
 }
 export default _default;
-export function OneBenchmark(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace OneBenchmark {
-    namespace args {
-        export { arrDataOneBenchmark as data };
-        const dotCut_1: boolean;
-        export { dotCut_1 as dotCut };
-        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 noDataText_1: string;
-        export { noDataText_1 as noDataText };
-    }
-}
-export function TwoBenchmarks(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace TwoBenchmarks {
-    export namespace args_1 {
-        export { arrDataTwoBenchmarks as data };
-        const dotCut_2: boolean;
-        export { dotCut_2 as dotCut };
-        const width_2: string;
-        export { width_2 as width };
-        const height_2: string;
-        export { height_2 as height };
-        const textColor_2: string;
-        export { textColor_2 as textColor };
-        const noDataText_2: string;
-        export { noDataText_2 as noDataText };
-    }
-    export { args_1 as args };
-}
-export function DataWithNulls(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace DataWithNulls {
-    export namespace args_2 {
-        export { arrDataWithNulls as data };
-        const dotCut_3: boolean;
-        export { dotCut_3 as dotCut };
-        const width_3: string;
-        export { width_3 as width };
-        const height_3: string;
-        export { height_3 as height };
-        const textColor_3: string;
-        export { textColor_3 as textColor };
-        const noDataText_3: string;
-        export { noDataText_3 as noDataText };
-    }
-    export { args_2 as args };
-}
+export const OneBenchmark: any;
+export const TwoBenchmarks: any;
+export const DataWithNulls: any;
 import { TotalBenchmark } from "./TotalBenchmark";
-declare const arrDataOneBenchmark: ({
-    title: string;
-    value: number;
-    totalValue: number;
-    benchmarkValue: number;
-} | {
-    title: string;
-    value: number;
-    totalValue?: undefined;
-    benchmarkValue?: undefined;
-})[];
-declare const arrDataTwoBenchmarks: {
-    title: string;
-    value: number;
-    totalValue: number;
-    benchmarkValue: number;
-}[];
-declare const arrDataWithNulls: ({
-    title: string;
-    value: null;
-    totalValue: number;
-    benchmarkValue: number;
-} | {
-    title: string;
-    value: number;
-    totalValue: number;
-    benchmarkValue: number;
-})[];

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

@@ -7,11 +7,11 @@ export namespace TotalBenchmarkAreachart {
         const addingBenchmark: PropTypes.Requireable<boolean>;
         const benchmarkTotalValue: PropTypes.Requireable<number>;
         const benchmarkValue: PropTypes.Requireable<number>;
-        const areaChartData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const areaChartData: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             value1: PropTypes.Requireable<number>;
             value2: PropTypes.Requireable<number>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const width: PropTypes.Requireable<string>;
         const height: PropTypes.Requireable<string>;
         const textcolor: PropTypes.Requireable<string>;
@@ -40,7 +40,7 @@ export namespace TotalBenchmarkAreachart {
         export { addingBenchmark_1 as addingBenchmark };
         const benchmarkTotalValue_1: string;
         export { benchmarkTotalValue_1 as benchmarkTotalValue };
-        const benchmarkValue_1: null;
+        const benchmarkValue_1: any;
         export { benchmarkValue_1 as benchmarkValue };
         const areaChartData_1: {
             title: string;