sag_components 2.0.0-beta120 → 2.0.0-beta121

package/dist/index.js

@@ -23907,22 +23907,21 @@ const DeleteIcon = styled__default["default"].div`
   position: absolute;
 `;
 
-const QuickFilterDropdownSingle = _ref => {
-  let {
-    label,
-    hoverColor,
-    options,
-    selectedValue,
-    placeHolder,
-    onChange,
-    disabled,
-    width,
-    error,
-    errorMessage,
-    xIconShow,
-    labelColor,
-    showLabelOnTop
-  } = _ref;
+const QuickFilterDropdownSingle = ({
+  label,
+  hoverColor,
+  options,
+  selectedValue,
+  placeHolder,
+  onChange,
+  disabled,
+  width,
+  error,
+  errorMessage,
+  xIconShow,
+  labelColor,
+  showLabelOnTop
+}) => {
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState("");
@@ -24319,24 +24318,23 @@ const IconContainer$2 = styled__default["default"].div`
   cursor:  pointer;  
 `;
 
-const QuickFilterDropdownMultiSelection = _ref => {
-  let {
-    label,
-    labelEmptyValue,
-    options,
-    selectedValue,
-    placeHolder,
-    onChange,
-    required,
-    disabled,
-    width,
-    error,
-    errorMessage,
-    labelColor,
-    xIconShow,
-    checkBoxColor,
-    showLabelOnTop
-  } = _ref;
+const QuickFilterDropdownMultiSelection = ({
+  label,
+  labelEmptyValue,
+  options,
+  selectedValue,
+  placeHolder,
+  onChange,
+  required,
+  disabled,
+  width,
+  error,
+  errorMessage,
+  labelColor,
+  xIconShow,
+  checkBoxColor,
+  showLabelOnTop
+}) => {
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState('');
@@ -41417,6 +41415,10 @@ const Card = styled__default["default"].div`
   height: ${props => props.height || "auto"};
   margin: 0 auto;
   font-family: 'Poppins', sans-serif;
+  &:disabled {
+    background: #f2f2f2;
+    cursor: not-allowed;
+  }
 `;
 const TitleContainer = styled__default["default"].div`
   display: flex;
@@ -41475,7 +41477,7 @@ styled__default["default"].input`
 `;
 const VendorListWrapper$2 = styled__default["default"].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;
@@ -41631,6 +41633,7 @@ const VendorSearchResult = styled__default["default"].span`
   color: #212121;
   font-size: 16px;
   font-weight: 400;
+  height: 20px;
 `;
 const VendorNameAndPackagesContainer = styled__default["default"].div`
   display: flex;
@@ -50836,6 +50839,7 @@ const ItemManagerPanel = _ref => {
   let {
     width = "100%",
     height = "100%",
+    disableSection = false,
     onSendForms = () => {},
     editMode = true,
     disabledSendForms = false,
@@ -51044,6 +51048,7 @@ const ItemManagerPanel = _ref => {
       type: "primary",
       textColor: linkColor
     }))), /*#__PURE__*/React__default["default"].createElement(VendorListWrapper$2, {
+      disabled: disableSection,
       headerHeight: headerHeight
     }, /*#__PURE__*/React__default["default"].createElement(VendorList$2, null, itemAndPackage.filter(item => item.packages !== null).map((item, idx) => /*#__PURE__*/React__default["default"].createElement(VendorItem$1, {
       key: idx