sag_components 2.0.0-beta289 → 2.0.0-beta290

package/dist/index.d.ts

@@ -1588,7 +1588,7 @@ declare function ModalDrawer({ open, height, onClose, children, widthPercent }:
     widthPercent?: number;
 }): react_jsx_runtime.JSX.Element;
 
-declare function OverlayDropdown({ data, value, onSelectClick, label, labelEmptyValue, showLabelOnTop, labelColor, placeHolder, placeHolderColor, required, disabled, isDarkerBackground, editableDigitalCoupon, selectedColor, hoverColor, width, minWidth, dropdownWidth, dropdownMaxHeight, height, margin, ...props }: {
+declare function OverlayDropdown({ data, value, onSelectClick, label, labelEmptyValue, showLabelOnTop, labelColor, placeHolder, placeHolderColor, required, disabled, isDarkerBackground, editableDigitalCoupon, customDisplayText, selectedColor, hoverColor, width, minWidth, dropdownWidth, dropdownMaxHeight, height, margin, ...props }: {
     [x: string]: any;
     data?: any[];
     value: any;
@@ -1603,6 +1603,7 @@ declare function OverlayDropdown({ data, value, onSelectClick, label, labelEmpty
     disabled?: boolean;
     isDarkerBackground?: boolean;
     editableDigitalCoupon?: boolean;
+    customDisplayText?: any;
     selectedColor?: string;
     hoverColor?: string;
     width?: string;

package/dist/index.esm.js

@@ -57876,7 +57876,6 @@ OverlayTemplateDialog.propTypes = {
   buttonHoverColor: PropTypes.string
 };
 
-// OverlayDropdown.jsx
 const OverlayDropdown = _ref => {
   let {
     data = [],
@@ -57892,6 +57891,7 @@ const OverlayDropdown = _ref => {
     disabled = false,
     isDarkerBackground = false,
     editableDigitalCoupon = false,
+    customDisplayText = null,
     selectedColor = "#066768",
     hoverColor = "#E6F0F0",
     width = "100%",
@@ -58064,6 +58064,18 @@ const OverlayDropdown = _ref => {
     }
     return "";
   };
+  const getDisplayText = () => {
+    if (customDisplayText) {
+      return customDisplayText;
+    }
+    if (selected) {
+      return selected.label;
+    }
+    if (open) {
+      return placeHolder;
+    }
+    return '';
+  };
   return /*#__PURE__*/React$1.createElement(DropdownContainer, {
     width: width,
     minWidth: minWidth,
@@ -58085,14 +58097,14 @@ const OverlayDropdown = _ref => {
     type: "button"
   }, /*#__PURE__*/React$1.createElement(TooltipWrapper, {
     topFactor: -0.7,
-    content: selected?.label,
-    showTooltip: !!selected
+    content: customDisplayText || selected?.label,
+    showTooltip: !!(customDisplayText || selected)
   }, /*#__PURE__*/React$1.createElement(Wrapper, null, /*#__PURE__*/React$1.createElement(TruncatedText, {
     className: "selected",
-    onMouseEnter: () => setHoveredText(selected?.label),
+    onMouseEnter: () => setHoveredText(customDisplayText || selected?.label),
     onMouseLeave: () => setHoveredText(null),
     color: !selected && open ? placeHolderColor : "inherit"
-  }, selected ? selected.label : open ? placeHolder : ''), open ? /*#__PURE__*/React$1.createElement(MenuItemUpIcon, {
+  }, getDisplayText()), open ? /*#__PURE__*/React$1.createElement(MenuItemUpIcon, {
     width: "12px",
     height: "12px",
     color: "#B1B1B1"