box-ui-elements-mlh/es/elements/common/sub-header/SubHeaderLeft.js

Box UI Elements

/**
 * 
 * @file Content sub header component
 * @author Box
 */
import React from 'react';
import { injectIntl } from 'react-intl';
import messages from '../messages';
import { Breadcrumbs } from '../breadcrumbs';
import { VIEW_SEARCH, VIEW_FOLDER, VIEW_RECENTS, DELIMITER_CARET } from '../../../constants';

var SubHeaderLeft = function SubHeaderLeft(_ref) {
  var view = _ref.view,
      isSmall = _ref.isSmall,
      rootId = _ref.rootId,
      rootName = _ref.rootName,
      currentCollection = _ref.currentCollection,
      onItemClick = _ref.onItemClick,
      intl = _ref.intl;
  var crumbs;

  if (view === VIEW_FOLDER || view === VIEW_SEARCH) {
    var id = currentCollection.id,
        _currentCollection$na = currentCollection.name,
        name = _currentCollection$na === void 0 ? '' : _currentCollection$na,
        _currentCollection$br = currentCollection.breadcrumbs,
        breadcrumbs = _currentCollection$br === void 0 ? [] : _currentCollection$br;
    crumbs = breadcrumbs.concat({
      id: id,
      name: name
    }); // Search results are specific to the current folder
    // hence the breadcrumb is added to the end of the list

    if (view === VIEW_SEARCH) {
      crumbs = crumbs.concat({
        id: undefined,
        name: intl.formatMessage(messages.searchBreadcrumb)
      });
    }
  } else {
    crumbs = [{
      id: undefined,
      name: intl.formatMessage(messages["".concat(view, "Breadcrumb")])
    }];

    if (view !== VIEW_RECENTS) {
      crumbs.unshift({
        id: rootId,
        name: rootName || intl.formatMessage(messages.rootBreadcrumb)
      });
    }
  }

  return /*#__PURE__*/React.createElement(Breadcrumbs, {
    crumbs: crumbs,
    delimiter: DELIMITER_CARET,
    isSmall: isSmall,
    onCrumbClick: onItemClick,
    rootId: rootId
  });
};

export default injectIntl(SubHeaderLeft);
//# sourceMappingURL=SubHeaderLeft.js.map