sag_components 2.0.0-beta316 → 2.0.0-beta317

package/dist/index.js

@@ -42650,16 +42650,6 @@ const DropdownButton$1 = styled__default["default"].button`
     white-space: nowrap;
     text-align: left;
     flex: 1;
-
-    /* Map --cell-* variables (set by Dropdown.jsx) to --tooltip-* variables (expected by tooltipStyles) */
-    --tooltip-top: var(--cell-top);
-    --tooltip-left: var(--cell-left);
-    --tooltip-width: var(--cell-width);
-    --tooltip-offset: calc(var(--cell-offset) + 20px); /* Add 20px to move tooltip up */
-    --tooltip-height: var(--cell-height);
-
-    /* Import shared tooltip styles from TableBody */
-    ${tooltipStyles$1}
   }
 `;
 const DropdownIcon = styled__default["default"].div`
@@ -42781,19 +42771,10 @@ const Dropdown = ({
   showSelectAll = true // New prop to show/hide "Select All" option
 }) => {
   const [isDropdownHovered, setIsDropdownHovered] = React$1.useState(false);
-  const displayTextRef = React$1.useRef(null);
 
   // Normalize selectedValue to always be an array for consistency
   const selectedValues = Array.isArray(selectedValue) ? selectedValue : selectedValue ? [selectedValue] : [];
 
-  // Generate display text based on selections
-  const getDisplayText = () => {
-    if (selectedValues.length === 0) {
-      return placeholder;
-    }
-    return `${selectedValues.map(val => options.find(opt => opt.value === val).label).join(', ')}`;
-  };
-
   // Reset dropdown hover state when dropdown closes
   React$1.useEffect(() => {
     if (!isOpen) {
@@ -42801,46 +42782,6 @@ const Dropdown = ({
     }
   }, [isOpen]);
 
-  // Apply tooltip when text overflows
-  React$1.useEffect(() => {
-    const element = displayTextRef.current;
-    if (element) {
-      const fullText = displayText || getDisplayText();
-
-      // Check if text overflows
-      if (element.scrollWidth > element.clientWidth && fullText && fullText.trim() !== "") {
-        try {
-          const rect = element.getBoundingClientRect();
-          if (rect.width > 0 && rect.height > 0) {
-            const tooltipInfo = calculateTooltipOffset(fullText, true);
-            if (tooltipInfo) {
-              const {
-                offset,
-                height
-              } = tooltipInfo;
-              element.style.setProperty("--cell-top", `${rect.top}px`);
-              element.style.setProperty("--cell-left", `${rect.left}px`);
-              element.style.setProperty("--cell-width", `${rect.width}px`);
-              element.style.setProperty("--cell-offset", `${offset}px`);
-              element.style.setProperty("--cell-height", `${height}px`);
-              element.setAttribute("data-tooltip", fullText);
-            }
-          }
-        } catch (e) {
-          console.warn("Error applying dropdown tooltip:", e);
-        }
-      } else {
-        // Remove tooltip if text doesn't overflow
-        element.removeAttribute("data-tooltip");
-        element.style.removeProperty("--cell-top");
-        element.style.removeProperty("--cell-left");
-        element.style.removeProperty("--cell-width");
-        element.style.removeProperty("--cell-offset");
-        element.style.removeProperty("--cell-height");
-      }
-    }
-  }, [displayText, selectedValues, options, placeholder]);
-
   // Check if an option is selected
   const isOptionSelected = optionValue => {
     return selectedValues.includes(optionValue);
@@ -42883,6 +42824,20 @@ const Dropdown = ({
       }, e);
     }
   };
+
+  // Generate display text based on selections
+  const getDisplayText = () => {
+    if (selectedValues.length === 0) {
+      return placeholder;
+    }
+
+    // if (selectedValues.length === 1) {
+    //     const selectedOption = options.find(opt => opt.value === selectedValues[0]);
+    //     return selectedOption ? selectedOption.label : displayText;
+    // }
+
+    return `${selectedValues.map(val => options.find(opt => opt.value === val).label).join(', ')}`;
+  };
   return /*#__PURE__*/React__default["default"].createElement(DropdownContainer$1, {
     onMouseEnter: () => setIsDropdownHovered(true),
     onMouseLeave: () => setIsDropdownHovered(false)
@@ -42892,9 +42847,7 @@ const Dropdown = ({
     $isRowFocused: isRowFocused,
     $isRowHovered: isRowHovered,
     $selectedColor: selectedColor
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    ref: displayTextRef
-  }, displayText || getDisplayText()), /*#__PURE__*/React__default["default"].createElement(DropdownIcon, {
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, displayText || getDisplayText()), /*#__PURE__*/React__default["default"].createElement(DropdownIcon, {
     $isOpen: isOpen,
     $isRowFocused: isRowFocused,
     $isRowHovered: isRowHovered,
@@ -57404,7 +57357,8 @@ const ItemManagerPanel = _ref => {
     isLoadingText = "Loading Vendors...",
     onLastRowsReached = () => {},
     lastRowsThreshold = 3,
-    onBackFromList = null
+    onBackFromList = null,
+    onPackageAdded = null
   } = _ref;
   const [screen, setScreen] = React$1.useState("initial");
   const [selectedVendor, setSelectedVendor] = React$1.useState(null);
@@ -57457,6 +57411,8 @@ const ItemManagerPanel = _ref => {
     setScreen("subitem");
   };
   const addNewPackage = (vendorName, packageName, component) => {
+    console.log('🟢 addNewPackage called');
+    console.log('onPackageAdded exists?', !!onPackageAdded);
     setItemAndPackage(prev => {
       const vendorIndex = prev.findIndex(item => item.name === vendorName);
       if (vendorIndex === -1) {
@@ -57477,6 +57433,11 @@ const ItemManagerPanel = _ref => {
         }, ...prev.slice(vendorIndex + 1)];
       }
     });
+
+    // DON'T clear search here - REMOVE THIS
+    if (onPackageAdded) {
+      onPackageAdded();
+    }
     setScreen("subitem");
   };
   const hasValidStatus = pkg => pkg.hasOwnProperty("status") && pkg.status != null && pkg.status !== undefined && pkg.status !== "";
@@ -57497,7 +57458,6 @@ const ItemManagerPanel = _ref => {
         return {
           ...vendor,
           packages: vendor.packages.map(pkg => {
-            // Find the package to update by comparing with the original package
             if (pkg.brands === originalPackage.brands && JSON.stringify(pkg.component) === JSON.stringify(originalPackage.component)) {
               return {
                 ...pkg,
@@ -57510,6 +57470,12 @@ const ItemManagerPanel = _ref => {
         };
       });
     });
+    if (onPackageAdded) {
+      console.log('🟢 Calling onPackageAdded');
+      onPackageAdded();
+    } else {
+      console.log('🔴 onPackageAdded is null/undefined!');
+    }
     setScreen("subitem");
   };
   const onDeleteVendor = vendor => {
@@ -57552,6 +57518,11 @@ const ItemManagerPanel = _ref => {
             packages: []
           } : item));
         }
+
+        // Clear search when going back to initial screen
+        if (onSearchChange) {
+          onSearchChange("");
+        }
         setScreen("initial");
       },
       onTrashClick: () => onDeleteInner(selectedVendor),