sag_components 2.0.0-beta250 → 2.0.0-beta252

package/dist/index.js

@@ -35780,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%;
@@ -35876,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);
@@ -35974,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,
@@ -42670,6 +42682,14 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
   const [shimmerRowIndex, setShimmerRowIndex] = React$1.useState(-1);
   const [shimmerStartTime, setShimmerStartTime] = React$1.useState(null);
 
+  // Helper function to get nested values from objects (e.g., "status.PackageStatusDescription")
+  const getNestedValue = (obj, path) => {
+    if (!path || typeof path !== 'string') return undefined;
+    return path.split('.').reduce((current, key) => {
+      return current && current[key] !== undefined ? current[key] : undefined;
+    }, obj);
+  };
+
   // Handle shimmer effect changes
   React$1.useEffect(() => {
     if (indexToShimmer >= 0) {
@@ -43412,7 +43432,8 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
       }
       let value, formattedValue;
       try {
-        value = row[column.key];
+        // Support nested keys like "status.PackageStatusDescription"
+        value = column.key.includes('.') ? getNestedValue(row, column.key) : row[column.key];
         formattedValue = formatValue(value, column, row, rowIndex) || "";
       } catch (e) {
         console.error("Error formatting value:", e);