sag_components 2.0.0-beta193 → 2.0.0-beta194

package/dist/index.d.ts

@@ -1598,12 +1598,17 @@ declare function MessageBox({ isOpen, isDisabled, onClose, onConfirm, title, pri
     children: any;
 }): react_jsx_runtime.JSX.Element;
 
-declare function ToasterMessageBox({ color, messageText, linkText, duration, width, onLinkClick, onClose }: {
+declare function ToasterMessageBox({ color, messageText, linkText, duration, width, icon, onLinkClick, onClose }: {
     color?: string;
     messageText?: string;
     linkText?: string;
     duration?: number;
     width?: string;
+    icon?: ({ width, height, color, }: {
+        width?: string;
+        height?: string;
+        color?: string;
+    }) => react_jsx_runtime.JSX.Element;
     onLinkClick?: () => void;
     onClose?: () => void;
 }): react_jsx_runtime.JSX.Element;

package/dist/index.esm.js

@@ -10579,23 +10579,24 @@ const QuarterPopupPicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const QuarterPicker = ({
-  availableQuarters,
-  // ["Q1-2024"]
-  label,
-  onChange,
-  borderRadius,
-  required,
-  width,
-  height,
-  placeholder,
-  disabled,
-  borderColor,
-  borderColorFocus,
-  textColor,
-  selectedValue,
-  startYear
-}) => {
+const QuarterPicker = _ref => {
+  let {
+    availableQuarters,
+    // ["Q1-2024"]
+    label,
+    onChange,
+    borderRadius,
+    required,
+    width,
+    height,
+    placeholder,
+    disabled,
+    borderColor,
+    borderColorFocus,
+    textColor,
+    selectedValue,
+    startYear
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [value, setValue] = useState('');
@@ -11037,22 +11038,23 @@ const MonthPopupPicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const MonthPicker = ({
-  availableMonths,
-  label,
-  onChange,
-  borderRadius,
-  required,
-  width,
-  height,
-  placeholder,
-  disabled,
-  borderColor,
-  borderColorFocus,
-  textColor,
-  selectedValue,
-  startYear
-}) => {
+const MonthPicker = _ref => {
+  let {
+    availableMonths,
+    label,
+    onChange,
+    borderRadius,
+    required,
+    width,
+    height,
+    placeholder,
+    disabled,
+    borderColor,
+    borderColorFocus,
+    textColor,
+    selectedValue,
+    startYear
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [value, setValue] = useState('');
@@ -24163,21 +24165,22 @@ const DeleteIcon = styled.div`
   position: absolute;
 `;
 
-const QuickFilterDropdownSingle = ({
-  label,
-  hoverColor,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  disabled,
-  width,
-  error,
-  errorMessage,
-  xIconShow,
-  labelColor,
-  showLabelOnTop
-}) => {
+const QuickFilterDropdownSingle = _ref => {
+  let {
+    label,
+    hoverColor,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    disabled,
+    width,
+    error,
+    errorMessage,
+    xIconShow,
+    labelColor,
+    showLabelOnTop
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState("");
@@ -24574,23 +24577,24 @@ const IconContainer$2 = styled.div`
   cursor:  pointer;  
 `;
 
-const QuickFilterDropdownMultiSelection = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  required,
-  disabled,
-  width,
-  error,
-  errorMessage,
-  labelColor,
-  xIconShow,
-  checkBoxColor,
-  showLabelOnTop
-}) => {
+const QuickFilterDropdownMultiSelection = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    required,
+    disabled,
+    width,
+    error,
+    errorMessage,
+    labelColor,
+    xIconShow,
+    checkBoxColor,
+    showLabelOnTop
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState('');
@@ -35921,9 +35925,9 @@ const ToggleSlider = styled.span`
   }
 `;
 
-/**
- * ToggleSwitch component for on/off states.
- * Supports small/large sizes and disabled state.
+/**
+ * ToggleSwitch component for on/off states.
+ * Supports small/large sizes and disabled state.
  */
 function ToggleSwitch(_ref) {
   let {
@@ -55039,6 +55043,7 @@ const ToasterMessageBox = _ref => {
     linkText = '',
     duration = 5,
     width = '500px',
+    icon = OkCircleIcon,
     onLinkClick = () => {},
     onClose = () => {}
   } = _ref;
@@ -55077,7 +55082,9 @@ const ToasterMessageBox = _ref => {
     $isClosing: isClosing
   }, /*#__PURE__*/React$1.createElement(IconWrapper, {
     $color: color
-  }, /*#__PURE__*/React$1.createElement(OkCircleIcon, {
+  }, icon === 'error' ? /*#__PURE__*/React$1.createElement(ErrorIcon, {
+    color: "white"
+  }) : /*#__PURE__*/React$1.createElement(OkCircleIcon, {
     color: color,
     width: "40",
     height: "40"