react-planner-viewer/es/components/catalog-view/catalog-breadcrumb.js

react-planner-viewer is a React Component for view plans builded with react-planner in 2D mode

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

import React from 'react';
import PropTypes from 'prop-types';
import Arrow from 'react-icons/lib/md/keyboard-arrow-right';
import * as SharedStyle from '../../shared-style';

var breadcrumbStyle = {
  margin: '1.5em',
  display: 'flex'
};

var breadcrumbTextStyle = {
  fontSize: '20px',
  cursor: 'pointer'
};

var breadcrumbLastTextStyle = _extends({}, breadcrumbTextStyle, {
  fontWeight: 'bolder',
  color: SharedStyle.SECONDARY_COLOR.main
});

var breadcrumbTabStyle = {
  fill: SharedStyle.COLORS.black,
  fontSize: '24px',
  marginLeft: '10px',
  marginRight: '10px'
};

var CatalogBreadcrumb = function CatalogBreadcrumb(_ref) {
  var names = _ref.names;


  var labelNames = names.map(function (name, ind) {

    var lastElement = ind === names.length - 1;

    return React.createElement(
      'div',
      { key: ind, style: { display: 'flex' } },
      React.createElement(
        'div',
        { style: !lastElement ? breadcrumbTextStyle : breadcrumbLastTextStyle, onClick: name.action },
        name.name
      ),
      !lastElement ? React.createElement(Arrow, { style: breadcrumbTabStyle }) : null
    );
  });

  return React.createElement(
    'div',
    { style: breadcrumbStyle },
    labelNames
  );
};

CatalogBreadcrumb.propTypes = {
  names: PropTypes.arrayOf(PropTypes.object).isRequired
};

export default CatalogBreadcrumb;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NhdGFsb2ctdmlldy9jYXRhbG9nLWJyZWFkY3J1bWIuanN4Il0sIm5hbWVzIjpbIlJlYWN0IiwiUHJvcFR5cGVzIiwiQXJyb3ciLCJTaGFyZWRTdHlsZSIsImJyZWFkY3J1bWJTdHlsZSIsIm1hcmdpbiIsImRpc3BsYXkiLCJicmVhZGNydW1iVGV4dFN0eWxlIiwiZm9udFNpemUiLCJjdXJzb3IiLCJicmVhZGNydW1iTGFzdFRleHRTdHlsZSIsImZvbnRXZWlnaHQiLCJjb2xvciIsIlNFQ09OREFSWV9DT0xPUiIsIm1haW4iLCJicmVhZGNydW1iVGFiU3R5bGUiLCJmaWxsIiwiQ09MT1JTIiwiYmxhY2siLCJtYXJnaW5MZWZ0IiwibWFyZ2luUmlnaHQiLCJDYXRhbG9nQnJlYWRjcnVtYiIsIm5hbWVzIiwibGFiZWxOYW1lcyIsIm1hcCIsIm5hbWUiLCJpbmQiLCJsYXN0RWxlbWVudCIsImxlbmd0aCIsImFjdGlvbiIsInByb3BUeXBlcyIsImFycmF5T2YiLCJvYmplY3QiLCJpc1JlcXVpcmVkIl0sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU9BLEtBQVAsTUFBa0IsT0FBbEI7QUFDQSxPQUFPQyxTQUFQLE1BQXNCLFlBQXRCO0FBQ0EsT0FBT0MsS0FBUCxNQUFrQix5Q0FBbEI7QUFDQSxPQUFPLEtBQUtDLFdBQVosTUFBNkIsb0JBQTdCOztBQUVBLElBQU1DLGtCQUFrQjtBQUN0QkMsVUFBUSxPQURjO0FBRXRCQyxXQUFTO0FBRmEsQ0FBeEI7O0FBS0EsSUFBTUMsc0JBQXNCO0FBQzFCQyxZQUFVLE1BRGdCO0FBRTFCQyxVQUFRO0FBRmtCLENBQTVCOztBQUtBLElBQU1DLHVDQUNESCxtQkFEQztBQUVKSSxjQUFXLFFBRlA7QUFHSkMsU0FBTVQsWUFBWVUsZUFBWixDQUE0QkM7QUFIOUIsRUFBTjs7QUFNQSxJQUFNQyxxQkFBcUI7QUFDekJDLFFBQU1iLFlBQVljLE1BQVosQ0FBbUJDLEtBREE7QUFFekJWLFlBQVUsTUFGZTtBQUd6QlcsY0FBWSxNQUhhO0FBSXpCQyxlQUFhO0FBSlksQ0FBM0I7O0FBT0EsSUFBTUMsb0JBQW9CLFNBQXBCQSxpQkFBb0IsT0FBZTtBQUFBLE1BQVpDLEtBQVksUUFBWkEsS0FBWTs7O0FBRXZDLE1BQUlDLGFBQWFELE1BQU1FLEdBQU4sQ0FBVSxVQUFDQyxJQUFELEVBQU9DLEdBQVAsRUFBZTs7QUFFeEMsUUFBSUMsY0FBY0QsUUFBUUosTUFBTU0sTUFBTixHQUFlLENBQXpDOztBQUVBLFdBQU87QUFBQTtBQUFBLFFBQUssS0FBS0YsR0FBVixFQUFlLE9BQU8sRUFBRXBCLFNBQVMsTUFBWCxFQUF0QjtBQUNIO0FBQUE7QUFBQSxVQUFLLE9BQVEsQ0FBQ3FCLFdBQUQsR0FBZXBCLG1CQUFmLEdBQXFDRyx1QkFBbEQsRUFBNEUsU0FBU2UsS0FBS0ksTUFBMUY7QUFBbUdKLGFBQUtBO0FBQXhHLE9BREc7QUFFRCxPQUFDRSxXQUFELEdBQWUsb0JBQUMsS0FBRCxJQUFPLE9BQU9aLGtCQUFkLEdBQWYsR0FBc0Q7QUFGckQsS0FBUDtBQUlELEdBUmdCLENBQWpCOztBQVVBLFNBQU87QUFBQTtBQUFBLE1BQUssT0FBT1gsZUFBWjtBQUE4Qm1CO0FBQTlCLEdBQVA7QUFDRCxDQWJEOztBQWVBRixrQkFBa0JTLFNBQWxCLEdBQThCO0FBQzVCUixTQUFPckIsVUFBVThCLE9BQVYsQ0FBa0I5QixVQUFVK0IsTUFBNUIsRUFBb0NDO0FBRGYsQ0FBOUI7O0FBSUEsZUFBZVosaUJBQWYiLCJmaWxlIjoiY2F0YWxvZy1icmVhZGNydW1iLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgQXJyb3cgZnJvbSAncmVhY3QtaWNvbnMvbGliL21kL2tleWJvYXJkLWFycm93LXJpZ2h0JztcbmltcG9ydCAqIGFzIFNoYXJlZFN0eWxlIGZyb20gJy4uLy4uL3NoYXJlZC1zdHlsZSc7XG5cbmNvbnN0IGJyZWFkY3J1bWJTdHlsZSA9IHtcbiAgbWFyZ2luOiAnMS41ZW0nLFxuICBkaXNwbGF5OiAnZmxleCdcbn07XG5cbmNvbnN0IGJyZWFkY3J1bWJUZXh0U3R5bGUgPSB7XG4gIGZvbnRTaXplOiAnMjBweCcsXG4gIGN1cnNvcjogJ3BvaW50ZXInXG59O1xuXG5jb25zdCBicmVhZGNydW1iTGFzdFRleHRTdHlsZSA9IHtcbiAgLi4uYnJlYWRjcnVtYlRleHRTdHlsZSxcbiAgZm9udFdlaWdodDonYm9sZGVyJyxcbiAgY29sb3I6U2hhcmVkU3R5bGUuU0VDT05EQVJZX0NPTE9SLm1haW5cbn07XG5cbmNvbnN0IGJyZWFkY3J1bWJUYWJTdHlsZSA9IHtcbiAgZmlsbDogU2hhcmVkU3R5bGUuQ09MT1JTLmJsYWNrLFxuICBmb250U2l6ZTogJzI0cHgnLFxuICBtYXJnaW5MZWZ0OiAnMTBweCcsXG4gIG1hcmdpblJpZ2h0OiAnMTBweCdcbn07XG5cbmNvbnN0IENhdGFsb2dCcmVhZGNydW1iID0gKHsgbmFtZXMgfSkgPT4ge1xuXG4gIGxldCBsYWJlbE5hbWVzID0gbmFtZXMubWFwKChuYW1lLCBpbmQpID0+IHtcblxuICAgIGxldCBsYXN0RWxlbWVudCA9IGluZCA9PT0gbmFtZXMubGVuZ3RoIC0gMTtcblxuICAgIHJldHVybiA8ZGl2IGtleT17aW5kfSBzdHlsZT17eyBkaXNwbGF5OiAnZmxleCcgfX0+XG4gICAgICAgIDxkaXYgc3R5bGU9eyAhbGFzdEVsZW1lbnQgPyBicmVhZGNydW1iVGV4dFN0eWxlIDogYnJlYWRjcnVtYkxhc3RUZXh0U3R5bGUgfSBvbkNsaWNrPXtuYW1lLmFjdGlvbn0+e25hbWUubmFtZX08L2Rpdj5cbiAgICAgICAgeyAhbGFzdEVsZW1lbnQgPyA8QXJyb3cgc3R5bGU9e2JyZWFkY3J1bWJUYWJTdHlsZX0gLz4gOiBudWxsIH1cbiAgICA8L2Rpdj5cbiAgfSk7XG5cbiAgcmV0dXJuIDxkaXYgc3R5bGU9e2JyZWFkY3J1bWJTdHlsZX0+e2xhYmVsTmFtZXN9PC9kaXY+O1xufTtcblxuQ2F0YWxvZ0JyZWFkY3J1bWIucHJvcFR5cGVzID0ge1xuICBuYW1lczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLm9iamVjdCkuaXNSZXF1aXJlZFxufTtcblxuZXhwb3J0IGRlZmF1bHQgQ2F0YWxvZ0JyZWFkY3J1bWI7XG4iXX0=