sag_components 2.0.0-beta240 → 2.0.0-beta241

package/dist/index.esm.js

@@ -57725,6 +57725,7 @@ const OverlayDropdown = _ref => {
     placeHolderColor,
     margin = "8px",
     editableDigitalCoupon = false,
+    dropdownDigitalCouponTitle = "",
     ...props
   } = _ref;
   const [open, setOpen] = useState(false);
@@ -57735,8 +57736,6 @@ const OverlayDropdown = _ref => {
   const buttonRef = useRef(null);
   const dropdownRef = useRef(null);
   const containerRef = useRef(null);
-
-  // Click outside to close dropdown
   useEffect(() => {
     const handleClickOutside = event => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
@@ -57752,20 +57751,13 @@ const OverlayDropdown = _ref => {
       document.removeEventListener("touchstart", handleClickOutside);
     };
   }, [open]);
-
-  // Calculate dropdown position when opening
   useEffect(() => {
     if (open && buttonRef.current) {
       const buttonRect = buttonRef.current.getBoundingClientRect();
       const viewportHeight = window.innerHeight;
       const dropdownHeight = parseInt(dropdownMaxHeight, 10);
-
-      // Space available below the button
       const spaceBelow = viewportHeight - buttonRect.bottom;
-      // Space available above the button
       const spaceAbove = buttonRect.top;
-
-      // If there's not enough space below, but more space above, position above
       if (spaceBelow < dropdownHeight && spaceAbove > spaceBelow) {
         setDropdownPosition("above");
       } else {
@@ -57773,8 +57765,6 @@ const OverlayDropdown = _ref => {
       }
     }
   }, [open, dropdownMaxHeight, margin]);
-
-  // Combine original data with "Last defined by you" group
   const getDataWithLastDefined = () => {
     const combinedData = [...data];
     if (lastDefinedGroup) {
@@ -57782,8 +57772,6 @@ const OverlayDropdown = _ref => {
     }
     return combinedData;
   };
-
-  // Find selected item across all groups
   const findSelectedItem = () => {
     const allData = getDataWithLastDefined();
     for (const group of allData) {
@@ -57949,7 +57937,7 @@ const OverlayDropdown = _ref => {
     onMouseEnter: () => setHoveredText(selected?.label),
     onMouseLeave: () => setHoveredText(null),
     color: !selected && open ? placeHolderColor : "inherit"
-  }, selected ? selected.label : open ? placeHolder : ''), open ? /*#__PURE__*/React$1.createElement(MenuItemUpIcon, {
+  }, selected ? selected.label.includes("Digital") && editableDigitalCoupon ? dropdownDigitalCouponTitle !== "" ? dropdownDigitalCouponTitle : selected.label : selected.label : open ? placeHolder : ""), open ? /*#__PURE__*/React$1.createElement(MenuItemUpIcon, {
     width: "12px",
     height: "12px",
     color: "#B1B1B1"
@@ -57997,9 +57985,10 @@ const OverlayDropdown = _ref => {
       }
     }
   }, /*#__PURE__*/React$1.createElement(TruncatedText, {
-    onMouseEnter: () => setHoveredText(item.label),
-    onMouseLeave: () => setHoveredText(null)
-  }, item.label), group.templateType === 2 ? /*#__PURE__*/React$1.createElement(ChervronRightIcon, {
+    onMouseEnter: () => setHoveredText(selected?.label),
+    onMouseLeave: () => setHoveredText(null),
+    color: !selected && open ? placeHolderColor : "inherit"
+  }, group.templateType === 3 && editableDigitalCoupon ? dropdownDigitalCouponTitle !== "" ? dropdownDigitalCouponTitle : item.label : item.label), group.templateType === 2 ? /*#__PURE__*/React$1.createElement(ChervronRightIcon, {
     fill: item.value === value ? "#fff" : "#212121"
   }) : group.templateType === 3 && editableDigitalCoupon ? /*#__PURE__*/React$1.createElement(PenIcon, {
     fill: item.value === value ? "#fff" : "#212121"