chore: removes replaceHydrationFunction

dnbexperience · Sep 21, 2023 · c369e77 · c369e77
1 parent 6c70c63
commit c369e77
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 44 deletions.
diff --git a/packages/dnb-design-system-portal/gatsby-browser.tsx b/packages/dnb-design-system-portal/gatsby-browser.tsx
@@ -5,7 +5,6 @@
 
 import { applyPageFocus } from '@dnb/eufemia/src/shared/helpers'
 import { rootElement, pageElement } from './src/core/PortalProviders'
-import ReactDOM from 'react-dom/client'
 
 if (typeof window !== 'undefined') {
   setIsTest(window.location)
@@ -18,15 +17,6 @@ function setIsTest(location) {
   }
 }
 
-export const replaceHydrateFunction = () => {
-  // Added to solve the following errors, which prevented us from running screenshot tests
-  // https://github.com/gatsbyjs/gatsby/discussions/36232
-  return (element: React.ReactElement, container: HTMLElement) => {
-    const root = ReactDOM.createRoot(container)
-    root.render(element)
-  }
-}
-
 export const wrapRootElement = rootElement('browser')
 export const wrapPageElement = pageElement()
 

diff --git a/packages/dnb-design-system-portal/gatsby-config.js b/packages/dnb-design-system-portal/gatsby-config.js
@@ -185,7 +185,7 @@ module.exports = {
     PRESERVE_FILE_DOWNLOAD_CACHE: true,
     PARALLEL_SOURCING: true,
     FAST_DEV: true,
-    DEV_SSR: false,
+    DEV_SSR: true,
   },
   pathPrefix,
   siteMetadata,

diff --git a/packages/dnb-eufemia/src/components/autocomplete/Autocomplete.js b/packages/dnb-eufemia/src/components/autocomplete/Autocomplete.js
@@ -22,7 +22,6 @@ import {
   getPreviousSibling,
 } from '../../shared/component-helper'
 import {
-  IS_MAC,
   IS_WIN,
   IS_EDGE,
   debounce,
@@ -41,9 +40,7 @@ import FormStatus from '../form-status/FormStatus'
 import IconPrimary from '../icon-primary/IconPrimary'
 import Input, { SubmitButton } from '../input/Input'
 import ProgressIndicator from '../progress-indicator/ProgressIndicator'
-import DrawerList, {
-  ItemContent,
-} from '../../fragments/drawer-list/DrawerList'
+import DrawerList from '../../fragments/drawer-list/DrawerList'
 import DrawerListContext from '../../fragments/drawer-list/DrawerListContext'
 import DrawerListProvider from '../../fragments/drawer-list/DrawerListProvider'
 import {
@@ -1631,30 +1628,6 @@ class AutocompleteInstance extends React.PureComponent {
     }
   }
 
-  getVoiceOverActiveItem(selected_sr) {
-    // Add VoiceOver support to read the "selected" item
-    if (IS_MAC) {
-      const { active_item, selected_item } = this.context.drawerList
-      const currentDataItem = getCurrentData(
-        active_item,
-        this.context.drawerList.data
-      )
-
-      return (
-        <span className="dnb-sr-only" aria-live="assertive" aria-atomic>
-          {currentDataItem && (
-            <>
-              {active_item === selected_item ? <>{selected_sr} </> : null}
-              <ItemContent>{currentDataItem}</ItemContent>
-            </>
-          )}
-        </span>
-      )
-    }
-
-    return null
-  }
-
   render() {
     // use only the props from context, who are available here anyway
     const props = (this._props = extendPropsWithContextInClassComponent(
@@ -1702,7 +1675,7 @@ class AutocompleteInstance extends React.PureComponent {
       search_numbers, // eslint-disable-line
       search_in_word_index, // eslint-disable-line
       show_options_sr, // eslint-disable-line
-      selected_sr,
+      selected_sr, // eslint-disable-line
       submit_button_title,
       submit_button_icon,
       portal_class,
@@ -2030,9 +2003,6 @@ class AutocompleteInstance extends React.PureComponent {
           </span>
         </span>
 
-        {/* Add VoiceOver support to read the "selected" item */}
-        {this.getVoiceOverActiveItem(selected_sr)}
-
         <span className="dnb-sr-only" aria-live="assertive">
           {ariaLiveUpdate}
         </span>

diff --git a/packages/dnb-eufemia/src/shared/Theme.tsx b/packages/dnb-eufemia/src/shared/Theme.tsx
@@ -44,9 +44,11 @@ export default function Theme(themeProps: ThemeAllProps) {
     ...restProps
   } = themeProps
 
+  const themeName = 'ui' as ThemeNames
+
   const theme = extendPropsWithContext(
     {
-      name,
+      name: themeName,
       variant,
       size,
       propMapping,