sag_components 2.0.0-beta141 → 2.0.0-beta143

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

@@ -0,0 +1,2 @@
+export default CommentModal;
+declare function CommentModal(props: any): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+export const ModalOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ModalTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export const ModalBody: 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;
+export const CharacterCount: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ModalBottom: 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/Table/Table.d.ts

@@ -1,3 +1,5 @@
 export default Table;
-declare const Table: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";
+declare function Table(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace Table {
+    const displayName: string;
+}

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

@@ -405,95 +405,27 @@ export namespace WithDataHiddenCounter {
     }
     export { args_4 as args };
 }
+export namespace SupplierEvents {
+    export namespace args_5 {
+        const width_6: string;
+        export { width_6 as width };
+        const height_6: string;
+        export { height_6 as height };
+        const tableBodyHeight_6: string;
+        export { tableBodyHeight_6 as tableBodyHeight };
+        const tableTitle_6: string;
+        export { tableTitle_6 as tableTitle };
+        export { supplierColumns as columns };
+        export { supplierData as data };
+        const showSideButton_2: boolean;
+        export { showSideButton_2 as showSideButton };
+        const showHorizontalScroll_2: boolean;
+        export { showHorizontalScroll_2 as showHorizontalScroll };
+    }
+    export { args_5 as args };
+}
 import Table from "./Table";
-declare 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;
-    }[];
-    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;
-    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;
-    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;
-    }[];
-    rangeFilter?: undefined;
-    freeTextFilter?: undefined;
-})[];
-declare 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;
-}[];
+import { columns1 } from "./data";
+import { data1 } from "./data";
+import { supplierColumns } from "./data";
+import { supplierData } from "./data";

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

@@ -1,3 +1,36 @@
 export default TableBody;
-declare const TableBody: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";
+declare function TableBody({ columns, data, onRowClick, onSendClick, buttonColor, onDeleteClick, selectedColor, resetFocus, onFocusChange, indexToShimmer, statuses, onCommentSave, ref, }: {
+    columns: any;
+    data: any;
+    onRowClick: any;
+    onSendClick: any;
+    buttonColor: any;
+    onDeleteClick: any;
+    selectedColor: any;
+    resetFocus?: boolean;
+    onFocusChange: any;
+    indexToShimmer?: number;
+    statuses?: {
+        status: string;
+        palette: string[];
+    }[];
+    onCommentSave?: () => void;
+    ref?: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TableBody {
+    namespace propTypes {
+        const columns: PropTypes.Validator<any[]>;
+        const data: PropTypes.Validator<any[]>;
+        const onRowClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const onSendClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const buttonColor: PropTypes.Requireable<string>;
+        const onDeleteClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const resetFocus: PropTypes.Requireable<boolean>;
+        const onFocusChange: PropTypes.Requireable<(...args: any[]) => any>;
+        const indexToShimmer: PropTypes.Requireable<number>;
+        const onCommentSave: PropTypes.Requireable<(...args: any[]) => any>;
+        const ref: PropTypes.Requireable<object>;
+    }
+    const displayName: string;
+}
+import PropTypes from "prop-types";

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

@@ -8,4 +8,7 @@ export const PackageStatusContainer: import("styled-components/dist/types").ISty
 export const ButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const SentStatus: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const TrashIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const CommentIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 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;

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

@@ -0,0 +1,193 @@
+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;
+}[];
+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;
+    }[];
+    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;
+    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;
+    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;
+    }[];
+    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;
+    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;
+    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;
+    tooltipText?: undefined;
+} | {
+    key: string;
+    title: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox: boolean;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    filterOptions?: undefined;
+    sortOptions?: undefined;
+    freeTextFilter?: 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;
+    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;
+}[];

package/dist/types/icons/CommentIcon.d.ts

@@ -0,0 +1,7 @@
+export default CommentIcon;
+declare function CommentIcon({ width, height, showCircle, circleColor }: {
+    width?: string;
+    height?: string;
+    showCircle?: boolean;
+    circleColor?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/package.json

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