sag_components 2.0.0-beta120 → 2.0.0-beta122

package/dist/index.d.ts

@@ -1434,9 +1434,10 @@ declare function RangePop(props: any): react_jsx_runtime.JSX.Element;
 
 declare function SearchInput(props: any): react_jsx_runtime.JSX.Element;
 
-declare function ItemManagerPanel({ width, height, onSendForms, editMode, disabledSendForms, AllFormsSent, itemAndPackage, setItemAndPackage, linkColor, backgroundColor, buttonTooltipText, }: {
+declare function ItemManagerPanel({ width, height, disableSection, onSendForms, editMode, disabledSendForms, AllFormsSent, itemAndPackage, setItemAndPackage, linkColor, backgroundColor, buttonTooltipText, }: {
     width?: string;
     height?: string;
+    disableSection?: boolean;
     onSendForms?: () => void;
     editMode?: boolean;
     disabledSendForms?: boolean;

package/dist/index.esm.js

@@ -34436,11 +34436,11 @@ const ModalWithOverlay = props => {
     disabled: disableOkButton,
     text: okButtonText,
     onClick: onOk,
+    hoverTextColor: "#ffffff",
     borderColor: okButtonColor,
     backgroundColor: okButtonColor,
     hoverBorderColor: okButtonHoverBackgroundColor,
-    hoverBackgroundColor: okButtonHoverBackgroundColor,
-    hoverTextColor: "#212121"
+    hoverBackgroundColor: okButtonHoverBackgroundColor
   })) : /*#__PURE__*/React$1.createElement(Button$1, {
     size: "medium",
     type: okButtonType,
@@ -34449,11 +34449,11 @@ const ModalWithOverlay = props => {
     disabled: disableOkButton,
     text: okButtonText,
     onClick: onOk,
+    hoverTextColor: "#ffffff",
     borderColor: okButtonColor,
     backgroundColor: okButtonColor,
     hoverBorderColor: okButtonHoverBackgroundColor,
-    hoverBackgroundColor: okButtonHoverBackgroundColor,
-    hoverTextColor: "#212121"
+    hoverBackgroundColor: okButtonHoverBackgroundColor
   })))), /*#__PURE__*/React$1.createElement(ModalBody, {
     className: "modal-body"
   }, children)));
@@ -41358,6 +41358,8 @@ const Table = props => {
     leftIcon: "Plus",
     text: "New Event",
     borderRadius: "12px",
+    borderColor: sideButtonColor,
+    hoverBorderColor: sideButtonHoverColor,
     backgroundColor: sideButtonColor,
     hoverBackgroundColor: sideButtonHoverColor,
     onClick: onSideButtonClick
@@ -41384,6 +41386,8 @@ const Table = props => {
     leftIcon: "Plus",
     text: "New Event",
     borderRadius: "12px",
+    borderColor: buttonColor,
+    hoverBorderColor: buttonHoverColor,
     backgroundColor: buttonColor,
     hoverBackgroundColor: buttonHoverColor,
     onClick: onButtonClick
@@ -41407,6 +41411,10 @@ const Card = styled.div`
   height: ${props => props.height || "auto"};
   margin: 0 auto;
   font-family: 'Poppins', sans-serif;
+  &:disabled {
+    background: #f2f2f2;
+    cursor: not-allowed;
+  }
 `;
 const TitleContainer = styled.div`
   display: flex;
@@ -41465,7 +41473,7 @@ styled.input`
 `;
 const VendorListWrapper$2 = styled.div`
   height: calc(100% - ${props => props.headerHeight}px);
-  background: #fff;
+  background: ${props => props.disabled ? '#f2f2f2' : '#fff'};
   width: 100%;
   overflow: auto;
   border-radius: 0 0 8px 8px;
@@ -41621,6 +41629,7 @@ const VendorSearchResult = styled.span`
   color: #212121;
   font-size: 16px;
   font-weight: 400;
+  height: 20px;
 `;
 const VendorNameAndPackagesContainer = styled.div`
   display: flex;
@@ -50826,6 +50835,7 @@ const ItemManagerPanel = _ref => {
   let {
     width = "100%",
     height = "100%",
+    disableSection = false,
     onSendForms = () => {},
     editMode = true,
     disabledSendForms = false,
@@ -51034,6 +51044,7 @@ const ItemManagerPanel = _ref => {
       type: "primary",
       textColor: linkColor
     }))), /*#__PURE__*/React$1.createElement(VendorListWrapper$2, {
+      disabled: disableSection,
       headerHeight: headerHeight
     }, /*#__PURE__*/React$1.createElement(VendorList$2, null, itemAndPackage.filter(item => item.packages !== null).map((item, idx) => /*#__PURE__*/React$1.createElement(VendorItem$1, {
       key: idx