sag_components 2.0.0-beta269 → 2.0.0-beta270

package/dist/index.js

@@ -10591,23 +10591,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] = React$1.useState(false);
   const [isOpen, setIsOpen] = React$1.useState(false);
   const [value, setValue] = React$1.useState('');
@@ -11049,22 +11050,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] = React$1.useState(false);
   const [isOpen, setIsOpen] = React$1.useState(false);
   const [value, setValue] = React$1.useState('');
@@ -24175,21 +24177,22 @@ const DeleteIcon = styled__default["default"].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] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState("");
@@ -24646,25 +24649,26 @@ const IconContainer$2 = styled__default["default"].div`
   cursor:  pointer;  
 `;
 
-const QuickFilterDropdownMultiSelection = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  required,
-  disabled,
-  width,
-  height,
-  error,
-  errorMessage,
-  labelColor,
-  xIconShow,
-  checkBoxColor,
-  showLabelOnTop,
-  dropdownHeight
-}) => {
+const QuickFilterDropdownMultiSelection = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    required,
+    disabled,
+    width,
+    height,
+    error,
+    errorMessage,
+    labelColor,
+    xIconShow,
+    checkBoxColor,
+    showLabelOnTop,
+    dropdownHeight
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState('');
@@ -35669,7 +35673,7 @@ const MainContainer = styled__default["default"].div`
   justify-content: flex-start;
   align-items: flex-start;
   width: ${props => props.width || '300px'};
-  /* min-width: ${props => props.width || 'unset'}; */
+  min-width: ${props => props.minWidth || 'unset'};
   height: ${props => props.height || '45px'};  
   min-height: ${props => props.multiline ? '80px' : 'auto'};
   font-family: "Poppins", sans-serif;
@@ -35830,6 +35834,7 @@ const ErrorMessage = styled__default["default"].div`
   color: red;
   margin-top: 5px;
   max-width: ${props => props.width || '300px'};
+  min-width: ${props => props.minWidth || 'unset'};
 `;
 const IconWrapper$1 = styled__default["default"].div`
   display: flex;
@@ -35858,6 +35863,7 @@ const Input$2 = _ref => {
     disabled,
     isDarkerBackground = false,
     width,
+    minWidth,
     height = "50px",
     error,
     errorMessage,
@@ -35888,7 +35894,7 @@ const Input$2 = _ref => {
       const hasOverflow = element.scrollWidth > element.clientWidth;
       setIsOverflowing(hasOverflow);
     }
-  }, [inputValue, multiline, width, isFocused]);
+  }, [inputValue, multiline, width, minWidth, isFocused]);
   const handleLabelClick = () => {
     if (disabled) return;
     setIsFocused(true);
@@ -35983,7 +35989,8 @@ const Input$2 = _ref => {
     isDarkerBackground: isDarkerBackground,
     multiline: multiline,
     onClick: handleContainerClick,
-    title: isOverflowing && inputValue && !isFocused ? inputValue : ""
+    title: isOverflowing && inputValue && !isFocused ? inputValue : "",
+    minWidth: minWidth
   }, /*#__PURE__*/React__default["default"].createElement(InputContainer, {
     className: "InputContainer",
     labelColor: labelColor,
@@ -36043,7 +36050,8 @@ const Input$2 = _ref => {
     multiline: multiline
   })), !multiline && (password ? getPasswordIcon() : getRightIcon())), error && errorMessage?.length > 0 && /*#__PURE__*/React__default["default"].createElement(ErrorMessage, {
     className: "ErrorMessage",
-    width: width
+    width: width,
+    minWidth: minWidth
   }, errorMessage), multiline && maxLength && /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       fontSize: "12px",
@@ -36061,6 +36069,7 @@ Input$2.propTypes = {
   labelColor: PropTypes.string,
   required: PropTypes.bool,
   width: PropTypes.string,
+  minWidth: PropTypes.string,
   disabled: PropTypes.bool,
   error: PropTypes.bool,
   errorMessage: PropTypes.string,
@@ -36087,6 +36096,7 @@ Input$2.defaultProps = {
   labelColor: "#066768",
   required: true,
   width: "300px",
+  minWidth: "300px",
   disabled: false,
   error: false,
   errorMessage: "",
@@ -36175,9 +36185,9 @@ const ToggleSlider = styled__default["default"].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 {