@thecb/components 8.3.1-beta.7 → 8.3.1-beta.9

package/dist/index.cjs.js

@@ -19853,8 +19853,8 @@ var StyledInternalLink = styled__default( /*#__PURE__*/React.forwardRef(function
   var margin = _ref7.margin;
   return margin;
 }, function (_ref8) {
-  var match = _ref8.match;
-  return match ? INFO_BLUE : 'transparent';
+  var matchesCurrentRoute = _ref8.matchesCurrentRoute;
+  return matchesCurrentRoute ? INFO_BLUE : 'transparent';
 }, function (_ref9) {
   var hoverColor = _ref9.hoverColor;
   return hoverColor;
@@ -21513,11 +21513,13 @@ _curry2(function test(pattern, str) {
 
 var URL_TEST = /(([a-z]{3,6}:\/\/)|(^|\s))([a-zA-Z0-9\-]+\.)+[a-z]{2,13}[\.\?\=\&\%\/\w\-]*\b([^@]|$)/;
 
-var _excluded$m = ["url", "disabled", "fileLink", "extraStyles", "linkExtraStyles", "newTab", "dataQa"];
+var _excluded$m = ["url", "matchesCurrentRoute", "disabled", "fileLink", "extraStyles", "linkExtraStyles", "newTab", "dataQa"];
 
 var ButtonWithLink = function ButtonWithLink(_ref) {
   var _ref$url = _ref.url,
       url = _ref$url === void 0 ? "/" : _ref$url,
+      _ref$matchesCurrentRo = _ref.matchesCurrentRoute,
+      matchesCurrentRoute = _ref$matchesCurrentRo === void 0 ? false : _ref$matchesCurrentRo,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       _ref$fileLink = _ref.fileLink,
@@ -21532,12 +21534,11 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
   var ButtonWithLinkWrapper = function ButtonWithLinkWrapper(_ref2) {
     var children = _ref2.children,
         url = _ref2.url,
+        matchesCurrentRoute = _ref2.matchesCurrentRoute,
         disabled = _ref2.disabled,
         newTab = _ref2.newTab,
         dataQa = _ref2.dataQa,
         extraStyles = _ref2.extraStyles;
-    var match = reactRouterDom.useMatch(url);
-    console.log("🚀 ~ file: ButtonWithLink.js:32 ~ match:", match);
 
     if (disabled) {
       return safeChildren(children, /*#__PURE__*/React__default.createElement("span", null));
@@ -21551,7 +21552,7 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
       dataQa: dataQa
     }, safeChildren(children, /*#__PURE__*/React__default.createElement("span", null))) : /*#__PURE__*/React__default.createElement(InternalLink, {
       to: url,
-      match: match,
+      matchesCurrentRoute: matchesCurrentRoute,
       tabIndex: "-1",
       dataQa: dataQa,
       extraStyles: extraStyles
@@ -21559,6 +21560,7 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
   };
 
   return /*#__PURE__*/React__default.createElement(ButtonWithLinkWrapper, {
+    matchesCurrentRoute: matchesCurrentRoute,
     url: url,
     disabled: disabled,
     newTab: newTab,