sag_components 2.0.0-beta24 → 2.0.0-beta241

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

@@ -0,0 +1,20 @@
+export const TableWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const TableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const TableBodyScrollWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const TableTag: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const Thead: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const HeaderCell: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const Tbody: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const BodyCell: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const StyledRow: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const NoInfoFound: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const TableTop: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const Title: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const SubTitle: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const NoEventsParent: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const NoEventsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const NoEventsMessage: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const LoadingWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const LoadingText: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const Loader: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const LoaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

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

@@ -0,0 +1,2 @@
+export default TableBody;
+declare const TableBody: any;

package/dist/types/components/Table/TableBody.styles.d.ts

@@ -0,0 +1,35 @@
+export const StyledTableBody: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const TableRow: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const TableCell: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const SkeletonCell: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const SkeletonBar: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const PackageStatusContainer: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const ButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const SentStatus: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const TrashIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const CommentIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const DisabledTrashIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const StatusCell: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const StatusCellCircle: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const DotIndicatorWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const TagContainer: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const TagChipTextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const TagChip: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const TagOverflow: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const MultiTagWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const TextareaWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const TextareaLabel: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const CommentTextarea: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const CharacterCount: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const ExpandIcon: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const ExpandedRow: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const ExpandedContent: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const DropdownButton: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const DropdownIcon: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const DropdownMenu: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const DropdownOption: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const HeroButton: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const EditableCell: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const PencilButton: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

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

@@ -0,0 +1,12 @@
+export default TableHeader;
+declare function TableHeader({ columns, onSort, onFilter, onSelectAll, activeFilters, activeSorts, expandable, onHeaderCheckboxClick, headerCheckboxStates }: {
+    columns: any;
+    onSort: any;
+    onFilter: any;
+    onSelectAll: any;
+    activeFilters?: any[];
+    activeSorts?: any[];
+    expandable?: boolean;
+    onHeaderCheckboxClick?: () => void;
+    headerCheckboxStates?: {};
+}): any;

package/dist/types/components/Table/TableHeader.styles.d.ts

@@ -0,0 +1,8 @@
+export const StyledTableHeader: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const HeaderCell: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const ColumnContent: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const ColumnCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const ColumnLabel: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const ColumnActions: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const IconButton: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const PopWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

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

@@ -0,0 +1,445 @@
+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;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    filter?: undefined;
+    sort?: undefined;
+    checkBox?: undefined;
+    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;
+    freeTextFilter: boolean;
+    sortOptions: {
+        value: string;
+        label: string;
+    }[];
+    filterOptions?: undefined;
+    tagConfig?: undefined;
+    rangeFilter?: undefined;
+    tooltipText?: undefined;
+} | {
+    key: string;
+    title: string;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox?: undefined;
+    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: {
+        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: string[];
+    freeTextFilter?: undefined;
+    tagConfig?: undefined;
+    rangeFilter?: 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;
+    PromoPrice: number;
+    EventAttribute: string;
+    EventType: string;
+    EventSubType: string;
+    Component: string;
+    NegotiatedBrand: string;
+    ProductGroup: string;
+    HUB: string;
+    Comments: string;
+    Trash: string;
+    IsHero: boolean;
+    Priority: {
+        show: boolean;
+        color: string;
+        tooltip: 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;
+    IsHero: boolean;
+    Priority: {
+        show: boolean;
+        color: string;
+        tooltip: string;
+    };
+    Tags: string;
+    PromoPrice?: undefined;
+} | {
+    Status: string;
+    Supplier: string;
+    EventID: string;
+    WeekNumber: string;
+    Period: string;
+    PromoPrice: number;
+    EventAttribute: string;
+    EventType: string;
+    EventSubType: string;
+    Component: string;
+    NegotiatedBrand: string;
+    ProductGroup: string;
+    HUB: string;
+    Comments: any;
+    Trash: string;
+    IsHero: boolean;
+    Priority: {
+        show: boolean;
+        color: string;
+        tooltip: string;
+    };
+    Tags: string;
+})[];
+export const dropdownTableData: {
+    id: number;
+    EventName: string;
+    Status: string;
+    Priority: string;
+    Category: string;
+}[];

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

@@ -0,0 +1,16 @@
+export function useChromeShimmer(text: any, shouldAnimate?: boolean, trigger?: any): {
+    text: any;
+    isShimmering: any;
+};
+export function useConditionalChromeShimmer(text: any, shouldAnimate?: boolean, dependencies?: any[]): {
+    text: any;
+    isShimmering: any;
+};
+export function useShimmerChromeEffect(text: any, currentRowIndex: any, indexToShimmer: any): {
+    text: any;
+    isShimmering: any;
+};
+export function ChromeShimmerText({ text, isShimmering }: {
+    text: any;
+    isShimmering: any;
+}): any;

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

@@ -0,0 +1,2 @@
+export function Tag(props: any): any;
+export default Tag;

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

@@ -0,0 +1,112 @@
+declare namespace _default {
+    export const title: string;
+    export { Tag as component };
+    export const tags: string[];
+    export namespace argTypes {
+        namespace type {
+            const name: string;
+            const options: string[];
+            namespace control {
+                const type_1: string;
+                export { type_1 as type };
+            }
+            const description: string;
+        }
+        namespace size {
+            const name_1: string;
+            export { name_1 as name };
+            export namespace control_1 {
+                const type_2: string;
+                export { type_2 as type };
+            }
+            export { control_1 as control };
+            const options_1: string[];
+            export { options_1 as options };
+            const description_1: string;
+            export { description_1 as description };
+        }
+        namespace text {
+            const name_2: string;
+            export { name_2 as name };
+            export namespace control_2 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_2 as control };
+            const description_2: string;
+            export { description_2 as description };
+        }
+        namespace backgroundColor {
+            const name_3: string;
+            export { name_3 as name };
+            export namespace control_3 {
+                const type_4: string;
+                export { type_4 as type };
+            }
+            export { control_3 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        namespace borderColor {
+            const name_4: string;
+            export { name_4 as name };
+            export namespace control_4 {
+                const type_5: string;
+                export { type_5 as type };
+            }
+            export { control_4 as control };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        namespace textColor {
+            const name_5: string;
+            export { name_5 as name };
+            export namespace control_5 {
+                const type_6: string;
+                export { type_6 as type };
+            }
+            export { control_5 as control };
+            const description_5: string;
+            export { description_5 as description };
+        }
+        namespace width {
+            const name_6: string;
+            export { name_6 as name };
+            export namespace control_6 {
+                const type_7: string;
+                export { type_7 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_8: string;
+                export { type_8 as type };
+            }
+            export { control_7 as control };
+            const description_7: string;
+            export { description_7 as description };
+        }
+        namespace borderRadius {
+            const name_8: string;
+            export { name_8 as name };
+            export namespace control_8 {
+                const type_9: string;
+                export { type_9 as type };
+            }
+            export { control_8 as control };
+            const description_8: string;
+            export { description_8 as description };
+        }
+    }
+}
+export default _default;
+export const Pending: any;
+export const Received: any;
+export const Approved: any;
+export const Canceled: any;
+import { Tag } from "./Tag";

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

@@ -0,0 +1 @@
+export const StatusCell: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

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

@@ -0,0 +1,2 @@
+export default TextEllipsisTooltip;
+declare function TextEllipsisTooltip(props: any): any;

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

@@ -0,0 +1,4 @@
+export const TooltipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const TextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const EllipsisText: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const TooltipTip: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;