@aarhus-university/au-lib-react-components 9.11.2 → 9.11.6

package/src/components/databox/DataBoxGroupingComponent.js

@@ -1,62 +1,62 @@
-/* eslint-env browser */
-import React from 'react';
-import PropTypes from 'prop-types';
-import DataBoxStackedAssociationComponent from './DataBoxStackedAssociationComponent';
-import DataBoxAssociationComponent from './DataBoxAssociationComponent';
-
-const DataBoxGroupingComponent = (props) => {
-  const {
-    stacked,
-    grouping,
-    expand,
-    rememberState,
-    boxID,
-  } = props;
-  let renderAssociations;
-  if (stacked && grouping.associations.length === 1) {
-    renderAssociations = props.grouping.associations.map(
-      (a) => <DataBoxStackedAssociationComponent key={a.id} assoc={a} />,
-    );
-  } else {
-    renderAssociations = props.grouping.associations.map((a, i) => {
-      const open = expand
-        || grouping.associations.length === 1
-        || (rememberState && sessionStorage.getItem(`box-${boxID}-group-${grouping.id}-index-${i}`));
-      return (
-        <DataBoxAssociationComponent
-          key={a.id}
-          open={open}
-          boxID={boxID}
-          rememberState={rememberState}
-          grouping={grouping.id}
-          index={i}
-          assoc={a}
-        />
-      );
-    });
-  }
-
-  return (
-    <div id={`box-${boxID}-grouping-${grouping.id}`}>
-      {renderAssociations}
-    </div>
-  );
-};
-
-DataBoxGroupingComponent.defaultProps = {
-
-};
-
-DataBoxGroupingComponent.propTypes = {
-  boxID: PropTypes.number.isRequired,
-  stacked: PropTypes.bool.isRequired,
-  expand: PropTypes.bool.isRequired,
-  rememberState: PropTypes.bool.isRequired,
-  grouping: PropTypes.shape({
-    id: PropTypes.number.isRequired,
-    associations: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-  }).isRequired,
-};
-
-DataBoxGroupingComponent.displayName = 'DataBoxGroupingComponent';
-export default DataBoxGroupingComponent;
+/* eslint-env browser */
+import React from 'react';
+import PropTypes from 'prop-types';
+import DataBoxStackedAssociationComponent from './DataBoxStackedAssociationComponent';
+import DataBoxAssociationComponent from './DataBoxAssociationComponent';
+
+const DataBoxGroupingComponent = (props) => {
+  const {
+    stacked,
+    grouping,
+    expand,
+    rememberState,
+    boxID,
+  } = props;
+  let renderAssociations;
+  if (stacked && grouping.associations.length === 1) {
+    renderAssociations = props.grouping.associations.map(
+      (a) => <DataBoxStackedAssociationComponent key={a.id} assoc={a} />,
+    );
+  } else {
+    renderAssociations = props.grouping.associations.map((a, i) => {
+      const open = expand
+        || grouping.associations.length === 1
+        || (rememberState && sessionStorage.getItem(`box-${boxID}-group-${grouping.id}-index-${i}`));
+      return (
+        <DataBoxAssociationComponent
+          key={a.id}
+          open={open}
+          boxID={boxID}
+          rememberState={rememberState}
+          grouping={grouping.id}
+          index={i}
+          assoc={a}
+        />
+      );
+    });
+  }
+
+  return (
+    <div id={`box-${boxID}-grouping-${grouping.id}`}>
+      {renderAssociations}
+    </div>
+  );
+};
+
+DataBoxGroupingComponent.defaultProps = {
+
+};
+
+DataBoxGroupingComponent.propTypes = {
+  boxID: PropTypes.number.isRequired,
+  stacked: PropTypes.bool.isRequired,
+  expand: PropTypes.bool.isRequired,
+  rememberState: PropTypes.bool.isRequired,
+  grouping: PropTypes.shape({
+    id: PropTypes.number.isRequired,
+    associations: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  }).isRequired,
+};
+
+DataBoxGroupingComponent.displayName = 'DataBoxGroupingComponent';
+export default DataBoxGroupingComponent;

package/src/components/databox/DataBoxSearchResultComponent.js

@@ -1,40 +1,40 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { sortAlphaObj } from '../../lib/helpers';
-
-const DataBoxSearchResultComponent = (props) => {
-  const { items, searchValue } = props;
-  const renderItems = items.sort(sortAlphaObj).filter(
-    (x) => x.name.toLowerCase().indexOf(searchValue.toLowerCase()) > -1,
-  ).map((item) => (
-    <li key={item.id}>
-      <a href={item.url}>
-        {item.name}
-      </a>
-    </li>
-  ));
-
-  return (
-    <div>
-      <ul>
-        {renderItems}
-      </ul>
-    </div>
-  );
-};
-
-DataBoxSearchResultComponent.defaultProps = {
-
-};
-
-DataBoxSearchResultComponent.propTypes = {
-  items: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.number.isRequired,
-    url: PropTypes.string.isRequired,
-    name: PropTypes.string.isRequired,
-  })).isRequired,
-  searchValue: PropTypes.string.isRequired,
-};
-
-DataBoxSearchResultComponent.displayName = 'DataBoxSearchResultComponent';
-export default DataBoxSearchResultComponent;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { sortAlphaObj } from '../../lib/helpers';
+
+const DataBoxSearchResultComponent = (props) => {
+  const { items, searchValue } = props;
+  const renderItems = items.sort(sortAlphaObj).filter(
+    (x) => x.name.toLowerCase().indexOf(searchValue.toLowerCase()) > -1,
+  ).map((item) => (
+    <li key={item.id}>
+      <a href={item.url}>
+        {item.name}
+      </a>
+    </li>
+  ));
+
+  return (
+    <div>
+      <ul>
+        {renderItems}
+      </ul>
+    </div>
+  );
+};
+
+DataBoxSearchResultComponent.defaultProps = {
+
+};
+
+DataBoxSearchResultComponent.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.number.isRequired,
+    url: PropTypes.string.isRequired,
+    name: PropTypes.string.isRequired,
+  })).isRequired,
+  searchValue: PropTypes.string.isRequired,
+};
+
+DataBoxSearchResultComponent.displayName = 'DataBoxSearchResultComponent';
+export default DataBoxSearchResultComponent;

package/src/components/databox/DataBoxStackedAssociationComponent.js

@@ -1,58 +1,58 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { sortAlphaObj } from '../../lib/helpers';
-
-const DataBoxStackedAssociationComponent = (props) => {
-  const { assoc } = props;
-  const renderItems = assoc.items.sort(sortAlphaObj).map((item) => {
-    if (item.children.length > 0) {
-      const renderChildren = item.children.sort(sortAlphaObj).map((c) => (
-        <li key={c.id}>
-          <a href={c.url}>
-            {c.name}
-          </a>
-        </li>
-      ));
-
-      return (
-        <li key={item.id}>
-          <a href={item.url}>
-            {item.name}
-          </a>
-          <ul>
-            {renderChildren}
-          </ul>
-        </li>
-      );
-    }
-
-    return (
-      <li key={item.id}>
-        <a href={item.url}>
-          {item.name}
-        </a>
-      </li>
-    );
-  });
-
-  return (
-    <div>
-      <ul>
-        {renderItems}
-      </ul>
-    </div>
-  );
-};
-
-DataBoxStackedAssociationComponent.defaultProps = {
-
-};
-
-DataBoxStackedAssociationComponent.propTypes = {
-  assoc: PropTypes.shape({
-    items: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-  }).isRequired,
-};
-
-DataBoxStackedAssociationComponent.displayName = 'DataBoxStackedAssociationComponent';
-export default DataBoxStackedAssociationComponent;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { sortAlphaObj } from '../../lib/helpers';
+
+const DataBoxStackedAssociationComponent = (props) => {
+  const { assoc } = props;
+  const renderItems = assoc.items.sort(sortAlphaObj).map((item) => {
+    if (item.children.length > 0) {
+      const renderChildren = item.children.sort(sortAlphaObj).map((c) => (
+        <li key={c.id}>
+          <a href={c.url}>
+            {c.name}
+          </a>
+        </li>
+      ));
+
+      return (
+        <li key={item.id}>
+          <a href={item.url}>
+            {item.name}
+          </a>
+          <ul>
+            {renderChildren}
+          </ul>
+        </li>
+      );
+    }
+
+    return (
+      <li key={item.id}>
+        <a href={item.url}>
+          {item.name}
+        </a>
+      </li>
+    );
+  });
+
+  return (
+    <div>
+      <ul>
+        {renderItems}
+      </ul>
+    </div>
+  );
+};
+
+DataBoxStackedAssociationComponent.defaultProps = {
+
+};
+
+DataBoxStackedAssociationComponent.propTypes = {
+  assoc: PropTypes.shape({
+    items: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  }).isRequired,
+};
+
+DataBoxStackedAssociationComponent.displayName = 'DataBoxStackedAssociationComponent';
+export default DataBoxStackedAssociationComponent;

package/src/components/databox/DataBoxSuggestionComponent.js

@@ -1,39 +1,39 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-class DataBoxSuggestionComponent extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      item: props.item,
-    };
-  }
-
-  static getDerivedStateFromProps(nextProps, prevState) {
-    if (nextProps.item.id !== prevState.item.id) {
-      return {
-        item: nextProps.item,
-      };
-    }
-
-    return null;
-  }
-
-  render() {
-    const { item } = this.state;
-    return (
-      <span>
-        {item.name}
-      </span>
-    );
-  }
-}
-
-DataBoxSuggestionComponent.propTypes = {
-  item: PropTypes.shape({
-    id: PropTypes.number.isRequired,
-  }).isRequired,
-};
-DataBoxSuggestionComponent.displayName = 'DataBoxSuggestionComponent';
-export default DataBoxSuggestionComponent;
+import React from 'react';
+import PropTypes from 'prop-types';
+
+class DataBoxSuggestionComponent extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      item: props.item,
+    };
+  }
+
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if (nextProps.item.id !== prevState.item.id) {
+      return {
+        item: nextProps.item,
+      };
+    }
+
+    return null;
+  }
+
+  render() {
+    const { item } = this.state;
+    return (
+      <span>
+        {item.name}
+      </span>
+    );
+  }
+}
+
+DataBoxSuggestionComponent.propTypes = {
+  item: PropTypes.shape({
+    id: PropTypes.number.isRequired,
+  }).isRequired,
+};
+DataBoxSuggestionComponent.displayName = 'DataBoxSuggestionComponent';
+export default DataBoxSuggestionComponent;

package/src/components/delphinus/AUAlertComponent.js

@@ -1,85 +1,85 @@
-/* eslint-env browser */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import PropTypes from 'prop-types';
-
-const AUAlertComponent = (props) => {
-  const {
-    message,
-    content,
-    children,
-    alert,
-    buttons,
-  } = props;
-
-  const renderButtons = buttons.map((button) => (
-    <button
-      key={button.text}
-      type="button"
-      className={button.className}
-      data-icon={button.dataIcon}
-      onClick={() => {
-        button.onClick();
-      }}
-    >
-      {button.text}
-    </button>
-  ))
-
-  if (alert) {
-    return (
-      <>
-        {
-          ReactDOM.createPortal(
-            <div key="0" className="theme--normal toast-notification toast-notification--attention toast-notification--persistent">
-              <div className="toast-notification__content">
-                <p dangerouslySetInnerHTML={{ __html: message }} />
-              </div>
-              {renderButtons}
-            </div>, document.querySelector('body'),
-          )
-        }
-        {children}
-      </>
-    );
-  }
-
-  if (!children && !content) {
-    return null;
-  }
-
-  return children || content;
-};
-
-AUAlertComponent.defaultProps = {
-  children: null,
-  content: null,
-  buttons: [{
-    className: 'button',
-    text: 'OK',
-    dataIcon: null,
-    onClick: () => { }
-  }, {
-    className: 'button',
-    text: 'Annuller',
-    dataIcon: null,
-    onClick: () => { }
-  },
-  ],
-};
-
-AUAlertComponent.propTypes = {
-  message: PropTypes.string.isRequired,
-  alert: PropTypes.bool.isRequired,
-  children: PropTypes.arrayOf(PropTypes.element),
-  content: PropTypes.element,
-  buttons: PropTypes.arrayOf(PropTypes.shape({
-    className: PropTypes.string.isRequired,
-    text: PropTypes.string.isRequired,
-    dataIcon: PropTypes.string,
-    onClick: PropTypes.func.isRequired,
-  }).isRequired),
-};
-
-AUAlertComponent.displayName = 'AUAlertComponent';
-export default AUAlertComponent;
+/* eslint-env browser */
+import React from 'react';
+import ReactDOM from 'react-dom';
+import PropTypes from 'prop-types';
+
+const AUAlertComponent = (props) => {
+  const {
+    message,
+    content,
+    children,
+    alert,
+    buttons,
+  } = props;
+
+  const renderButtons = buttons.map((button) => (
+    <button
+      key={button.text}
+      type="button"
+      className={button.className}
+      data-icon={button.dataIcon}
+      onClick={() => {
+        button.onClick();
+      }}
+    >
+      {button.text}
+    </button>
+  ))
+
+  if (alert) {
+    return (
+      <>
+        {
+          ReactDOM.createPortal(
+            <div key="0" className="theme--normal toast-notification toast-notification--attention toast-notification--persistent">
+              <div className="toast-notification__content">
+                <p dangerouslySetInnerHTML={{ __html: message }} />
+              </div>
+              {renderButtons}
+            </div>, document.querySelector('body'),
+          )
+        }
+        {children}
+      </>
+    );
+  }
+
+  if (!children && !content) {
+    return null;
+  }
+
+  return children || content;
+};
+
+AUAlertComponent.defaultProps = {
+  children: null,
+  content: null,
+  buttons: [{
+    className: 'button',
+    text: 'OK',
+    dataIcon: null,
+    onClick: () => { }
+  }, {
+    className: 'button',
+    text: 'Annuller',
+    dataIcon: null,
+    onClick: () => { }
+  },
+  ],
+};
+
+AUAlertComponent.propTypes = {
+  message: PropTypes.string.isRequired,
+  alert: PropTypes.bool.isRequired,
+  children: PropTypes.arrayOf(PropTypes.element),
+  content: PropTypes.element,
+  buttons: PropTypes.arrayOf(PropTypes.shape({
+    className: PropTypes.string.isRequired,
+    text: PropTypes.string.isRequired,
+    dataIcon: PropTypes.string,
+    onClick: PropTypes.func.isRequired,
+  }).isRequired),
+};
+
+AUAlertComponent.displayName = 'AUAlertComponent';
+export default AUAlertComponent;