@asantemedia-org/edwardsvacuum-design-system 1.4.3 → 1.4.5

package/dist/index.esm.js

@@ -4720,7 +4720,7 @@ function _extends() {
 
 var styles = {"cmp-button":"Button-module__cmp-button___SMjDF","cmp-button--style-primary":"Button-module__cmp-button--style-primary___hfLAd","cmp-button--style-secondary":"Button-module__cmp-button--style-secondary___3Dqvg","cmp-button--style-tertiary":"Button-module__cmp-button--style-tertiary___Akcep","cmp-button--style-outlineWhite":"Button-module__cmp-button--style-outlineWhite___v69nN","cmp-button--style-outlineGrey":"Button-module__cmp-button--style-outlineGrey___sG5nd"};
 
-// Utility function to retrieve correct SCSS module class names
+// Utility to safely retrieve SCSS class names
 var getStyle = function (className) {
   if (styles[className]) return styles[className];
   var nestedMatch = Object.keys(styles).find(function (key) {
@@ -4728,16 +4728,37 @@ var getStyle = function (className) {
   });
   return nestedMatch ? styles[nestedMatch] : '';
 };
-/**
- * Primary UI component for user interaction
- */
 var Button = function (_a) {
-  var style = _a.style,
+  var _b = _a.className,
+    className = _b === void 0 ? '' : _b,
+    style = _a.style,
     label = _a.label,
-    props = __rest(_a, ["style", "label"]);
+    element = _a.element,
+    onClick = _a.onClick,
+    href = _a.href,
+    target = _a.target,
+    rel = _a.rel,
+    dataTargetSelector = _a["data-target-selector"],
+    props = __rest(_a, ["className", "style", "label", "element", "onClick", "href", "target", "rel", 'data-target-selector']);
   var mode = style ? getStyle("cmp-button--style-".concat(style)) : '';
+  var baseClass = getStyle('cmp-button');
+  // Add js-modal class if data-target-selector is present
+  var conditionalClasses = [baseClass, mode, className, dataTargetSelector ? 'js-modal' : ''].filter(Boolean).join(' ').trim();
+  // Infer element type
+  var inferredElement = element || (href || dataTargetSelector ? 'a' : 'button');
+  if (inferredElement === 'a') {
+    return /*#__PURE__*/React.createElement("a", _extends({
+      className: conditionalClasses,
+      href: href,
+      target: target,
+      rel: rel,
+      "data-target-selector": dataTargetSelector
+    }, props), label);
+  }
   return /*#__PURE__*/React.createElement("button", _extends({
-    className: [getStyle('cmp-button'), mode].join(' ')
+    className: conditionalClasses,
+    type: "button",
+    onClick: onClick
   }, props), label);
 };
 
@@ -4784,9 +4805,10 @@ var AlgoliaDynamicSearch = function (_a) {
     heading = _a.heading,
     titleSize = _a.titleSize,
     subtext = _a.subtext,
-    calltoactiontype = _a.calltoactiontype,
+    callToActionType = _a.callToActionType,
     callToActionText = _a.callToActionText,
     callToActionUrl = _a.callToActionUrl,
+    callToActionTargetSelector = _a.callToActionTargetSelector,
     _c = _a.queryType,
     queryType = _c === void 0 ? 'unknown' : _c,
     hits = _a.hits,
@@ -4846,18 +4868,26 @@ var AlgoliaDynamicSearch = function (_a) {
     titleSize: titleSize
   }, heading), /*#__PURE__*/React.createElement("p", null, subtext)), callToActionUrl && /*#__PURE__*/React.createElement("div", {
     className: styles$4.cmpAlgoliaDynamicSearchWidget__header__cta
-  }, /*#__PURE__*/React.createElement(Button, {
-    style: widgetStyleProps.buttonStyle,
-    label: callToActionText,
-    onClick: function () {
-      var _a = getCallToActionProps(calltoactiontype, callToActionUrl),
-        finalUrl = _a.finalUrl,
-        target = _a.target;
-      if (finalUrl) {
-        window.open(finalUrl, target || "_self", target === '_blank' ? "noopener,noreferrer" : undefined);
-      }
-    }
-  }))), /*#__PURE__*/React.createElement("div", {
+  }, function () {
+    var _a = getCallToActionProps(callToActionType, callToActionUrl),
+      finalUrl = _a.finalUrl,
+      target = _a.target;
+    var isAnchor = !!callToActionTargetSelector || (callToActionType === null || callToActionType === void 0 ? void 0 : callToActionType.toLowerCase()) !== 'internal';
+    return /*#__PURE__*/React.createElement(Button, {
+      element: isAnchor ? 'a' : 'button',
+      style: widgetStyleProps.buttonStyle,
+      label: callToActionText,
+      href: isAnchor ? finalUrl : undefined,
+      target: target,
+      rel: target === '_blank' ? 'noopener noreferrer' : undefined,
+      "data-target-selector": callToActionTargetSelector,
+      onClick: !isAnchor ? function () {
+        if (finalUrl) {
+          window.open(finalUrl, target || '_self', target === '_blank' ? 'noopener,noreferrer' : undefined);
+        }
+      } : undefined
+    });
+  }())), /*#__PURE__*/React.createElement("div", {
     className: styles$4.cmpAlgoliaDynamicSearchWidget__cards
   }, hits.slice(0, maxResults).map(function (hit, index) {
     var Component = Card;