@aarhus-university/au-lib-react-components 10.6.0 → 10.7.0

package/src/layout-2016/components/databox/DataBoxGroupingComponent.js

@@ -1,64 +1,64 @@
-/* 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) {
-    // eslint-disable-next-line react/destructuring-assignment
-    renderAssociations = props.grouping.associations.map(
-      (a) => <DataBoxStackedAssociationComponent key={a.id} assoc={a} />,
-    );
-  } else {
-    // eslint-disable-next-line react/destructuring-assignment
-    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) {
+    // eslint-disable-next-line react/destructuring-assignment
+    renderAssociations = props.grouping.associations.map(
+      (a) => <DataBoxStackedAssociationComponent key={a.id} assoc={a} />,
+    );
+  } else {
+    // eslint-disable-next-line react/destructuring-assignment
+    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/layout-2016/components/databox/DataBoxSearchResultComponent.js

@@ -1,36 +1,36 @@
-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.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.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/layout-2016/components/databox/DataBoxStackedAssociationComponent.js

@@ -1,54 +1,54 @@
-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.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.propTypes = {
+  assoc: PropTypes.shape({
+    items: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  }).isRequired,
+};
+
+DataBoxStackedAssociationComponent.displayName = 'DataBoxStackedAssociationComponent';
+export default DataBoxStackedAssociationComponent;

package/src/layout-2016/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;