sag_components 2.0.0-beta147 → 2.0.0-beta148

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

@@ -345,28 +345,44 @@ export namespace WithData {
     }
     export { args_1 as args };
 }
-export namespace EmptyState {
+export namespace WithTagsAndData {
     export namespace args_2 {
         const width_3: string;
         export { width_3 as width };
         const height_3: string;
         export { height_3 as height };
+        const tableBackground_2: string;
+        export { tableBackground_2 as tableBackground };
         const tableBodyHeight_3: string;
         export { tableBodyHeight_3 as tableBodyHeight };
         const tableTitle_3: string;
         export { tableTitle_3 as tableTitle };
+        const counter_1: number;
+        export { counter_1 as counter };
         const hideRowsCounter_3: boolean;
         export { hideRowsCounter_3 as hideRowsCounter };
-        const columns_2: any[];
-        export { columns_2 as columns };
-        const data_2: any[];
-        export { data_2 as data };
+        const isLoading_3: boolean;
+        export { isLoading_3 as isLoading };
+        const isLoadingText_3: string;
+        export { isLoadingText_3 as isLoadingText };
+        const lastRowsThreshold_3: number;
+        export { lastRowsThreshold_3 as lastRowsThreshold };
+        export { columns1 as columns };
+        export { data1 as data };
+        const buttonColor_3: string;
+        export { buttonColor_3 as buttonColor };
         const showNoDataInSearch_3: boolean;
         export { showNoDataInSearch_3 as showNoDataInSearch };
+        const resetTableFocus_3: boolean;
+        export { resetTableFocus_3 as resetTableFocus };
+        const clearFocusOnOutsideClick_3: boolean;
+        export { clearFocusOnOutsideClick_3 as clearFocusOnOutsideClick };
+        const children_2: import("react/jsx-runtime").JSX.Element;
+        export { children_2 as children };
     }
     export { args_2 as args };
 }
-export namespace NoDataInSearch {
+export namespace EmptyState {
     export namespace args_3 {
         const width_4: string;
         export { width_4 as width };
@@ -378,17 +394,16 @@ export namespace NoDataInSearch {
         export { tableTitle_4 as tableTitle };
         const hideRowsCounter_4: boolean;
         export { hideRowsCounter_4 as hideRowsCounter };
-        export { columns1 as columns };
-        const data_3: any[];
-        export { data_3 as data };
+        const columns_2: any[];
+        export { columns_2 as columns };
+        const data_2: any[];
+        export { data_2 as data };
         const showNoDataInSearch_4: boolean;
         export { showNoDataInSearch_4 as showNoDataInSearch };
-        export const noDataInSearchTitle: string;
-        export const noDataInSearchMessage: string;
     }
     export { args_3 as args };
 }
-export namespace WithDataHiddenCounter {
+export namespace NoDataInSearch {
     export namespace args_4 {
         const width_5: string;
         export { width_5 as width };
@@ -398,26 +413,19 @@ export namespace WithDataHiddenCounter {
         export { tableBodyHeight_5 as tableBodyHeight };
         const tableTitle_5: string;
         export { tableTitle_5 as tableTitle };
-        const counter_1: number;
-        export { counter_1 as counter };
         const hideRowsCounter_5: boolean;
         export { hideRowsCounter_5 as hideRowsCounter };
-        const isLoading_3: boolean;
-        export { isLoading_3 as isLoading };
-        const isLoadingText_3: string;
-        export { isLoadingText_3 as isLoadingText };
-        const lastRowsThreshold_3: number;
-        export { lastRowsThreshold_3 as lastRowsThreshold };
         export { columns1 as columns };
-        export { data1 as data };
-        const buttonColor_3: string;
-        export { buttonColor_3 as buttonColor };
+        const data_3: any[];
+        export { data_3 as data };
         const showNoDataInSearch_5: boolean;
         export { showNoDataInSearch_5 as showNoDataInSearch };
+        export const noDataInSearchTitle: string;
+        export const noDataInSearchMessage: string;
     }
     export { args_4 as args };
 }
-export namespace SupplierEvents {
+export namespace WithDataHiddenCounter {
     export namespace args_5 {
         const width_6: string;
         export { width_6 as width };
@@ -427,6 +435,35 @@ export namespace SupplierEvents {
         export { tableBodyHeight_6 as tableBodyHeight };
         const tableTitle_6: string;
         export { tableTitle_6 as tableTitle };
+        const counter_2: number;
+        export { counter_2 as counter };
+        const hideRowsCounter_6: boolean;
+        export { hideRowsCounter_6 as hideRowsCounter };
+        const isLoading_4: boolean;
+        export { isLoading_4 as isLoading };
+        const isLoadingText_4: string;
+        export { isLoadingText_4 as isLoadingText };
+        const lastRowsThreshold_4: number;
+        export { lastRowsThreshold_4 as lastRowsThreshold };
+        export { columns1 as columns };
+        export { data1 as data };
+        const buttonColor_4: string;
+        export { buttonColor_4 as buttonColor };
+        const showNoDataInSearch_6: boolean;
+        export { showNoDataInSearch_6 as showNoDataInSearch };
+    }
+    export { args_5 as args };
+}
+export namespace SupplierEvents {
+    export namespace args_6 {
+        const width_7: string;
+        export { width_7 as width };
+        const height_7: string;
+        export { height_7 as height };
+        const tableBodyHeight_7: string;
+        export { tableBodyHeight_7 as tableBodyHeight };
+        const tableTitle_7: string;
+        export { tableTitle_7 as tableTitle };
         export { supplierColumns as columns };
         export { supplierData as data };
         const showSideButton_2: boolean;
@@ -434,7 +471,30 @@ export namespace SupplierEvents {
         const showHorizontalScroll_2: boolean;
         export { showHorizontalScroll_2 as showHorizontalScroll };
     }
-    export { args_5 as args };
+    export { args_6 as args };
+}
+export namespace SupplierEventsWithTags {
+    export namespace args_7 {
+        const width_8: string;
+        export { width_8 as width };
+        const height_8: string;
+        export { height_8 as height };
+        const tableBodyHeight_8: string;
+        export { tableBodyHeight_8 as tableBodyHeight };
+        const tableTitle_8: string;
+        export { tableTitle_8 as tableTitle };
+        const counter_3: number;
+        export { counter_3 as counter };
+        export { supplierColumns as columns };
+        export { supplierData as data };
+        const showSideButton_3: boolean;
+        export { showSideButton_3 as showSideButton };
+        const showHorizontalScroll_3: boolean;
+        export { showHorizontalScroll_3 as showHorizontalScroll };
+        const children_3: import("react/jsx-runtime").JSX.Element;
+        export { children_3 as children };
+    }
+    export { args_7 as args };
 }
 import Table from "./Table";
 import { columns1 } from "./data";

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

@@ -27,10 +27,14 @@ declare namespace TableBody {
         const onRowClick: PropTypes.Requireable<(...args: any[]) => any>;
         const onSendClick: PropTypes.Requireable<(...args: any[]) => any>;
         const buttonColor: PropTypes.Requireable<string>;
+        const buttonHoverColor: PropTypes.Requireable<string>;
+        const selectedColor: PropTypes.Requireable<string>;
         const onDeleteClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const resetFocus: PropTypes.Requireable<boolean>;
+        const resetFocusIndex: PropTypes.Requireable<boolean>;
+        const changeFocusIndex: PropTypes.Requireable<number>;
         const onFocusChange: PropTypes.Requireable<(...args: any[]) => any>;
         const indexToShimmer: PropTypes.Requireable<number>;
+        const statuses: PropTypes.Requireable<any[]>;
         const onCommentSave: PropTypes.Requireable<(...args: any[]) => any>;
         const commentTextLimit: PropTypes.Requireable<number>;
         const ref: PropTypes.Requireable<object>;

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

@@ -12,6 +12,10 @@ export const CommentIconWrapper: import("styled-components/dist/types").IStyledC
 export const DisabledTrashIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const StatusCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const StatusCellCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TagContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TagChip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export const TagOverflow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export const MultiTagWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const TextareaWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const TextareaLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 export const CommentTextarea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;

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

@@ -1,4 +1,4 @@
-export const data1: {
+export const data1: ({
     EventCode: number;
     ExternalEventID: string;
     EventName: string;
@@ -19,7 +19,30 @@ export const data1: {
     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;
@@ -37,6 +60,73 @@ export const columns1: ({
         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;
@@ -52,6 +142,7 @@ export const columns1: ({
     filterOptions: any[];
     rangeFilter: boolean;
     sortOptions?: undefined;
+    tagConfig?: undefined;
     freeTextFilter?: undefined;
     tooltipText?: undefined;
 } | {
@@ -66,6 +157,7 @@ export const columns1: ({
     freeTextFilter: boolean;
     filterOptions?: undefined;
     sortOptions?: undefined;
+    tagConfig?: undefined;
     rangeFilter?: undefined;
     tooltipText?: undefined;
 } | {
@@ -86,6 +178,7 @@ export const columns1: ({
         value: string;
         label: string;
     }[];
+    tagConfig?: undefined;
     rangeFilter?: undefined;
     freeTextFilter?: undefined;
 })[];
@@ -107,6 +200,7 @@ export const supplierColumns: ({
         label: string;
     }[];
     freeTextFilter?: undefined;
+    tagConfig?: undefined;
     rangeFilter?: undefined;
     tooltipText?: undefined;
 } | {
@@ -124,6 +218,55 @@ export const supplierColumns: ({
         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;
 } | {
@@ -142,6 +285,7 @@ export const supplierColumns: ({
     }[];
     filterOptions?: undefined;
     freeTextFilter?: undefined;
+    tagConfig?: undefined;
     tooltipText?: undefined;
 } | {
     key: string;
@@ -155,6 +299,7 @@ export const supplierColumns: ({
     filterOptions?: undefined;
     sortOptions?: undefined;
     freeTextFilter?: undefined;
+    tagConfig?: undefined;
     rangeFilter?: undefined;
     tooltipText?: undefined;
 } | {
@@ -173,9 +318,26 @@ export const supplierColumns: ({
         label: string;
     }[];
     freeTextFilter?: undefined;
+    tagConfig?: undefined;
     rangeFilter?: undefined;
 })[];
-export const supplierData: {
+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;
@@ -190,4 +352,5 @@ export const supplierData: {
     HUB: string;
     Comments: string;
     Trash: string;
-}[];
+    Tags: string;
+})[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "2.0.0-beta147",
+  "version": "2.0.0-beta148",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",