@ndla/ui 3.2.1-alpha.14 → 3.2.1

package/src/Translation/{Translation.jsx → Translation.tsx}

@@ -6,8 +6,7 @@
  *
  */
 
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { ReactNode } from 'react';
 import BEMHelper from 'react-bem-helper';
 
 const classes = new BEMHelper({
@@ -15,16 +14,16 @@ const classes = new BEMHelper({
   prefix: 'c-',
 });
 
-const Translation = ({ children, index }) => (
+interface Props {
+  children: ReactNode;
+  index: number;
+}
+
+const Translation = ({ children, index }: Props) => (
   <div {...classes('')}>
     <div {...classes('index')}>{index}</div>
     <dl {...classes('wrapper')}>{children}</dl>
   </div>
 );
 
-Translation.propTypes = {
-  index: PropTypes.number.isRequired,
-  children: PropTypes.node.isRequired,
-};
-
 export default Translation;

package/src/Translation/TranslationBox.tsx

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+//@ts-ignore
+import { ArticleTabs } from '@ndla/tabs';
+
+interface Props {
+  tabs: {
+    id: string;
+    title: string;
+    content: () => ReactNode | ReactNode;
+  }[];
+}
+const TranslationBox = ({ tabs }: Props) => (
+  <div className="c-translation-box">
+    <div className="c-bodybox c-bodybox--translation">
+      <ArticleTabs tabs={tabs} />
+    </div>
+  </div>
+);
+
+export default TranslationBox;

package/src/Translation/{TranslationLine.jsx → TranslationLine.tsx}

@@ -6,8 +6,7 @@
  *
  */
 
-import React, { Fragment } from 'react';
-import PropTypes from 'prop-types';
+import React, { ReactNode } from 'react';
 import BEMHelper from 'react-bem-helper';
 
 const classes = new BEMHelper({
@@ -15,15 +14,22 @@ const classes = new BEMHelper({
   prefix: 'c-',
 });
 
-const TranslationLine = ({ children, lang, langName, isTerm }) => {
+interface Props {
+  isTerm?: boolean;
+  children: ReactNode;
+  lang?: string;
+  langName?: string;
+}
+
+const TranslationLine = ({ children, lang, langName, isTerm = false }: Props) => {
   const hasLang = langName && lang;
   const content = (
-    <Fragment>
+    <>
       <div {...classes('line-body')} lang={lang}>
         {children}
       </div>
       {hasLang && <div {...classes('line-lang')}>{langName}</div>}
-    </Fragment>
+    </>
   );
 
   if (isTerm) {
@@ -33,17 +39,4 @@ const TranslationLine = ({ children, lang, langName, isTerm }) => {
   return <dd {...classes('line', hasLang ? 'lang' : '')}>{content}</dd>;
 };
 
-TranslationLine.propTypes = {
-  isTerm: PropTypes.bool,
-  children: PropTypes.node.isRequired,
-  lang: PropTypes.string,
-  langName: PropTypes.string,
-};
-
-TranslationLine.defaultProps = {
-  isTerm: false,
-  lang: undefined,
-  langName: undefined,
-};
-
 export default TranslationLine;

package/{es/Translation/index.js → src/Translation/index.ts}

@@ -1,3 +1,3 @@
 export { default as Translation } from './Translation';
 export { default as TranslationBox } from './TranslationBox';
-export { default as TranslationLine } from './TranslationLine';
+export { default as TranslationLine } from './TranslationLine';

package/src/index-javascript.js

@@ -6,13 +6,9 @@
  *
  */
 
-export { InfoBox } from './InfoBox';
-
-export { default as Logo } from './Logo';
 export { default as Table } from './Table';
 export { FilterList, FilterListPhone, FilterButtons } from './Filter';
 export { default as FactBox } from './FactBox';
-export { default as FileList, File } from './FileList';
 
 export {
   SearchOverlay,
@@ -51,21 +47,7 @@ export {
   CompetenceGoalsDialog,
 } from './CompetenceGoals';
 
-export { default as NoContentBox } from './NoContentBox';
-
 export { default as ResourcesWrapper, ResourcesTitle, ResourcesTopicTitle } from './ResourcesWrapper';
-export {
-  SubjectMaterialHero,
-  TasksAndActivitiesHero,
-  AssessmentResourcesHero,
-  SubjectHero,
-  ExternalLearningResourcesHero,
-  SourceMaterialHero,
-  Hero,
-  NdlaFilmHero,
-} from './Hero';
-export { default as Masthead, MastheadItem } from './Masthead';
-export { Figure, FigureCaption, FigureLicenseDialog, FigureExpandButton } from './Figure';
 export {
   MediaList,
   MediaListItem,
@@ -77,17 +59,8 @@ export {
 
 export { EmbeddedTwitter, EmbeddedFacebook, EmbeddedFacebookPage } from './Embedded';
 
-export { default as Image, ImageLink } from './Image';
-export { makeSrcQueryString } from './Image';
-export { default as Portrait } from './Portrait';
-export { Translation, TranslationLine, TranslationBox } from './Translation';
-
-export { default as ContentLoader } from './ContentLoader';
-
 export { DisplayOnPageYOffset } from './Animation';
 
-export { default as InfoWidget } from './InfoWidget';
-
 export {
   FilmSlideshow,
   MovieGrid,
@@ -96,5 +69,3 @@ export {
   FilmMovieList,
   AllMoviesAlphabetically,
 } from './NDLAFilm';
-
-export { default as Spinner } from './Spinner';

package/src/index.ts

@@ -24,10 +24,26 @@ export {
   default as Article,
 } from './Article';
 
+export { default as NoContentBox } from './NoContentBox';
+
+export { default as Masthead, MastheadItem } from './Masthead';
+
+export { default as Portrait } from './Portrait';
+
+export { default as ContentLoader } from './ContentLoader';
+
 export { ErrorResourceAccessDenied, default as ErrorMessage } from './ErrorMessage';
 
+export { default as FileList, File } from './FileList';
+
 export { BlogPost, BlogPostWrapper } from './BlogPosts';
 
+export { default as Logo } from './Logo';
+
+export { InfoBox } from './InfoBox';
+
+export { default as InfoWidget } from './InfoWidget';
+
 export {
   FrontpageInfo,
   FrontpageFilm,
@@ -39,8 +55,24 @@ export {
   FrontpageProgramMenu,
 } from './Frontpage';
 
+export { default as Image, ImageLink } from './Image';
+export { makeSrcQueryString } from './Image';
+
+export {
+  SubjectMaterialHero,
+  TasksAndActivitiesHero,
+  AssessmentResourcesHero,
+  SubjectHero,
+  ExternalLearningResourcesHero,
+  SourceMaterialHero,
+  Hero,
+  NdlaFilmHero,
+} from './Hero';
+
 export { Footer, EditorName, FooterText, FooterAuth } from './Footer';
 
+export { Figure, FigureCaption, FigureLicenseDialog, FigureExpandButton } from './Figure';
+
 export { LanguageSelector } from './LanguageSelector';
 
 export {
@@ -55,6 +87,9 @@ export {
   LearningPathMobileStepInfo,
   LearningPathMobileHeader,
 } from './LearningPaths';
+export { Translation, TranslationLine, TranslationBox } from './Translation';
+
+export { default as Spinner } from './Spinner';
 
 export { default as SearchResultSleeve } from './Search/SearchResultSleeve';
 

package/src/locale/messages-en.ts

@@ -808,6 +808,10 @@ const messages = {
     reuse: 'Use video',
     error: 'Sorry, an error occurred while loading the video or metadata about the video.',
   },
+  other: {
+    download: 'Download content',
+    reuse: 'Use content',
+  },
   concept: {
     showDescription: 'Show concept description',
     error: {

package/src/locale/messages-nb.ts

@@ -538,7 +538,7 @@ const messages = {
     es: 'Spansk',
     zh: 'Kinesisk',
     unknown: 'Ukjent',
-    prefixChangeLanguage: 'Velg målform',
+    prefixChangeLanguage: 'Velg språk',
   },
   changeLanguage: {
     nb: 'Endre språk til bokmål',
@@ -807,6 +807,10 @@ const messages = {
     reuse: 'Bruk video',
     error: 'Beklager, en feil oppstod ved lasting av videoen eller metadata om videoen.',
   },
+  other: {
+    download: 'Last ned innhold',
+    reuse: 'Bruk innhold',
+  },
   concept: {
     showDescription: 'Vis beskrivelsen av forklaringen.',
     error: {

package/src/locale/messages-nn.ts

@@ -539,7 +539,7 @@ const messages = {
     es: 'Spansk',
     zh: 'Kinesisk',
     unknown: 'Ukjent',
-    prefixChangeLanguage: 'Vel målform',
+    prefixChangeLanguage: 'Vel språk',
   },
   changeLanguage: {
     nb: 'Endre språk til bokmål',
@@ -808,6 +808,10 @@ const messages = {
     reuse: 'Bruk video',
     error: 'Orsak, ein feil oppstod ved lasting av videoen eller metadata om videoen.',
   },
+  other: {
+    download: 'Last ned innhald',
+    reuse: 'Bruk innhald',
+  },
   concept: {
     showDescription: 'Vis skildring av forklaringa',
     error: {

package/src/types.ts

@@ -45,6 +45,18 @@ export interface License {
   license: string;
 }
 
+export interface ImageCrop {
+  startX: number;
+  startY: number;
+  endX: number;
+  endY: number;
+}
+
+export interface ImageFocalPoint {
+  x: number;
+  y: number;
+}
+
 export interface Copyright {
   license: License;
   creators: Array<Contributor>;

package/es/BackgroundImage/BackgroundImage.js

@@ -1,37 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import BEMHelper from 'react-bem-helper';
-import { breakpoints } from '@ndla/util';
-import { jsx as ___EmotionJSX } from "@emotion/core";
-var classes = BEMHelper('c-background-image');
-
-var BackgroundImage = function BackgroundImage(_ref) {
-  var images = _ref.images,
-      showOverlay = _ref.showOverlay;
-  return ___EmotionJSX("div", classes('', showOverlay), images && images.map(function (image) {
-    return image.types.map(function (type) {
-      return ___EmotionJSX("div", _extends({
-        key: "".concat(image.url).concat(type)
-      }, classes('background', type), {
-        style: {
-          backgroundImage: "url(".concat(image.url, ")")
-        }
-      }));
-    });
-  }));
-};
-
-BackgroundImage.propTypes = {
-  showOverlay: PropTypes.bool,
-  className: PropTypes.string,
-  images: PropTypes.arrayOf(PropTypes.shape({
-    url: PropTypes.string.isRequired,
-    types: PropTypes.arrayOf(PropTypes.oneOf(Object.keys(breakpoints))).isRequired
-  })).isRequired
-};
-BackgroundImage.defaultProps = {
-  showOverlay: false
-};
-export default BackgroundImage;

package/es/ContentLoader/index.js

@@ -1,96 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-/**
- * Copyright (c) 2018-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 React from 'react';
-import PropTypes from 'prop-types';
-import { uuid } from '@ndla/util';
-import { jsx as ___EmotionJSX } from "@emotion/core";
-
-var ContentLoader = function ContentLoader(_ref) {
-  var children = _ref.children,
-      width = _ref.width,
-      height = _ref.height,
-      preserveAspectRatio = _ref.preserveAspectRatio,
-      className = _ref.className,
-      primaryColor = _ref.primaryColor,
-      secondaryColor = _ref.secondaryColor,
-      speed = _ref.speed,
-      rest = _objectWithoutProperties(_ref, ["children", "width", "height", "preserveAspectRatio", "className", "primaryColor", "secondaryColor", "speed"]);
-
-  var idClip = uuid();
-  var idGradient = uuid();
-  return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 ".concat(width, " ").concat(height),
-    version: "1.1",
-    preserveAspectRatio: preserveAspectRatio,
-    className: className
-  }, rest), ___EmotionJSX("rect", {
-    style: {
-      fill: "url(#".concat(idGradient, ")")
-    },
-    clipPath: "url(#".concat(idClip, ")"),
-    x: "0",
-    y: "0",
-    width: width,
-    height: height
-  }), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
-    id: idClip
-  }, children), ___EmotionJSX("linearGradient", {
-    id: idGradient
-  }, ___EmotionJSX("stop", {
-    offset: "0%",
-    stopColor: primaryColor
-  }, ___EmotionJSX("animate", {
-    attributeName: "offset",
-    values: "-2; 1",
-    dur: "".concat(speed, "s"),
-    repeatCount: "indefinite"
-  })), ___EmotionJSX("stop", {
-    offset: "50%",
-    stopColor: secondaryColor
-  }, ___EmotionJSX("animate", {
-    attributeName: "offset",
-    values: "-1.5; 1.5",
-    dur: "".concat(speed, "s"),
-    repeatCount: "indefinite"
-  })), ___EmotionJSX("stop", {
-    offset: "100%",
-    stopColor: primaryColor
-  }, ___EmotionJSX("animate", {
-    attributeName: "offset",
-    values: "-1; 2",
-    dur: "".concat(speed, "s"),
-    repeatCount: "indefinite"
-  })))));
-};
-
-ContentLoader.propTypes = {
-  children: PropTypes.node,
-  speed: PropTypes.number,
-  width: PropTypes.number,
-  height: PropTypes.number,
-  primaryColor: PropTypes.string,
-  secondaryColor: PropTypes.string,
-  preserveAspectRatio: PropTypes.string,
-  className: PropTypes.string
-};
-ContentLoader.defaultProps = {
-  speed: 2,
-  width: 400,
-  height: 130,
-  primaryColor: '#f0f0f0',
-  secondaryColor: '#e0e0e0',
-  preserveAspectRatio: 'xMidYMid meet',
-  className: ''
-};
-export default ContentLoader;

package/es/Dialog/Dialog.js

@@ -1,82 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-/**
- * Copyright (c) 2017-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-// N.B These component is used to render static markup serverside
-// Any interactivty is added by scripts located in the ndla-article-scripts package
-import React from 'react';
-import PropTypes from 'prop-types';
-import BEMHelper from 'react-bem-helper';
-import { createUniversalPortal } from '../utils/createUniversalPortal';
-import { jsx as ___EmotionJSX } from "@emotion/core";
-var classes = new BEMHelper({
-  name: 'dialog',
-  prefix: 'c-'
-});
-export var Dialog = function Dialog(_ref) {
-  var children = _ref.children,
-      messages = _ref.messages,
-      id = _ref.id,
-      labelledby = _ref.labelledby,
-      label = _ref.label,
-      modifier = _ref.modifier,
-      disablePortal = _ref.disablePortal,
-      hidden = _ref.hidden,
-      onClose = _ref.onClose,
-      rest = _objectWithoutProperties(_ref, ["children", "messages", "id", "labelledby", "label", "modifier", "disablePortal", "hidden", "onClose"]);
-
-  var content = ___EmotionJSX("div", _extends({}, classes('', modifier), {
-    "data-dialog-id": id,
-    role: "dialog",
-    "aria-hidden": hidden,
-    "aria-labelledby": labelledby,
-    "aria-label": label
-  }, rest), ___EmotionJSX("div", classes('content'), ___EmotionJSX("button", _extends({}, classes('close'), {
-    type: "button",
-    onClick: function onClick() {
-      if (onClose) {
-        onClose();
-      }
-    }
-  }), messages.close), children), ___EmotionJSX("div", {
-    className: "o-backdrop"
-  }));
-
-  if (disablePortal) {
-    return content;
-  }
-
-  return createUniversalPortal(content, 'body');
-};
-Dialog.propTypes = {
-  id: PropTypes.string.isRequired,
-  labelledby: PropTypes.string,
-  label: PropTypes.string,
-  hidden: PropTypes.bool,
-  children: PropTypes.node,
-  messages: PropTypes.shape({
-    close: PropTypes.string.isRequired
-  }),
-  modifier: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-  disablePortal: PropTypes.bool,
-  onClose: PropTypes.func
-};
-Dialog.defaultProps = {
-  disablePortal: false,
-  labelledby: null,
-  label: null,
-  hidden: true,
-  onClose: null,
-  messages: {
-    close: 'Lukk'
-  }
-};

package/es/Figure/Figure.js

@@ -1,125 +0,0 @@
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-/**
- * Copyright (c) 2016-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-// N.B These component is used to render static markup serverside
-// Any interactivty is added by scripts located in the ndla-article-scripts package
-import React from 'react';
-import PropTypes from 'prop-types';
-import BEMHelper from 'react-bem-helper';
-import { isFunction, parseMarkdown } from '@ndla/util';
-import { useTranslation } from 'react-i18next';
-import { Link as LinkIcon } from '@ndla/icons/common';
-import { LicenseByline } from '@ndla/licenses';
-import SafeLink from '@ndla/safelink';
-import Button from '@ndla/button';
-import { jsx as ___EmotionJSX } from "@emotion/core";
-var classes = new BEMHelper({
-  name: 'figure',
-  prefix: 'c-'
-});
-export var FigureCaption = function FigureCaption(_ref) {
-  var figureId = _ref.figureId,
-      id = _ref.id,
-      children = _ref.children,
-      caption = _ref.caption,
-      authors = _ref.authors,
-      reuseLabel = _ref.reuseLabel,
-      licenseRights = _ref.licenseRights,
-      locale = _ref.locale,
-      link = _ref.link,
-      hideFigcaption = _ref.hideFigcaption,
-      hasLinkedVideo = _ref.hasLinkedVideo;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  return ___EmotionJSX("figcaption", classes('caption', hideFigcaption && 'hidden-caption'), caption ? ___EmotionJSX("div", classes('info'), parseMarkdown(caption)) : null, ___EmotionJSX("footer", classes('byline'), ___EmotionJSX("div", classes('byline-licenselist'), ___EmotionJSX(LicenseByline, {
-    licenseRights: licenseRights,
-    locale: locale,
-    marginRight: true
-  }, ___EmotionJSX("div", classes('byline-author-buttons'), ___EmotionJSX("span", classes('byline-authors'), authors.map(function (author) {
-    return author.name;
-  }).join(', ')), ___EmotionJSX("div", null, ___EmotionJSX(Button, {
-    borderShape: "rounded",
-    outline: true,
-    size: "small",
-    type: "button",
-    "data-dialog-trigger-id": id,
-    "data-dialog-source-id": figureId
-  }, reuseLabel), hasLinkedVideo && ___EmotionJSX(Button, _extends({
-    borderShape: "rounded",
-    outline: true,
-    size: "small",
-    type: "button"
-  }, classes('toggleAlternativeVideo')), ___EmotionJSX("span", {
-    className: "original"
-  }, t('figure.button.alternative')), ___EmotionJSX("span", {
-    className: "alternative hidden"
-  }, t('figure.button.original')))), children)), link && ___EmotionJSX("div", classes('link-wrapper'), ___EmotionJSX(SafeLink, _extends({
-    to: link.url
-  }, classes('link'), {
-    target: link.external ? '_blank' : null,
-    rel: link.external ? 'noopener noreferrer' : null
-  }), ___EmotionJSX("span", classes('link-text'), link.text), ___EmotionJSX(LinkIcon, null)), link.description && ___EmotionJSX("p", classes('link-description'), link.description)))));
-};
-FigureCaption.propTypes = {
-  figureId: PropTypes.string.isRequired,
-  id: PropTypes.string.isRequired,
-  caption: PropTypes.string,
-  reuseLabel: PropTypes.string.isRequired,
-  licenseRights: PropTypes.arrayOf(PropTypes.string).isRequired,
-  children: PropTypes.node,
-  authors: PropTypes.arrayOf(PropTypes.shape({
-    name: PropTypes.string.isRequired
-  })),
-  link: PropTypes.shape({
-    url: PropTypes.string.isRequired,
-    text: PropTypes.string.isRequired,
-    description: PropTypes.string,
-    external: PropTypes.bool
-  }),
-  locale: PropTypes.string,
-  hideFigcaption: PropTypes.bool,
-  hasLinkedVideo: PropTypes.bool
-};
-FigureCaption.defaultProps = {
-  link: null
-};
-
-var Figure = function Figure(_ref2) {
-  var children = _ref2.children,
-      type = _ref2.type,
-      resizeIframe = _ref2.resizeIframe,
-      rest = _objectWithoutProperties(_ref2, ["children", "type", "resizeIframe"]);
-
-  var typeClass = type === 'full-column' ? 'c-figure--full-column' : "u-float-".concat(type);
-  return ___EmotionJSX("figure", _extends({
-    "data-sizetype": type
-  }, classes('', {
-    resize: resizeIframe
-  }, typeClass), rest), isFunction(children) ? children({
-    typeClass: typeClass
-  }) : children);
-};
-
-Figure.propTypes = {
-  id: PropTypes.string.isRequired,
-  children: PropTypes.oneOfType([PropTypes.node.isRequired, PropTypes.func.isRequired]).isRequired,
-  type: PropTypes.oneOf(['full', 'full-column', 'left', 'small-left', 'right', 'small-right', 'xsmall-right', 'xsmall-left']),
-  resizeIframe: PropTypes.bool,
-  noFigcaption: PropTypes.bool
-};
-Figure.defaultProps = {
-  type: 'full'
-};
-export default Figure;