@ndla/ui 31.0.0 → 32.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "31.0.0",
+  "version": "32.0.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,19 +31,19 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/article-scripts": "^3.0.11",
-    "@ndla/button": "^6.0.4",
+    "@ndla/article-scripts": "^3.0.12",
+    "@ndla/button": "^6.0.5",
     "@ndla/carousel": "^2.0.8",
     "@ndla/core": "^3.0.3",
-    "@ndla/forms": "^4.0.16",
-    "@ndla/hooks": "^1.1.15",
+    "@ndla/forms": "^4.0.17",
+    "@ndla/hooks": "^1.1.16",
     "@ndla/icons": "^2.0.8",
     "@ndla/licenses": "^6.0.10",
     "@ndla/modal": "^2.1.3",
-    "@ndla/notion": "^4.0.18",
-    "@ndla/safelink": "^3.0.16",
+    "@ndla/notion": "^4.0.19",
+    "@ndla/safelink": "^3.0.17",
     "@ndla/switch": "^1.0.3",
-    "@ndla/tabs": "^2.0.11",
+    "@ndla/tabs": "^2.0.12",
     "@ndla/tooltip": "^3.0.6",
     "@ndla/types-learningpath-api": "^0.0.17",
     "@ndla/util": "^3.1.9",
@@ -53,7 +53,6 @@
     "html-react-parser": "^0.14.1",
     "i18next-browser-languagedetector": "^6.1.1",
     "invariant": "^2.2.3",
-    "lodash": "^4.17.20",
     "react-bem-helper": "1.4.1",
     "react-device-detect": "^2.1.2",
     "react-select": "^5.4.0",
@@ -66,6 +65,7 @@
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "i18next": "^21.9.2",
+    "lodash": "^4.17.20",
     "prop-types": "^15.8.1",
     "react": "^16.8.4 || ^17.0.0",
     "react-i18next": "^11.18.6",
@@ -84,5 +84,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5c4fcb454aae09c8528f264131cc30b03e75540b"
+  "gitHead": "1cc4d04cd592bdf11d2d50082cd7a4bf77a5b2a6"
 }

package/src/Animation/DisplayOnPageYOffset.tsx

@@ -8,7 +8,7 @@
 
 import React, { Component, ReactNode } from 'react';
 import PropTypes from 'prop-types';
-import { throttle } from 'lodash';
+import throttle from 'lodash/throttle';
 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';
+import isString from 'lodash/isString';
 import parse from 'html-react-parser';
 import styled from '@emotion/styled';
 

package/src/Filter/FilterListPhone.tsx

@@ -10,7 +10,7 @@ import React, { ChangeEvent, useEffect, useState } from 'react';
 import { ChevronDown, ChevronUp } from '@ndla/icons/common';
 import Modal, { ModalHeader, ModalBody, ModalCloseButton } from '@ndla/modal';
 import Button from '@ndla/button';
-import { debounce } from 'lodash';
+import debounce from 'lodash/debounce';
 import { classes } from './filterClasses';
 import ToggleItem from './ToggleItem';
 import ActiveFilters from '../Search/ActiveFilters';

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/react';
-import { throttle } from 'lodash';
+import throttle from 'lodash/throttle';
 import { breakpoints, mq, spacing, spacingUnit, colors, fonts, animations } from '@ndla/core';
 import SafeLink from '@ndla/safelink';
 import { makeSrcQueryString } from '../Image';

package/src/ResourceBox/ResourceBox.tsx

@@ -8,7 +8,6 @@
  */
 import React from 'react';
 import { breakpoints, fonts, mq, colors, spacing } from '@ndla/core';
-import { useTranslation } from 'react-i18next';
 import { Launch } from '@ndla/icons/common';
 import { SafeLinkButton } from '@ndla/safelink';
 import styled from '@emotion/styled';
@@ -90,10 +89,10 @@ interface Props {
   title: string;
   caption: string;
   url: string;
+  buttonText: string;
 }
 
-export const ResourceBox = ({ image, title, caption, url }: Props) => {
-  const { t } = useTranslation();
+export const ResourceBox = ({ image, title, caption, url, buttonText }: Props) => {
   return (
     <ResourceBoxContainer>
       <StyledImage src={image.src} alt={image.alt} />
@@ -102,7 +101,7 @@ export const ResourceBox = ({ image, title, caption, url }: Props) => {
         <Caption>{caption}</Caption>
 
         <StyledButton to={url} target="_blank" outline borderShape="rounded">
-          {t('license.other.itemImage.ariaLabel')}
+          {buttonText}
           <Launch aria-hidden />
         </StyledButton>
       </ContentWrapper>

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';
+import debounce from 'lodash/debounce';
 import { spacing } from '@ndla/core';
 import styled from '@emotion/styled';
 

package/src/TreeStructure/TreeStructure.tsx

@@ -10,7 +10,7 @@ import React, { useEffect, useState, useMemo, useRef } from 'react';
 import styled from '@emotion/styled';
 import { colors, fonts, misc, utils } from '@ndla/core';
 import { css } from '@emotion/react';
-import { uniq } from 'lodash';
+import uniq from 'lodash/uniq';
 import { IFolder } from '@ndla/types-learningpath-api';
 import FolderItems from './FolderItems';
 import { flattenFolders, treestructureId } from './helperFunctions';

package/src/User/parseUserObject.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { groupBy } from 'lodash';
+import groupBy from 'lodash/groupBy';
 import { FeideGoGroup, FeideGrep, FeideGroup, FeideOrg, FeideUserApiType } from './apiTypes';
 
 type GoGroupType = 'basic' | 'teaching' | 'other';

package/es/LetterFilter/LetterFilter.stories.js

@@ -1,44 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-/**
- * Copyright (c) 2022-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { useArgs } from '@storybook/client-api';
-import React from 'react';
-import { defaultParameters } from '../../../designmanual/stories/defaults';
-import LetterFilter from './LetterFilter';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export default {
-  title: 'Enkle komponenter/LetterFilter',
-  component: LetterFilter,
-  parameters: _objectSpread({}, defaultParameters),
-  args: {
-    enabledLetters: ['a', 'c'],
-    onChange: function onChange(value) {}
-  }
-};
-export var LetterFilterStory = function LetterFilterStory(args) {
-  var _useArgs = useArgs(),
-    _useArgs2 = _slicedToArray(_useArgs, 2),
-    updateArgs = _useArgs2[1];
-  return _jsx(LetterFilter, _objectSpread(_objectSpread({}, args), {}, {
-    onChange: function onChange(val) {
-      return updateArgs({
-        value: val
-      });
-    }
-  }));
-};
-LetterFilterStory.storyName = 'LetterFilter';

package/lib/LetterFilter/LetterFilter.stories.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.LetterFilterStory = void 0;
-var _clientApi = require("@storybook/client-api");
-var _react = _interopRequireDefault(require("react"));
-var _defaults = require("../../../designmanual/stories/defaults");
-var _LetterFilter = _interopRequireDefault(require("./LetterFilter"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-var _default = {
-  title: 'Enkle komponenter/LetterFilter',
-  component: _LetterFilter["default"],
-  parameters: _objectSpread({}, _defaults.defaultParameters),
-  args: {
-    enabledLetters: ['a', 'c'],
-    onChange: function onChange(value) {}
-  }
-};
-exports["default"] = _default;
-var LetterFilterStory = function LetterFilterStory(args) {
-  var _useArgs = (0, _clientApi.useArgs)(),
-    _useArgs2 = _slicedToArray(_useArgs, 2),
-    updateArgs = _useArgs2[1];
-  return (0, _jsxRuntime.jsx)(_LetterFilter["default"], _objectSpread(_objectSpread({}, args), {}, {
-    onChange: function onChange(val) {
-      return updateArgs({
-        value: val
-      });
-    }
-  }));
-};
-exports.LetterFilterStory = LetterFilterStory;
-LetterFilterStory.storyName = 'LetterFilter';