@helpscout/hsds-react/components/Illo/Illo.utils.js

React component library for Help Scout's Design System

"use strict";

exports.__esModule = true;
exports.injectFillColorIntoSvg = exports.unload = exports.load = exports.svgSet = void 0;
var svgSet = {};
exports.svgSet = svgSet;

var load = function load(svgs) {
  if (svgs === void 0) {
    svgs = {};
  }

  return exports.svgSet = svgSet = svgs;
};

exports.load = load;

var unload = function unload() {
  return load({});
};

exports.unload = unload;

var injectFillColorIntoSvg = function injectFillColorIntoSvg(svgHTML, props) {
  if (props === void 0) {
    props = {
      primary: '',
      secondary: '',
      ui: '',
      uiLight: '',
      uiDark: '',
      uiTransparent: '',
      uiWhite: ''
    };
  }

  if (typeof svgHTML !== 'string' || !svgHTML.length) return '';
  var _props = props,
      primary = _props.primary,
      secondary = _props.secondary,
      ui = _props.ui,
      uiLight = _props.uiLight,
      uiDark = _props.uiDark,
      uiTransparent = _props.uiTransparent,
      uiWhite = _props.uiWhite;

  var makeStyle = function makeStyle(color) {
    return color && color.length ? "style=\"fill: " + color + ";\"" : '';
  };

  return svgHTML.replace('data-path-primary=""', makeStyle(primary)).replace('data-path-secondary=""', makeStyle(secondary)).replace('data-path-ui=""', makeStyle(ui)).replace('data-path-uiDark=""', makeStyle(uiDark)).replace('data-path-uiLight=""', makeStyle(uiLight)).replace('data-path-uiTransparent=""', makeStyle(uiTransparent)).replace('data-path-uiWhite=""', makeStyle(uiWhite));
};

exports.injectFillColorIntoSvg = injectFillColorIntoSvg;