@aarhus-university/au-lib-react-components 9.11.19 → 9.12.0

package/src/components/news/NewsLayout4Component.js

@@ -1,80 +1,80 @@
-/* eslint jsx-a11y/control-has-associated-label: 0 */
-import React from 'react';
-import PropTypes from 'prop-types';
-import NewsSubHeaderComponent from './NewsSubHeaderComponent';
-import NewsCategoriesComponent from './NewsCategoriesComponent';
-import { AUNewsHelpers } from '../../lib/au-news';
-
-const NewsLayout4Component = (props) => {
-  const { item, listid, setPopupItem } = props;
-  if (!item) {
-    return <div />;
-  }
-
-  const i = AUNewsHelpers.setExternal(item);
-  const domID = `news-${listid}-${i.id}`;
-
-  return (
-    <div id={domID} className="au_news-list4-item">
-      {(() => {
-        if (i.image) {
-          return (
-            <div className="au_news-list-item-img">
-              <a
-                onClick={() => {
-                  if (!i.external) {
-                    setPopupItem(item);
-                  }
-                }}
-                href={i.url}
-                title={i.header}
-              >
-                <img src={i.image.layout4} alt="" />
-              </a>
-            </div>
-          );
-        }
-        return null;
-      })()}
-      <div className="au_news-list-item-text">
-        <p className="au_news-legend">
-          <span className="au_news-list-date">{i.date}</span>
-          {'  |  '}
-          <NewsCategoriesComponent categories={i.categories} />
-        </p>
-        <h2>
-          <a
-            onClick={() => {
-              if (!i.external) {
-                setPopupItem(item);
-              }
-            }}
-            href={i.url}
-            title={i.header}
-            dangerouslySetInnerHTML={{ __html: i.header }}
-          />
-        </h2>
-        <NewsSubHeaderComponent subheader={i.subheader} trim={350} />
-      </div>
-    </div>
-  );
-};
-
-NewsLayout4Component.propTypes = {
-  item: PropTypes.shape({
-    id: PropTypes.number.isRequired,
-    header: PropTypes.string.isRequired,
-    subheader: PropTypes.string.isRequired,
-    url: PropTypes.string.isRequired,
-    external: PropTypes.bool.isRequired,
-    date: PropTypes.string.isRequired,
-    categories: PropTypes.arrayOf(PropTypes.shape({
-
-    })).isRequired,
-  }).isRequired,
-  listid: PropTypes.number.isRequired,
-  setPopupItem: PropTypes.func.isRequired,
-};
-
-NewsLayout4Component.displayName = 'NewsLayout4Component';
-export default NewsLayout4Component;
+/* eslint jsx-a11y/control-has-associated-label: 0 */
+import React from 'react';
+import PropTypes from 'prop-types';
+import NewsSubHeaderComponent from './NewsSubHeaderComponent';
+import NewsCategoriesComponent from './NewsCategoriesComponent';
+import { AUNewsHelpers } from '../../lib/au-news';
+
+const NewsLayout4Component = (props) => {
+  const { item, listid, setPopupItem } = props;
+  if (!item) {
+    return <div />;
+  }
+
+  const i = AUNewsHelpers.setExternal(item);
+  const domID = `news-${listid}-${i.id}`;
+
+  return (
+    <div id={domID} className="au_news-list4-item">
+      {(() => {
+        if (i.image) {
+          return (
+            <div className="au_news-list-item-img">
+              <a
+                onClick={() => {
+                  if (!i.external) {
+                    setPopupItem(item);
+                  }
+                }}
+                href={i.url}
+                title={i.header}
+              >
+                <img src={i.image.layout4} alt="" />
+              </a>
+            </div>
+          );
+        }
+        return null;
+      })()}
+      <div className="au_news-list-item-text">
+        <p className="au_news-legend">
+          <span className="au_news-list-date">{i.date}</span>
+          {'  |  '}
+          <NewsCategoriesComponent categories={i.categories} />
+        </p>
+        <h2>
+          <a
+            onClick={() => {
+              if (!i.external) {
+                setPopupItem(item);
+              }
+            }}
+            href={i.url}
+            title={i.header}
+            dangerouslySetInnerHTML={{ __html: i.header }}
+          />
+        </h2>
+        <NewsSubHeaderComponent subheader={i.subheader} trim={350} />
+      </div>
+    </div>
+  );
+};
+
+NewsLayout4Component.propTypes = {
+  item: PropTypes.shape({
+    id: PropTypes.number.isRequired,
+    header: PropTypes.string.isRequired,
+    subheader: PropTypes.string.isRequired,
+    url: PropTypes.string.isRequired,
+    external: PropTypes.bool.isRequired,
+    date: PropTypes.string.isRequired,
+    categories: PropTypes.arrayOf(PropTypes.shape({
+
+    })).isRequired,
+  }).isRequired,
+  listid: PropTypes.number.isRequired,
+  setPopupItem: PropTypes.func.isRequired,
+};
+
+NewsLayout4Component.displayName = 'NewsLayout4Component';
+export default NewsLayout4Component;

package/src/components/news/NewsLayout5Component.js

@@ -1,61 +1,61 @@
-/* eslint jsx-a11y/control-has-associated-label: 0 */
-import React from 'react';
-import PropTypes from 'prop-types';
-import NewsSubHeaderComponent from './NewsSubHeaderComponent';
-import NewsCategoriesComponent from './NewsCategoriesComponent';
-import { AUNewsHelpers } from '../../lib/au-news';
-
-const NewsLayout5Component = (props) => {
-  const { item, listid, setPopupItem } = props;
-  if (!item) {
-    return <div />;
-  }
-
-  const i = AUNewsHelpers.setExternal(item);
-
-  const domID = `news-${listid}-${i.id}`;
-
-  return (
-    <div id={domID} className="au_news-list5-item">
-      <div className="au_news-list-item-text">
-        <p className="au_news-legend">
-          <span className="au_news-list-date">{i.date}</span>
-          {'  |  '}
-          <NewsCategoriesComponent categories={i.categories} />
-        </p>
-        <h2>
-          <a
-            onClick={() => {
-              if (!i.external) {
-                setPopupItem(item);
-              }
-            }}
-            href={i.url}
-            title={i.header}
-            dangerouslySetInnerHTML={{ __html: i.header }}
-          />
-        </h2>
-        <NewsSubHeaderComponent subheader={i.subheader} trim={350} />
-      </div>
-    </div>
-  );
-};
-
-NewsLayout5Component.propTypes = {
-  item: PropTypes.shape({
-    id: PropTypes.number.isRequired,
-    header: PropTypes.string.isRequired,
-    subheader: PropTypes.string.isRequired,
-    url: PropTypes.string.isRequired,
-    external: PropTypes.bool.isRequired,
-    date: PropTypes.string.isRequired,
-    categories: PropTypes.arrayOf(PropTypes.shape({
-
-    })).isRequired,
-  }).isRequired,
-  listid: PropTypes.number.isRequired,
-  setPopupItem: PropTypes.func.isRequired,
-};
-
-NewsLayout5Component.displayName = 'NewsLayout5Component';
-export default NewsLayout5Component;
+/* eslint jsx-a11y/control-has-associated-label: 0 */
+import React from 'react';
+import PropTypes from 'prop-types';
+import NewsSubHeaderComponent from './NewsSubHeaderComponent';
+import NewsCategoriesComponent from './NewsCategoriesComponent';
+import { AUNewsHelpers } from '../../lib/au-news';
+
+const NewsLayout5Component = (props) => {
+  const { item, listid, setPopupItem } = props;
+  if (!item) {
+    return <div />;
+  }
+
+  const i = AUNewsHelpers.setExternal(item);
+
+  const domID = `news-${listid}-${i.id}`;
+
+  return (
+    <div id={domID} className="au_news-list5-item">
+      <div className="au_news-list-item-text">
+        <p className="au_news-legend">
+          <span className="au_news-list-date">{i.date}</span>
+          {'  |  '}
+          <NewsCategoriesComponent categories={i.categories} />
+        </p>
+        <h2>
+          <a
+            onClick={() => {
+              if (!i.external) {
+                setPopupItem(item);
+              }
+            }}
+            href={i.url}
+            title={i.header}
+            dangerouslySetInnerHTML={{ __html: i.header }}
+          />
+        </h2>
+        <NewsSubHeaderComponent subheader={i.subheader} trim={350} />
+      </div>
+    </div>
+  );
+};
+
+NewsLayout5Component.propTypes = {
+  item: PropTypes.shape({
+    id: PropTypes.number.isRequired,
+    header: PropTypes.string.isRequired,
+    subheader: PropTypes.string.isRequired,
+    url: PropTypes.string.isRequired,
+    external: PropTypes.bool.isRequired,
+    date: PropTypes.string.isRequired,
+    categories: PropTypes.arrayOf(PropTypes.shape({
+
+    })).isRequired,
+  }).isRequired,
+  listid: PropTypes.number.isRequired,
+  setPopupItem: PropTypes.func.isRequired,
+};
+
+NewsLayout5Component.displayName = 'NewsLayout5Component';
+export default NewsLayout5Component;

package/src/components/news/NewsLayout6Component.js

@@ -1,55 +1,55 @@
-/* eslint jsx-a11y/control-has-associated-label: 0 */
-import React from 'react';
-import PropTypes from 'prop-types';
-import { AUNewsHelpers } from '../../lib/au-news';
-
-const NewsLayout6Component = (props) => {
-  const { items, listid, setPopupItem } = props;
-  const renderItems = items.map((_i, j) => {
-    let i = _i;
-    const key = j;
-    if (i) {
-      i = AUNewsHelpers.setExternal(i);
-      const domID = `news-${listid}-${i.id}`;
-      return (
-        <li
-          key={key}
-          id={domID}
-        >
-          <a
-            onClick={() => {
-              if (!i.external) {
-                setPopupItem(i);
-              }
-            }}
-            href={i.url}
-            title={i.header}
-            dangerouslySetInnerHTML={{ __html: i.header }}
-          />
-        </li>
-      );
-    }
-    return null;
-  });
-
-  return (
-    <div className="au_news-header-list">
-      <ul>
-        {renderItems}
-      </ul>
-    </div>
-  );
-};
-
-NewsLayout6Component.propTypes = {
-  items: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.number.isRequired,
-    url: PropTypes.string.isRequired,
-    header: PropTypes.string.isRequired,
-  })).isRequired,
-  listid: PropTypes.number.isRequired,
-  setPopupItem: PropTypes.func.isRequired,
-};
-
-NewsLayout6Component.displayName = 'NewsLayout6Component';
-export default NewsLayout6Component;
+/* eslint jsx-a11y/control-has-associated-label: 0 */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { AUNewsHelpers } from '../../lib/au-news';
+
+const NewsLayout6Component = (props) => {
+  const { items, listid, setPopupItem } = props;
+  const renderItems = items.map((_i, j) => {
+    let i = _i;
+    const key = j;
+    if (i) {
+      i = AUNewsHelpers.setExternal(i);
+      const domID = `news-${listid}-${i.id}`;
+      return (
+        <li
+          key={key}
+          id={domID}
+        >
+          <a
+            onClick={() => {
+              if (!i.external) {
+                setPopupItem(i);
+              }
+            }}
+            href={i.url}
+            title={i.header}
+            dangerouslySetInnerHTML={{ __html: i.header }}
+          />
+        </li>
+      );
+    }
+    return null;
+  });
+
+  return (
+    <div className="au_news-header-list">
+      <ul>
+        {renderItems}
+      </ul>
+    </div>
+  );
+};
+
+NewsLayout6Component.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.number.isRequired,
+    url: PropTypes.string.isRequired,
+    header: PropTypes.string.isRequired,
+  })).isRequired,
+  listid: PropTypes.number.isRequired,
+  setPopupItem: PropTypes.func.isRequired,
+};
+
+NewsLayout6Component.displayName = 'NewsLayout6Component';
+export default NewsLayout6Component;

package/src/components/news/NewsLayout7Component.js

@@ -1,58 +1,58 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { newsLabels as labels } from '../../lib/i18n';
-import { AUNewsHelpers } from '../../lib/au-news';
-
-const NewsLayout7Component = (props) => {
-  const {
-    item,
-    listid,
-    setPopupItem,
-    lang,
-  } = props;
-  if (!item) {
-    return <div />;
-  }
-
-  const i = AUNewsHelpers.setExternal(item);
-  const domID = `news-${listid}-${i.id}`;
-
-  return (
-    <div id={domID} className="au_focus" style={{ backgroundImage: `url('${i.image ? i.image.src : ''}')` }}>
-      <div className="au_focus_content">
-        <h1 dangerouslySetInnerHTML={{ __html: i.header }} />
-        <p>{i.subheader}</p>
-        <ul>
-          <li>
-            <a
-              onClick={() => {
-                if (!i.external) {
-                  setPopupItem(props.item);
-                }
-              }}
-              href={i.url}
-            >
-              {labels[lang].news.readMore}
-            </a>
-          </li>
-        </ul>
-      </div>
-    </div>
-  );
-};
-
-NewsLayout7Component.propTypes = {
-  lang: PropTypes.string.isRequired,
-  item: PropTypes.shape({
-    id: PropTypes.number.isRequired,
-    header: PropTypes.string.isRequired,
-    subheader: PropTypes.string.isRequired,
-    url: PropTypes.string.isRequired,
-    external: PropTypes.bool.isRequired,
-  }).isRequired,
-  listid: PropTypes.number.isRequired,
-  setPopupItem: PropTypes.func.isRequired,
-};
-
-NewsLayout7Component.displayName = 'NewsLayout7Component';
-export default NewsLayout7Component;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { newsLabels as labels } from '../../lib/i18n';
+import { AUNewsHelpers } from '../../lib/au-news';
+
+const NewsLayout7Component = (props) => {
+  const {
+    item,
+    listid,
+    setPopupItem,
+    lang,
+  } = props;
+  if (!item) {
+    return <div />;
+  }
+
+  const i = AUNewsHelpers.setExternal(item);
+  const domID = `news-${listid}-${i.id}`;
+
+  return (
+    <div id={domID} className="au_focus" style={{ backgroundImage: `url('${i.image ? i.image.src : ''}')` }}>
+      <div className="au_focus_content">
+        <h1 dangerouslySetInnerHTML={{ __html: i.header }} />
+        <p>{i.subheader}</p>
+        <ul>
+          <li>
+            <a
+              onClick={() => {
+                if (!i.external) {
+                  setPopupItem(props.item);
+                }
+              }}
+              href={i.url}
+            >
+              {labels[lang].news.readMore}
+            </a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  );
+};
+
+NewsLayout7Component.propTypes = {
+  lang: PropTypes.string.isRequired,
+  item: PropTypes.shape({
+    id: PropTypes.number.isRequired,
+    header: PropTypes.string.isRequired,
+    subheader: PropTypes.string.isRequired,
+    url: PropTypes.string.isRequired,
+    external: PropTypes.bool.isRequired,
+  }).isRequired,
+  listid: PropTypes.number.isRequired,
+  setPopupItem: PropTypes.func.isRequired,
+};
+
+NewsLayout7Component.displayName = 'NewsLayout7Component';
+export default NewsLayout7Component;

package/src/components/news/NewsLayout8Component.js

@@ -1,57 +1,57 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { newsLabels as labels } from '../../lib/i18n';
-import { AUNewsHelpers } from '../../lib/au-news';
-
-const NewsLayout8Component = (props) => {
-  const {
-    item,
-    listid,
-    setPopupItem,
-    lang,
-  } = props;
-  if (!item) {
-    return <div />;
-  }
-
-  const i = AUNewsHelpers.setExternal(item);
-  const domID = `news-${listid}-${i.id}`;
-
-  return (
-    <div id={domID} className="au_focus au_focus_small" style={{ backgroundImage: `url('${i.image ? i.image.layout2 : ''}')` }}>
-      <div className="au_focus_content">
-        <div dangerouslySetInnerHTML={{ __html: i.header }} />
-        <ul>
-          <li>
-            <a
-              onClick={() => {
-                if (!i.external) {
-                  setPopupItem(props.item);
-                }
-              }}
-              href={i.url}
-            >
-              {labels[lang].news.readMore}
-            </a>
-          </li>
-        </ul>
-      </div>
-    </div>
-  );
-};
-
-NewsLayout8Component.propTypes = {
-  lang: PropTypes.string.isRequired,
-  item: PropTypes.shape({
-    id: PropTypes.number.isRequired,
-    header: PropTypes.string.isRequired,
-    subheader: PropTypes.string.isRequired,
-    url: PropTypes.string.isRequired,
-    external: PropTypes.bool.isRequired,
-  }).isRequired,
-  listid: PropTypes.number.isRequired,
-  setPopupItem: PropTypes.func.isRequired,
-};
-
-NewsLayout8Component.displayName = 'NewsLayout8Component';
-export default NewsLayout8Component;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { newsLabels as labels } from '../../lib/i18n';
+import { AUNewsHelpers } from '../../lib/au-news';
+
+const NewsLayout8Component = (props) => {
+  const {
+    item,
+    listid,
+    setPopupItem,
+    lang,
+  } = props;
+  if (!item) {
+    return <div />;
+  }
+
+  const i = AUNewsHelpers.setExternal(item);
+  const domID = `news-${listid}-${i.id}`;
+
+  return (
+    <div id={domID} className="au_focus au_focus_small" style={{ backgroundImage: `url('${i.image ? i.image.layout2 : ''}')` }}>
+      <div className="au_focus_content">
+        <div dangerouslySetInnerHTML={{ __html: i.header }} />
+        <ul>
+          <li>
+            <a
+              onClick={() => {
+                if (!i.external) {
+                  setPopupItem(props.item);
+                }
+              }}
+              href={i.url}
+            >
+              {labels[lang].news.readMore}
+            </a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  );
+};
+
+NewsLayout8Component.propTypes = {
+  lang: PropTypes.string.isRequired,
+  item: PropTypes.shape({
+    id: PropTypes.number.isRequired,
+    header: PropTypes.string.isRequired,
+    subheader: PropTypes.string.isRequired,
+    url: PropTypes.string.isRequired,
+    external: PropTypes.bool.isRequired,
+  }).isRequired,
+  listid: PropTypes.number.isRequired,
+  setPopupItem: PropTypes.func.isRequired,
+};
+
+NewsLayout8Component.displayName = 'NewsLayout8Component';
+export default NewsLayout8Component;