collapsedMaxWords config: support also objects

src/client/components/facet_results/ObjectListCollapsible.js

@@ -31,7 +31,7 @@ const styles = () => ({
 const ObjectList = props => {
   const {
     sortValues, sortBy, makeLink, externalLink, linkAsButton, columnId, showSource,
-    sourceExternalLink, numberedList
+    sourceExternalLink, numberedList, collapsedMaxWords
   } = props
   let { data } = props
 
@@ -72,6 +72,8 @@ const ObjectList = props => {
             makeLink={makeLink}
             externalLink={externalLink}
             linkAsButton={linkAsButton}
+            isFirstValue={isFirstValue}
+            collapsedMaxWords={collapsedMaxWords}
           />
           {collapsed && <span> ...</span>}
           {showSource && itemData.source &&

src/client/components/facet_results/ObjectListItem.js

@@ -3,8 +3,14 @@ import PropTypes from 'prop-types'
 import ObjectListItemLink from './ObjectListItemLink'
 
 const ObjectListItem = props => {
-  const { data, makeLink, externalLink, linkAsButton } = props
-  const label = Array.isArray(data.prefLabel) ? data.prefLabel[0] : data.prefLabel
+  const { data, makeLink, externalLink, linkAsButton, isFirstValue, collapsedMaxWords } = props
+  let label = Array.isArray(data.prefLabel) ? data.prefLabel[0] : data.prefLabel
+  if (isFirstValue && collapsedMaxWords) {
+    const wordCount = label.split(' ').length
+    if (wordCount > collapsedMaxWords) {
+      label = label.trim().split(' ').splice(0, props.collapsedMaxWords).join(' ')
+    }
+  }
   return (
     <>
       {!makeLink && label}

src/client/components/facet_results/ResultTable.js

@@ -290,7 +290,8 @@ class ResultTable extends React.Component {
               <div className={classes.progressContainer}>
                 <CircularProgress style={{ color: purple[500] }} thickness={5} />
               </div>
-            ) : (
+              )
+            : (
               <Table size='small'>
                 <ResultTableHead
                   resultClass={this.props.resultClass}
@@ -304,7 +305,7 @@ class ResultTable extends React.Component {
                   {paginatedResults.map(row => this.rowRenderer(row))}
                 </TableBody>
               </Table>
-            )}
+              )}
         </div>
       </>
     )

src/client/components/facet_results/ResultTableCell.js

@@ -18,7 +18,7 @@ const ResultTableCell = props => {
   }
   switch (valueType) {
     case 'object':
-      cellContent =
+      cellContent = (
         <ObjectListCollapsible
           data={data}
           makeLink={makeLink}
@@ -28,13 +28,15 @@ const ResultTableCell = props => {
           numberedList={numberedList}
           columnId={columnId}
           expanded={expanded}
+          collapsedMaxWords={collapsedMaxWords}
           linkAsButton={linkAsButton}
           showSource={showSource}
           sourceExternalLink={sourceExternalLink}
         />
+      )
       break
     case 'string':
-      cellContent =
+      cellContent = (
         <StringList
           data={data}
           expanded={expanded}
@@ -44,6 +46,7 @@ const ResultTableCell = props => {
           referencedTerm={referencedTerm}
           numberedList={numberedList}
         />
+      )
       break
     case 'image':
       cellContent = data && data !== '-'

src/client/reducers/sampo/perspective1.js

@@ -75,6 +75,7 @@ export const INITIAL_STATE = {
       sortValues: true,
       numberedList: false,
       minWidth: 200,
+      collapsedMaxWords: 3,
       priority: 5
     },
     {
@@ -85,6 +86,7 @@ export const INITIAL_STATE = {
       sortValues: true,
       numberedList: false,
       minWidth: 180,
+      collapsedMaxWords: 3,
       priority: 5
     },
     {