sag_components 2.0.0-beta269 → 2.0.0-beta270

package/dist/index.d.ts

@@ -1305,7 +1305,7 @@ declare function WeeksPicker({ label, disabled, borderColor, borderColorFocus, t
     restrictToRange?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-declare function Input({ label, labelEmptyValue, size, selectedValue, placeHolder, inputType, onChange, onClick, onBlur, required, disabled, isDarkerBackground, width, height, error, errorMessage, labelColor, leftIcon, rightIcon, password, leftIconOnClick, rightIconOnClick, multiline, rows, maxLength, regex, onKeyDown, }: {
+declare function Input({ label, labelEmptyValue, size, selectedValue, placeHolder, inputType, onChange, onClick, onBlur, required, disabled, isDarkerBackground, width, minWidth, height, error, errorMessage, labelColor, leftIcon, rightIcon, password, leftIconOnClick, rightIconOnClick, multiline, rows, maxLength, regex, onKeyDown, }: {
     label: any;
     labelEmptyValue: any;
     size: any;
@@ -1319,6 +1319,7 @@ declare function Input({ label, labelEmptyValue, size, selectedValue, placeHolde
     disabled: any;
     isDarkerBackground?: boolean;
     width: any;
+    minWidth: any;
     height?: string;
     error: any;
     errorMessage: any;
@@ -1343,6 +1344,7 @@ declare namespace Input {
         const labelColor: PropTypes.Requireable<string>;
         const required: PropTypes.Requireable<boolean>;
         const width: PropTypes.Requireable<string>;
+        const minWidth: PropTypes.Requireable<string>;
         const disabled: PropTypes.Requireable<boolean>;
         const error: PropTypes.Requireable<boolean>;
         const errorMessage: PropTypes.Requireable<string>;
@@ -1376,6 +1378,8 @@ declare namespace Input {
         export { required_1 as required };
         const width_1: string;
         export { width_1 as width };
+        const minWidth_1: string;
+        export { minWidth_1 as minWidth };
         const disabled_1: boolean;
         export { disabled_1 as disabled };
         const error_1: boolean;

package/dist/index.esm.js

@@ -10581,23 +10581,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('');
@@ -11039,22 +11040,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('');
@@ -24165,21 +24167,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("");
@@ -24636,25 +24639,26 @@ const IconContainer$2 = styled.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] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState('');
@@ -35659,7 +35663,7 @@ const MainContainer = styled.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;
@@ -35820,6 +35824,7 @@ const ErrorMessage = styled.div`
   color: red;
   margin-top: 5px;
   max-width: ${props => props.width || '300px'};
+  min-width: ${props => props.minWidth || 'unset'};
 `;
 const IconWrapper$1 = styled.div`
   display: flex;
@@ -35848,6 +35853,7 @@ const Input$2 = _ref => {
     disabled,
     isDarkerBackground = false,
     width,
+    minWidth,
     height = "50px",
     error,
     errorMessage,
@@ -35878,7 +35884,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);
@@ -35973,7 +35979,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$1.createElement(InputContainer, {
     className: "InputContainer",
     labelColor: labelColor,
@@ -36033,7 +36040,8 @@ const Input$2 = _ref => {
     multiline: multiline
   })), !multiline && (password ? getPasswordIcon() : getRightIcon())), error && errorMessage?.length > 0 && /*#__PURE__*/React$1.createElement(ErrorMessage, {
     className: "ErrorMessage",
-    width: width
+    width: width,
+    minWidth: minWidth
   }, errorMessage), multiline && maxLength && /*#__PURE__*/React$1.createElement("div", {
     style: {
       fontSize: "12px",
@@ -36051,6 +36059,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,
@@ -36077,6 +36086,7 @@ Input$2.defaultProps = {
   labelColor: "#066768",
   required: true,
   width: "300px",
+  minWidth: "300px",
   disabled: false,
   error: false,
   errorMessage: "",
@@ -36165,9 +36175,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 {