diff --git a/packages/dnb-design-system-portal/gatsby-browser.tsx b/packages/dnb-design-system-portal/gatsby-browser.tsx index fd20f849934..6ac1b063b69 100644 --- a/packages/dnb-design-system-portal/gatsby-browser.tsx +++ b/packages/dnb-design-system-portal/gatsby-browser.tsx @@ -18,15 +18,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 index 36d20fd1091..302553f8063 100644 --- 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 index a6ad01bfe1b..03717b436f8 100644 --- 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 ( - - {currentDataItem && ( - <> - {active_item === selected_item ? <>{selected_sr} : null} - {currentDataItem} - - )} - - ) - } - - 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 { - {/* Add VoiceOver support to read the "selected" item */} - {this.getVoiceOverActiveItem(selected_sr)} - {ariaLiveUpdate} diff --git a/packages/dnb-eufemia/src/shared/Theme.tsx b/packages/dnb-eufemia/src/shared/Theme.tsx index 6ece34bb6b5..37bd4ba4e06 100644 --- 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,