@bonlineza/luxity-lib 2.37.6 → 2.37.8

package/CurrencySelect.js

@@ -42,10 +42,10 @@
   var relativeInlineStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
   var topMiddleBodyStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  z-index: 1;\n  bottom: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
   var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
-    return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  /*Bottom Arrow*/\n  top: 100%; /* At the bottom of the tooltip */\n  left: calc(50% - ", ");\n  border-width: ", ";\n  border-style: solid;\n  border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
+    return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  /*Bottom Arrow*/\n  top: 100%; /* At the bottom of the tooltip */\n  left: calc(50% - ", ");\n  border-width: ", ";\n  border-style: solid;\n  border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
   };
   var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
-    return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
+    return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
   };
   var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
     return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  /*Top Arrow*/\n  bottom: 100%; /* At the top of the tooltip */\n  top: initial;\n  left: 50%;\n  border-style: solid;\n  border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
@@ -55,10 +55,10 @@
 
   var getBodyStyle = function getBodyStyle() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var _props$toolTipPositio = props.toolTipPosition,
-        toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
+    var _props$$toolTipPositi = props.$toolTipPosition,
+        $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
 
-    switch (toolTipPosition) {
+    switch ($toolTipPosition) {
       case 'top':
         return topMiddleBodyStyle;
 
@@ -72,9 +72,9 @@
 
   var getAfterStyling = function getAfterStyling() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var toolTipPosition = props.toolTipPosition;
+    var $toolTipPosition = props.$toolTipPosition;
 
-    switch (toolTipPosition) {
+    switch ($toolTipPosition) {
       case 'top':
         return getTopMiddleArrowAfterStyle(props);
 
@@ -87,7 +87,7 @@
   };
 
   var Body = styled__default.span(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  ", ";\n  visibility: hidden;\n  opacity: 0;\n  width: ", ";\n  transition: visibility 0.3s linear, opacity 0.3s linear;\n  background-color: ", ";\n  color: white;\n  text-align: center;\n  border-radius: 5px;\n  ", "\n  &::after {\n    content: ' ';\n    position: absolute;\n    ", "\n  }\n"])), relativeInlineStyle, function (props) {
-    return props.bodyWidth;
+    return props.$bodyWidth;
   }, function (props) {
     return props.theme.colors.base || 'black';
   }, function (props) {
@@ -163,33 +163,33 @@
     });
   });
 
+  /* eslint-disable react/require-default-props */
+
   var Tooltip = function Tooltip(_ref) {
-    var children = _ref.children,
-        toolTipText = _ref.toolTipText,
-        toolTipPosition = _ref.toolTipPosition,
-        bodyWidth = _ref.bodyWidth,
-        apexWidth = _ref.apexWidth,
-        containerClassName = _ref.containerClassName,
-        bodyClassName = _ref.bodyClassName;
+    var _ref$children = _ref.children,
+        children = _ref$children === void 0 ? null : _ref$children,
+        _ref$toolTipText = _ref.toolTipText,
+        toolTipText = _ref$toolTipText === void 0 ? '' : _ref$toolTipText,
+        _ref$toolTipPosition = _ref.toolTipPosition,
+        toolTipPosition = _ref$toolTipPosition === void 0 ? 'top' : _ref$toolTipPosition,
+        _ref$bodyWidth = _ref.bodyWidth,
+        bodyWidth = _ref$bodyWidth === void 0 ? '8em' : _ref$bodyWidth,
+        _ref$apexWidth = _ref.apexWidth,
+        apexWidth = _ref$apexWidth === void 0 ? '5px' : _ref$apexWidth,
+        _ref$containerClassNa = _ref.containerClassName,
+        containerClassName = _ref$containerClassNa === void 0 ? '' : _ref$containerClassNa,
+        _ref$bodyClassName = _ref.bodyClassName,
+        bodyClassName = _ref$bodyClassName === void 0 ? '' : _ref$bodyClassName;
     return /*#__PURE__*/React__default.createElement(Container, {
       className: containerClassName
     }, children, /*#__PURE__*/React__default.createElement(Body, {
-      toolTipPosition: toolTipPosition,
-      bodyWidth: bodyWidth,
-      apexWidth: apexWidth,
+      $toolTipPosition: toolTipPosition,
+      $bodyWidth: bodyWidth,
+      $apexWidth: apexWidth,
       className: bodyClassName
     }, toolTipText));
   };
 
-  Tooltip.defaultProps = {
-    children: null,
-    toolTipText: '',
-    toolTipPosition: 'top',
-    bodyWidth: '8em',
-    apexWidth: '5px',
-    containerClassName: '',
-    bodyClassName: ''
-  };
   var Tooltip$1 = themed(Tooltip);
 
   var CurrencySelect = function CurrencySelect(_ref) {

package/GraphQLDropdownSelector.js

@@ -1313,10 +1313,10 @@
   var relativeInlineStyle = styled.css(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n  position: relative;\n"])));
   var topMiddleBodyStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  position: absolute;\n  z-index: 1;\n  bottom: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
   var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
-    return styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n  /*Bottom Arrow*/\n  top: 100%; /* At the bottom of the tooltip */\n  left: calc(50% - ", ");\n  border-width: ", ";\n  border-style: solid;\n  border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
+    return styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n  /*Bottom Arrow*/\n  top: 100%; /* At the bottom of the tooltip */\n  left: calc(50% - ", ");\n  border-width: ", ";\n  border-style: solid;\n  border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
   };
   var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
-    return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
+    return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
   };
   var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
     return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  /*Top Arrow*/\n  bottom: 100%; /* At the top of the tooltip */\n  top: initial;\n  left: 50%;\n  border-style: solid;\n  border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
@@ -1326,10 +1326,10 @@
 
   var getBodyStyle = function getBodyStyle() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var _props$toolTipPositio = props.toolTipPosition,
-        toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
+    var _props$$toolTipPositi = props.$toolTipPosition,
+        $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
 
-    switch (toolTipPosition) {
+    switch ($toolTipPosition) {
       case 'top':
         return topMiddleBodyStyle;
 
@@ -1343,9 +1343,9 @@
 
   var getAfterStyling = function getAfterStyling() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var toolTipPosition = props.toolTipPosition;
+    var $toolTipPosition = props.$toolTipPosition;
 
-    switch (toolTipPosition) {
+    switch ($toolTipPosition) {
       case 'top':
         return getTopMiddleArrowAfterStyle(props);
 
@@ -1358,7 +1358,7 @@
   };
 
   var Body$1 = styled__default.span(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n  ", ";\n  visibility: hidden;\n  opacity: 0;\n  width: ", ";\n  transition: visibility 0.3s linear, opacity 0.3s linear;\n  background-color: ", ";\n  color: white;\n  text-align: center;\n  border-radius: 5px;\n  ", "\n  &::after {\n    content: ' ';\n    position: absolute;\n    ", "\n  }\n"])), relativeInlineStyle, function (props) {
-    return props.bodyWidth;
+    return props.$bodyWidth;
   }, function (props) {
     return props.theme.colors.base || 'black';
   }, function (props) {

package/LuxityDesktopHeader.js

@@ -487,10 +487,10 @@
   var relativeInlineStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
   var topMiddleBodyStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  z-index: 1;\n  bottom: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
   var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
-    return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  /*Bottom Arrow*/\n  top: 100%; /* At the bottom of the tooltip */\n  left: calc(50% - ", ");\n  border-width: ", ";\n  border-style: solid;\n  border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
+    return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  /*Bottom Arrow*/\n  top: 100%; /* At the bottom of the tooltip */\n  left: calc(50% - ", ");\n  border-width: ", ";\n  border-style: solid;\n  border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
   };
   var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
-    return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
+    return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
   };
   var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
     return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  /*Top Arrow*/\n  bottom: 100%; /* At the top of the tooltip */\n  top: initial;\n  left: 50%;\n  border-style: solid;\n  border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
@@ -500,10 +500,10 @@
 
   var getBodyStyle = function getBodyStyle() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var _props$toolTipPositio = props.toolTipPosition,
-        toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
+    var _props$$toolTipPositi = props.$toolTipPosition,
+        $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
 
-    switch (toolTipPosition) {
+    switch ($toolTipPosition) {
       case 'top':
         return topMiddleBodyStyle;
 
@@ -517,9 +517,9 @@
 
   var getAfterStyling = function getAfterStyling() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var toolTipPosition = props.toolTipPosition;
+    var $toolTipPosition = props.$toolTipPosition;
 
-    switch (toolTipPosition) {
+    switch ($toolTipPosition) {
       case 'top':
         return getTopMiddleArrowAfterStyle(props);
 
@@ -532,7 +532,7 @@
   };
 
   var Body = styled__default.span(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  ", ";\n  visibility: hidden;\n  opacity: 0;\n  width: ", ";\n  transition: visibility 0.3s linear, opacity 0.3s linear;\n  background-color: ", ";\n  color: white;\n  text-align: center;\n  border-radius: 5px;\n  ", "\n  &::after {\n    content: ' ';\n    position: absolute;\n    ", "\n  }\n"])), relativeInlineStyle, function (props) {
-    return props.bodyWidth;
+    return props.$bodyWidth;
   }, function (props) {
     return props.theme.colors.base || 'black';
   }, function (props) {
@@ -608,33 +608,33 @@
     });
   });
 
+  /* eslint-disable react/require-default-props */
+
   var Tooltip = function Tooltip(_ref) {
-    var children = _ref.children,
-        toolTipText = _ref.toolTipText,
-        toolTipPosition = _ref.toolTipPosition,
-        bodyWidth = _ref.bodyWidth,
-        apexWidth = _ref.apexWidth,
-        containerClassName = _ref.containerClassName,
-        bodyClassName = _ref.bodyClassName;
+    var _ref$children = _ref.children,
+        children = _ref$children === void 0 ? null : _ref$children,
+        _ref$toolTipText = _ref.toolTipText,
+        toolTipText = _ref$toolTipText === void 0 ? '' : _ref$toolTipText,
+        _ref$toolTipPosition = _ref.toolTipPosition,
+        toolTipPosition = _ref$toolTipPosition === void 0 ? 'top' : _ref$toolTipPosition,
+        _ref$bodyWidth = _ref.bodyWidth,
+        bodyWidth = _ref$bodyWidth === void 0 ? '8em' : _ref$bodyWidth,
+        _ref$apexWidth = _ref.apexWidth,
+        apexWidth = _ref$apexWidth === void 0 ? '5px' : _ref$apexWidth,
+        _ref$containerClassNa = _ref.containerClassName,
+        containerClassName = _ref$containerClassNa === void 0 ? '' : _ref$containerClassNa,
+        _ref$bodyClassName = _ref.bodyClassName,
+        bodyClassName = _ref$bodyClassName === void 0 ? '' : _ref$bodyClassName;
     return /*#__PURE__*/React__default.createElement(Container, {
       className: containerClassName
     }, children, /*#__PURE__*/React__default.createElement(Body, {
-      toolTipPosition: toolTipPosition,
-      bodyWidth: bodyWidth,
-      apexWidth: apexWidth,
+      $toolTipPosition: toolTipPosition,
+      $bodyWidth: bodyWidth,
+      $apexWidth: apexWidth,
       className: bodyClassName
     }, toolTipText));
   };
 
-  Tooltip.defaultProps = {
-    children: null,
-    toolTipText: '',
-    toolTipPosition: 'top',
-    bodyWidth: '8em',
-    apexWidth: '5px',
-    containerClassName: '',
-    bodyClassName: ''
-  };
   var Tooltip$1 = themed(Tooltip);
 
   var CurrencySelect = function CurrencySelect(_ref) {
@@ -698,7 +698,6 @@
   var useSearch = function useSearch(_ref) {
     var endpoint = _ref.endpoint,
         onProductIdsReceived = _ref.onProductIdsReceived,
-        onSearchLoading = _ref.onSearchLoading,
         currency = _ref.currency,
         onSearchPreview = _ref.onSearchPreview;
     var currentSearchRequestToken = React.useRef(null);
@@ -749,12 +748,7 @@
 
 
       var newSearchToken = axios.CancelToken.source();
-      currentSearchRequestToken.current = newSearchToken; // Set loading to true when starting the search request
-
-      if (typeof onSearchLoading === 'function') {
-        onSearchLoading(true);
-      }
-
+      currentSearchRequestToken.current = newSearchToken;
       axios.post(endpoint, searchProducts(searchQuery, 3, currency), {
         cancelToken: newSearchToken.token
       }).then(function (response) {
@@ -776,11 +770,7 @@
             });
           }
 
-          currentSearchRequestToken.current = null; // Set loading to false when search completes successfully
-
-          if (typeof onSearchLoading === 'function') {
-            onSearchLoading(false);
-          }
+          currentSearchRequestToken.current = null;
         }
       }).catch(function (error) {
         if (!axios.isCancel(error)) {
@@ -789,14 +779,10 @@
             products: [],
             luxity_product_ids: []
           });
-          currentSearchRequestToken.current = null; // Set loading to false when search fails
-
-          if (typeof onSearchLoading === 'function') {
-            onSearchLoading(false);
-          }
+          currentSearchRequestToken.current = null;
         }
       });
-    }, [endpoint, currency, onSearchPreview, onProductIdsReceived, onSearchLoading]);
+    }, [endpoint, currency, onSearchPreview, onProductIdsReceived]);
     var debouncedSearch = React.useMemo(function () {
       return debounce(function (searchQuery, setSearchResults) {
         return performSearch(searchQuery, setSearchResults);
@@ -901,22 +887,6 @@
       }
     }, [searchValue, immediateSearch, setIsSearchFocused, setSearchValue]);
   };
-  var useSearchUrlQuery = function useSearchUrlQuery(setSearchValue, debouncedSearch) {
-    var hasProcessedUrlQuery = React.useRef(false);
-    React.useEffect(function () {
-      if (hasProcessedUrlQuery.current) return;
-      var urlParams = new URLSearchParams(window.location.search);
-      var queryParam = urlParams.get('q');
-      var isSearchPage = window.location.pathname.includes('/search');
-
-      if (queryParam && queryParam.trim() !== '' && isSearchPage) {
-        hasProcessedUrlQuery.current = true;
-        setSearchValue(queryParam);
-        debouncedSearch(queryParam);
-      }
-    }, [setSearchValue, debouncedSearch]);
-    return hasProcessedUrlQuery;
-  };
 
   var removeCategoryByName = function removeCategoryByName(categories, name) {
     var _categories$filter;
@@ -953,7 +923,6 @@
         onProductSearchResultClick = _ref.onProductSearchResultClick,
         onBrandSearchResultClick = _ref.onBrandSearchResultClick,
         onProductIdsReceived = _ref.onProductIdsReceived,
-        onSearchLoading = _ref.onSearchLoading,
         currency = _ref.currency,
         currencySymbol = _ref.currencySymbol,
         currencyOptions = _ref.currencyOptions,
@@ -972,7 +941,6 @@
     var _useSearch = useSearch({
       endpoint: endpoint,
       onProductIdsReceived: onProductIdsReceived,
-      onSearchLoading: onSearchLoading,
       currency: currency,
       onSearchPreview: onSearchPreview
     }),
@@ -1036,7 +1004,6 @@
     });
     var immediateSearch = createImmediateSearch(setSearchValue, setSearchResults, onSearchSubmit);
     var handleChange = useSearchInputChange(setSearchValue, setIsSearchFocused, debouncedSearch, setSearchResults, setCachedResults);
-    useSearchUrlQuery(setSearchValue, debouncedSearch);
     useSearchClickOutside(searchResultsRef, searchResults, setCachedResults, setIsSearchFocused, setSearchResults);
 
     var handleSearchClick = function handleSearchClick() {

package/LuxityFooter.js

@@ -1931,10 +1931,10 @@
   var relativeInlineStyle = styled.css(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
   var topMiddleBodyStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  z-index: 1;\n  bottom: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
   var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
-    return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  /*Bottom Arrow*/\n  top: 100%; /* At the bottom of the tooltip */\n  left: calc(50% - ", ");\n  border-width: ", ";\n  border-style: solid;\n  border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
+    return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  /*Bottom Arrow*/\n  top: 100%; /* At the bottom of the tooltip */\n  left: calc(50% - ", ");\n  border-width: ", ";\n  border-style: solid;\n  border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
   };
   var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
-    return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
+    return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
   };
   var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
     return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  /*Top Arrow*/\n  bottom: 100%; /* At the top of the tooltip */\n  top: initial;\n  left: 50%;\n  border-style: solid;\n  border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
@@ -1944,10 +1944,10 @@
 
   var getBodyStyle = function getBodyStyle() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var _props$toolTipPositio = props.toolTipPosition,
-        toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
+    var _props$$toolTipPositi = props.$toolTipPosition,
+        $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
 
-    switch (toolTipPosition) {
+    switch ($toolTipPosition) {
       case 'top':
         return topMiddleBodyStyle;
 
@@ -1961,9 +1961,9 @@
 
   var getAfterStyling = function getAfterStyling() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var toolTipPosition = props.toolTipPosition;
+    var $toolTipPosition = props.$toolTipPosition;
 
-    switch (toolTipPosition) {
+    switch ($toolTipPosition) {
       case 'top':
         return getTopMiddleArrowAfterStyle(props);
 
@@ -1976,7 +1976,7 @@
   };
 
   var Body = styled__default.span(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  ", ";\n  visibility: hidden;\n  opacity: 0;\n  width: ", ";\n  transition: visibility 0.3s linear, opacity 0.3s linear;\n  background-color: ", ";\n  color: white;\n  text-align: center;\n  border-radius: 5px;\n  ", "\n  &::after {\n    content: ' ';\n    position: absolute;\n    ", "\n  }\n"])), relativeInlineStyle, function (props) {
-    return props.bodyWidth;
+    return props.$bodyWidth;
   }, function (props) {
     return props.theme.colors.base || 'black';
   }, function (props) {
@@ -1988,33 +1988,33 @@
   var _templateObject$3;
   var Container = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  ", ";\n  cursor: pointer;\n  &:hover ", " {\n    opacity: 1;\n    visibility: visible;\n  }\n"])), relativeInlineStyle, Body);
 
+  /* eslint-disable react/require-default-props */
+
   var Tooltip = function Tooltip(_ref) {
-    var children = _ref.children,
-        toolTipText = _ref.toolTipText,
-        toolTipPosition = _ref.toolTipPosition,
-        bodyWidth = _ref.bodyWidth,
-        apexWidth = _ref.apexWidth,
-        containerClassName = _ref.containerClassName,
-        bodyClassName = _ref.bodyClassName;
+    var _ref$children = _ref.children,
+        children = _ref$children === void 0 ? null : _ref$children,
+        _ref$toolTipText = _ref.toolTipText,
+        toolTipText = _ref$toolTipText === void 0 ? '' : _ref$toolTipText,
+        _ref$toolTipPosition = _ref.toolTipPosition,
+        toolTipPosition = _ref$toolTipPosition === void 0 ? 'top' : _ref$toolTipPosition,
+        _ref$bodyWidth = _ref.bodyWidth,
+        bodyWidth = _ref$bodyWidth === void 0 ? '8em' : _ref$bodyWidth,
+        _ref$apexWidth = _ref.apexWidth,
+        apexWidth = _ref$apexWidth === void 0 ? '5px' : _ref$apexWidth,
+        _ref$containerClassNa = _ref.containerClassName,
+        containerClassName = _ref$containerClassNa === void 0 ? '' : _ref$containerClassNa,
+        _ref$bodyClassName = _ref.bodyClassName,
+        bodyClassName = _ref$bodyClassName === void 0 ? '' : _ref$bodyClassName;
     return /*#__PURE__*/React__default.createElement(Container, {
       className: containerClassName
     }, children, /*#__PURE__*/React__default.createElement(Body, {
-      toolTipPosition: toolTipPosition,
-      bodyWidth: bodyWidth,
-      apexWidth: apexWidth,
+      $toolTipPosition: toolTipPosition,
+      $bodyWidth: bodyWidth,
+      $apexWidth: apexWidth,
       className: bodyClassName
     }, toolTipText));
   };
 
-  Tooltip.defaultProps = {
-    children: null,
-    toolTipText: '',
-    toolTipPosition: 'top',
-    bodyWidth: '8em',
-    apexWidth: '5px',
-    containerClassName: '',
-    bodyClassName: ''
-  };
   var Tooltip$1 = themed(Tooltip);
 
   var CurrencySelect = function CurrencySelect(_ref) {
@@ -2161,6 +2161,7 @@
           track: link === null || link === void 0 ? void 0 : link.track,
           target: link.target
         }, link.label) : /*#__PURE__*/React__default.createElement("div", {
+          key: link.label,
           className: "footer__text"
         }, link.label);
       })));

package/LuxityGraphQLDropdownSelector.js

@@ -1313,10 +1313,10 @@
   var relativeInlineStyle = styled.css(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n  position: relative;\n"])));
   var topMiddleBodyStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  position: absolute;\n  z-index: 1;\n  bottom: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
   var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
-    return styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n  /*Bottom Arrow*/\n  top: 100%; /* At the bottom of the tooltip */\n  left: calc(50% - ", ");\n  border-width: ", ";\n  border-style: solid;\n  border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
+    return styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n  /*Bottom Arrow*/\n  top: 100%; /* At the bottom of the tooltip */\n  left: calc(50% - ", ");\n  border-width: ", ";\n  border-style: solid;\n  border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
   };
   var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
-    return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
+    return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
   };
   var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
     return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  /*Top Arrow*/\n  bottom: 100%; /* At the top of the tooltip */\n  top: initial;\n  left: 50%;\n  border-style: solid;\n  border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
@@ -1326,10 +1326,10 @@
 
   var getBodyStyle = function getBodyStyle() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var _props$toolTipPositio = props.toolTipPosition,
-        toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
+    var _props$$toolTipPositi = props.$toolTipPosition,
+        $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
 
-    switch (toolTipPosition) {
+    switch ($toolTipPosition) {
       case 'top':
         return topMiddleBodyStyle;
 
@@ -1343,9 +1343,9 @@
 
   var getAfterStyling = function getAfterStyling() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var toolTipPosition = props.toolTipPosition;
+    var $toolTipPosition = props.$toolTipPosition;
 
-    switch (toolTipPosition) {
+    switch ($toolTipPosition) {
       case 'top':
         return getTopMiddleArrowAfterStyle(props);
 
@@ -1358,7 +1358,7 @@
   };
 
   var Body$1 = styled__default.span(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n  ", ";\n  visibility: hidden;\n  opacity: 0;\n  width: ", ";\n  transition: visibility 0.3s linear, opacity 0.3s linear;\n  background-color: ", ";\n  color: white;\n  text-align: center;\n  border-radius: 5px;\n  ", "\n  &::after {\n    content: ' ';\n    position: absolute;\n    ", "\n  }\n"])), relativeInlineStyle, function (props) {
-    return props.bodyWidth;
+    return props.$bodyWidth;
   }, function (props) {
     return props.theme.colors.base || 'black';
   }, function (props) {