@splunk/react-visualizations 25.13.1 → 26.1.0

package/SvgChoropleth.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"react\"","webpack:///external \"@babel/runtime/helpers/createClass\"","webpack:///external \"@babel/runtime/helpers/classCallCheck\"","webpack:///external \"lodash\"","webpack:///external \"@babel/runtime/helpers/inherits\"","webpack:///external \"@babel/runtime/helpers/possibleConstructorReturn\"","webpack:///external \"@babel/runtime/helpers/getPrototypeOf\"","webpack:///./src/visualizations/SvgChoropleth/SvgChoropleth.tsx","webpack:///external \"styled-components\""],"names":["React","require","lodash_1","styled_components_1","exports","DATA_ATTRIBUTE","StyledSvgChoropleth","default","div","withConfig","displayName","componentId","props","backgroundColor","SvgChoropleth","_React$Component","_inherits","_super","_createSuper","_this","_classCallCheck","call","containerRef","createRef","highlightedCountry","getLocalCoords","clientX","clientY","rect","current","getBoundingClientRect","physX","left","physY","top","x","y","handleMapClick","event","pos","_this$props","featureCollection","onClick","clickedCoords","transformation","transformBack","feature","target","wholeFeature","id","parentNode","handleFeatureEnter","ev","ownerSVGElement","unHighlightCountry","highlightCountry","onFeatureHover","featureId","label","getAttribute","value","handleFeatureLeave","registerSvg","el","svgDom","_this$props2","_this$props2$selector","selector","strokeColor","fillColor","onmouseover","onmouseout","querySelectorAll","forEach","node","style","stroke","fill","updateSvg","state","svgNode","getSvgNode","_createClass","key","shouldComponentUpdate","nextProps","nextState","shouldUpdate","isEqual","componentDidUpdate","prevProps","setState","getFeatureId","alias","resolveAlias","firstLandlockedCountry","querySelector","parent","clone","cloneNode","strokeHighlightColor","insertBefore","removeChild","_this2","_props$selector","data","dataHashMap","featureIDs","index","values","nodeData","get","setAttribute","removeAttribute","render","_this$props$backgroun","createElement","onMouseDown","ref","Component"],"mappings":"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","file":"SvgChoropleth.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 36);\n","module.exports = require(\"react\");","module.exports = require(\"@babel/runtime/helpers/createClass\");","module.exports = require(\"@babel/runtime/helpers/classCallCheck\");","module.exports = require(\"lodash\");","module.exports = require(\"@babel/runtime/helpers/inherits\");","module.exports = require(\"@babel/runtime/helpers/possibleConstructorReturn\");","module.exports = require(\"@babel/runtime/helpers/getPrototypeOf\");","/* eslint-disable no-param-reassign */\nimport * as React from 'react';\nimport { get, isEqual } from 'lodash';\nimport styled from 'styled-components';\nimport { ISvgFeatureCollection } from './src/utils/ISvgFeatureCollection';\nimport { DataPoint } from './src/utils/ICoordinateTransformation';\n\nexport const DATA_ATTRIBUTE = 'data-value';\n\nexport interface SvgChoroplethProps {\n    featureCollection: ISvgFeatureCollection;\n    data: { featureIDs: string[]; fill: string[]; values: any[] };\n    fillColor: string;\n    strokeColor: string;\n    strokeHighlightColor?: string;\n    backgroundColor?: string;\n    selector: string;\n    onFeatureHover: (params: { featureId: string; value: any; label?: string }) => void;\n    onClick?: (sourceCoordinates: DataPoint, featureId: string) => void;\n}\n\nexport interface SvgChoroplethState {\n    svgNode: React.ReactNode;\n}\n\nexport { GeoFeatureGroup } from './src/utils/GeoTypes';\n\ninterface StyledSvgChoroplethProps {\n    readonly backgroundColor: string;\n}\n\nconst StyledSvgChoropleth = styled.div<StyledSvgChoroplethProps>`\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    background-color: ${(props): string => props.backgroundColor};\n`;\n\nexport default class SvgChoropleth extends React.Component<SvgChoroplethProps, SvgChoroplethState> {\n    containerRef: React.RefObject<HTMLDivElement> = React.createRef();\n\n    // lastFeatureStroke: string;\n    svgDom: SVGElement;\n\n    highlightedCountry: SVGElement = null;\n\n    constructor(props: SvgChoroplethProps) {\n        super(props);\n        const { featureCollection } = props;\n        this.state = { svgNode: featureCollection.getSvgNode(this.registerSvg) };\n    }\n\n    shouldComponentUpdate(nextProps: Readonly<SvgChoroplethProps>, nextState: SvgChoroplethState): boolean {\n        const shouldUpdate =\n            !isEqual(nextState.svgNode, this.state.svgNode) || !isEqual(nextProps, this.props);\n        return shouldUpdate;\n    }\n\n    componentDidUpdate(prevProps): void {\n        if (this.props !== prevProps) {\n            if (prevProps.featureCollection !== this.props.featureCollection) {\n                // eslint-disable-next-line react/no-did-update-set-state\n                this.setState({\n                    svgNode: this.props.featureCollection.getSvgNode(this.registerSvg),\n                });\n            } else {\n                this.updateSvg(this.props);\n            }\n        }\n    }\n\n    getLocalCoords = (clientX: number, clientY: number): { x: number; y: number } => {\n        const rect = this.containerRef.current.getBoundingClientRect();\n        const physX = rect.left;\n        const physY = rect.top;\n        return { x: clientX - physX, y: clientY - physY };\n    };\n\n    handleMapClick = (event: React.MouseEvent<HTMLInputElement>): void => {\n        const { clientX, clientY } = event;\n        const pos = this.getLocalCoords(clientX, clientY);\n        const { featureCollection, onClick } = this.props;\n        const clickedCoords: DataPoint = featureCollection.transformation.transformBack(pos);\n        const feature: SVGSVGElement = event.target as SVGSVGElement;\n        const wholeFeature: SVGElement = feature.id ? feature : (feature.parentNode as SVGElement);\n        if (onClick) {\n            onClick(clickedCoords, wholeFeature.id);\n        }\n    };\n\n    handleFeatureEnter = (ev: MouseEvent): void => {\n        const feature: SVGSVGElement = ev.target as SVGSVGElement;\n\n        if (!feature.id && !feature.ownerSVGElement) {\n            return;\n        }\n\n        const wholeFeature: SVGElement = feature.id ? feature : (feature.parentNode as SVGElement);\n        // remove the highlighted country IF we are entering a different country\n        if (this.highlightedCountry && wholeFeature.id !== this.highlightedCountry.id) {\n            this.unHighlightCountry();\n        }\n        this.highlightCountry(wholeFeature);\n\n        if (this.props.onFeatureHover) {\n            this.props.onFeatureHover({\n                featureId: wholeFeature.id,\n                label: wholeFeature.getAttribute('label_en'),\n                value: wholeFeature.getAttribute(DATA_ATTRIBUTE),\n            });\n        }\n    };\n\n    handleFeatureLeave = (ev: MouseEvent): void => {\n        const feature: SVGSVGElement = ev.target as SVGSVGElement;\n\n        if (!feature.id && !feature.ownerSVGElement) {\n            return;\n        }\n\n        // 'wholeFeature' means the SVG <g> (group) of multipolygon features\n        const wholeFeature: SVGElement = feature.id ? feature : (feature.parentNode as SVGElement);\n        // handling feature leaving should always only deal with the highlighted feature\n        if (wholeFeature !== this.highlightedCountry) {\n            return;\n        }\n        this.unHighlightCountry();\n        // wholeFeature.style.stroke = this.lastFeatureStroke;\n\n        if (this.props.onFeatureHover) {\n            this.props.onFeatureHover({ featureId: null, value: null, label: null });\n        }\n    };\n\n    // allows a provided alias like 'US-CA' to get mapped to 'California' which is the element id for the SVG shape\n    private getFeatureId(alias: string): string {\n        return this.props.featureCollection.resolveAlias(alias);\n    }\n\n    registerSvg = (el: SVGSVGElement): void => {\n        if (!el) return;\n\n        this.svgDom = el;\n\n        const { selector = '.feature', strokeColor, fillColor } = this.props;\n\n        this.svgDom.onmouseover = this.handleFeatureEnter;\n        this.svgDom.onmouseout = this.handleFeatureLeave;\n\n        this.svgDom.querySelectorAll(selector).forEach((node: HTMLElement): void => {\n            node.style.stroke = strokeColor;\n            node.style.fill = fillColor;\n        });\n\n        this.updateSvg(this.props);\n    };\n\n    /**\n     * this method renders a copy of the polygon on top of all the others, with a highlighted boundary.\n     * Technically we don't render in on top of ALL the others. There are three totally landlocked countries,\n     * the first of which in our geojson file is Lesotho. These are also the last three countries in the geojson\n     * file. So when we insert the highlight shape into the dom, we inert it *before* these three countries.\n     * So the highlight for South Africa will not cover up Lesotho.\n     * @param {SVGElement} el\n     */\n    highlightCountry(el: SVGElement): void {\n        if (this.highlightedCountry) {\n            return; // do not add more than one hovered element at a time\n        }\n\n        const firstLandlockedCountry = this.svgDom.querySelector(`#Lesotho`);\n        const parent = el.parentNode;\n        const clone: SVGElement = el.cloneNode(true) as SVGElement;\n        const strokeColor = this.props.strokeHighlightColor || '#000';\n        clone.style.stroke = strokeColor;\n        this.highlightedCountry = clone;\n\n        parent.insertBefore(clone, firstLandlockedCountry);\n    }\n\n    unHighlightCountry(): void {\n        if (this.highlightedCountry) {\n            this.svgDom.removeChild(this.highlightedCountry);\n        }\n        this.highlightedCountry = null;\n    }\n\n    updateSvg(props: SvgChoroplethProps): void {\n        if (!this.svgDom) {\n            return;\n        }\n\n        const { selector = '.feature', fillColor, data } = props;\n\n        if (!data) {\n            return;\n        }\n        const dataHashMap = {};\n\n        data.featureIDs.forEach((alias, index): void => {\n            const featureId = this.getFeatureId(alias);\n            dataHashMap[featureId] = { fill: data.fill[index], value: data.values[index] };\n        });\n        this.svgDom.querySelectorAll(selector).forEach((node: HTMLElement): void => {\n            const nodeData = dataHashMap[node.id];\n            node.style.fill = get(nodeData, 'fill') || fillColor;\n            const value = get(nodeData, 'value');\n            if (value) {\n                node.setAttribute(DATA_ATTRIBUTE, value);\n            } else {\n                node.removeAttribute(DATA_ATTRIBUTE);\n            }\n        });\n    }\n\n    render(): JSX.Element {\n        const { backgroundColor = 'transparent' } = this.props;\n        // note: for some reason, onclick event can't be triggered on dashboard. So change it to onMouseDown\n        return (\n            <StyledSvgChoropleth\n                data-test=\"styled-svg-choropleth\"\n                backgroundColor={backgroundColor}\n                onMouseDown={this.handleMapClick}\n                ref={this.containerRef}\n            >\n                {this.state.svgNode}\n            </StyledSvgChoropleth>\n        );\n    }\n}\n","module.exports = require(\"styled-components\");"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"react\"","webpack:///external \"@babel/runtime/helpers/createClass\"","webpack:///external \"@babel/runtime/helpers/classCallCheck\"","webpack:///external \"lodash\"","webpack:///external \"@babel/runtime/helpers/inherits\"","webpack:///external \"@babel/runtime/helpers/possibleConstructorReturn\"","webpack:///external \"@babel/runtime/helpers/getPrototypeOf\"","webpack:///./src/visualizations/SvgChoropleth/SvgChoropleth.tsx","webpack:///external \"styled-components\""],"names":[],"mappings":"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","file":"SvgChoropleth.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 36);\n","module.exports = require(\"react\");","module.exports = require(\"@babel/runtime/helpers/createClass\");","module.exports = require(\"@babel/runtime/helpers/classCallCheck\");","module.exports = require(\"lodash\");","module.exports = require(\"@babel/runtime/helpers/inherits\");","module.exports = require(\"@babel/runtime/helpers/possibleConstructorReturn\");","module.exports = require(\"@babel/runtime/helpers/getPrototypeOf\");","/* eslint-disable no-param-reassign */\nimport * as React from 'react';\nimport { get, isEqual } from 'lodash';\nimport styled from 'styled-components';\nimport { ISvgFeatureCollection } from './src/utils/ISvgFeatureCollection';\nimport { DataPoint } from './src/utils/ICoordinateTransformation';\n\nexport const DATA_ATTRIBUTE = 'data-value';\n\nexport interface SvgChoroplethProps {\n    featureCollection: ISvgFeatureCollection;\n    data: { featureIDs: string[]; fill: string[]; values: any[] };\n    fillColor: string;\n    strokeColor: string;\n    strokeHighlightColor?: string;\n    backgroundColor?: string;\n    selector: string;\n    onFeatureHover: (params: { featureId: string; value: any; label?: string }) => void;\n    onClick?: (sourceCoordinates: DataPoint, featureId: string) => void;\n}\n\nexport interface SvgChoroplethState {\n    svgNode: React.ReactNode;\n}\n\nexport { GeoFeatureGroup } from './src/utils/GeoTypes';\n\ninterface StyledSvgChoroplethProps {\n    readonly backgroundColor: string;\n}\n\nconst StyledSvgChoropleth = styled.div<StyledSvgChoroplethProps>`\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    background-color: ${(props): string => props.backgroundColor};\n`;\n\nexport default class SvgChoropleth extends React.Component<SvgChoroplethProps, SvgChoroplethState> {\n    containerRef: React.RefObject<HTMLDivElement> = React.createRef();\n\n    // lastFeatureStroke: string;\n    svgDom: SVGElement;\n\n    highlightedCountry: SVGElement = null;\n\n    constructor(props: SvgChoroplethProps) {\n        super(props);\n        const { featureCollection } = props;\n        this.state = { svgNode: featureCollection.getSvgNode(this.registerSvg) };\n    }\n\n    shouldComponentUpdate(nextProps: Readonly<SvgChoroplethProps>, nextState: SvgChoroplethState): boolean {\n        const shouldUpdate =\n            !isEqual(nextState.svgNode, this.state.svgNode) || !isEqual(nextProps, this.props);\n        return shouldUpdate;\n    }\n\n    componentDidUpdate(prevProps): void {\n        if (this.props !== prevProps) {\n            if (prevProps.featureCollection !== this.props.featureCollection) {\n                // eslint-disable-next-line react/no-did-update-set-state\n                this.setState({\n                    svgNode: this.props.featureCollection.getSvgNode(this.registerSvg),\n                });\n            } else {\n                this.updateSvg(this.props);\n            }\n        }\n    }\n\n    getLocalCoords = (clientX: number, clientY: number): { x: number; y: number } => {\n        const rect = this.containerRef.current.getBoundingClientRect();\n        const physX = rect.left;\n        const physY = rect.top;\n        return { x: clientX - physX, y: clientY - physY };\n    };\n\n    handleMapClick = (event: React.MouseEvent<HTMLInputElement>): void => {\n        const { clientX, clientY } = event;\n        const pos = this.getLocalCoords(clientX, clientY);\n        const { featureCollection, onClick } = this.props;\n        const clickedCoords: DataPoint = featureCollection.transformation.transformBack(pos);\n        const feature: SVGSVGElement = event.target as SVGSVGElement;\n        const wholeFeature: SVGElement = feature.id ? feature : (feature.parentNode as SVGElement);\n        if (onClick) {\n            onClick(clickedCoords, wholeFeature.id);\n        }\n    };\n\n    handleFeatureEnter = (ev: MouseEvent): void => {\n        const feature: SVGSVGElement = ev.target as SVGSVGElement;\n\n        if (!feature.id && !feature.ownerSVGElement) {\n            return;\n        }\n\n        const wholeFeature: SVGElement = feature.id ? feature : (feature.parentNode as SVGElement);\n        // remove the highlighted country IF we are entering a different country\n        if (this.highlightedCountry && wholeFeature.id !== this.highlightedCountry.id) {\n            this.unHighlightCountry();\n        }\n        this.highlightCountry(wholeFeature);\n\n        if (this.props.onFeatureHover) {\n            this.props.onFeatureHover({\n                featureId: wholeFeature.id,\n                label: wholeFeature.getAttribute('label_en'),\n                value: wholeFeature.getAttribute(DATA_ATTRIBUTE),\n            });\n        }\n    };\n\n    handleFeatureLeave = (ev: MouseEvent): void => {\n        const feature: SVGSVGElement = ev.target as SVGSVGElement;\n\n        if (!feature.id && !feature.ownerSVGElement) {\n            return;\n        }\n\n        // 'wholeFeature' means the SVG <g> (group) of multipolygon features\n        const wholeFeature: SVGElement = feature.id ? feature : (feature.parentNode as SVGElement);\n        // handling feature leaving should always only deal with the highlighted feature\n        if (wholeFeature !== this.highlightedCountry) {\n            return;\n        }\n        this.unHighlightCountry();\n        // wholeFeature.style.stroke = this.lastFeatureStroke;\n\n        if (this.props.onFeatureHover) {\n            this.props.onFeatureHover({ featureId: null, value: null, label: null });\n        }\n    };\n\n    // allows a provided alias like 'US-CA' to get mapped to 'California' which is the element id for the SVG shape\n    private getFeatureId(alias: string): string {\n        return this.props.featureCollection.resolveAlias(alias);\n    }\n\n    registerSvg = (el: SVGSVGElement): void => {\n        if (!el) return;\n\n        this.svgDom = el;\n\n        const { selector = '.feature', strokeColor, fillColor } = this.props;\n\n        this.svgDom.onmouseover = this.handleFeatureEnter;\n        this.svgDom.onmouseout = this.handleFeatureLeave;\n\n        this.svgDom.querySelectorAll(selector).forEach((node: HTMLElement): void => {\n            node.style.stroke = strokeColor;\n            node.style.fill = fillColor;\n        });\n\n        this.updateSvg(this.props);\n    };\n\n    /**\n     * this method renders a copy of the polygon on top of all the others, with a highlighted boundary.\n     * Technically we don't render in on top of ALL the others. There are three totally landlocked countries,\n     * the first of which in our geojson file is Lesotho. These are also the last three countries in the geojson\n     * file. So when we insert the highlight shape into the dom, we inert it *before* these three countries.\n     * So the highlight for South Africa will not cover up Lesotho.\n     * @param {SVGElement} el\n     */\n    highlightCountry(el: SVGElement): void {\n        if (this.highlightedCountry) {\n            return; // do not add more than one hovered element at a time\n        }\n\n        const firstLandlockedCountry = this.svgDom.querySelector(`#Lesotho`);\n        const parent = el.parentNode;\n        const clone: SVGElement = el.cloneNode(true) as SVGElement;\n        const strokeColor = this.props.strokeHighlightColor || '#000';\n        clone.style.stroke = strokeColor;\n        this.highlightedCountry = clone;\n\n        parent.insertBefore(clone, firstLandlockedCountry);\n    }\n\n    unHighlightCountry(): void {\n        if (this.highlightedCountry) {\n            this.svgDom.removeChild(this.highlightedCountry);\n        }\n        this.highlightedCountry = null;\n    }\n\n    updateSvg(props: SvgChoroplethProps): void {\n        if (!this.svgDom) {\n            return;\n        }\n\n        const { selector = '.feature', fillColor, data } = props;\n\n        if (!data) {\n            return;\n        }\n        const dataHashMap = {};\n\n        data.featureIDs.forEach((alias, index): void => {\n            const featureId = this.getFeatureId(alias);\n            dataHashMap[featureId] = { fill: data.fill[index], value: data.values[index] };\n        });\n        this.svgDom.querySelectorAll(selector).forEach((node: HTMLElement): void => {\n            const nodeData = dataHashMap[node.id];\n            node.style.fill = get(nodeData, 'fill') || fillColor;\n            const value = get(nodeData, 'value');\n            if (value) {\n                node.setAttribute(DATA_ATTRIBUTE, value);\n            } else {\n                node.removeAttribute(DATA_ATTRIBUTE);\n            }\n        });\n    }\n\n    render(): JSX.Element {\n        const { backgroundColor = 'transparent' } = this.props;\n        // note: for some reason, onclick event can't be triggered on dashboard. So change it to onMouseDown\n        return (\n            <StyledSvgChoropleth\n                data-test=\"styled-svg-choropleth\"\n                backgroundColor={backgroundColor}\n                onMouseDown={this.handleMapClick}\n                ref={this.containerRef}\n            >\n                {this.state.svgNode}\n            </StyledSvgChoropleth>\n        );\n    }\n}\n","module.exports = require(\"styled-components\");"],"sourceRoot":""}

package/SvgChoroplethDynamic.js

@@ -130,25 +130,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SvgChoroplethDynamic = void 0;
+
 var React = __webpack_require__(1);
+
 var T = __webpack_require__(0);
+
 var ChoroplethSvg_1 = __webpack_require__(70);
+
 var Message_1 = __webpack_require__(33);
+
 var i18n_1 = __webpack_require__(32);
+
 var SvgChoroplethDynamic = function SvgChoroplethDynamic(props) {
   var width = props.width,
-    height = props.height,
-    svg = props.svg;
+      height = props.height,
+      svg = props.svg;
+
   if (!svg) {
     return React.createElement(Message_1.default, {
       "data-test": "choropleth-svg-message",
       width: width,
       height: height,
-      message: i18n_1._('No literal SVG is provided')
+      message: (0, i18n_1._)('No literal SVG is provided')
     });
   }
+
   return React.createElement(ChoroplethSvg_1.PureSvgChoroplethDynamic, Object.assign({}, props));
 };
+
 exports.SvgChoroplethDynamic = SvgChoroplethDynamic;
 exports.SvgChoroplethDynamic.propTypes = {
   width: T.oneOfType([T.string, T.number]),

package/SvgChoroplethDynamic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"prop-types\"","webpack:///external \"react\"","webpack:///external \"@splunk/ui-utils/i18n\"","webpack:///external \"@splunk/visualizations-shared/Message\"","webpack:///./src/visualizations/SvgChoroplethDynamic/SvgChoroplethDynamic.tsx","webpack:///external \"@splunk/visualizations/ChoroplethSvg\""],"names":["React","require","T","ChoroplethSvg_1","Message_1","i18n_1","SvgChoroplethDynamic","props","width","height","svg","createElement","default","message","_","PureSvgChoroplethDynamic","Object","assign","exports","propTypes","oneOfType","string","number","defaultProps"],"mappings":";;;;;;;QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;AClFA,uC;;;;;;;ACAA,kC;;;;;;;ACAA,kD;;;;;;;ACAA,kE;;;;;;;;;;;;;;ACAA,IAAAA,KAAA,GAAAC,mBAAA;AACA,IAAAC,CAAA,GAAAD,mBAAA;AACA,IAAAE,eAAA,GAAAF,mBAAA;AACA,IAAAG,SAAA,GAAAH,mBAAA;AACA,IAAAI,MAAA,GAAAJ,mBAAA;AAEO,IAAMK,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAGC,KAAK,EAAG;EAAA,IAChCC,KAAK,GAAkBD,KAAK,CAA5BC,KAAK;IAAEC,MAAM,GAAUF,KAAK,CAArBE,MAAM;IAAEC,GAAG,GAAKH,KAAK,CAAbG,GAAG;EAC1B,IAAI,CAACA,GAAG,EAAE;IACN,OACIV,KAAA,CAAAW,aAAA,CAACP,SAAA,CAAAQ,OAAO;MAAA,aACM,wBAAwB;MAClCJ,KAAK,EAAEA,KAAK;MACZC,MAAM,EAAEA,MAAM;MACdI,OAAO,EAAER,MAAA,CAAAS,CAAC,CAAC,4BAA4B;IAAC,EAC1C;;EAGV,OAAOd,KAAA,CAAAW,aAAA,CAACR,eAAA,CAAAY,wBAAwB,EAAAC,MAAA,CAAAC,MAAA,KAAKV,KAAK,EAAI;AAClD,CAAC;AAbYW,OAAA,CAAAZ,oBAAoB,GAAAA,oBAAA;AAcjCY,OAAA,CAAAZ,oBAAoB,CAACa,SAAS,GAAG;EAC7BX,KAAK,EAAEN,CAAC,CAACkB,SAAS,CAAC,CAAClB,CAAC,CAACmB,MAAM,EAAEnB,CAAC,CAACoB,MAAM,CAAC,CAAC;EACxCb,MAAM,EAAEP,CAAC,CAACkB,SAAS,CAAC,CAAClB,CAAC,CAACmB,MAAM,EAAEnB,CAAC,CAACoB,MAAM,CAAC,CAAC;EACzCZ,GAAG,EAAER,CAAC,CAACmB;CACV;AAEDH,OAAA,CAAAZ,oBAAoB,CAACiB,YAAY,GAAG;EAChCf,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;CACX;AAEDS,OAAA,CAAAN,OAAA,GAAeM,OAAA,CAAAZ,oBAAoB,C;;;;;;;AC/BnC,iE","file":"SvgChoroplethDynamic.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 69);\n","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","module.exports = require(\"@splunk/ui-utils/i18n\");","module.exports = require(\"@splunk/visualizations-shared/Message\");","import * as React from 'react';\nimport * as T from 'prop-types';\nimport { PureSvgChoroplethDynamic } from '@splunk/visualizations/ChoroplethSvg';\nimport Message from '@splunk/visualizations-shared/Message';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nexport const SvgChoroplethDynamic = props => {\n    const { width, height, svg } = props;\n    if (!svg) {\n        return (\n            <Message\n                data-test=\"choropleth-svg-message\"\n                width={width}\n                height={height}\n                message={_('No literal SVG is provided')}\n            />\n        );\n    }\n    return <PureSvgChoroplethDynamic {...props} />;\n};\nSvgChoroplethDynamic.propTypes = {\n    width: T.oneOfType([T.string, T.number]),\n    height: T.oneOfType([T.string, T.number]),\n    svg: T.string,\n};\n\nSvgChoroplethDynamic.defaultProps = {\n    width: '100%',\n    height: 250,\n};\n\nexport default SvgChoroplethDynamic;\n","module.exports = require(\"@splunk/visualizations/ChoroplethSvg\");"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"prop-types\"","webpack:///external \"react\"","webpack:///external \"@splunk/ui-utils/i18n\"","webpack:///external \"@splunk/visualizations-shared/Message\"","webpack:///./src/visualizations/SvgChoroplethDynamic/SvgChoroplethDynamic.tsx","webpack:///external \"@splunk/visualizations/ChoroplethSvg\""],"names":[],"mappings":";;;;;;;QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;AClFA,uC;;;;;;;ACAA,kC;;;;;;;ACAA,kD;;;;;;;ACAA,kE;;;;;;;;;;;;;;;ACAA;;AACA;;AACA;;AACA;;AACA;;AAEO,IAAM,oBAAoB,GAAG,SAAvB,oBAAuB,MAAK,EAAG;AAAA,MAChC,KADgC,GACT,KADS,CAChC,KADgC;AAAA,MACzB,MADyB,GACT,KADS,CACzB,MADyB;AAAA,MACjB,GADiB,GACT,KADS,CACjB,GADiB;;AAExC,MAAI,CAAC,GAAL,EAAU;AACN,WACI,oBAAC,iBAAD,EAAQ;AAAA,mBACM,wBADN;AAEJ,WAAK,EAAE,KAFH;AAGJ,YAAM,EAAE,MAHJ;AAIJ,aAAO,EAAE,cAAE,4BAAF;AAJL,KAAR,CADJ;AAQH;;AACD,SAAO,oBAAC,wCAAD,EAAyB,kBAAK,KAAL,CAAzB,CAAP;AACH,CAbM;;AAAM,+BAAoB,oBAApB;AAcb,6BAAqB,SAArB,GAAiC;AAC7B,OAAK,EAAE,CAAC,CAAC,SAAF,CAAY,CAAC,CAAC,CAAC,MAAH,EAAW,CAAC,CAAC,MAAb,CAAZ,CADsB;AAE7B,QAAM,EAAE,CAAC,CAAC,SAAF,CAAY,CAAC,CAAC,CAAC,MAAH,EAAW,CAAC,CAAC,MAAb,CAAZ,CAFqB;AAG7B,KAAG,EAAE,CAAC,CAAC;AAHsB,CAAjC;AAMA,6BAAqB,YAArB,GAAoC;AAChC,OAAK,EAAE,MADyB;AAEhC,QAAM,EAAE;AAFwB,CAApC;AAKA,kBAAe,4BAAf,C;;;;;;;AC/BA,iE","file":"SvgChoroplethDynamic.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 69);\n","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","module.exports = require(\"@splunk/ui-utils/i18n\");","module.exports = require(\"@splunk/visualizations-shared/Message\");","import * as React from 'react';\nimport * as T from 'prop-types';\nimport { PureSvgChoroplethDynamic } from '@splunk/visualizations/ChoroplethSvg';\nimport Message from '@splunk/visualizations-shared/Message';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nexport const SvgChoroplethDynamic = props => {\n    const { width, height, svg } = props;\n    if (!svg) {\n        return (\n            <Message\n                data-test=\"choropleth-svg-message\"\n                width={width}\n                height={height}\n                message={_('No literal SVG is provided')}\n            />\n        );\n    }\n    return <PureSvgChoroplethDynamic {...props} />;\n};\nSvgChoroplethDynamic.propTypes = {\n    width: T.oneOfType([T.string, T.number]),\n    height: T.oneOfType([T.string, T.number]),\n    svg: T.string,\n};\n\nSvgChoroplethDynamic.defaultProps = {\n    width: '100%',\n    height: 250,\n};\n\nexport default SvgChoroplethDynamic;\n","module.exports = require(\"@splunk/visualizations/ChoroplethSvg\");"],"sourceRoot":""}