sag_components 2.0.0-beta144 → 2.0.0-beta145

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

@@ -1,13 +1,17 @@
 export default MessageBox;
-declare function MessageBox({ isOpen, onClose, onConfirm, title, messageTitle, messageText, cancelText, confirmText, width, height }: {
+declare function MessageBox({ isOpen, isDisabled, onClose, onConfirm, title, primaryText, secondaryText, width, height, color, hoverColor, secondaryColor, seperateSectionBorder, children, }: {
     isOpen?: boolean;
+    isDisabled?: boolean;
     onClose?: () => void;
     onConfirm?: () => void;
     title?: string;
-    messageTitle?: string;
-    messageText?: string;
-    cancelText?: string;
-    confirmText?: string;
+    primaryText?: string;
+    secondaryText?: string;
     width?: string;
     height?: string;
+    color?: string;
+    hoverColor?: string;
+    secondaryColor?: string;
+    seperateSectionBorder?: boolean;
+    children: any;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -7,67 +7,119 @@ declare namespace _default {
     }
     export namespace argTypes {
         export namespace isOpen {
+            const name: string;
             const control: string;
             const description: string;
         }
         export namespace title_1 {
+            const name_1: string;
+            export { name_1 as name };
             const control_1: string;
             export { control_1 as control };
             const description_1: string;
             export { description_1 as description };
         }
         export { title_1 as title };
-        export namespace messageTitle {
+        export namespace primaryText {
+            const name_2: string;
+            export { name_2 as name };
             const control_2: string;
             export { control_2 as control };
             const description_2: string;
             export { description_2 as description };
         }
-        export namespace messageText {
+        export namespace secondaryText {
+            const name_3: string;
+            export { name_3 as name };
             const control_3: string;
             export { control_3 as control };
             const description_3: string;
             export { description_3 as description };
         }
-        export namespace cancelText {
+        export namespace width {
+            const name_4: string;
+            export { name_4 as name };
             const control_4: string;
             export { control_4 as control };
             const description_4: string;
             export { description_4 as description };
         }
-        export namespace confirmText {
+        export namespace height {
+            const name_5: string;
+            export { name_5 as name };
             const control_5: string;
             export { control_5 as control };
             const description_5: string;
             export { description_5 as description };
         }
-        export namespace width {
-            const control_6: string;
-            export { control_6 as control };
+        export namespace onClose {
+            const name_6: string;
+            export { name_6 as name };
+            export const action: string;
             const description_6: string;
             export { description_6 as description };
         }
-        export namespace height {
-            const control_7: string;
-            export { control_7 as control };
+        export namespace onConfirm {
+            const name_7: string;
+            export { name_7 as name };
+            const action_1: string;
+            export { action_1 as action };
             const description_7: string;
             export { description_7 as description };
         }
-        export namespace onClose {
-            export const action: string;
+        export namespace isDisabled {
+            const name_8: string;
+            export { name_8 as name };
+            const control_6: string;
+            export { control_6 as control };
             const description_8: string;
             export { description_8 as description };
         }
-        export namespace onConfirm {
-            const action_1: string;
-            export { action_1 as action };
+        export namespace color {
+            const name_9: string;
+            export { name_9 as name };
+            const control_7: string;
+            export { control_7 as control };
             const description_9: string;
             export { description_9 as description };
         }
+        export namespace hoverColor {
+            const name_10: string;
+            export { name_10 as name };
+            const control_8: string;
+            export { control_8 as control };
+            const description_10: string;
+            export { description_10 as description };
+        }
+        export namespace secondaryColor {
+            const name_11: string;
+            export { name_11 as name };
+            const control_9: string;
+            export { control_9 as control };
+            const description_11: string;
+            export { description_11 as description };
+        }
+        export namespace seperateSectionBorder {
+            const name_12: string;
+            export { name_12 as name };
+            const control_10: string;
+            export { control_10 as control };
+            const description_12: string;
+            export { description_12 as description };
+        }
+        export namespace children {
+            const name_13: string;
+            export { name_13 as name };
+            const control_11: string;
+            export { control_11 as control };
+            const description_13: string;
+            export { description_13 as description };
+        }
     }
 }
 export default _default;
 export const Default: any;
+export const Comment: any;
 export const CustomMessage: any;
 export const ShortMessage: any;
 export const LongMessage: any;

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

@@ -1,9 +1,7 @@
 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 ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 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 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 MessageContainer: 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 MessageTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-export const MessageMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, 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 ButtonContainer: 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.stories.d.ts

@@ -24,73 +24,73 @@ declare namespace _default {
             const name_2: string;
             export { name_2 as name };
         }
-        namespace hideRowsCounter {
+        namespace tableBackground {
             const control_3: string;
             export { control_3 as control };
             const description_3: string;
             export { description_3 as description };
             const name_3: string;
             export { name_3 as name };
-            export const defaultValue: boolean;
+            export const defaultValue: string;
         }
-        namespace data {
+        namespace hideRowsCounter {
             const control_4: string;
             export { control_4 as control };
             const description_4: string;
             export { description_4 as description };
             const name_4: string;
             export { name_4 as name };
+            const defaultValue_1: boolean;
+            export { defaultValue_1 as defaultValue };
         }
-        namespace onButtonClick {
-            export const action: string;
+        namespace data {
+            const control_5: string;
+            export { control_5 as control };
             const description_5: string;
             export { description_5 as description };
             const name_5: string;
             export { name_5 as name };
         }
-        namespace columns {
-            const control_5: string;
-            export { control_5 as control };
+        namespace onButtonClick {
+            export const action: string;
             const description_6: string;
             export { description_6 as description };
             const name_6: string;
             export { name_6 as name };
         }
-        namespace onSort {
-            const action_1: string;
-            export { action_1 as action };
+        namespace columns {
+            const control_6: string;
+            export { control_6 as control };
             const description_7: string;
             export { description_7 as description };
             const name_7: string;
             export { name_7 as name };
         }
-        namespace onFilter {
-            const action_2: string;
-            export { action_2 as action };
+        namespace onSort {
+            const action_1: string;
+            export { action_1 as action };
             const description_8: string;
             export { description_8 as description };
             const name_8: string;
             export { name_8 as name };
         }
-        namespace onSelectAll {
-            const action_3: string;
-            export { action_3 as action };
+        namespace onFilter {
+            const action_2: string;
+            export { action_2 as action };
             const description_9: string;
             export { description_9 as description };
             const name_9: string;
             export { name_9 as name };
         }
-        namespace buttonColor {
-            const control_6: string;
-            export { control_6 as control };
+        namespace onSelectAll {
+            const action_3: string;
+            export { action_3 as action };
             const description_10: string;
             export { description_10 as description };
             const name_10: string;
             export { name_10 as name };
-            const defaultValue_1: string;
-            export { defaultValue_1 as defaultValue };
         }
-        namespace buttonHoverColor {
+        namespace buttonColor {
             const control_7: string;
             export { control_7 as control };
             const description_11: string;
@@ -100,35 +100,35 @@ declare namespace _default {
             const defaultValue_2: string;
             export { defaultValue_2 as defaultValue };
         }
-        namespace showSideButton {
+        namespace buttonHoverColor {
             const control_8: string;
             export { control_8 as control };
             const description_12: string;
             export { description_12 as description };
             const name_12: string;
             export { name_12 as name };
-            const defaultValue_3: boolean;
+            const defaultValue_3: string;
             export { defaultValue_3 as defaultValue };
         }
-        namespace onSideButtonClick {
-            const action_4: string;
-            export { action_4 as action };
+        namespace showSideButton {
+            const control_9: string;
+            export { control_9 as control };
             const description_13: string;
             export { description_13 as description };
             const name_13: string;
             export { name_13 as name };
+            const defaultValue_4: boolean;
+            export { defaultValue_4 as defaultValue };
         }
-        namespace sideButtonColor {
-            const control_9: string;
-            export { control_9 as control };
+        namespace onSideButtonClick {
+            const action_4: string;
+            export { action_4 as action };
             const description_14: string;
             export { description_14 as description };
             const name_14: string;
             export { name_14 as name };
-            const defaultValue_4: string;
-            export { defaultValue_4 as defaultValue };
         }
-        namespace sideButtonHoverColor {
+        namespace sideButtonColor {
             const control_10: string;
             export { control_10 as control };
             const description_15: string;
@@ -138,15 +138,17 @@ declare namespace _default {
             const defaultValue_5: string;
             export { defaultValue_5 as defaultValue };
         }
-        namespace children {
+        namespace sideButtonHoverColor {
             const control_11: string;
             export { control_11 as control };
             const description_16: string;
             export { description_16 as description };
             const name_16: string;
             export { name_16 as name };
+            const defaultValue_6: string;
+            export { defaultValue_6 as defaultValue };
         }
-        namespace tableBodyHeight {
+        namespace children {
             const control_12: string;
             export { control_12 as control };
             const description_17: string;
@@ -154,7 +156,7 @@ declare namespace _default {
             const name_17: string;
             export { name_17 as name };
         }
-        namespace isLoading {
+        namespace tableBodyHeight {
             const control_13: string;
             export { control_13 as control };
             const description_18: string;
@@ -162,7 +164,7 @@ declare namespace _default {
             const name_18: string;
             export { name_18 as name };
         }
-        namespace isLoadingText {
+        namespace isLoading {
             const control_14: string;
             export { control_14 as control };
             const description_19: string;
@@ -170,63 +172,63 @@ declare namespace _default {
             const name_19: string;
             export { name_19 as name };
         }
-        namespace onRowClick {
-            const action_5: string;
-            export { action_5 as action };
+        namespace isLoadingText {
+            const control_15: string;
+            export { control_15 as control };
             const description_20: string;
             export { description_20 as description };
             const name_20: string;
             export { name_20 as name };
         }
-        namespace onLastRowsReached {
-            const action_6: string;
-            export { action_6 as action };
+        namespace onRowClick {
+            const action_5: string;
+            export { action_5 as action };
             const description_21: string;
             export { description_21 as description };
             const name_21: string;
             export { name_21 as name };
         }
-        namespace lastRowsThreshold {
-            const control_15: string;
-            export { control_15 as control };
+        namespace onLastRowsReached {
+            const action_6: string;
+            export { action_6 as action };
             const description_22: string;
             export { description_22 as description };
             const name_22: string;
             export { name_22 as name };
         }
-        namespace onSendClick {
-            const action_7: string;
-            export { action_7 as action };
+        namespace lastRowsThreshold {
+            const control_16: string;
+            export { control_16 as control };
             const description_23: string;
             export { description_23 as description };
             const name_23: string;
             export { name_23 as name };
         }
-        namespace showHorizontalScroll {
-            const control_16: string;
-            export { control_16 as control };
+        namespace onSendClick {
+            const action_7: string;
+            export { action_7 as action };
             const description_24: string;
             export { description_24 as description };
             const name_24: string;
             export { name_24 as name };
         }
-        namespace onDeleteClick {
-            const action_8: string;
-            export { action_8 as action };
+        namespace showHorizontalScroll {
+            const control_17: string;
+            export { control_17 as control };
             const description_25: string;
             export { description_25 as description };
             const name_25: string;
             export { name_25 as name };
         }
-        namespace showNoDataInSearch {
-            const control_17: string;
-            export { control_17 as control };
+        namespace onDeleteClick {
+            const action_8: string;
+            export { action_8 as action };
             const description_26: string;
             export { description_26 as description };
             const name_26: string;
             export { name_26 as name };
         }
-        namespace resetTableFocus {
+        namespace showNoDataInSearch {
             const control_18: string;
             export { control_18 as control };
             const description_27: string;
@@ -234,22 +236,30 @@ declare namespace _default {
             const name_27: string;
             export { name_27 as name };
         }
-        namespace onTableFocusChange {
-            const action_9: string;
-            export { action_9 as action };
+        namespace resetTableFocus {
+            const control_19: string;
+            export { control_19 as control };
             const description_28: string;
             export { description_28 as description };
             const name_28: string;
             export { name_28 as name };
         }
-        namespace clearFocusOnOutsideClick {
-            const control_19: string;
-            export { control_19 as control };
+        namespace onTableFocusChange {
+            const action_9: string;
+            export { action_9 as action };
             const description_29: string;
             export { description_29 as description };
             const name_29: string;
             export { name_29 as name };
         }
+        namespace clearFocusOnOutsideClick {
+            const control_20: string;
+            export { control_20 as control };
+            const description_30: string;
+            export { description_30 as description };
+            const name_30: string;
+            export { name_30 as name };
+        }
     }
 }
 export default _default;
@@ -307,6 +317,8 @@ export namespace WithData {
         export { width_2 as width };
         const height_2: string;
         export { height_2 as height };
+        const tableBackground_1: string;
+        export { tableBackground_1 as tableBackground };
         const tableBodyHeight_2: string;
         export { tableBodyHeight_2 as tableBodyHeight };
         const tableTitle_2: string;

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

@@ -1,17 +1,23 @@
 export default TableBody;
-declare function TableBody({ columns, data, onRowClick, onSendClick, buttonColor, onDeleteClick, selectedColor, resetFocusIndex, changeFocusIndex, onFocusChange, indexToShimmer, onCommentSave, ref, }: {
+declare function TableBody({ columns, data, onRowClick, onSendClick, buttonColor, buttonHoverColor, selectedColor, onDeleteClick, resetFocusIndex, changeFocusIndex, onFocusChange, indexToShimmer, statuses, onCommentSave, commentTextLimit, ref, }: {
     columns: any;
     data: any;
     onRowClick: any;
     onSendClick: any;
     buttonColor: any;
-    onDeleteClick: any;
+    buttonHoverColor: any;
     selectedColor: any;
+    onDeleteClick: any;
     resetFocusIndex: any;
     changeFocusIndex: any;
     onFocusChange: any;
     indexToShimmer?: number;
+    statuses?: {
+        status: string;
+        palette: string[];
+    }[];
     onCommentSave?: () => void;
+    commentTextLimit?: number;
     ref?: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace TableBody {
@@ -26,6 +32,7 @@ declare namespace TableBody {
         const onFocusChange: PropTypes.Requireable<(...args: any[]) => any>;
         const indexToShimmer: PropTypes.Requireable<number>;
         const onCommentSave: PropTypes.Requireable<(...args: any[]) => any>;
+        const commentTextLimit: PropTypes.Requireable<number>;
         const ref: PropTypes.Requireable<object>;
     }
     const displayName: string;

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

@@ -10,3 +10,9 @@ export const SentStatus: import("styled-components/dist/types").IStyledComponent
 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;
+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;

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

@@ -175,7 +175,8 @@ export const supplierColumns: ({
     freeTextFilter?: undefined;
     rangeFilter?: undefined;
 })[];
-export const supplierData: ({
+export const supplierData: {
+    Status: string;
     Supplier: string;
     EventID: string;
     WeekNumber: string;
@@ -189,18 +190,4 @@ export const supplierData: ({
     HUB: string;
     Comments: string;
     Trash: 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?: undefined;
-})[];
+}[];

package/package.json

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

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

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

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

@@ -1,11 +0,0 @@
-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;