@apify/docs-theme 1.0.84 → 1.0.86

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/docs-theme",
-    "version": "1.0.84",
+    "version": "1.0.86",
     "description": "",
     "main": "./src/index.js",
     "files": [
@@ -19,9 +19,10 @@
         "access": "public"
     },
     "dependencies": {
-        "@docusaurus/theme-common": "^2.3.1",
-        "axios": "^1.3.1",
-        "babel-loader": "^9.1.0",
+        "@docusaurus/theme-common": "^2.4.1",
+        "axios": "^1.4.0",
+        "babel-loader": "^9.1.2",
+        "docusaurus-gtm-plugin": "^0.0.2",
         "@stackql/docusaurus-plugin-hubspot": "^1.1.0",
         "prism-react-renderer": "^1.3.5"
     },

package/src/config.js

@@ -256,18 +256,12 @@ const themeConfig = ({
 
 const plugins = [
     [
-        '@docusaurus/plugin-google-gtag',
+        'docusaurus-gtm-plugin',
         {
-            trackingID: 'UA-67003981-4',
+            id: 'GTM-MNGXGGB',
         },
     ],
     '@stackql/docusaurus-plugin-hubspot',
-    // [
-    //     'docusaurus-gtm-plugin',
-    //     {
-    //         id: 'GTM-...',
-    //     },
-    // ],
 ];
 
 module.exports = {

package/src/theme/SearchBar/index.js

@@ -1,9 +1,8 @@
-/* eslint-disable operator-linebreak,import/no-extraneous-dependencies */
 import React, { useCallback, useMemo, useRef, useState } from 'react';
 import { DocSearchButton, useDocSearchKeyboardEvents } from '@docsearch/react';
 import Head from '@docusaurus/Head';
 import Link from '@docusaurus/Link';
-import { useSearchPage } from '@docusaurus/theme-common/internal';
+import { useSearchLinkCreator } from '@docusaurus/theme-common/internal';
 import { useAlgoliaContextualFacetFilters } from '@docusaurus/theme-search-algolia/client';
 import { useActiveDocContext } from '@docusaurus/plugin-content-docs/client';
 import Translate from '@docusaurus/Translate';
@@ -43,7 +42,7 @@ function Hit({ hit, children }) {
 }
 
 function ResultsFooter({ state, onClose }) {
-    const { generateSearchPageLink } = useSearchPage();
+    const generateSearchPageLink = useSearchLinkCreator();
     return (
         <A href={generateSearchPageLink(state.query)} onClick={onClose}>
             <Translate
@@ -65,10 +64,10 @@ function DocSearch({ contextualSearch, externalUrlRegex, ...props }) {
     const contextualSearchFacetFilters = useAlgoliaContextualFacetFilters();
     const configFacetFilters = props.searchParameters?.facetFilters ?? [];
     const facetFilters = contextualSearch
-        ? // Merge contextual search filters with config filters
-        mergeFacetFilters(contextualSearchFacetFilters, configFacetFilters)
-        : // ... or use config facetFilters
-        configFacetFilters;
+        // Merge contextual search filters with config filters
+        ? mergeFacetFilters(contextualSearchFacetFilters, configFacetFilters)
+        // ... or use config facetFilters
+        : configFacetFilters;
 
     const tags = facetFilters[facetFilters.length - 1];
     const docsPluginId = siteConfig.presets[0][1].docs.id ?? 'default';
@@ -139,9 +138,8 @@ function DocSearch({ contextualSearch, externalUrlRegex, ...props }) {
         return item;
     }))).current;
     const resultsFooterComponent = useMemo(
-        () =>
-            // eslint-disable-next-line react/no-unstable-nested-components,react/display-name,implicit-arrow-linebreak
-            (footerProps) => <ResultsFooter {...footerProps} onClose={onClose}/>,
+        // eslint-disable-next-line react/display-name
+        () => (footerProps) => <ResultsFooter {...footerProps} onClose={onClose}/>,
         [onClose],
     );
     const transformSearchClient = useCallback(

package/src/theme/SearchPage/index.js

@@ -12,7 +12,7 @@ import {
     usePluralForm,
 } from '@docusaurus/theme-common';
 import {
-    useSearchPage,
+    useSearchQueryString,
     useTitleFormatter,
 } from '@docusaurus/theme-common/internal';
 import Translate, { translate } from '@docusaurus/Translate';
@@ -119,7 +119,7 @@ function SearchPageContent() {
     const processSearchResultUrl = useSearchResultUrlProcessor();
     const documentsFoundPlural = useDocumentsFoundPlural();
     const docsSearchVersionsHelpers = useDocsSearchVersionsHelpers();
-    const { searchQuery, setSearchQuery } = useSearchPage();
+    const [searchQuery, setSearchQuery] = useSearchQueryString();
     const initialSearchResultState = {
         items: [],
         query: null,
@@ -401,7 +401,6 @@ function SearchPageContent() {
                                                         key={index}
                                                         className="breadcrumbs__item"
                                                         // Developer provided the HTML, so assume it's safe.
-                                                        // eslint-disable-next-line react/no-danger
                                                         dangerouslySetInnerHTML={{ __html: html }}
                                                     />
                                                 ))}
@@ -413,7 +412,6 @@ function SearchPageContent() {
                                         <p
                                             className={styles.searchResultItemSummary}
                                             // Developer provided the HTML, so assume it's safe.
-                                            // eslint-disable-next-line react/no-danger
                                             dangerouslySetInnerHTML={{ __html: summary }}
                                         />
                                     )}