@ndla/ui 4.3.0 → 5.0.0

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 (177) hide show
  1. package/README.md +11 -11
  2. package/es/Article/Article.js +3 -7
  3. package/es/Article/ArticleByline.js +4 -4
  4. package/es/Article/ArticleNotions.js +37 -92
  5. package/es/ContentTypeBadge/ContentTypeBadge.js +10 -1
  6. package/es/FactBox/FactBox.js +36 -11
  7. package/es/Filter/FilterButtons.js +18 -17
  8. package/es/Filter/FilterCarousel.js +198 -0
  9. package/es/Masthead/Masthead.js +24 -2
  10. package/es/Notion/ConceptNotion.js +57 -0
  11. package/es/Notion/FigureNotion.js +82 -0
  12. package/es/Notion/Notion.js +122 -48
  13. package/es/Notion/NotionImage.js +47 -0
  14. package/es/Notion/NotionVisualElement.js +38 -0
  15. package/es/Notion/index.js +2 -1
  16. package/es/SearchTypeResult/ActiveFilterContent.js +17 -2
  17. package/es/SearchTypeResult/ActiveFilters.js +64 -50
  18. package/es/SearchTypeResult/PopupFilter.js +28 -125
  19. package/es/SearchTypeResult/ResultNavigation.js +41 -14
  20. package/es/SearchTypeResult/SearchFieldHeader.js +20 -41
  21. package/es/SearchTypeResult/SearchFilterContent.js +61 -0
  22. package/es/SearchTypeResult/SearchHeader.js +51 -28
  23. package/es/SearchTypeResult/SearchItem.js +64 -190
  24. package/es/SearchTypeResult/SearchItemList.js +132 -0
  25. package/es/SearchTypeResult/SearchItems.js +17 -13
  26. package/es/SearchTypeResult/SearchNotionItem.js +13 -13
  27. package/es/SearchTypeResult/SearchNotionsResult.js +16 -21
  28. package/es/SearchTypeResult/SearchTypeHeader.js +43 -26
  29. package/es/SearchTypeResult/SearchTypeResult.js +7 -5
  30. package/es/SearchTypeResult/SearchViewType.js +93 -0
  31. package/es/SearchTypeResult/components/ItemContexts.js +125 -0
  32. package/es/SearchTypeResult/components/ItemResourceHeader.js +87 -0
  33. package/es/SearchTypeResult/components/ItemTopicHeader.js +56 -0
  34. package/es/SearchTypeResult/components/SubjectFilters.js +177 -0
  35. package/es/SearchTypeResult/index.js +2 -1
  36. package/es/all.css +1 -1
  37. package/es/index-javascript.js +1 -2
  38. package/es/index.js +3 -2
  39. package/es/locale/messages-en.js +21 -6
  40. package/es/locale/messages-nb.js +21 -6
  41. package/es/locale/messages-nn.js +22 -7
  42. package/es/model/ContentType.js +2 -1
  43. package/es/shapes.js +1 -1
  44. package/lib/Article/Article.d.ts +4 -5
  45. package/lib/Article/Article.js +3 -7
  46. package/lib/Article/ArticleByline.js +4 -4
  47. package/lib/Article/ArticleNotions.d.ts +3 -8
  48. package/lib/Article/ArticleNotions.js +41 -90
  49. package/lib/ContentTypeBadge/ContentTypeBadge.d.ts +1 -0
  50. package/lib/ContentTypeBadge/ContentTypeBadge.js +14 -2
  51. package/lib/FactBox/FactBox.js +41 -8
  52. package/lib/Filter/FilterButtons.d.ts +3 -10
  53. package/lib/Filter/FilterButtons.js +19 -17
  54. package/lib/Filter/FilterCarousel.d.ts +13 -0
  55. package/lib/Filter/FilterCarousel.js +207 -0
  56. package/lib/Masthead/Masthead.js +30 -2
  57. package/lib/Notion/ConceptNotion.d.ts +25 -0
  58. package/lib/Notion/ConceptNotion.js +79 -0
  59. package/lib/Notion/FigureNotion.d.ts +23 -0
  60. package/lib/Notion/FigureNotion.js +97 -0
  61. package/lib/Notion/Notion.d.ts +24 -11
  62. package/lib/Notion/Notion.js +120 -48
  63. package/lib/Notion/NotionImage.d.ts +15 -0
  64. package/lib/Notion/NotionImage.js +63 -0
  65. package/lib/Notion/NotionVisualElement.d.ts +22 -0
  66. package/lib/Notion/NotionVisualElement.js +51 -0
  67. package/lib/Notion/index.d.ts +1 -0
  68. package/lib/Notion/index.js +8 -0
  69. package/lib/SearchTypeResult/ActiveFilterContent.js +16 -9
  70. package/lib/SearchTypeResult/ActiveFilters.d.ts +2 -1
  71. package/lib/SearchTypeResult/ActiveFilters.js +65 -50
  72. package/lib/SearchTypeResult/PopupFilter.d.ts +13 -19
  73. package/lib/SearchTypeResult/PopupFilter.js +27 -123
  74. package/lib/SearchTypeResult/ResultNavigation.d.ts +2 -2
  75. package/lib/SearchTypeResult/ResultNavigation.js +38 -14
  76. package/lib/SearchTypeResult/SearchFieldHeader.d.ts +3 -8
  77. package/lib/SearchTypeResult/SearchFieldHeader.js +18 -39
  78. package/lib/SearchTypeResult/SearchFilterContent.d.ts +16 -0
  79. package/lib/SearchTypeResult/SearchFilterContent.js +67 -0
  80. package/lib/SearchTypeResult/SearchHeader.d.ts +3 -7
  81. package/lib/SearchTypeResult/SearchHeader.js +59 -30
  82. package/lib/SearchTypeResult/SearchItem.d.ts +8 -12
  83. package/lib/SearchTypeResult/SearchItem.js +64 -187
  84. package/lib/SearchTypeResult/SearchItemList.d.ts +10 -0
  85. package/lib/SearchTypeResult/SearchItemList.js +139 -0
  86. package/lib/SearchTypeResult/SearchItems.d.ts +4 -3
  87. package/lib/SearchTypeResult/SearchItems.js +18 -13
  88. package/lib/SearchTypeResult/SearchNotionItem.js +13 -13
  89. package/lib/SearchTypeResult/SearchNotionsResult.d.ts +2 -4
  90. package/lib/SearchTypeResult/SearchNotionsResult.js +23 -23
  91. package/lib/SearchTypeResult/SearchTypeHeader.d.ts +2 -2
  92. package/lib/SearchTypeResult/SearchTypeHeader.js +40 -25
  93. package/lib/SearchTypeResult/SearchTypeResult.d.ts +7 -6
  94. package/lib/SearchTypeResult/SearchTypeResult.js +7 -5
  95. package/lib/SearchTypeResult/SearchViewType.d.ts +13 -0
  96. package/lib/SearchTypeResult/SearchViewType.js +99 -0
  97. package/lib/SearchTypeResult/components/ItemContexts.d.ts +19 -0
  98. package/lib/SearchTypeResult/components/ItemContexts.js +134 -0
  99. package/lib/SearchTypeResult/components/ItemResourceHeader.d.ts +16 -0
  100. package/lib/SearchTypeResult/components/ItemResourceHeader.js +98 -0
  101. package/lib/SearchTypeResult/components/ItemTopicHeader.d.ts +17 -0
  102. package/lib/SearchTypeResult/components/ItemTopicHeader.js +67 -0
  103. package/lib/SearchTypeResult/components/SubjectFilters.d.ts +32 -0
  104. package/lib/SearchTypeResult/components/SubjectFilters.js +192 -0
  105. package/lib/SearchTypeResult/index.d.ts +2 -1
  106. package/lib/SearchTypeResult/index.js +8 -0
  107. package/lib/all.css +1 -1
  108. package/lib/index-javascript.js +0 -20
  109. package/lib/index.d.ts +2 -1
  110. package/lib/index.js +24 -1
  111. package/lib/locale/messages-en.d.ts +16 -1
  112. package/lib/locale/messages-en.js +21 -6
  113. package/lib/locale/messages-nb.d.ts +15 -0
  114. package/lib/locale/messages-nb.js +21 -6
  115. package/lib/locale/messages-nn.d.ts +16 -1
  116. package/lib/locale/messages-nn.js +22 -7
  117. package/lib/model/ContentType.d.ts +1 -0
  118. package/lib/model/ContentType.js +4 -2
  119. package/lib/shapes.js +1 -1
  120. package/lib/types.d.ts +1 -0
  121. package/package.json +14 -15
  122. package/src/Article/Article.tsx +8 -15
  123. package/src/Article/ArticleByline.tsx +1 -1
  124. package/src/Article/ArticleNotions.tsx +13 -33
  125. package/src/ContentTypeBadge/ContentTypeBadge.tsx +8 -0
  126. package/src/ContentTypeBadge/component.content-type-badge.scss +5 -0
  127. package/src/FactBox/FactBox.tsx +22 -15
  128. package/src/Figure/component.figure.scss +1 -1
  129. package/src/Filter/FilterButtons.tsx +14 -15
  130. package/src/Filter/FilterCarousel.tsx +166 -0
  131. package/src/Masthead/Masthead.tsx +42 -18
  132. package/src/Notion/ConceptNotion.tsx +80 -0
  133. package/src/Notion/FigureNotion.tsx +86 -0
  134. package/src/Notion/Notion.tsx +205 -75
  135. package/src/Notion/NotionImage.tsx +51 -0
  136. package/src/Notion/NotionVisualElement.tsx +50 -0
  137. package/src/Notion/index.ts +1 -0
  138. package/src/SearchTypeResult/ActiveFilterContent.tsx +7 -2
  139. package/src/SearchTypeResult/ActiveFilters.tsx +72 -38
  140. package/src/SearchTypeResult/PopupFilter.tsx +73 -146
  141. package/src/SearchTypeResult/ResultNavigation.tsx +54 -16
  142. package/src/SearchTypeResult/SearchFieldHeader.tsx +15 -40
  143. package/src/SearchTypeResult/SearchFilterContent.tsx +63 -0
  144. package/src/SearchTypeResult/SearchHeader.tsx +31 -31
  145. package/src/SearchTypeResult/SearchItem.tsx +145 -233
  146. package/src/SearchTypeResult/SearchItemList.tsx +167 -0
  147. package/src/SearchTypeResult/SearchItems.tsx +26 -19
  148. package/src/SearchTypeResult/SearchNotionItem.tsx +5 -12
  149. package/src/SearchTypeResult/SearchNotionsResult.tsx +29 -22
  150. package/src/SearchTypeResult/SearchTypeHeader.tsx +51 -33
  151. package/src/SearchTypeResult/SearchTypeResult.tsx +13 -12
  152. package/src/SearchTypeResult/SearchViewType.tsx +109 -0
  153. package/src/SearchTypeResult/components/ItemContexts.tsx +138 -0
  154. package/src/SearchTypeResult/components/ItemResourceHeader.tsx +133 -0
  155. package/src/SearchTypeResult/components/ItemTopicHeader.tsx +95 -0
  156. package/src/SearchTypeResult/components/SubjectFilters.tsx +152 -0
  157. package/src/SearchTypeResult/index.ts +9 -1
  158. package/src/index-javascript.js +0 -2
  159. package/src/index.ts +3 -0
  160. package/src/locale/messages-en.ts +19 -4
  161. package/src/locale/messages-nb.ts +19 -4
  162. package/src/locale/messages-nn.ts +20 -5
  163. package/src/model/ContentType.ts +1 -0
  164. package/src/shapes.js +1 -0
  165. package/src/types.ts +1 -0
  166. package/es/Embedded/Facebook.js +0 -19
  167. package/es/Embedded/FacebookPage.js +0 -22
  168. package/es/Embedded/Twitter.js +0 -121
  169. package/es/Embedded/index.js +0 -3
  170. package/lib/Embedded/Facebook.js +0 -32
  171. package/lib/Embedded/FacebookPage.js +0 -35
  172. package/lib/Embedded/Twitter.js +0 -132
  173. package/lib/Embedded/index.js +0 -31
  174. package/src/Embedded/Facebook.jsx +0 -17
  175. package/src/Embedded/FacebookPage.jsx +0 -24
  176. package/src/Embedded/Twitter.jsx +0 -71
  177. package/src/Embedded/index.js +0 -3
@@ -1,71 +0,0 @@
1
- import { Component, createElement } from 'react';
2
- import PropTypes from 'prop-types';
3
-
4
- class EmbeddedTwitter extends Component {
5
- static removeChildren(node) {
6
- if (node) {
7
- while (node.firstChild) {
8
- node.removeChild(node.firstChild);
9
- }
10
- }
11
- }
12
-
13
- constructor(props) {
14
- super(props);
15
- this.loadWidget = this.loadWidget.bind(this);
16
- }
17
-
18
- componentDidMount() {
19
- if (window.twttr) {
20
- this.loadWidget();
21
- }
22
- }
23
-
24
- shouldComponentUpdate(nextProps) {
25
- return this.props.screenName !== nextProps.screenName;
26
- }
27
-
28
- componentDidUpdate() {
29
- if (window.twttr) {
30
- this.loadWidget();
31
- }
32
- }
33
-
34
- componentWillUnmount() {
35
- EmbeddedTwitter.removeChildren(this.widgetWrapper);
36
- }
37
-
38
- loadWidget() {
39
- window.twttr.ready((tw) => {
40
- // Delete existing
41
- EmbeddedTwitter.removeChildren(this.widgetWrapper);
42
-
43
- const { screenName, tweetLimit } = this.props;
44
- // Create widget
45
- tw.widgets.createTimeline({ sourceType: 'profile', screenName }, this.widgetWrapper, {
46
- tweetLimit,
47
- chrome: 'noheader nofooter noborders',
48
- borderColor: '#e8e3e3',
49
- });
50
- });
51
- }
52
-
53
- render() {
54
- return createElement('div', {
55
- ref: (c) => {
56
- this.widgetWrapper = c;
57
- },
58
- });
59
- }
60
- }
61
-
62
- EmbeddedTwitter.propTypes = {
63
- screenName: PropTypes.string.isRequired,
64
- tweetLimit: PropTypes.number,
65
- };
66
-
67
- EmbeddedTwitter.defaultProps = {
68
- tweetLimit: 10,
69
- };
70
-
71
- export default EmbeddedTwitter;
@@ -1,3 +0,0 @@
1
- export { default as EmbeddedTwitter } from './Twitter';
2
- export { default as EmbeddedFacebook } from './Facebook';
3
- export { default as EmbeddedFacebookPage } from './FacebookPage';