@ndla/ui 30.5.1 → 30.6.0

package/es/TagSelector/ariaMessages.js

@@ -5,36 +5,32 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 export var createAriaMessages = function createAriaMessages(t) {
   return {
     guidance: function guidance(props) {
       var isSearchable = props.isSearchable,
-          isMulti = props.isMulti,
-          isDisabled = props.isDisabled,
-          tabSelectsValue = props.tabSelectsValue,
-          context = props.context;
-
+        isMulti = props.isMulti,
+        isDisabled = props.isDisabled,
+        tabSelectsValue = props.tabSelectsValue,
+        context = props.context;
       switch (context) {
         case 'menu':
           return "".concat(t('tagSelector.aria.guidance.menu.updown')).concat(isDisabled ? '' : ", ".concat(t('tagSelector.aria.guidance.menu.enter')), ", ").concat(t('tagSelector.aria.guidance.menu.escape')).concat(tabSelectsValue ? ", ".concat(t('tagSelector.aria.guidance.menu.tab')) : '', ".");
-
         case 'input':
           return "".concat(props['aria-label'] || t('tagSelector.aria.guidance.input.select'), " ").concat(t('tagSelector.aria.guidance.input.focused'), " ").concat(isSearchable ? ", ".concat(t('tagSelector.aria.guidance.input.refine')) : '', ", ").concat(t('tagSelector.aria.guidance.input.down'), ", ").concat(isMulti ? " ".concat(t('tagSelector.aria.guidance.input.left')) : '', ", ").concat(t('tagSelector.aria.guidance.input.space'));
-
         case 'value':
           return t('tagSelector.aria.guidance.value');
-
         default:
           return '';
       }
     },
     onChange: function onChange(props) {
       var action = props.action,
-          _props$label = props.label,
-          label = _props$label === void 0 ? '' : _props$label,
-          labels = props.labels,
-          isDisabled = props.isDisabled;
-
+        _props$label = props.label,
+        label = _props$label === void 0 ? '' : _props$label,
+        labels = props.labels,
+        isDisabled = props.isDisabled;
       switch (action) {
         case 'deselect-option':
         case 'pop-value':
@@ -42,47 +38,40 @@ export var createAriaMessages = function createAriaMessages(t) {
           return t('tagSelector.aria.onChange.deselect', {
             label: label
           });
-
         case 'clear':
           return t('tagSelector.aria.onChange.clear');
-
         case 'initial-input-focus':
           return t('tagSelector.aria.onChange.initialFocus', {
             labels: labels.join(',')
           });
-
         case 'select-option':
           return isDisabled ? t('tagSelector.aria.onChange.selectedDisabled', {
             label: label
           }) : t('tagSelector.aria.onChange.selected', {
             label: label
           });
-
         default:
           return '';
       }
     },
     onFocus: function onFocus(props) {
       var context = props.context,
-          focused = props.focused,
-          options = props.options,
-          _props$label2 = props.label,
-          label = _props$label2 === void 0 ? '' : _props$label2,
-          selectValue = props.selectValue,
-          isDisabled = props.isDisabled,
-          isSelected = props.isSelected;
-
+        focused = props.focused,
+        options = props.options,
+        _props$label2 = props.label,
+        label = _props$label2 === void 0 ? '' : _props$label2,
+        selectValue = props.selectValue,
+        isDisabled = props.isDisabled,
+        isSelected = props.isSelected;
       var getArrayIndex = function getArrayIndex(arr, item) {
         return arr && arr.length ? "".concat(arr.indexOf(item) + 1, " ").concat(t('tagSelector.aria.onFocus.of'), " ").concat(arr.length) : '';
       };
-
       if (context === 'value' && selectValue) {
         return t('tagSelector.aria.onFocus.value', {
           label: label,
           position: getArrayIndex(selectValue, focused)
         });
       }
-
       if (context === 'menu') {
         var disabled = isDisabled ? " ".concat(t('tagSelector.aria.disabled')) : '';
         var status = "".concat(isSelected ? t('tagSelector.aria.selected') : t('tagSelector.aria.focused')).concat(disabled);
@@ -92,12 +81,11 @@ export var createAriaMessages = function createAriaMessages(t) {
           position: getArrayIndex(options, focused)
         });
       }
-
       return '';
     },
     onFilter: function onFilter(props) {
       var inputValue = props.inputValue,
-          resultsMessage = props.resultsMessage;
+        resultsMessage = props.resultsMessage;
       return "".concat(resultsMessage).concat(inputValue ? " ".concat(t('tagSelector.aria.onFilter'), " ") + inputValue : '', ".");
     }
   };

package/es/TagSelector/index.js

@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 import TagSelector from './TagSelector';
-import { TagType } from './types';
 export { TagSelector };

package/es/TagSelector/types.js

@@ -0,0 +1 @@
+export {};

package/es/ToolboxPage/ToolboxInfo.js

@@ -1,8 +1,4 @@
 import _styled from "@emotion/styled/base";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-
 /**
  * Copyright (c) 2021-present, NDLA.
  *
@@ -10,11 +6,14 @@ import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 import React from 'react';
 import { breakpoints, fonts, mq } from '@ndla/core';
 import { useTranslation } from 'react-i18next';
 import { NavigationBox } from '../Navigation';
-
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var Heading = /*#__PURE__*/_styled("h1", {
   target: "e1iamp441",
   label: "Heading"
@@ -23,7 +22,6 @@ var Heading = /*#__PURE__*/_styled("h1", {
 }), "{", fonts.sizes('36px', '46px'), ";}", mq.range({
   from: breakpoints.desktop
 }), "{", fonts.sizes('52px', '65px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2xib3hJbmZvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFleUIiLCJmaWxlIjoiVG9vbGJveEluZm8udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgTW91c2VFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBJdGVtUHJvcHMgfSBmcm9tICcuLi9OYXZpZ2F0aW9uL05hdmlnYXRpb25Cb3gnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkJveCB9IGZyb20gJy4uL05hdmlnYXRpb24nO1xuXG5jb25zdCBIZWFkaW5nID0gc3R5bGVkLmgxYFxuICAke2ZvbnRzLnNpemVzKCczMHB4JywgJzM1cHgnKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzM2cHgnLCAnNDZweCcpfTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnNTJweCcsICc2NXB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBJbnRyb2R1Y3Rpb24gPSBzdHlsZWQucGBcbiAgbWF4LXdpZHRoOiA4MDBweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmxpZ2h0fTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOHB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzMycHgnKX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzI2cHgnLCAnMzZweCcpfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaWQ/OiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGludHJvZHVjdGlvbjogc3RyaW5nO1xuICB0b3BpY3M6IEl0ZW1Qcm9wc1tdO1xuICBvblNlbGVjdFRvcGljPzogKGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxFbGVtZW50PiwgaWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmNvbnN0IFRvb2xib3hJbmZvID0gKHsgdGl0bGUsIGludHJvZHVjdGlvbiwgdG9waWNzLCBvblNlbGVjdFRvcGljLCBpZCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxIZWFkaW5nIGlkPXtpZH0gdGFiSW5kZXg9ey0xfT5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9IZWFkaW5nPlxuICAgICAgPEludHJvZHVjdGlvbj57aW50cm9kdWN0aW9ufTwvSW50cm9kdWN0aW9uPlxuICAgICAgPE5hdmlnYXRpb25Cb3hcbiAgICAgICAgaXRlbXM9e3RvcGljc31cbiAgICAgICAgbGlzdERpcmVjdGlvbj1cImZsb2F0aW5nXCJcbiAgICAgICAgaGVhZGluZz17dCgndG9waWNQYWdlLnRvcGljcycpfVxuICAgICAgICBjb2xvck1vZGU9XCJncmV5TGlnaHRlclwiXG4gICAgICAgIG9uQ2xpY2s9e29uU2VsZWN0VG9waWN9XG4gICAgICAvPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVG9vbGJveEluZm87XG4iXX0= */"));
-
 var Introduction = /*#__PURE__*/_styled("p", {
   target: "e1iamp440",
   label: "Introduction"
@@ -32,17 +30,14 @@ var Introduction = /*#__PURE__*/_styled("p", {
 }), "{", fonts.sizes('22px', '32px'), ";}", mq.range({
   from: breakpoints.desktop
 }), "{", fonts.sizes('26px', '36px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2xib3hJbmZvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjZCIiwiZmlsZSI6IlRvb2xib3hJbmZvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IE1vdXNlRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgSXRlbVByb3BzIH0gZnJvbSAnLi4vTmF2aWdhdGlvbi9OYXZpZ2F0aW9uQm94JztcbmltcG9ydCB7IE5hdmlnYXRpb25Cb3ggfSBmcm9tICcuLi9OYXZpZ2F0aW9uJztcblxuY29uc3QgSGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMzBweCcsICczNXB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCczNnB4JywgJzQ2cHgnKX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzUycHgnLCAnNjVweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgSW50cm9kdWN0aW9uID0gc3R5bGVkLnBgXG4gIG1heC13aWR0aDogODAwcHg7XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5saWdodH07XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjhweCcpfTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMjJweCcsICczMnB4Jyl9O1xuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGlkPzogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBpbnRyb2R1Y3Rpb246IHN0cmluZztcbiAgdG9waWNzOiBJdGVtUHJvcHNbXTtcbiAgb25TZWxlY3RUb3BpYz86IChldmVudDogTW91c2VFdmVudDxIVE1MRWxlbWVudD4sIGlkPzogc3RyaW5nKSA9PiB2b2lkO1xufVxuXG5jb25zdCBUb29sYm94SW5mbyA9ICh7IHRpdGxlLCBpbnRyb2R1Y3Rpb24sIHRvcGljcywgb25TZWxlY3RUb3BpYywgaWQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8SGVhZGluZyBpZD17aWR9IHRhYkluZGV4PXstMX0+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxJbnRyb2R1Y3Rpb24+e2ludHJvZHVjdGlvbn08L0ludHJvZHVjdGlvbj5cbiAgICAgIDxOYXZpZ2F0aW9uQm94XG4gICAgICAgIGl0ZW1zPXt0b3BpY3N9XG4gICAgICAgIGxpc3REaXJlY3Rpb249XCJmbG9hdGluZ1wiXG4gICAgICAgIGhlYWRpbmc9e3QoJ3RvcGljUGFnZS50b3BpY3MnKX1cbiAgICAgICAgY29sb3JNb2RlPVwiZ3JleUxpZ2h0ZXJcIlxuICAgICAgICBvbkNsaWNrPXtvblNlbGVjdFRvcGljfVxuICAgICAgLz5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2xib3hJbmZvO1xuIl19 */"));
-
 var ToolboxInfo = function ToolboxInfo(_ref) {
   var title = _ref.title,
-      introduction = _ref.introduction,
-      topics = _ref.topics,
-      onSelectTopic = _ref.onSelectTopic,
-      id = _ref.id;
-
+    introduction = _ref.introduction,
+    topics = _ref.topics,
+    onSelectTopic = _ref.onSelectTopic,
+    id = _ref.id;
   var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   return _jsxs(_Fragment, {
     children: [_jsx(Heading, {
       id: id,
@@ -59,5 +54,4 @@ var ToolboxInfo = function ToolboxInfo(_ref) {
     })]
   });
 };
-
 export default ToolboxInfo;

package/es/ToolboxPage/index.js

@@ -5,5 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 import ToolboxInfo from './ToolboxInfo';
 export { ToolboxInfo };

package/es/Topic/Loader.js

@@ -1,8 +1,7 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import React from 'react';
 import ContentLoader from '../ContentLoader';
-
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var Loader = function Loader() {
   return _jsxs(ContentLoader, {
     width: 800,
@@ -101,5 +100,4 @@ var Loader = function Loader() {
     })]
   });
 };
-
 export default Loader;