@ndla/ui 42.0.2 → 42.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/es/AudioPlayer/AudioPlayer.js +15 -15
  2. package/es/Gloss/Gloss.js +137 -0
  3. package/es/Gloss/index.js +9 -0
  4. package/es/List/OrderedList.js +1 -1
  5. package/es/Navigation/NavigationBox.js +20 -20
  6. package/es/Programme/ProgrammeSubjects.js +7 -6
  7. package/es/all.css +1 -1
  8. package/es/locale/messages-en.js +15 -4
  9. package/es/locale/messages-nb.js +14 -4
  10. package/es/locale/messages-nn.js +14 -4
  11. package/es/locale/messages-se.js +14 -4
  12. package/es/locale/messages-sma.js +14 -4
  13. package/es/model/Transcriptions.js +1 -0
  14. package/es/model/WordClass.js +45 -0
  15. package/es/model/index.js +5 -1
  16. package/lib/AudioPlayer/AudioPlayer.js +15 -15
  17. package/lib/Gloss/Gloss.d.ts +32 -0
  18. package/lib/Gloss/Gloss.js +141 -0
  19. package/lib/Gloss/index.d.ts +8 -0
  20. package/lib/Gloss/index.js +13 -0
  21. package/lib/List/OrderedList.js +1 -1
  22. package/lib/Navigation/NavigationBox.d.ts +1 -1
  23. package/lib/Navigation/NavigationBox.js +20 -20
  24. package/lib/Programme/ProgrammeSubjects.d.ts +3 -3
  25. package/lib/Programme/ProgrammeSubjects.js +7 -6
  26. package/lib/all.css +1 -1
  27. package/lib/locale/messages-en.d.ts +12 -1
  28. package/lib/locale/messages-en.js +17 -4
  29. package/lib/locale/messages-nb.d.ts +12 -1
  30. package/lib/locale/messages-nb.js +15 -4
  31. package/lib/locale/messages-nn.d.ts +12 -1
  32. package/lib/locale/messages-nn.js +15 -4
  33. package/lib/locale/messages-se.d.ts +12 -1
  34. package/lib/locale/messages-se.js +15 -4
  35. package/lib/locale/messages-sma.d.ts +12 -1
  36. package/lib/locale/messages-sma.js +15 -4
  37. package/lib/model/Transcriptions.d.ts +11 -0
  38. package/lib/model/Transcriptions.js +5 -0
  39. package/lib/model/WordClass.d.ts +44 -0
  40. package/lib/model/WordClass.js +52 -0
  41. package/lib/model/index.d.ts +4 -0
  42. package/lib/model/index.js +5 -1
  43. package/package.json +14 -14
  44. package/src/AudioPlayer/AudioPlayer.tsx +1 -0
  45. package/src/ContactBlock/Contactblock.stories.tsx +2 -2
  46. package/src/Gloss/Gloss.stories.tsx +108 -0
  47. package/src/Gloss/Gloss.tsx +163 -0
  48. package/src/Gloss/index.tsx +9 -0
  49. package/src/Grid/Grid.stories.tsx +1 -1
  50. package/src/KeyFigure/KeyFigure.stories.tsx +2 -2
  51. package/src/LearningPaths/LearningPathMenu.stories.tsx +2 -2
  52. package/src/List/OrderedList.tsx +36 -27
  53. package/src/MyNdla/Resource/Folder.stories.tsx +1 -1
  54. package/src/Navigation/NavigationBox.tsx +2 -2
  55. package/src/Programme/ProgrammeSubjects.tsx +7 -7
  56. package/src/Resource/BlockResource.stories.tsx +1 -1
  57. package/src/Resource/Resource.stories.tsx +1 -1
  58. package/src/global/components/component.bodybox.scss +0 -16
  59. package/src/locale/messages-en.ts +46 -1
  60. package/src/locale/messages-nb.ts +46 -1
  61. package/src/locale/messages-nn.ts +46 -1
  62. package/src/locale/messages-se.ts +46 -1
  63. package/src/locale/messages-sma.ts +46 -1
  64. package/src/model/Transcriptions.ts +12 -0
  65. package/src/model/WordClass.ts +45 -0
  66. package/src/model/index.ts +4 -0
@@ -7,12 +7,12 @@
7
7
  */
8
8
  export type GradesProps = {
9
9
  selectedGrade?: string;
10
- grades: {
10
+ grades?: {
11
11
  missingProgrammeSubjects?: boolean;
12
12
  name: string;
13
- categories: {
13
+ categories?: {
14
14
  name: string;
15
- subjects: {
15
+ subjects?: {
16
16
  label: string;
17
17
  url: string;
18
18
  }[];
@@ -27,8 +27,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
27
27
  var GradesMenu = /*#__PURE__*/(0, _base.default)("ul", {
28
28
  target: "e1jqauch0",
29
29
  label: "GradesMenu"
30
- })("display:flex;gap:", _core.spacing.small, ";li{list-style:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZVN1YmplY3RzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjRCIiwiZmlsZSI6IlByb2dyYW1tZVN1YmplY3RzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgU2FmZUxpbmtCdXR0b24gfSBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uQm94IH0gZnJvbSAnLi4vTmF2aWdhdGlvbic7XG5pbXBvcnQgeyBNZXNzYWdlQm94IH0gZnJvbSAnLi4vTWVzc2FnZXMnO1xuXG5jb25zdCBHcmFkZXNNZW51ID0gc3R5bGVkLnVsYFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGxpIHtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBHcmFkZXNQcm9wcyA9IHtcbiAgc2VsZWN0ZWRHcmFkZT86IHN0cmluZztcbiAgZ3JhZGVzOiB7XG4gICAgbWlzc2luZ1Byb2dyYW1tZVN1YmplY3RzPzogYm9vbGVhbjtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2F0ZWdvcmllczoge1xuICAgICAgbmFtZTogc3RyaW5nO1xuICAgICAgc3ViamVjdHM6IHtcbiAgICAgICAgbGFiZWw6IHN0cmluZztcbiAgICAgICAgdXJsOiBzdHJpbmc7XG4gICAgICB9W107XG4gICAgfVtdO1xuICB9W107XG59O1xuXG50eXBlIFByb3BzID0gR3JhZGVzUHJvcHMgJiB7XG4gIG9uTmF2aWdhdGU/OiAoKSA9PiB2b2lkO1xufTtcblxuY29uc3QgUHJvZ3JhbW1lU3ViamVjdHMgPSAoeyBncmFkZXMsIG9uTmF2aWdhdGUsIHNlbGVjdGVkR3JhZGUgPSAndmcxJyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgY29uc3QgZ3JhZGUgPSB1c2VNZW1vKFxuICAgICgpID0+IGdyYWRlcy5maW5kKChncmFkZSkgPT4gZ3JhZGUubmFtZS50b0xvd2VyQ2FzZSgpID09PSBzZWxlY3RlZEdyYWRlKSA/PyBncmFkZXNbMF0sXG4gICAgW2dyYWRlcywgc2VsZWN0ZWRHcmFkZV0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdyYWRlc01lbnUgYXJpYS1sYWJlbD17dCgncHJvZ3JhbW1lLmdyYWRlcycpfT5cbiAgICAgICAge2dyYWRlcy5tYXAoKGl0ZW0pID0+IHtcbiAgICAgICAgICBjb25zdCBjdXJyZW50ID0gaXRlbS5uYW1lLnRvTG93ZXJDYXNlKCkgPT09IHNlbGVjdGVkR3JhZGU7XG4gICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxsaSBrZXk9e2l0ZW0ubmFtZX0+XG4gICAgICAgICAgICAgIDxTYWZlTGlua0J1dHRvblxuICAgICAgICAgICAgICAgIHRvPXtjdXJyZW50ID8gJycgOiBpdGVtLm5hbWUudG9Mb3dlckNhc2UoKX1cbiAgICAgICAgICAgICAgICBjb2xvclRoZW1lPXtpdGVtICE9PSBncmFkZSA/ICdsaWdodGVyJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICBzaGFwZT1cInBpbGxcIlxuICAgICAgICAgICAgICAgIHNpemU9XCJub3JtYWxcIlxuICAgICAgICAgICAgICAgIGFyaWEtY3VycmVudD17Y3VycmVudH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtpdGVtLm5hbWV9XG4gICAgICAgICAgICAgIDwvU2FmZUxpbmtCdXR0b24+XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9HcmFkZXNNZW51PlxuICAgICAge2dyYWRlLm1pc3NpbmdQcm9ncmFtbWVTdWJqZWN0cyAmJiA8TWVzc2FnZUJveD57dCgnbWVzc2FnZUJveEluZm8ubm9Db250ZW50Jyl9PC9NZXNzYWdlQm94Pn1cbiAgICAgIHtncmFkZS5jYXRlZ29yaWVzLm1hcCgoY2F0ZWdvcnkpID0+IChcbiAgICAgICAgPE5hdmlnYXRpb25Cb3gga2V5PXtjYXRlZ29yeS5uYW1lfSBoZWFkaW5nPXtjYXRlZ29yeS5uYW1lfSBpdGVtcz17Y2F0ZWdvcnkuc3ViamVjdHN9IG9uQ2xpY2s9e29uTmF2aWdhdGV9IC8+XG4gICAgICApKX1cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFByb2dyYW1tZVN1YmplY3RzO1xuIl19 */"));
30
+ })("display:flex;gap:", _core.spacing.small, ";li{list-style:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZVN1YmplY3RzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjRCIiwiZmlsZSI6IlByb2dyYW1tZVN1YmplY3RzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgU2FmZUxpbmtCdXR0b24gfSBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uQm94IH0gZnJvbSAnLi4vTmF2aWdhdGlvbic7XG5pbXBvcnQgeyBNZXNzYWdlQm94IH0gZnJvbSAnLi4vTWVzc2FnZXMnO1xuXG5jb25zdCBHcmFkZXNNZW51ID0gc3R5bGVkLnVsYFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGxpIHtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBHcmFkZXNQcm9wcyA9IHtcbiAgc2VsZWN0ZWRHcmFkZT86IHN0cmluZztcbiAgZ3JhZGVzPzoge1xuICAgIG1pc3NpbmdQcm9ncmFtbWVTdWJqZWN0cz86IGJvb2xlYW47XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGNhdGVnb3JpZXM/OiB7XG4gICAgICBuYW1lOiBzdHJpbmc7XG4gICAgICBzdWJqZWN0cz86IHtcbiAgICAgICAgbGFiZWw6IHN0cmluZztcbiAgICAgICAgdXJsOiBzdHJpbmc7XG4gICAgICB9W107XG4gICAgfVtdO1xuICB9W107XG59O1xuXG50eXBlIFByb3BzID0gR3JhZGVzUHJvcHMgJiB7XG4gIG9uTmF2aWdhdGU/OiAoKSA9PiB2b2lkO1xufTtcblxuY29uc3QgUHJvZ3JhbW1lU3ViamVjdHMgPSAoeyBncmFkZXMsIG9uTmF2aWdhdGUsIHNlbGVjdGVkR3JhZGUgPSAndmcxJyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgY29uc3QgZ3JhZGUgPSB1c2VNZW1vKFxuICAgICgpID0+IGdyYWRlcz8uZmluZCgoZ3JhZGUpID0+IGdyYWRlLm5hbWUudG9Mb3dlckNhc2UoKSA9PT0gc2VsZWN0ZWRHcmFkZSkgPz8gZ3JhZGVzPy5bMF0sXG4gICAgW2dyYWRlcywgc2VsZWN0ZWRHcmFkZV0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdyYWRlc01lbnUgYXJpYS1sYWJlbD17dCgncHJvZ3JhbW1lLmdyYWRlcycpfT5cbiAgICAgICAge2dyYWRlcz8ubWFwKChpdGVtKSA9PiB7XG4gICAgICAgICAgY29uc3QgY3VycmVudCA9IGl0ZW0ubmFtZS50b0xvd2VyQ2FzZSgpID09PSBzZWxlY3RlZEdyYWRlO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8bGkga2V5PXtpdGVtLm5hbWV9PlxuICAgICAgICAgICAgICA8U2FmZUxpbmtCdXR0b25cbiAgICAgICAgICAgICAgICB0bz17Y3VycmVudCA/ICcnIDogaXRlbS5uYW1lLnRvTG93ZXJDYXNlKCl9XG4gICAgICAgICAgICAgICAgY29sb3JUaGVtZT17aXRlbSAhPT0gZ3JhZGUgPyAnbGlnaHRlcicgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgICAgICAgICAgICBzaXplPVwibm9ybWFsXCJcbiAgICAgICAgICAgICAgICBhcmlhLWN1cnJlbnQ9e2N1cnJlbnR9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7aXRlbS5uYW1lfVxuICAgICAgICAgICAgICA8L1NhZmVMaW5rQnV0dG9uPlxuICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICApO1xuICAgICAgICB9KX1cbiAgICAgIDwvR3JhZGVzTWVudT5cbiAgICAgIHtncmFkZT8ubWlzc2luZ1Byb2dyYW1tZVN1YmplY3RzICYmIDxNZXNzYWdlQm94Pnt0KCdtZXNzYWdlQm94SW5mby5ub0NvbnRlbnQnKX08L01lc3NhZ2VCb3g+fVxuICAgICAge2dyYWRlPy5jYXRlZ29yaWVzPy5tYXAoKGNhdGVnb3J5KSA9PiAoXG4gICAgICAgIDxOYXZpZ2F0aW9uQm94IGtleT17Y2F0ZWdvcnkubmFtZX0gaGVhZGluZz17Y2F0ZWdvcnkubmFtZX0gaXRlbXM9e2NhdGVnb3J5LnN1YmplY3RzfSBvbkNsaWNrPXtvbk5hdmlnYXRlfSAvPlxuICAgICAgKSl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVTdWJqZWN0cztcbiJdfQ== */"));
31
31
  var ProgrammeSubjects = function ProgrammeSubjects(_ref) {
32
+ var _grade$categories;
32
33
  var grades = _ref.grades,
33
34
  onNavigate = _ref.onNavigate,
34
35
  _ref$selectedGrade = _ref.selectedGrade,
@@ -37,14 +38,14 @@ var ProgrammeSubjects = function ProgrammeSubjects(_ref) {
37
38
  t = _useTranslation.t;
38
39
  var grade = (0, _react.useMemo)(function () {
39
40
  var _grades$find;
40
- return (_grades$find = grades.find(function (grade) {
41
+ return (_grades$find = grades === null || grades === void 0 ? void 0 : grades.find(function (grade) {
41
42
  return grade.name.toLowerCase() === selectedGrade;
42
- })) !== null && _grades$find !== void 0 ? _grades$find : grades[0];
43
+ })) !== null && _grades$find !== void 0 ? _grades$find : grades === null || grades === void 0 ? void 0 : grades[0];
43
44
  }, [grades, selectedGrade]);
44
45
  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
45
46
  children: [(0, _jsxRuntime.jsx)(GradesMenu, {
46
47
  "aria-label": t('programme.grades'),
47
- children: grades.map(function (item) {
48
+ children: grades === null || grades === void 0 ? void 0 : grades.map(function (item) {
48
49
  var current = item.name.toLowerCase() === selectedGrade;
49
50
  return (0, _jsxRuntime.jsx)("li", {
50
51
  children: (0, _jsxRuntime.jsx)(_safelink.SafeLinkButton, {
@@ -57,9 +58,9 @@ var ProgrammeSubjects = function ProgrammeSubjects(_ref) {
57
58
  })
58
59
  }, item.name);
59
60
  })
60
- }), grade.missingProgrammeSubjects && (0, _jsxRuntime.jsx)(_Messages.MessageBox, {
61
+ }), (grade === null || grade === void 0 ? void 0 : grade.missingProgrammeSubjects) && (0, _jsxRuntime.jsx)(_Messages.MessageBox, {
61
62
  children: t('messageBoxInfo.noContent')
62
- }), grade.categories.map(function (category) {
63
+ }), grade === null || grade === void 0 ? void 0 : (_grade$categories = grade.categories) === null || _grade$categories === void 0 ? void 0 : _grade$categories.map(function (category) {
63
64
  return (0, _jsxRuntime.jsx)(_Navigation.NavigationBox, {
64
65
  heading: category.name,
65
66
  items: category.subjects,