@attivio/suit
Version:
Attivio SUIT, the Search UI Toolkit, is a library for creating search clients for searching the Attivio platform.
218 lines (196 loc) • 7.55 kB
JavaScript
var _class, _temp2;
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
import React from 'react';
import SearchDocument from '../api/SearchDocument';
import FieldNames from '../api/FieldNames';
import DocumentType from './DocumentType';
import StarRating from './StarRating';
import SearchResultTitle from './SearchResultTitle';
import SearchResultTags from './SearchResultTags';
import DocumentThumbnail from './DocumentThumbnail';
import RelevancyScore from './RelevancyScore';
import Signals from '../api/Signals';
/**
* A "Debug" rendering of a document which shows all of its fields and their values.
*/
var DebugSearchResult = (_temp2 = _class = function (_React$Component) {
_inherits(DebugSearchResult, _React$Component);
function DebugSearchResult() {
var _temp, _this, _ret;
_classCallCheck(this, DebugSearchResult);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.rateDocument = function (doc, rating) {
var baseUri = _this.props.baseUri;
if (doc.signal) {
new Signals(baseUri).addSignal(doc, 'like', rating);
}
}, _temp), _possibleConstructorReturn(_this, _ret);
}
/**
* Renders a <DebugSearchResult> component for the document.
*/
DebugSearchResult.renderer = function renderer(doc, position, baseUri, key) {
var hide360Link = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
return React.createElement(DebugSearchResult, {
document: doc,
position: position,
baseUri: baseUri,
key: key,
hide360Link: hide360Link
});
};
DebugSearchResult.valueToDisplay = function valueToDisplay(value) {
if (typeof value === 'string') {
return value;
}
var json = JSON.stringify(value, null, 2);
if (json.startsWith('{')) {
return React.createElement(
'pre',
null,
json
);
}
return React.createElement(
'span',
null,
json
);
};
DebugSearchResult.prototype.render = function render() {
var _this2 = this;
var _props = this.props,
baseUri = _props.baseUri,
document = _props.document,
position = _props.position,
showRatings = _props.showRatings,
showTags = _props.showTags,
hide360Link = _props.hide360Link;
var docId = document.getFirstValue('.id');
var table = document.getFirstValue(FieldNames.TABLE);
var thumbnailUri = document.getFirstValue('thumbnailImageUri');
var previewUri = document.getAllValues('previewImageUri');
var score = parseFloat(document.getFirstValue(FieldNames.SCORE));
var scoreDescription = document.getFirstValue(FieldNames.SCORE_EXPLAIN);
var moreLikeThisQuery = document.getFirstValue('morelikethisquery');
var docTags = document.getAllValues('tags');
var fieldRows = [];
var fieldNames = document.fields.keys();
var finished = false;
while (!finished) {
var nextField = fieldNames.next();
if (nextField.done) {
finished = true;
} else {
var fieldName = nextField.value;
var value = void 0;
var values = document.getAllValues(fieldName);
if (values && values.length > 1) {
(function () {
var index = 0;
var valueRows = values.map(function (singleValue) {
var singleValueContents = DebugSearchResult.valueToDisplay(singleValue);
index += 1;
return React.createElement(
'li',
{ key: JSON.stringify(singleValue) + '-' + index },
singleValueContents
);
});
value = React.createElement(
'ul',
null,
valueRows
);
})();
} else if (values && values.length === 1) {
value = DebugSearchResult.valueToDisplay(values[0]);
} else {
value = React.createElement(
'span',
{ className: { fontStyle: 'italic' } },
'No value'
);
}
fieldRows.push(React.createElement(
'dt',
{ key: fieldName },
fieldName
));
fieldRows.push(React.createElement(
'dd',
{ key: fieldName + 'value' },
value
));
}
}
return React.createElement(
'div',
{ className: ' attivio-search-result row' },
React.createElement(
'div',
{ className: 'col-xs-2 col-sm-2' },
React.createElement(DocumentType, { docType: table, position: position }),
React.createElement(DocumentThumbnail, { uri: thumbnailUri, previewUris: previewUri, previewTitle: document.getFirstValue(FieldNames.TITLE) }),
React.createElement(
'dl',
{ className: 'attivio-labeldata-stacked attivio-labeldata-stacked-search-results' },
showRatings && React.createElement(
'div',
null,
React.createElement(
'dt',
null,
'User Rating'
),
React.createElement(
'dd',
null,
React.createElement(StarRating, { onRated: function onRated(rating) {
_this2.rateDocument(document, rating);
} })
)
),
React.createElement(
'dt',
null,
'Relevancy Score'
),
React.createElement(
'dd',
null,
React.createElement(RelevancyScore, { score: score, description: scoreDescription, id: docId })
)
)
),
React.createElement(
'div',
{ className: 'col-xs-8 col-sm-8' },
React.createElement(SearchResultTitle, { doc: document, baseUri: baseUri }),
React.createElement(
'dl',
{ className: 'attivio-labeldata-2col attivio-search-result-debugger' },
fieldRows
),
showTags && React.createElement(SearchResultTags, {
tags: docTags,
moreLikeThisQuery: moreLikeThisQuery,
vertical: true,
docId: docId,
hide360Link: hide360Link
})
)
);
};
return DebugSearchResult;
}(React.Component), _class.defaultProps = {
baseUri: '',
showTags: true,
showRatings: true,
hide360Link: false
}, _class.displayName = 'DebugSearchResult', _temp2);
export { DebugSearchResult as default };