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

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import React, { createContext, createElement, PureComponent, forwardRef, Component, cloneElement, Children, useContext, Fragment as Fragment$1, useRef, useState, useLayoutEffect, memo, useEffect as useEffect$1, useMemo, useCallback, isValidElement, createRef } from 'react';
 import styled, { ThemeContext, css, ThemeProvider, keyframes as keyframes$3 } from 'styled-components';
 import theme from 'styled-theming';
-import { Link, useMatch, useNavigate, useLocation } from 'react-router-dom';
+import { Link, useNavigate, useLocation } from 'react-router-dom';
 import reactDom from 'react-dom';
 
 function ownKeys(object, enumerableOnly) {
@@ -19845,8 +19845,8 @@ var StyledInternalLink = styled( /*#__PURE__*/forwardRef(function (_ref, ref) {
   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;
@@ -21505,11 +21505,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,
@@ -21524,12 +21526,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 = useMatch(url);
-    console.log("🚀 ~ file: ButtonWithLink.js:32 ~ match:", match);
 
     if (disabled) {
       return safeChildren(children, /*#__PURE__*/React.createElement("span", null));
@@ -21543,7 +21544,7 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
       dataQa: dataQa
     }, safeChildren(children, /*#__PURE__*/React.createElement("span", null))) : /*#__PURE__*/React.createElement(InternalLink, {
       to: url,
-      match: match,
+      matchesCurrentRoute: matchesCurrentRoute,
       tabIndex: "-1",
       dataQa: dataQa,
       extraStyles: extraStyles
@@ -21551,6 +21552,7 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
   };
 
   return /*#__PURE__*/React.createElement(ButtonWithLinkWrapper, {
+    matchesCurrentRoute: matchesCurrentRoute,
     url: url,
     disabled: disabled,
     newTab: newTab,