@ndla/ui 22.2.0 → 22.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "22.2.0",
+  "version": "22.3.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,21 +31,22 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/button": "^3.3.0",
-    "@ndla/carousel": "^1.2.15",
-    "@ndla/core": "^2.3.3",
-    "@ndla/forms": "^3.1.3",
-    "@ndla/hooks": "^1.1.4",
-    "@ndla/icons": "^1.11.3",
-    "@ndla/licenses": "^5.0.6",
-    "@ndla/modal": "^1.2.17",
-    "@ndla/notion": "^3.1.29",
-    "@ndla/safelink": "^2.2.6",
-    "@ndla/switch": "^0.1.10",
-    "@ndla/tabs": "^1.1.14",
-    "@ndla/tooltip": "^2.1.5",
+    "@ndla/article-scripts": "^3.0.1",
+    "@ndla/button": "^3.3.1",
+    "@ndla/carousel": "^1.2.16",
+    "@ndla/core": "^2.3.4",
+    "@ndla/forms": "^3.1.4",
+    "@ndla/hooks": "^1.1.5",
+    "@ndla/icons": "^1.11.4",
+    "@ndla/licenses": "^5.0.7",
+    "@ndla/modal": "^1.2.18",
+    "@ndla/notion": "^3.1.30",
+    "@ndla/safelink": "^2.2.7",
+    "@ndla/switch": "^0.1.11",
+    "@ndla/tabs": "^1.1.15",
+    "@ndla/tooltip": "^2.1.6",
     "@ndla/types-learningpath-api": "^0.0.12",
-    "@ndla/util": "^3.0.0",
+    "@ndla/util": "^3.0.1",
     "@reach/menu-button": "^0.16.2",
     "@reach/slider": "^0.16.0",
     "focus-trap-react": "^8.9.2",
@@ -84,5 +85,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "12ed2984919fd75fbb7f1b1e55c1d5903fd51d51"
+  "gitHead": "1c8439d413eefda014a9438d78a34c1639194321"
 }

package/src/Animation/DisplayOnPageYOffset.tsx

@@ -8,7 +8,7 @@
 
 import React, { Component, ReactNode } from 'react';
 import PropTypes from 'prop-types';
-import throttle from 'lodash/throttle';
+import { throttle } from 'lodash';
 import Fade from './Fade';
 
 interface Props {

package/src/Article/Article.tsx

@@ -8,7 +8,7 @@
 
 import React, { ComponentType, ReactNode, useEffect, useRef, useState, forwardRef } from 'react';
 import BEMHelper from 'react-bem-helper';
-import isString from 'lodash/isString';
+import { isString } from 'lodash';
 import parse from 'html-react-parser';
 import styled from '@emotion/styled';
 

package/src/Article/ArticleByline.tsx

@@ -13,8 +13,7 @@ import Button, { CopyButton } from '@ndla/button';
 import { colors, fonts, spacing } from '@ndla/core';
 import { copyTextToClipboard, printPage } from '@ndla/util';
 import { useTranslation } from 'react-i18next';
-import { LicenseByline } from '@ndla/licenses';
-import { getLicenseByAbbreviation } from '@ndla/licenses';
+import { LicenseByline, getLicenseByAbbreviation } from '@ndla/licenses';
 import { TFunction } from 'i18next';
 
 const Wrapper = styled.div`

package/src/Breadcrumb/ActionBreadcrumb.tsx

@@ -11,8 +11,7 @@ import { colors, fonts, spacing } from '@ndla/core';
 import { ChevronRight } from '@ndla/icons/common';
 import SafeLink from '@ndla/safelink';
 import React from 'react';
-import { MenuButton } from '@ndla/button';
-import { MenuItemProps } from '@ndla/button';
+import { MenuButton, MenuItemProps } from '@ndla/button';
 import Breadcrumb from './Breadcrumb';
 import { IndexedBreadcrumbItem, SimpleBreadcrumbItem } from './BreadcrumbItem';
 

package/src/Figure/FigureOpenDialogButton.tsx

@@ -8,8 +8,7 @@
 
 import React from 'react';
 import { Play } from '@ndla/icons/common';
-import { ExpandTwoArrows } from '@ndla/icons/action';
-import { CursorClick } from '@ndla/icons/action';
+import { ExpandTwoArrows, CursorClick } from '@ndla/icons/action';
 
 interface Props {
   type?: 'image' | 'video' | 'h5p' | 'iframe' | 'external';

package/src/Filter/FilterListPhone.jsx

@@ -12,7 +12,7 @@ import { ChevronDown, ChevronUp } from '@ndla/icons/common';
 import { Cross } from '@ndla/icons/action';
 import Modal, { ModalHeader, ModalBody, ModalCloseButton } from '@ndla/modal';
 import Button from '@ndla/button';
-import debounce from 'lodash/debounce';
+import { debounce } from 'lodash';
 import { classes } from './filterClasses';
 import ToggleItem from './ToggleItem';
 import ActiveFilters from '../Search/ActiveFilters';

package/src/Frontpage/FrontpageProgramMenu.tsx

@@ -1,8 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import styled from '@emotion/styled';
 import Button from '@ndla/button';
-import { fonts } from '@ndla/core';
-import { breakpoints, mq } from '@ndla/core';
+import { fonts, breakpoints, mq } from '@ndla/core';
 import { useTranslation } from 'react-i18next';
 import NavigationBox, { ItemProps } from '../Navigation/NavigationBox';
 import FrontpageAllSubjects, { subjectsProps } from './FrontpageAllSubjects';

package/src/NDLAFilm/AllMoviesAlphabetically.tsx

@@ -10,7 +10,7 @@ import React, { Fragment, RefObject, useEffect, useRef, useState } from 'react';
 import { isIE, browserVersion } from 'react-device-detect';
 import styled from '@emotion/styled';
 import { css } from '@emotion/core';
-import throttle from 'lodash/throttle';
+import { throttle } from 'lodash';
 import { breakpoints, mq, spacing, spacingUnit, colors, fonts, animations } from '@ndla/core';
 import SafeLink from '@ndla/safelink';
 import { makeSrcQueryString } from '../Image';

package/src/ResourceGroup/ResourceItem.tsx

@@ -9,7 +9,7 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
-import css from '@emotion/css';
+import { css } from '@emotion/core';
 import { keyframes } from '@emotion/core';
 import SafeLink from '@ndla/safelink';
 import { Additional, Core, HumanMaleBoard } from '@ndla/icons/common';

package/src/ResourceGroup/ResourceList.tsx

@@ -8,7 +8,7 @@
 
 import React from 'react';
 import styled from '@emotion/styled';
-import css from '@emotion/css';
+import { css } from '@emotion/core';
 import { keyframes } from '@emotion/core';
 import { useTranslation } from 'react-i18next';
 import NoContentBox from '../NoContentBox';

package/src/Search/ActiveFilters.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
-import css from '@emotion/css';
+import { css } from '@emotion/core';
 import { spacing, mq, breakpoints } from '@ndla/core';
 import Tooltip from '@ndla/tooltip';
 import { useTranslation } from 'react-i18next';

package/src/Search/SearchPage.jsx

@@ -2,7 +2,7 @@ import React, { Component, Fragment, createRef } from 'react';
 import BEMHelper from 'react-bem-helper';
 import PropTypes from 'prop-types';
 import { Back } from '@ndla/icons/common';
-import debounce from 'lodash/debounce';
+import { debounce } from 'lodash';
 import { getCurrentBreakpoint, breakpoints } from '@ndla/util';
 import Modal, { ModalHeader, ModalBody, ModalCloseButton } from '@ndla/modal';
 import Button from '@ndla/button';

package/src/SearchTypeResult/ActiveFilters.tsx

@@ -9,7 +9,7 @@
 import React, { ReactElement } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
-import css from '@emotion/css';
+import { css } from '@emotion/core';
 import { spacing, mq, breakpoints } from '@ndla/core';
 import Tooltip from '@ndla/tooltip';
 import Button from '@ndla/button';

package/src/SearchTypeResult/SearchFieldHeader.tsx

@@ -7,9 +7,8 @@
  */
 import React, { FormEvent, useRef, useState } from 'react';
 import styled from '@emotion/styled';
-import { colors } from '@ndla/core';
 import { Search as SearchIcon } from '@ndla/icons/common';
-import { spacing } from '@ndla/core';
+import { spacing, colors } from '@ndla/core';
 import { Cross as CrossIcon } from '@ndla/icons/action';
 
 import { useTranslation } from 'react-i18next';

package/src/TopicMenu/TopicMenu.jsx

@@ -12,7 +12,7 @@
 import React, { Fragment, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import BEMHelper from 'react-bem-helper';
-import debounce from 'lodash/debounce';
+import { debounce } from 'lodash';
 
 import { Home, Back, Additional, ChevronRight } from '@ndla/icons/common';
 import { Cross } from '@ndla/icons/action';

package/src/locale/messages-en.ts

@@ -1025,6 +1025,8 @@ const messages = {
     detailView: 'Detailed listview',
     shortView: 'Short view',
     myPage: {
+      confirmDeleteAccount: 'Are you sure you want to delete your account?',
+      confirmDeleteAccountButton: 'Delete account',
       myPage: 'My page',
       logout: 'Log out of My NDLA',
       loginTerms: 'Log in with Feide to receive access. By logging on your accept your terms of service',

package/src/locale/messages-nb.ts

@@ -1023,6 +1023,8 @@ const messages = {
     detailView: 'Detaljrik listevisning',
     shortView: 'Kort visning',
     myPage: {
+      confirmDeleteAccount: 'Er du sikker på at du vil slette kontoen?',
+      confirmDeleteAccountButton: 'Slett konto',
       myPage: 'Min side',
       deleteAccount: 'Slett Min NDLA',
       logout: 'Logg ut av Min NDLA',

package/src/locale/messages-nn.ts

@@ -1024,6 +1024,8 @@ const messages = {
     detailView: 'Detaljrik listevisning',
     shortView: 'Kort visning',
     myPage: {
+      confirmDeleteAccount: 'Er du sikker på at du vil slette kontoen?',
+      confirmDeleteAccountButton: 'Slett konto',
       myPage: 'Min side',
       deleteAccount: 'Slett Min NDLA',
       logout: 'Logg ut av Min NDLA',

package/src/locale/messages-se.ts

@@ -1023,6 +1023,8 @@ const messages = {
     detailView: 'Detaljrik listevisning',
     shortView: 'Kort visning',
     myPage: {
+      confirmDeleteAccount: 'Er du sikker på at du vil slette kontoen?',
+      confirmDeleteAccountButton: 'Slett konto',
       myPage: 'Min side',
       deleteAccount: 'Slett Min NDLA',
       logout: 'Logg ut av Min NDLA',

package/src/locale/messages-sma.ts

@@ -1023,6 +1023,8 @@ const messages = {
     detailView: 'Detaljrik listevisning',
     shortView: 'Kort visning',
     myPage: {
+      confirmDeleteAccount: 'Er du sikker på at du vil slette kontoen?',
+      confirmDeleteAccountButton: 'Slett konto',
       myPage: 'Min side',
       deleteAccount: 'Slett Min NDLA',
       logout: 'Logg ut av Min NDLA',