@aarhus-university/au-lib-react-components 9.11.9 → 9.11.13

package/src/components/news/NewsRSSComponent.js

@@ -1,74 +1,74 @@
-/* eslint jsx-a11y/click-events-have-key-events: 0 */
-/* eslint jsx-a11y/no-noninteractive-element-interactions: 0 */
-/* eslint jsx-a11y/interactive-supports-focus: 0 */
-/* eslint jsx-a11y/control-has-associated-label: 0 */
-import React from 'react';
-import PropTypes from 'prop-types';
-import { newsLabels as labels } from '../../lib/i18n';
-
-class NewsRSSComponent extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      wide: false,
-    };
-  }
-
-  render() {
-    const { wide } = this.state;
-    const { url, lang } = this.props;
-    return (
-      <ul>
-        <li
-          className={`rss header-click-btn${wide ? ' wide' : ''}`}
-          title={labels[lang].news.rssAdd}
-          onClick={() => {
-            this.setState((prevState) => ({
-              wide: !prevState.wide,
-            }));
-          }}
-        >
-          {(() => {
-            if (wide) {
-              return (
-                <div
-                  role="button"
-                  onClick={(e) => {
-                    e.stopPropagation();
-                  }}
-                >
-                  <div
-                    role="button"
-                    className="close"
-                    onClick={(e) => {
-                      e.stopPropagation();
-                      this.setState({
-                        wide: false,
-                      });
-                    }}
-                  />
-                  <h2>
-                    {'RSS '}
-                    <strong>feed</strong>
-                  </h2>
-                  <p>{labels[lang].news.rssCopy}</p>
-                  <input type="text" value={url} readOnly />
-                </div>
-              );
-            }
-            return null;
-          })()}
-        </li>
-      </ul>
-    );
-  }
-}
-
-NewsRSSComponent.propTypes = {
-  url: PropTypes.string.isRequired,
-  lang: PropTypes.string.isRequired,
-};
-
-NewsRSSComponent.displayName = 'NewsRSSComponent';
-export default NewsRSSComponent;
+/* eslint jsx-a11y/click-events-have-key-events: 0 */
+/* eslint jsx-a11y/no-noninteractive-element-interactions: 0 */
+/* eslint jsx-a11y/interactive-supports-focus: 0 */
+/* eslint jsx-a11y/control-has-associated-label: 0 */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { newsLabels as labels } from '../../lib/i18n';
+
+class NewsRSSComponent extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      wide: false,
+    };
+  }
+
+  render() {
+    const { wide } = this.state;
+    const { url, lang } = this.props;
+    return (
+      <ul>
+        <li
+          className={`rss header-click-btn${wide ? ' wide' : ''}`}
+          title={labels[lang].news.rssAdd}
+          onClick={() => {
+            this.setState((prevState) => ({
+              wide: !prevState.wide,
+            }));
+          }}
+        >
+          {(() => {
+            if (wide) {
+              return (
+                <div
+                  role="button"
+                  onClick={(e) => {
+                    e.stopPropagation();
+                  }}
+                >
+                  <div
+                    role="button"
+                    className="close"
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      this.setState({
+                        wide: false,
+                      });
+                    }}
+                  />
+                  <h2>
+                    {'RSS '}
+                    <strong>feed</strong>
+                  </h2>
+                  <p>{labels[lang].news.rssCopy}</p>
+                  <input type="text" value={url} readOnly />
+                </div>
+              );
+            }
+            return null;
+          })()}
+        </li>
+      </ul>
+    );
+  }
+}
+
+NewsRSSComponent.propTypes = {
+  url: PropTypes.string.isRequired,
+  lang: PropTypes.string.isRequired,
+};
+
+NewsRSSComponent.displayName = 'NewsRSSComponent';
+export default NewsRSSComponent;

package/src/components/news/NewsSocialComponent.js

@@ -1,104 +1,104 @@
-/* eslint-env browser */
-import React from 'react';
-import PropTypes from 'prop-types';
-import { newsLabels as labels } from '../../lib/i18n';
-
-class NewsSocialComponent extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      mailOpen: false,
-    };
-  }
-
-  render() {
-    const { item, lang } = this.props;
-    const { mailOpen } = this.state;
-
-    return (
-      <div className="au_news_socialbar" id={`au_news_socialbar-${item.id}`}>
-        <ul className="resetlist au_social_sharing horizontal icons services-4">
-          <li className="facebook">
-            <a
-              href={item.permalink}
-              onClick={(e) => {
-                e.preventDefault();
-                window.open(`https://www.facebook.com/sharer/sharer.php?u=${item.permalink}`, '', 'width=600,height=450');
-              }}
-            >
-              {labels[lang].share.facebook}
-            </a>
-          </li>
-          <li className="twitter">
-            <a
-              href={item.permalink}
-              onClick={(e) => {
-                e.preventDefault();
-                const url = encodeURI(item.permalink);
-                const title = encodeURI(item.header);
-                window.open(`https://twitter.com/intent/tweet?text=${title}&url=${url}`, '', 'width=550,height=450');
-              }}
-            >
-              {labels[lang].share.twitter}
-            </a>
-          </li>
-          <li className="linkedin">
-            <a
-              href={item.permalink}
-              onClick={(e) => {
-                e.preventDefault();
-                const url = encodeURI(item.permalink);
-                window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${url}`, '', 'width=850,height=550');
-              }}
-            >
-              {labels[lang].share.linkedin}
-            </a>
-          </li>
-          <li className="email">
-            <a
-              href={item.permalink}
-              data-title={item.header}
-              data-url={item.permalink}
-              className={mailOpen ? 'active' : null}
-              onClick={(e) => {
-                e.preventDefault();
-                this.setState((prevState) => ({
-                  mailOpen: !prevState.mailOpen,
-                }));
-              }}
-            >
-              {labels[lang].share.mail}
-            </a>
-            <ul className="resetlist" style={{ display: mailOpen ? 'block' : 'none' }}>
-              <li className="outlook">
-                <a title={labels[lang].share.mailLabelLong} href={`mailto:?subject=${item.header}&body=${item.permalink}`}>{labels[lang].share.mailLabelShort}</a>
-              </li>
-              <li className="gmail">
-                <a title={labels[lang].share.gmailLabelLong} target="_blank" rel="noopener noreferrer" href={`http://www.addtoany.com/add_to/google_gmail?linkurl=${item.permalink}`}>{labels[lang].share.gmailLabelShort}</a>
-              </li>
-              <li className="yahoo">
-                <a title={labels[lang].share.yahooLabelLong} target="_blank" rel="noopener noreferrer" href={`http://www.addtoany.com/add_to/yahoo_mail?linkurl=${item.permalink}`}>{labels[lang].share.yahooLabelShort}</a>
-              </li>
-              <li className="outlookcom">
-                <a title={labels[lang].share.outlookLabelLong} target="_blank" rel="noopener noreferrer" href={`http://www.addtoany.com/add_to/outlook_com?linkurl=${item.permalink}`}>{labels[lang].share.outlookLabelShort}</a>
-              </li>
-            </ul>
-          </li>
-        </ul>
-      </div>
-    );
-  }
-}
-
-NewsSocialComponent.propTypes = {
-  item: PropTypes.shape({
-    id: PropTypes.number.isRequired,
-    header: PropTypes.string.isRequired,
-    permalink: PropTypes.string.isRequired,
-  }).isRequired,
-  lang: PropTypes.string.isRequired,
-};
-
-NewsSocialComponent.displayName = 'NewsSocialComponent';
-export default NewsSocialComponent;
+/* eslint-env browser */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { newsLabels as labels } from '../../lib/i18n';
+
+class NewsSocialComponent extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      mailOpen: false,
+    };
+  }
+
+  render() {
+    const { item, lang } = this.props;
+    const { mailOpen } = this.state;
+
+    return (
+      <div className="au_news_socialbar" id={`au_news_socialbar-${item.id}`}>
+        <ul className="resetlist au_social_sharing horizontal icons services-4">
+          <li className="facebook">
+            <a
+              href={item.permalink}
+              onClick={(e) => {
+                e.preventDefault();
+                window.open(`https://www.facebook.com/sharer/sharer.php?u=${item.permalink}`, '', 'width=600,height=450');
+              }}
+            >
+              {labels[lang].share.facebook}
+            </a>
+          </li>
+          <li className="twitter">
+            <a
+              href={item.permalink}
+              onClick={(e) => {
+                e.preventDefault();
+                const url = encodeURI(item.permalink);
+                const title = encodeURI(item.header);
+                window.open(`https://twitter.com/intent/tweet?text=${title}&url=${url}`, '', 'width=550,height=450');
+              }}
+            >
+              {labels[lang].share.twitter}
+            </a>
+          </li>
+          <li className="linkedin">
+            <a
+              href={item.permalink}
+              onClick={(e) => {
+                e.preventDefault();
+                const url = encodeURI(item.permalink);
+                window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${url}`, '', 'width=850,height=550');
+              }}
+            >
+              {labels[lang].share.linkedin}
+            </a>
+          </li>
+          <li className="email">
+            <a
+              href={item.permalink}
+              data-title={item.header}
+              data-url={item.permalink}
+              className={mailOpen ? 'active' : null}
+              onClick={(e) => {
+                e.preventDefault();
+                this.setState((prevState) => ({
+                  mailOpen: !prevState.mailOpen,
+                }));
+              }}
+            >
+              {labels[lang].share.mail}
+            </a>
+            <ul className="resetlist" style={{ display: mailOpen ? 'block' : 'none' }}>
+              <li className="outlook">
+                <a title={labels[lang].share.mailLabelLong} href={`mailto:?subject=${item.header}&body=${item.permalink}`}>{labels[lang].share.mailLabelShort}</a>
+              </li>
+              <li className="gmail">
+                <a title={labels[lang].share.gmailLabelLong} target="_blank" rel="noopener noreferrer" href={`http://www.addtoany.com/add_to/google_gmail?linkurl=${item.permalink}`}>{labels[lang].share.gmailLabelShort}</a>
+              </li>
+              <li className="yahoo">
+                <a title={labels[lang].share.yahooLabelLong} target="_blank" rel="noopener noreferrer" href={`http://www.addtoany.com/add_to/yahoo_mail?linkurl=${item.permalink}`}>{labels[lang].share.yahooLabelShort}</a>
+              </li>
+              <li className="outlookcom">
+                <a title={labels[lang].share.outlookLabelLong} target="_blank" rel="noopener noreferrer" href={`http://www.addtoany.com/add_to/outlook_com?linkurl=${item.permalink}`}>{labels[lang].share.outlookLabelShort}</a>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </div>
+    );
+  }
+}
+
+NewsSocialComponent.propTypes = {
+  item: PropTypes.shape({
+    id: PropTypes.number.isRequired,
+    header: PropTypes.string.isRequired,
+    permalink: PropTypes.string.isRequired,
+  }).isRequired,
+  lang: PropTypes.string.isRequired,
+};
+
+NewsSocialComponent.displayName = 'NewsSocialComponent';
+export default NewsSocialComponent;

package/src/components/news/NewsSubHeaderComponent.js

@@ -1,19 +1,19 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-const NewsSubHeaderComponent = (props) => {
-  const { subheader, trim } = props;
-  if (subheader.length > trim) {
-    return <p dangerouslySetInnerHTML={{ __html: `${subheader.substring(0, props.trim).trim()}&hellip;` }} />;
-  }
-
-  return <p dangerouslySetInnerHTML={{ __html: subheader }} />;
-};
-
-NewsSubHeaderComponent.propTypes = {
-  subheader: PropTypes.string.isRequired,
-  trim: PropTypes.number.isRequired,
-};
-
-NewsSubHeaderComponent.displayName = 'NewsSubHeaderComponent';
-export default NewsSubHeaderComponent;
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const NewsSubHeaderComponent = (props) => {
+  const { subheader, trim } = props;
+  if (subheader.length > trim) {
+    return <p dangerouslySetInnerHTML={{ __html: `${subheader.substring(0, props.trim).trim()}&hellip;` }} />;
+  }
+
+  return <p dangerouslySetInnerHTML={{ __html: subheader }} />;
+};
+
+NewsSubHeaderComponent.propTypes = {
+  subheader: PropTypes.string.isRequired,
+  trim: PropTypes.number.isRequired,
+};
+
+NewsSubHeaderComponent.displayName = 'NewsSubHeaderComponent';
+export default NewsSubHeaderComponent;