sag_components 2.0.0-beta251 → 2.0.0-beta253

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('');
@@ -35776,6 +35780,9 @@ const StyledInput = styled__default["default"].input`
   border: none;
   cursor: ${props => props.disabled ? 'not-allowed' : 'text'};
   font-family: "Poppins", sans-serif;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 `;
 const StyledTextarea = styled__default["default"].textarea`
   width: 100%;
@@ -35872,11 +35879,19 @@ const Input$2 = _ref => {
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState("");
   const [showPassword, setShowPassword] = React$1.useState(false);
+  const [isOverflowing, setIsOverflowing] = React$1.useState(false);
   const inputRef = React$1.useRef(null);
   const containerRef = React$1.useRef(null);
   React$1.useEffect(() => {
     setInputValue(selectedValue);
   }, [selectedValue]);
+  React$1.useEffect(() => {
+    if (inputRef?.current && !multiline && !isFocused) {
+      const element = inputRef.current;
+      const hasOverflow = element.scrollWidth > element.clientWidth;
+      setIsOverflowing(hasOverflow);
+    }
+  }, [inputValue, multiline, width, isFocused]);
   const handleLabelClick = () => {
     if (disabled) return;
     setIsFocused(true);
@@ -35970,7 +35985,8 @@ const Input$2 = _ref => {
     disabled: disabled,
     isDarkerBackground: isDarkerBackground,
     multiline: multiline,
-    onClick: handleContainerClick
+    onClick: handleContainerClick,
+    title: isOverflowing && inputValue && !isFocused ? inputValue : ""
   }, /*#__PURE__*/React__default["default"].createElement(InputContainer, {
     className: "InputContainer",
     labelColor: labelColor,
@@ -36162,9 +36178,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 {
@@ -42856,14 +42872,27 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
           return `${value || 0}%`;
         case "date":
           try {
+            let formattedDate = value;
             if (column.format === "MM/DD/YYYY" && value) {
               const date = new Date(value);
               if (isNaN(date.getTime())) {
                 return String(value);
               }
-              return `${(date.getMonth() + 1).toString().padStart(2, "0")}/${date.getDate().toString().padStart(2, "0")}/${date.getFullYear()}`;
+              formattedDate = `${(date.getMonth() + 1).toString().padStart(2, "0")}/${date.getDate().toString().padStart(2, "0")}/${date.getFullYear()}`;
+            } else {
+              formattedDate = String(value || "");
             }
-            return String(value || "");
+
+            // Check if this column should check for expiration
+            if (column.checkExpiration !== false && value && isDateExpired(value)) {
+              return /*#__PURE__*/React__default["default"].createElement("span", {
+                style: {
+                  color: "#D23630",
+                  textDecoration: "line-through"
+                }
+              }, formattedDate);
+            }
+            return formattedDate;
           } catch (e) {
             console.warn('Error formatting date:', e);
             return String(value || "");
@@ -43367,7 +43396,21 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
         rowIndex: rowIndex
       });
     }
-    console.log('handler--------', row, columnKey, currentValue, rowIndex);
+  };
+
+  // Helper function to check if date is expired (past current date)
+  const isDateExpired = dateString => {
+    if (!dateString) return false;
+    try {
+      const date = new Date(dateString);
+      if (isNaN(date.getTime())) return false;
+      const today = new Date();
+      today.setHours(0, 0, 0, 0); // Reset time to start of day for fair comparison
+      date.setHours(0, 0, 0, 0);
+      return date < today;
+    } catch (error) {
+      return false;
+    }
   };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledTableBody, {
     ref: ref