@ndla/ui 3.2.1-alpha.8 → 3.2.1

package/src/BackgroundImage/BackgroundImage.jsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import BEMHelper from 'react-bem-helper';
-
-import { breakpoints } from '@ndla/util';
-
-const classes = BEMHelper('c-background-image');
-
-const BackgroundImage = ({ images, showOverlay }) => (
-  <div {...classes('', showOverlay)}>
-    {images &&
-      images.map((image) =>
-        image.types.map((type) => (
-          <div
-            key={`${image.url}${type}`}
-            {...classes('background', type)}
-            style={{ backgroundImage: `url(${image.url})` }}
-          />
-        )),
-      )}
-  </div>
-);
-
-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/src/FileList/FileList.jsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import BEMHelper from 'react-bem-helper';
-import File from './File';
-
-const classes = BEMHelper('c-file-list');
-
-const FileList = ({ files, heading, id }) => (
-  <section {...classes()}>
-    <h1 {...classes('heading')}>{heading}</h1>
-    <ul {...classes('files')}>
-      {files.map((file) => (
-        <File key={`file-${id}-${file.title}`} file={file} id={id} />
-      ))}
-    </ul>
-  </section>
-);
-
-FileList.propTypes = {
-  id: PropTypes.string.isRequired,
-  heading: PropTypes.string.isRequired,
-  files: PropTypes.arrayOf(
-    PropTypes.shape({
-      title: PropTypes.string.isRequired,
-      formats: PropTypes.arrayOf(
-        PropTypes.shape({
-          url: PropTypes.string.isRequired,
-          fileType: PropTypes.string.isRequired,
-          tooltip: PropTypes.string.isRequired,
-        }),
-      ).isRequired,
-    }),
-  ).isRequired,
-};
-
-export default FileList;

package/src/Hero/Hero.jsx

@@ -1,38 +0,0 @@
-/**
- * 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.
- *
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import BEMHelper from 'react-bem-helper';
-import { ContentTypeShape } from '../shapes';
-
-import * as contentTypes from '../model/ContentType';
-
-const classes = new BEMHelper({
-  name: 'hero',
-  prefix: 'c-',
-});
-
-export const Hero = ({ children, contentType }) => <div {...classes('', contentType)}>{children || null}</div>;
-
-Hero.propTypes = {
-  contentType: ContentTypeShape,
-  children: PropTypes.node,
-};
-
-export const SubjectMaterialHero = (props) => <Hero contentType={contentTypes.SUBJECT_MATERIAL} {...props} />;
-export const TasksAndActivitiesHero = (props) => <Hero contentType={contentTypes.TASKS_AND_ACTIVITIES} {...props} />;
-export const AssessmentResourcesHero = (props) => <Hero contentType={contentTypes.ASSESSMENT_RESOURCES} {...props} />;
-export const SubjectHero = (props) => <Hero contentType={contentTypes.SUBJECT} {...props} />;
-export const ExternalLearningResourcesHero = (props) => (
-  <Hero contentType={contentTypes.EXTERNAL_LEARNING_RESOURCES} {...props} />
-);
-export const SourceMaterialHero = (props) => <Hero contentType={contentTypes.SOURCE_MATERIAL} {...props} />;
-export const NdlaFilmHero = ({ hasImage, ...rest }) => (
-  <Hero {...rest} contentType={hasImage ? 'ndla-film has-image' : 'ndla-film'} />
-);

package/src/Image/LazyLoadImage.jsx

@@ -1,39 +0,0 @@
-/**
- * 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.
- *
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-
-// Lazyload image with lazysizes (https://github.com/aFarkas/lazysizes)
-const LazyLoadImage = ({ alt, src, srcSet, lazyLoadSrc, sizes, ...rest }) => [
-  <noscript key="noscript">
-    <img alt={alt} src={`${src}`} srcSet={srcSet} sizes={sizes} {...rest} />
-  </noscript>,
-  <img
-    alt={alt}
-    key="img"
-    style={{ width: '100%' }}
-    className="lazyload"
-    src={lazyLoadSrc}
-    data-src={src}
-    data-src-set={srcSet}
-    data-sizes={sizes}
-    {...rest}
-  />,
-];
-
-LazyLoadImage.propTypes = {
-  alt: PropTypes.string.isRequired,
-  src: PropTypes.string.isRequired,
-  sizes: PropTypes.string,
-  contentType: PropTypes.string,
-  srcSet: PropTypes.string,
-  lazyLoadSrc: PropTypes.string.isRequired,
-};
-
-export default LazyLoadImage;

package/src/Image/shapes.js

@@ -1,21 +0,0 @@
-/**
- * Copyright (c) 2019-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 PropTypes from 'prop-types';
-
-export const CropShape = PropTypes.shape({
-  startX: PropTypes.number.isRequired,
-  startY: PropTypes.number.isRequired,
-  endX: PropTypes.number.isRequired,
-  endY: PropTypes.number.isRequired,
-});
-
-export const FocalPointShape = PropTypes.shape({
-  x: PropTypes.number.isRequired,
-  y: PropTypes.number.isRequired,
-});

package/src/InfoBox/InfoBox.jsx

@@ -1,13 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import BEMHelper from 'react-bem-helper';
-
-const classes = BEMHelper('c-info-box');
-
-const InfoBox = ({ children }) => <div {...classes()}>{children}</div>;
-
-InfoBox.propTypes = {
-  children: PropTypes.node.isRequired,
-};
-
-export default InfoBox;

package/src/Translation/TranslationBox.jsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ArticleTabs } from '@ndla/tabs';
-
-const TranslationBox = (props) => (
-  <div className="c-translation-box">
-    <div className="c-bodybox c-bodybox--translation">
-      <ArticleTabs {...props} />
-    </div>
-  </div>
-);
-
-export default TranslationBox;