sag_components 2.0.0-beta285 → 2.0.0-beta286

package/dist/index.js

@@ -24653,26 +24653,25 @@ const IconContainer$2 = styled__default["default"].div`
   cursor:  pointer;
 `;
 
-const QuickFilterDropdownMultiSelection = _ref => {
-  let {
-    label,
-    labelEmptyValue,
-    options,
-    selectedValue,
-    placeHolder,
-    onChange,
-    required,
-    disabled,
-    width,
-    height,
-    error,
-    errorMessage,
-    labelColor,
-    xIconShow,
-    checkBoxColor,
-    showLabelOnTop,
-    dropdownHeight
-  } = _ref;
+const QuickFilterDropdownMultiSelection = ({
+  label,
+  labelEmptyValue,
+  options,
+  selectedValue,
+  placeHolder,
+  onChange,
+  required,
+  disabled,
+  width,
+  height,
+  error,
+  errorMessage,
+  labelColor,
+  xIconShow,
+  checkBoxColor,
+  showLabelOnTop,
+  dropdownHeight
+}) => {
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState('');
@@ -34208,7 +34207,7 @@ const Header$3 = styled__default["default"].div`
     align-items: flex-start;
   }
 `;
-const CloseButton$1 = styled__default["default"].button`
+const CloseButton$2 = styled__default["default"].button`
   position: absolute;
   top: -10px;
   right: 0px;
@@ -34409,7 +34408,7 @@ const InsightsCarousel = _ref => {
     $titleColor: titleColor
   }, /*#__PURE__*/React__default["default"].cloneElement(icon, {
     fill: iconColor
-  }), title), /*#__PURE__*/React__default["default"].createElement(CloseButton$1, {
+  }), title), /*#__PURE__*/React__default["default"].createElement(CloseButton$2, {
     onClick: () => onClose?.({
       label: "closeCarousel"
     }),
@@ -34546,14 +34545,13 @@ ProgressBar.defaultProps = {
 
 const DownloadProgressMainContainer = styled__default["default"].div`
   font-family: "Poppins", sans-serif;
-  font-style: normal;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 400;
   color: #212121;
   line-height: 14px;
   position: relative;
   margin: 0;
-  padding: 10px;
+  padding: 15px 20px 10px;
   background: #ffffff;
   border-radius: 12px;
   box-shadow: ${props => props.showShadow ? '0px 0px 20px 0px rgba(0, 0, 0, 0.2)' : ''};
@@ -34561,14 +34559,13 @@ const DownloadProgressMainContainer = styled__default["default"].div`
 const DownloadProgressContentContainer = styled__default["default"].div` 
   display: flex;
   align-items: center;
-  margin: 0 10px;
   gap: 10px;
 `;
-const DownloadProgressTitle = styled__default["default"].h3`  
+const DownloadProgressTitle = styled__default["default"].h4`  
   font-weight: 400;
-  margin: 10px;  
+  margin: 0 0 10px;  
 `;
-const DownloadProgressStatusMessage = styled__default["default"].h3`   
+const DownloadProgressStatusMessage = styled__default["default"].h5`   
   margin: 3px 0;
   &.DownloadProgressStatusMessage_succeeded{
     font-weight: 500;  
@@ -34582,11 +34579,19 @@ const DownloadProgressStatusMessage = styled__default["default"].h3`
     font-weight: 400;
     text-decoration: underline;  
     &:hover {
-    background-Color: #f1f1f1;
-    cursor: pointer;
-  } 
+      background-Color: #f1f1f1;
+      cursor: pointer;
+    } 
   }
 `;
+const CloseButton$1 = styled__default["default"].button`
+  position: absolute;
+  top: 15px;
+  right: 20px;
+  background: none;
+  border: none;
+  cursor: pointer;
+`;
 
 const DownloadProgress = props => {
   const {
@@ -34595,11 +34600,13 @@ const DownloadProgress = props => {
     failedMessage,
     downloadStatus,
     showShadow,
+    showCloseButton,
     progressPercent,
     refreshInterval,
     progressBarColor,
     onTryAgainClick,
-    className
+    className,
+    onCloseClick
   } = props;
   const [DownloadStatus, setDownloadStatus] = React$1.useState(downloadStatus);
   React$1.useEffect(() => {
@@ -34657,7 +34664,12 @@ const DownloadProgress = props => {
     showShadow: showShadow
   }, /*#__PURE__*/React__default["default"].createElement(DownloadProgressTitle, {
     className: "DownloadProgressTitle"
-  }, title), displayProgressContent());
+  }, title, showCloseButton && /*#__PURE__*/React__default["default"].createElement(CloseButton$1, {
+    onClick: onCloseClick
+  }, /*#__PURE__*/React__default["default"].createElement(CloseXIcon, {
+    width: "12",
+    height: "12"
+  }))), displayProgressContent());
 };
 DownloadProgress.propTypes = {
   title: PropTypes.string,
@@ -34665,6 +34677,8 @@ DownloadProgress.propTypes = {
   failedMessage: PropTypes.string,
   downloadStatus: PropTypes.string,
   showShadow: PropTypes.bool,
+  showCloseButton: PropTypes.bool,
+  onCloseClick: PropTypes.func,
   progressPercent: PropTypes.number,
   refreshInterval: PropTypes.number,
   progressBarColor: PropTypes.string,
@@ -34677,6 +34691,8 @@ DownloadProgress.defaultProps = {
   failedMessage: 'Something went wrong',
   downloadStatus: 'inProgress',
   showShadow: true,
+  showCloseButton: false,
+  onCloseClick: () => {},
   progressPercent: 0,
   refreshInterval: 100,
   progressBarColor: '#92CF17',