@crpt/react-operation/lib/utils/yandexUtils/placemarkUtils/svgUtils.js

[![npm package][npm-badge]][npm]

'use strict';

exports.__esModule = true;
exports.contentIcon = exports.backgroundIcon = undefined;

var _lodash = require('lodash');

var _assets = require('../../../assets');

var _constants = require('../../../constants');

var _styleUtils = require('./styleUtils');

var spritesheet = _assets.svg.spritesheet;
var backgroundIcon = exports.backgroundIcon = function backgroundIcon(placemark, MapInstance) {
  var SVG = '\n    <svg style="' + _styleUtils.iconStyles.backgroundIcon(placemark, MapInstance) + '">\n      <use xlink:href="' + spritesheet + '#placemark" fill="#1A99F4" />\n    </svg>\n  ';

  return SVG;
};

var contentIcon = exports.contentIcon = function contentIcon(placemark, MapInstance) {
  var _placemark$properties = placemark.properties,
      properties = _placemark$properties === undefined ? {} : _placemark$properties;
  var _properties$data = properties.data,
      data = _properties$data === undefined ? [] : _properties$data;


  var lastOperation = (0, _lodash.head)(data);
  var operationType = lastOperation.operationType;


  var SVG = '\n    <svg style="' + _styleUtils.iconStyles.contentIcon(placemark, MapInstance) + '">\n      <use\n        xlink:href="' + spritesheet + '#' + _constants.mapTypeToIconId[operationType] + '"\n        fill="white"\n        x="8"\n        y="8"\n      />\n    </svg>\n  ';

  return SVG;
};