@ndla/ui 43.0.2 → 43.0.3

package/src/Search/ToggleSearchButton.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import { spacing, spacingUnit, breakpoints, mq, misc, fonts, colors } from '@ndla/core';
 import { Search } from '@ndla/icons/common';
 import { ButtonProps, ButtonV2 } from '@ndla/button';

package/src/SearchTypeResult/ActiveFilterContent.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import styled from '@emotion/styled';
 import { Cross } from '@ndla/icons/action';
 import { spacing, fonts } from '@ndla/core';

package/src/SearchTypeResult/ActiveFilters.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
 import { css } from '@emotion/react';

package/src/SearchTypeResult/PopupFilter.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { useState } from 'react';
+import { useState } from 'react';
 import styled from '@emotion/styled';
 import { ModalCloseButton, ModalBody, ModalTitle, ModalContent } from '@ndla/modal';
 import { breakpoints, mq, spacing } from '@ndla/core';

package/src/SearchTypeResult/ResultNavigation.tsx

@@ -6,7 +6,6 @@
  *
  */
 
-import React from 'react';
 import styled from '@emotion/styled';
 import { ButtonV2 } from '@ndla/button';
 import { fonts, spacing, colors } from '@ndla/core';

package/src/SearchTypeResult/SearchFieldHeader.tsx

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import React, { FormEvent, useRef, useState } from 'react';
+import { FormEvent, useRef, useState } from 'react';
 import styled from '@emotion/styled';
 import { Search as SearchIcon } from '@ndla/icons/common';
 import { spacing, colors } from '@ndla/core';

package/src/SearchTypeResult/SearchFilterContent.tsx

@@ -6,7 +6,6 @@
  *
  */
 
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
 import { spacing } from '@ndla/core';

package/src/SearchTypeResult/SearchHeader.tsx

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import React, { FormEvent, useEffect, useState } from 'react';
+import { FormEvent, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
 import { breakpoints, fonts, mq, spacing } from '@ndla/core';
 import { ButtonV2 } from '@ndla/button';
-import { Spinner } from '@ndla/icons';
 
 import SearchFieldHeader from './SearchFieldHeader';
 import { CompetenceGoalsItemType, CoreElementsItemType } from '../types';

package/src/SearchTypeResult/SearchItem.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { ReactNode, useRef } from 'react';
+import { ReactNode, useRef } from 'react';
 import styled from '@emotion/styled';
 import parse from 'html-react-parser';
 

package/src/SearchTypeResult/SearchItemList.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { Fragment } from 'react';
+import { Fragment } from 'react';
 import { useTranslation } from 'react-i18next';
 import parse from 'html-react-parser';
 import styled from '@emotion/styled';

package/src/SearchTypeResult/SearchItems.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { memo } from 'react';
+import { memo } from 'react';
 import styled from '@emotion/styled';
 import { css } from '@emotion/react';
 import { breakpoints, mq, spacing } from '@ndla/core';

package/src/SearchTypeResult/SearchNotionsResult.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
 import { fonts, mq, breakpoints, spacing, colors } from '@ndla/core';

package/src/SearchTypeResult/SearchSubjectItem.tsx

@@ -6,7 +6,6 @@
  *
  */
 
-import React from 'react';
 import styled from '@emotion/styled';
 import SafeLink from '@ndla/safelink';
 import { spacing } from '@ndla/core';

package/src/SearchTypeResult/SearchSubjectResult.tsx

@@ -6,7 +6,6 @@
  *
  */
 
-import React from 'react';
 import styled from '@emotion/styled';
 import { mq, breakpoints, spacing } from '@ndla/core';
 import SearchSubjectItem, { SearchSubjecItemType } from './SearchSubjectItem';

package/src/SearchTypeResult/SearchTypeHeader.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { MouseEvent, memo } from 'react';
+import { MouseEvent, memo } from 'react';
 import styled from '@emotion/styled';
 import { ButtonV2 } from '@ndla/button';
 import { breakpoints, fonts, mq, spacing } from '@ndla/core';

package/src/SearchTypeResult/SearchTypeResult.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { memo, ReactNode } from 'react';
+import { memo, ReactNode } from 'react';
 import styled from '@emotion/styled';
 import { spacing } from '@ndla/core';
 import { Spinner } from '@ndla/icons';

package/src/SearchTypeResult/SearchViewType.tsx

@@ -6,7 +6,6 @@
  *
  */
 
-import React from 'react';
 import styled from '@emotion/styled';
 import { ButtonV2 } from '@ndla/button';
 import { Grid } from '@ndla/icons/common';

package/src/SearchTypeResult/components/ItemContexts.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { ReactNode, Fragment } from 'react';
+import { ReactNode, Fragment } from 'react';
 import SafeLink from '@ndla/safelink';
 import { Additional, Core } from '@ndla/icons/common';
 import styled from '@emotion/styled';

package/src/SearchTypeResult/components/ItemResourceHeader.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { Fragment } from 'react';
+import { Fragment } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
 

package/src/SearchTypeResult/components/ItemTopicHeader.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
 import { colors, fonts, spacing } from '@ndla/core';

package/src/SearchTypeResult/components/SubjectFilters.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
 import { ButtonV2 } from '@ndla/button';

package/src/SectionHeading/SectionHeading.tsx

@@ -1,4 +1,4 @@
-import React, { ElementType, ReactNode } from 'react';
+import { ElementType, ReactNode } from 'react';
 import { css } from '@emotion/react';
 import { breakpoints, fonts, mq, spacing } from '@ndla/core';
 import { HeadingLevel } from '../types';

package/src/SnackBar/DefaultSnackbar.tsx

@@ -6,7 +6,6 @@
  *
  */
 
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
 import { IconButtonV2 } from '@ndla/button';

package/src/SnackBar/SnackbarProvider.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { useCallback, useMemo, createContext, ReactNode, useState, useContext, useEffect } from 'react';
+import { useCallback, useMemo, createContext, ReactNode, useState, useContext, useEffect } from 'react';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { spacing } from '@ndla/core';

package/src/Subject/Subject.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import styled from '@emotion/styled';
 import { css } from '@emotion/react';
 import { breakpoints, colors, mq, spacing, spacingUnit } from '@ndla/core';

package/src/Subject/SubjectBanner.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import styled from '@emotion/styled';
 import { breakpoints, mq } from '@ndla/core';
 

package/src/Subject/SubjectHeader.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import styled from '@emotion/styled';
 import { css } from '@emotion/react';
 import { colors, fonts, mq, spacing, spacingUnit, breakpoints } from '@ndla/core';

package/src/Subject/SubjectNewContent.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import styled from '@emotion/styled';
 import SafeLink from '@ndla/safelink';
 import { breakpoints, colors, fonts, mq, spacing } from '@ndla/core';

package/src/Subject/SubjectSocial.tsx

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 import { breakpoints, mq, spacing } from '@ndla/core';
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { HeadingLevel } from '../types';
 import { SubjectSectionTitle } from './Subject';
 

package/src/Table/Table.tsx

@@ -9,7 +9,7 @@
 import styled from '@emotion/styled';
 import { colors, spacing } from '@ndla/core';
 import throttle from 'lodash/throttle';
-import React, { ReactNode, UIEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { ReactNode, UIEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import BEMHelper from 'react-bem-helper';
 
 type ScrollPosition = 'start' | 'end' | 'center';

package/src/TagSelector/Control.tsx

@@ -8,7 +8,6 @@
 
 import styled from '@emotion/styled';
 import { spacing, utils } from '@ndla/core';
-import React from 'react';
 import { ControlProps } from 'react-select';
 import { TagType } from './types';
 

package/src/TagSelector/DropdownIndicator.tsx

@@ -7,7 +7,7 @@
  */
 
 import { ChevronDown, ChevronUp } from '@ndla/icons/common';
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import styled from '@emotion/styled';
 import { useTranslation } from 'react-i18next';
 import { DropdownIndicatorProps, components } from 'react-select';

package/src/TagSelector/Input.tsx

@@ -8,7 +8,6 @@
 
 import { css } from '@emotion/react';
 import { colors, spacing } from '@ndla/core';
-import React from 'react';
 import { components, InputProps } from 'react-select';
 import { TagType } from './types';
 import { StyledValueButton } from './ValueButton';

package/src/TagSelector/Menu.tsx

@@ -8,7 +8,6 @@
 
 import { css } from '@emotion/react';
 import { colors } from '@ndla/core';
-import React from 'react';
 import { MenuProps, components } from 'react-select';
 import { StyledMenuList } from './MenuList';
 import { TagType } from './types';

package/src/TagSelector/MenuList.tsx

@@ -8,7 +8,6 @@
 
 import styled from '@emotion/styled';
 import { utils } from '@ndla/core';
-import React from 'react';
 import { MenuListProps } from 'react-select';
 import { TagType } from './types';
 

package/src/TagSelector/Option.tsx

@@ -6,7 +6,6 @@
  *
  */
 
-import React from 'react';
 import { OptionProps } from 'react-select';
 import { buttonStyleV2 as buttonStyle } from '@ndla/button';
 import styled from '@emotion/styled';

package/src/TagSelector/SelectContainer.tsx

@@ -8,7 +8,6 @@
 
 import styled from '@emotion/styled';
 import { colors, fonts, misc } from '@ndla/core';
-import React from 'react';
 import { ContainerProps } from 'react-select';
 import { TagType } from './types';
 

package/src/TagSelector/TagSelector.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { KeyboardEvent, useMemo, useState } from 'react';
+import { KeyboardEvent, useMemo, useState } from 'react';
 import CreatableSelect from 'react-select/creatable';
 import { MultiValue, StylesConfig } from 'react-select';
 import styled from '@emotion/styled';

package/src/TagSelector/ValueButton.tsx

@@ -6,7 +6,6 @@
  *
  */
 
-import React from 'react';
 import { MultiValueProps } from 'react-select';
 import { buttonStyleV2 as buttonStyle } from '@ndla/button';
 import styled from '@emotion/styled';

package/src/ToolboxPage/ToolboxInfo.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { MouseEvent } from 'react';
+import { MouseEvent } from 'react';
 import styled from '@emotion/styled';
 import { breakpoints, fonts, mq } from '@ndla/core';
 import { useTranslation } from 'react-i18next';

package/src/Topic/Loader.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import ContentLoader from '../ContentLoader';
 
 const Loader = () => (

package/src/Topic/Topic.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { ReactNode, MouseEvent, ComponentType } from 'react';
+import { ReactNode, MouseEvent, ComponentType } from 'react';
 import styled from '@emotion/styled';
 import { animations, breakpoints, colors, fonts, mq, spacing } from '@ndla/core';
 

package/src/Translation/Translation.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import BEMHelper from 'react-bem-helper';
 
 const classes = new BEMHelper({

package/src/Translation/TranslationLine.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import BEMHelper from 'react-bem-helper';
 
 const classes = new BEMHelper({

package/src/TreeStructure/AddFolderButton.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { useRef } from 'react';
+import { useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import Tooltip from '@ndla/tooltip';
 import styled from '@emotion/styled';

package/src/TreeStructure/ComboboxButton.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { KeyboardEvent, forwardRef } from 'react';
+import { KeyboardEvent, forwardRef } from 'react';
 import styled from '@emotion/styled';
 import { useForwardedRef } from '@ndla/util';
 import { breakpoints, colors, mq, spacing } from '@ndla/core';

package/src/TreeStructure/FolderItem.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { CSSProperties, KeyboardEvent, useEffect, useMemo, useRef } from 'react';
+import { CSSProperties, KeyboardEvent, useEffect, useMemo, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
 import { ArrowDropDownRounded } from '@ndla/icons/common';

package/src/TreeStructure/FolderItems.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import styled from '@emotion/styled';
 import { animations } from '@ndla/core';
 import { IFolder } from '@ndla/types-backend/learningpath-api';

package/src/TreeStructure/TreeStructure.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { useEffect, useState, useMemo, useRef } from 'react';
+import { useEffect, useState, useMemo, useRef } from 'react';
 import styled from '@emotion/styled';
 import { colors, fonts, misc, utils } from '@ndla/core';
 import uniq from 'lodash/uniq';

package/src/User/UserInfo.tsx

@@ -7,7 +7,6 @@
 
 import styled from '@emotion/styled';
 import { spacing } from '@ndla/core';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { FeideUserApiType } from './apiTypes';
 import { parseUserObject } from './parseUserObject';

package/src/locale/LocaleProvider.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { I18nextProvider, useTranslation } from 'react-i18next';
 import { i18nInstance } from '../i18n';
 import { Locale } from '../types';

package/src/utils/createUniversalPortal.tsx

@@ -8,7 +8,7 @@
 
 // N.B This helper is intended to be used in https://github.com/ndlano/article-converter. It is not a general soultion for using portals in SSR applications.
 
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import ReactDOM from 'react-dom';
 
 function canUseDOM() {