@ndla/ui 3.3.13 → 3.3.14

package/es/index-javascript.js

@@ -7,11 +7,7 @@
  */
 export { FilterList, FilterListPhone, FilterButtons } from './Filter';
 export { SearchOverlay, SearchField, SearchPage, SearchResult, SearchResultAuthor, SearchResultList, SearchResultItem, SearchFilter, SearchFilterList, SearchPopoverFilter, ActiveFilters, ToggleSearchButton } from './Search';
-export { default as ContentTypeBadge, SubjectMaterialBadge, TasksAndActivitiesBadge, AssessmentResourcesBadge, LearningPathBadge, SubjectBadge, ExternalLearningResourcesBadge, SourceMaterialBadge } from './ContentTypeBadge';
 export { default as TopicIntroductionList } from './TopicIntroductionList';
 export { default as TopicMenu, TopicMenuButton } from './TopicMenu';
 export { default as CompetenceGoals, CompetenceGoalList, CompetenceGoalListHeading, CompetenceGoal, CompetenceGoalsDialog } from './CompetenceGoals';
-export { MediaList, MediaListItem, MediaListItemBody, MediaListItemActions, MediaListItemImage, MediaListItemMeta } from './MediaList';
-export { EmbeddedTwitter, EmbeddedFacebook, EmbeddedFacebookPage } from './Embedded';
-export { DisplayOnPageYOffset } from './Animation';
-export { FilmSlideshow, MovieGrid, AboutNdlaFilm, FilmMovieSearch, FilmMovieList, AllMoviesAlphabetically } from './NDLAFilm';
+export { EmbeddedTwitter, EmbeddedFacebook, EmbeddedFacebookPage } from './Embedded';

package/es/index.js

@@ -65,6 +65,10 @@ export { default as Breadcrumb, BreadcrumbBlock } from './Breadcrumb';
 export { i18nInstance, formatNestedMessages, formatMessage } from './i18n';
 export { default as ResourceGroup } from './ResourceGroup';
 export { default as LayoutItem, OneColumn, PageContainer, Content } from './Layout';
+export { FilmSlideshow, MovieGrid, AboutNdlaFilm, FilmMovieSearch, FilmMovieList, AllMoviesAlphabetically } from './NDLAFilm';
+export { DisplayOnPageYOffset } from './Animation';
+export { MediaList, MediaListItem, MediaListItemBody, MediaListItemActions, MediaListItemImage, MediaListItemMeta } from './MediaList';
+export { default as ContentTypeBadge, SubjectMaterialBadge, TasksAndActivitiesBadge, AssessmentResourcesBadge, LearningPathBadge, SubjectBadge, ExternalLearningResourcesBadge, SourceMaterialBadge } from './ContentTypeBadge';
 export { SubjectAbout, SubjectArchive, SubjectCarousel, SubjectChildContent, SubjectContent, SubjectFilter, SubjectFlexChild, SubjectFlexWrapper, SubjectHeader, SubjectLinks, SubjectNewContent, SubjectSecondaryContent, SubjectSectionTitle, SubjectShortcuts, SubjectSidebarWrapper, SubjectSocialContent, SubjectSocialSection, SubjectTopics, SubjectBanner } from './Subject';
 export { default as ContentCard } from './ContentCard';
 export { default as CopyParagraphButton } from './CopyParagraphButton';

package/es/shapes.js

@@ -59,12 +59,6 @@ export var ResourceShape = PropTypes.shape({
   contentType: PropTypes.string,
   type: PropTypes.string
 });
-export var ShortcutShape = PropTypes.shape({
-  tooltip: PropTypes.string.isRequired,
-  contentType: PropTypes.string.isRequired,
-  url: PropTypes.string.isRequired,
-  count: PropTypes.number.isRequired
-});
 export var ContentTypeShape = PropTypes.oneOf([contentTypes.SUBJECT_MATERIAL, contentTypes.TASKS_AND_ACTIVITIES, contentTypes.ASSESSMENT_RESOURCES, contentTypes.SUBJECT, contentTypes.EXTERNAL_LEARNING_RESOURCES, contentTypes.SOURCE_MATERIAL, contentTypes.LEARNING_PATH, contentTypes.TOPIC, 'beta', 'ndla-film', 'ndla-film has-image']);
 export var ContentTypeResultShape = PropTypes.shape({
   title: PropTypes.string.isRequired,

package/lib/Figure/Figure.js

@@ -92,10 +92,12 @@ var Figure = function Figure(_ref2) {
       rest = _objectWithoutProperties(_ref2, ["children", "type", "resizeIframe"]);
 
   var typeClass = type === 'full-column' ? 'c-figure--full-column' : "u-float-".concat(type);
+  var right = ['small-right', 'xsmall-right'].includes(type);
   return (0, _core.jsx)("figure", _extends({
     "data-sizetype": type
   }, classes('', {
-    resize: !!resizeIframe
+    resize: !!resizeIframe,
+    right: right
   }, typeClass), rest), isFunction(children) ? children({
     typeClass: typeClass
   }) : children);

package/lib/NDLAFilm/AboutNdlaFilm.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+interface Props {
+    aboutNDLAVideo: {
+        title: string;
+        description: string;
+        visualElement: {
+            alt?: string;
+            url: string;
+            type: string;
+        };
+    };
+    moreAboutNdlaFilm: ReactNode;
+}
+declare const AboutNdlaFilm: ({ aboutNDLAVideo, moreAboutNdlaFilm }: Props) => JSX.Element;
+export default AboutNdlaFilm;

package/lib/NDLAFilm/AboutNdlaFilm.js

@@ -11,9 +11,7 @@ var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _ui = require("@ndla/ui");
+var _reactI18next = require("react-i18next");
 
 var _modal = _interopRequireWildcard(require("@ndla/modal"));
 
@@ -21,7 +19,7 @@ var _core = require("@ndla/core");
 
 var _button = _interopRequireDefault(require("@ndla/button"));
 
-var _reactI18next = require("react-i18next");
+var _ = require("..");
 
 var _VisualElement = _interopRequireDefault(require("./VisualElement"));
 
@@ -33,12 +31,13 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+//@ts-ignore
 var StyledAside = (0, _styledBase["default"])("aside", {
-  target: "e1x8cq510",
+  target: "ehw69710",
   label: "StyledAside"
 })("background:#184673;color:#fff;display:flex;padding:", _core.spacing.normal, " ", _core.spacing.normal, " ", _core.spacing.medium, ";> div{padding:", _core.spacing.normal, ";width:50%;h1{@include font-size(22px,26px);font-weight:", _core.fonts.weight.bold, ";text-transform:uppercase;letter-spacing:0.05em;color:#fff;margin:0 0 ", _core.spacing.small, " 0;}}button{text-align:left;color:#fff;&:hover,&:focus{color:", _core.colors.brand.light, ";}}", _core.mq.range({
   until: _core.breakpoints.tablet
-}), "{flex-direction:column;> div{width:auto;&:first-of-type{padding-bottom:0;}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFib3V0TmRsYUZpbG0uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVnQyIsImZpbGUiOiJBYm91dE5kbGFGaWxtLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgT25lQ29sdW1uIH0gZnJvbSAnQG5kbGEvdWknO1xuaW1wb3J0IE1vZGFsLCB7IE1vZGFsSGVhZGVyLCBNb2RhbEJvZHksIE1vZGFsQ2xvc2VCdXR0b24gfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIGZvbnRzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgVmlzdWFsRWxlbWVudCBmcm9tICcuL1Zpc3VhbEVsZW1lbnQnO1xuXG5jb25zdCBTdHlsZWRBc2lkZSA9IHN0eWxlZC5hc2lkZWBcbiAgYmFja2dyb3VuZDogIzE4NDY3MztcbiAgY29sb3I6ICNmZmY7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICA+IGRpdiB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgd2lkdGg6IDUwJTtcbiAgICBoMSB7XG4gICAgICBAaW5jbHVkZSBmb250LXNpemUoMjJweCwgMjZweCk7XG4gICAgICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gICAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgICAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgIH1cbiAgfVxuICBidXR0b24ge1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICA+IGRpdiB7XG4gICAgICB3aWR0aDogYXV0bztcbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgQWJvdXROZGxhRmlsbSA9ICh7IGFib3V0TkRMQVZpZGVvLCBtb3JlQWJvdXROZGxhRmlsbSB9KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cIm8td3JhcHBlclwiPlxuICAgICAgPFN0eWxlZEFzaWRlPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxWaXN1YWxFbGVtZW50IHZpc3VhbEVsZW1lbnQ9e2Fib3V0TkRMQVZpZGVvLnZpc3VhbEVsZW1lbnR9IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxoMT57YWJvdXRORExBVmlkZW8udGl0bGV9PC9oMT5cbiAgICAgICAgICA8cD57YWJvdXRORExBVmlkZW8uZGVzY3JpcHRpb259PC9wPlxuICAgICAgICAgIDxNb2RhbCBzaXplPVwiZnVsbHNjcmVlblwiIGFjdGl2YXRlQnV0dG9uPXs8QnV0dG9uIGxpbms+e3QoJ25kbGFGaWxtLmFib3V0Lm1vcmUnKX08L0J1dHRvbj59PlxuICAgICAgICAgICAgeyhvbkNsb3NlKSA9PiAoXG4gICAgICAgICAgICAgIDxPbmVDb2x1bW4gY3NzTW9kaWZpZXI9XCJtZWRpdW1cIj5cbiAgICAgICAgICAgICAgICA8TW9kYWxIZWFkZXI+XG4gICAgICAgICAgICAgICAgICA8TW9kYWxDbG9zZUJ1dHRvbiBvbkNsaWNrPXtvbkNsb3NlfSB0aXRsZT1cIkx1a2tcIiAvPlxuICAgICAgICAgICAgICAgIDwvTW9kYWxIZWFkZXI+XG4gICAgICAgICAgICAgICAgPE1vZGFsQm9keT57bW9yZUFib3V0TmRsYUZpbG19PC9Nb2RhbEJvZHk+XG4gICAgICAgICAgICAgIDwvT25lQ29sdW1uPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L01vZGFsPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvU3R5bGVkQXNpZGU+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5BYm91dE5kbGFGaWxtLnByb3BUeXBlcyA9IHtcbiAgYWJvdXRORExBVmlkZW86IFByb3BUeXBlcy5zaGFwZSh7XG4gICAgdGl0bGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgdmlzdWFsRWxlbWVudDogUHJvcFR5cGVzLnNoYXBlKHtcbiAgICAgIHVybDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgIGFsdDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgIHR5cGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgfSksXG4gIH0pLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgQWJvdXROZGxhRmlsbTtcbiJdfQ== */"));
+}), "{flex-direction:column;> div{width:auto;&:first-of-type{padding-bottom:0;}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFib3V0TmRsYUZpbG0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVnQyIsImZpbGUiOiJBYm91dE5kbGFGaWxtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IE1vZGFsLCB7IE1vZGFsSGVhZGVyLCBNb2RhbEJvZHksIE1vZGFsQ2xvc2VCdXR0b24gfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIGZvbnRzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbi8vQHRzLWlnbm9yZVxuaW1wb3J0IEJ1dHRvbiBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgT25lQ29sdW1uIH0gZnJvbSAnLi4nO1xuaW1wb3J0IFZpc3VhbEVsZW1lbnQgZnJvbSAnLi9WaXN1YWxFbGVtZW50JztcblxuY29uc3QgU3R5bGVkQXNpZGUgPSBzdHlsZWQuYXNpZGVgXG4gIGJhY2tncm91bmQ6ICMxODQ2NzM7XG4gIGNvbG9yOiAjZmZmO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubWVkaXVtfTtcbiAgPiBkaXYge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIHdpZHRoOiA1MCU7XG4gICAgaDEge1xuICAgICAgQGluY2x1ZGUgZm9udC1zaXplKDIycHgsIDI2cHgpO1xuICAgICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICAgICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICAgIGxldHRlci1zcGFjaW5nOiAwLjA1ZW07XG4gICAgICBjb2xvcjogI2ZmZjtcbiAgICAgIG1hcmdpbjogMCAwICR7c3BhY2luZy5zbWFsbH0gMDtcbiAgICB9XG4gIH1cbiAgYnV0dG9uIHtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIGNvbG9yOiAjZmZmO1xuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICAgIH1cbiAgfVxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgPiBkaXYge1xuICAgICAgd2lkdGg6IGF1dG87XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFib3V0TkRMQVZpZGVvOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICAgIHZpc3VhbEVsZW1lbnQ6IHtcbiAgICAgIGFsdD86IHN0cmluZztcbiAgICAgIHVybDogc3RyaW5nO1xuICAgICAgdHlwZTogc3RyaW5nO1xuICAgIH07XG4gIH07XG4gIG1vcmVBYm91dE5kbGFGaWxtOiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEFib3V0TmRsYUZpbG0gPSAoeyBhYm91dE5ETEFWaWRlbywgbW9yZUFib3V0TmRsYUZpbG0gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPVwiby13cmFwcGVyXCI+XG4gICAgICA8U3R5bGVkQXNpZGU+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPFZpc3VhbEVsZW1lbnQgdmlzdWFsRWxlbWVudD17YWJvdXRORExBVmlkZW8udmlzdWFsRWxlbWVudH0gLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPGgxPnthYm91dE5ETEFWaWRlby50aXRsZX08L2gxPlxuICAgICAgICAgIDxwPnthYm91dE5ETEFWaWRlby5kZXNjcmlwdGlvbn08L3A+XG4gICAgICAgICAgPE1vZGFsIHNpemU9XCJmdWxsc2NyZWVuXCIgYWN0aXZhdGVCdXR0b249ezxCdXR0b24gbGluaz57dCgnbmRsYUZpbG0uYWJvdXQubW9yZScpfTwvQnV0dG9uPn0+XG4gICAgICAgICAgICB7KG9uQ2xvc2UpID0+IChcbiAgICAgICAgICAgICAgPE9uZUNvbHVtbiBjc3NNb2RpZmllcj1cIm1lZGl1bVwiPlxuICAgICAgICAgICAgICAgIDxNb2RhbEhlYWRlcj5cbiAgICAgICAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e29uQ2xvc2V9IHRpdGxlPVwiTHVra1wiIC8+XG4gICAgICAgICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICAgICAgICA8TW9kYWxCb2R5Pnttb3JlQWJvdXROZGxhRmlsbX08L01vZGFsQm9keT5cbiAgICAgICAgICAgICAgPC9PbmVDb2x1bW4+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvTW9kYWw+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9TdHlsZWRBc2lkZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFib3V0TmRsYUZpbG07XG4iXX0= */"));
 
 var AboutNdlaFilm = function AboutNdlaFilm(_ref) {
   var aboutNDLAVideo = _ref.aboutNDLAVideo,
@@ -57,7 +56,7 @@ var AboutNdlaFilm = function AboutNdlaFilm(_ref) {
       link: true
     }, t('ndlaFilm.about.more'))
   }, function (onClose) {
-    return (0, _core2.jsx)(_ui.OneColumn, {
+    return (0, _core2.jsx)(_.OneColumn, {
       cssModifier: "medium"
     }, (0, _core2.jsx)(_modal.ModalHeader, null, (0, _core2.jsx)(_modal.ModalCloseButton, {
       onClick: onClose,
@@ -66,16 +65,5 @@ var AboutNdlaFilm = function AboutNdlaFilm(_ref) {
   }))));
 };
 
-AboutNdlaFilm.propTypes = {
-  aboutNDLAVideo: _propTypes["default"].shape({
-    title: _propTypes["default"].string,
-    description: _propTypes["default"].string,
-    visualElement: _propTypes["default"].shape({
-      url: _propTypes["default"].string,
-      alt: _propTypes["default"].string,
-      type: _propTypes["default"].string
-    })
-  })
-};
 var _default = AboutNdlaFilm;
 exports["default"] = _default;

package/lib/NDLAFilm/AllMoviesAlphabetically.d.ts

@@ -6,9 +6,9 @@
  *
  */
 import React from 'react';
-import { movieType } from './types';
+import { MovieType } from './types';
 interface Props {
-    movies: movieType[];
+    movies: MovieType[];
     locale: string;
 }
 declare const AllMoviesAlphabetically: React.FunctionComponent<Props>;