sag_components 2.0.0-beta120 → 2.0.0-beta121

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

@@ -23897,22 +23897,21 @@ const DeleteIcon = styled.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] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState("");
@@ -24309,24 +24308,23 @@ const IconContainer$2 = styled.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] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState('');
@@ -41407,6 +41405,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 +41467,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 +41623,7 @@ const VendorSearchResult = styled.span`
   color: #212121;
   font-size: 16px;
   font-weight: 400;
+  height: 20px;
 `;
 const VendorNameAndPackagesContainer = styled.div`
   display: flex;
@@ -50826,6 +50829,7 @@ const ItemManagerPanel = _ref => {
   let {
     width = "100%",
     height = "100%",
+    disableSection = false,
     onSendForms = () => {},
     editMode = true,
     disabledSendForms = false,
@@ -51034,6 +51038,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