@splunk/react-visualizations 23.3.0 → 24.1.0

package/SvgChoropleth.js

@@ -87,61 +87,80 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 35);
+/******/ 	return __webpack_require__(__webpack_require__.s = 29);
 /******/ })
 /************************************************************************/
-/******/ ({
-
-/***/ 1:
+/******/ ([
+/* 0 */,
+/* 1 */,
+/* 2 */
 /***/ (function(module, exports) {
 
 module.exports = require("react");
 
 /***/ }),
+/* 3 */,
+/* 4 */,
+/* 5 */,
+/* 6 */,
+/* 7 */,
+/* 8 */,
+/* 9 */,
+/* 10 */,
+/* 11 */,
+/* 12 */
+/***/ (function(module, exports) {
+
+module.exports = require("styled-components");
 
-/***/ 16:
+/***/ }),
+/* 13 */,
+/* 14 */,
+/* 15 */,
+/* 16 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/createClass");
 
 /***/ }),
-
-/***/ 17:
+/* 17 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
-
-/***/ 21:
+/* 18 */,
+/* 19 */,
+/* 20 */
 /***/ (function(module, exports) {
 
 module.exports = require("lodash");
 
 /***/ }),
-
-/***/ 22:
+/* 21 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/inherits");
 
 /***/ }),
-
-/***/ 23:
+/* 22 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/possibleConstructorReturn");
 
 /***/ }),
-
-/***/ 24:
+/* 23 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/getPrototypeOf");
 
 /***/ }),
-
-/***/ 35:
+/* 24 */,
+/* 25 */,
+/* 26 */,
+/* 27 */,
+/* 28 */,
+/* 29 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -151,11 +170,11 @@ var _classCallCheck = __webpack_require__(17);
 
 var _createClass = __webpack_require__(16);
 
-var _inherits = __webpack_require__(22);
+var _inherits = __webpack_require__(21);
 
-var _possibleConstructorReturn = __webpack_require__(23);
+var _possibleConstructorReturn = __webpack_require__(22);
 
-var _getPrototypeOf = __webpack_require__(24);
+var _getPrototypeOf = __webpack_require__(23);
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -165,12 +184,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DATA_ATTRIBUTE = void 0;
+/* eslint-disable no-param-reassign */
 
-var React = __webpack_require__(1);
+var React = __webpack_require__(2);
 
-var lodash_1 = __webpack_require__(21);
+var lodash_1 = __webpack_require__(20);
 
-var styled_components_1 = __webpack_require__(9);
+var styled_components_1 = __webpack_require__(12);
 
 exports.DATA_ATTRIBUTE = 'data-value';
 var StyledSvgChoropleth = styled_components_1.default.div.withConfig({
@@ -230,7 +250,7 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
         return;
       }
 
-      var wholeFeature = feature.id ? feature : feature.parentNode; //remove the highlighted country IF we are entering a different country
+      var wholeFeature = feature.id ? feature : feature.parentNode; // remove the highlighted country IF we are entering a different country
 
       if (_this.highlightedCountry && wholeFeature.id !== _this.highlightedCountry.id) {
         _this.unHighlightCountry();
@@ -255,13 +275,13 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
       } // 'wholeFeature' means the SVG <g> (group) of multipolygon features
 
 
-      var wholeFeature = feature.id ? feature : feature.parentNode; //handling feature leaving should always only deal with the highlighted feature
+      var wholeFeature = feature.id ? feature : feature.parentNode; // handling feature leaving should always only deal with the highlighted feature
 
       if (wholeFeature !== _this.highlightedCountry) {
         return;
       }
 
-      _this.unHighlightCountry(); //wholeFeature.style.stroke = this.lastFeatureStroke;
+      _this.unHighlightCountry(); // wholeFeature.style.stroke = this.lastFeatureStroke;
 
 
       if (_this.props.onFeatureHover) {
@@ -310,6 +330,7 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
     value: function componentDidUpdate(prevProps) {
       if (this.props !== prevProps) {
         if (prevProps.featureCollection !== this.props.featureCollection) {
+          // eslint-disable-next-line react/no-did-update-set-state
           this.setState({
             svgNode: this.props.featureCollection.getSvgNode(this.registerSvg)
           });
@@ -317,6 +338,12 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
           this.updateSvg(this.props);
         }
       }
+    } // allows a provided alias like 'US-CA' to get mapped to 'California' which is the element id for the SVG shape
+
+  }, {
+    key: "getFeatureId",
+    value: function getFeatureId(alias) {
+      return this.props.featureCollection.resolveAlias(alias);
     }
     /**
      * this method renders a copy of the polygon on top of all the others, with a highlighted boundary.
@@ -389,12 +416,6 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
           node.removeAttribute(exports.DATA_ATTRIBUTE);
         }
       });
-    } //allows a provided alias like 'US-CA' to get mapped to 'California' which is the element id for the SVG shape
-
-  }, {
-    key: "getFeatureId",
-    value: function getFeatureId(alias) {
-      return this.props.featureCollection.resolveAlias(alias);
     }
   }, {
     key: "render",
@@ -416,14 +437,6 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
 
 exports.default = SvgChoropleth;
 
-/***/ }),
-
-/***/ 9:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
 /***/ })
-
-/******/ });
+/******/ ]);
 //# sourceMappingURL=SvgChoropleth.js.map

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":[],"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 = 35);\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\");","import * as React from 'react';\nimport { get, isEqual } from 'lodash';\nimport { ISvgFeatureCollection } from './src/utils/ISvgFeatureCollection';\nimport { DataPoint } from './src/utils/ICoordinateTransformation';\nimport styled from 'styled-components';\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    //lastFeatureStroke: string;\n    svgDom: SVGElement;\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                this.setState({\n                    svgNode: this.props.featureCollection.getSvgNode(this.registerSvg),\n                });\n            } else {\n                this.updateSvg(this.props);\n            }\n        }\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    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    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    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    //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    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 \"styled-components\"","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"],"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 = 29);\n","module.exports = require(\"react\");","module.exports = require(\"styled-components\");","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"],"sourceRoot":""}

package/SvgChoroplethDynamic.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 70);
+/******/ 	return __webpack_require__(__webpack_require__.s = 63);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -99,28 +99,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 1:
+/***/ 2:
 /***/ (function(module, exports) {
 
 module.exports = require("react");
 
 /***/ }),
 
-/***/ 30:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ }),
-
-/***/ 31:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualizations-shared/Message");
-
-/***/ }),
-
-/***/ 70:
+/***/ 63:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -131,15 +117,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SvgChoroplethDynamic = void 0;
 
-var React = __webpack_require__(1);
+var React = __webpack_require__(2);
 
 var T = __webpack_require__(0);
 
-var ChoroplethSvg_1 = __webpack_require__(71);
+var ChoroplethSvg_1 = __webpack_require__(64);
 
-var Message_1 = __webpack_require__(31);
+var Message_1 = __webpack_require__(65);
 
-var i18n_1 = __webpack_require__(30);
+var i18n_1 = __webpack_require__(66);
 
 var SvgChoroplethDynamic = function SvgChoroplethDynamic(props) {
   var width = props.width,
@@ -172,11 +158,25 @@ exports.default = exports.SvgChoroplethDynamic;
 
 /***/ }),
 
-/***/ 71:
+/***/ 64:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations/ChoroplethSvg");
 
+/***/ }),
+
+/***/ 65:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualizations-shared/Message");
+
+/***/ }),
+
+/***/ 66:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/i18n");
+
 /***/ })
 
 /******/ });

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":[],"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,SAAE,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 = 70);\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:///./src/visualizations/SvgChoroplethDynamic/SvgChoroplethDynamic.tsx","webpack:///external \"@splunk/visualizations/ChoroplethSvg\"","webpack:///external \"@splunk/visualizations-shared/Message\"","webpack:///external \"@splunk/ui-utils/i18n\""],"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;;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,SAAE,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;;;;;;;ACAA,kE;;;;;;;ACAA,kD","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 = 63);\n","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","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\");","module.exports = require(\"@splunk/visualizations-shared/Message\");","module.exports = require(\"@splunk/ui-utils/i18n\");"],"sourceRoot":""}

package/loki.config.js

@@ -0,0 +1 @@
+module.exports = require('@splunk/visualization-build-tools/loki-config');

package/package.json

@@ -2,7 +2,7 @@
   "name": "@splunk/react-visualizations",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Splunk",
-  "version": "23.3.0",
+  "version": "24.1.0",
   "scripts": {
     "build": "NODE_ENV=production webpack --config ./webpack.config.js --bail",
     "build-storybook": "build-storybook -c .storybook -s fonts -o .storybook-bundle",
@@ -13,37 +13,32 @@
     "clean:test-reports": "rm -rf ./test-reports",
     "dev": "NODE_ENV=development webpack --config ./webpack.config.js --watch",
     "docs": "NODE_ENV=production webpack --config webpack.docs.config.js",
-    "docs:publish": "cicd-publish-docs build/docs --force",
+    "docs:publish": "echo \"skip publishing docs for the deprecated @splunk/react-visualizations package. If need to publish again, please change to `cicd-publish-docs build/docs --force`\"",
     "docs:start": "webpack-dev-server --watch --config webpack.docs.config.js  --open 'Google Chrome'",
-    "lint": "yarn run lint:js && yarn run lint:ts",
+    "lint": "eslint src --ext \".js,.jsx,.es,.ts,.tsx\"",
     "lint:ci": "eslint src --ext \".js,.jsx,.ts,.tsx\" -f junit -o test-reports/lint-results.xml",
-    "lint:fix": "yarn run lint:js --fix && yarn run lint:ts --fix",
-    "lint:js": "eslint src --ext \".js,.jsx,.es\"",
-    "lint:ts": "eslint src --ext \".ts,.tsx\" --config ../../.tslintrc.js --no-eslintrc",
-    "publish:ci": "cicd-publish-package && cicd-publish-docs",
+    "lint:fix": "yarn run lint --fix",
     "storybook": "start-storybook -p 6006 -c .storybook -s fonts",
     "test": "yarn run test:unit && yarn run test:visual",
     "test:ci": "yarn run test:unit:ci && yarn run test:visual:ci",
     "test:unit": "jest src/.*",
     "test:unit:ci": "yarn run test:unit",
     "test:unit:watch": "yarn run test:unit --watch",
-    "test:visual": "../../tools/visual.test.sh -p react-visualizations",
-    "test:visual:ci": "yarn run build-storybook && JEST_JUNIT_OUTPUT_NAME='./junit.visual.xml' jest tests/.* --config=jest.visual.config.js",
-    "test:visual:update": "yarn test:visual --update"
+    "test:visual": "yarn build-storybook --quiet && yarn loki test --reactUri file:./.storybook-bundle",
+    "test:visual:update": "yarn loki approve",
+    "test:visual:ci": "yarn test:visual --requireReference --verboseRenderer"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.0",
-    "@splunk/charting-bundle": "^23.3.0",
+    "@splunk/charting-bundle": "^24.1.0",
     "@splunk/moment": "^0.6.0",
     "@splunk/ui-utils": "^1.2.1",
-    "@splunk/visualization-color-palettes": "^23.3.0",
-    "@splunk/visualization-context": "^23.3.0",
-    "@splunk/visualization-themes": "^23.3.0",
-    "@splunk/visualizations": "^23.3.0",
-    "@splunk/visualizations-shared": "^23.3.0",
+    "@splunk/visualization-color-palettes": "^24.1.0",
+    "@splunk/visualization-themes": "^24.1.0",
+    "@splunk/visualizations": "^24.1.0",
+    "@splunk/visualizations-shared": "^24.1.0",
     "@turf/bbox-clip": "^6.0.3",
     "@turf/helpers": "^6.1.4",
-    "@types/lodash": "^4.14.152",
     "chroma-js": "^2.0.0",
     "d3-scale": "^3.1.0",
     "jexl": "^2.2.2",
@@ -52,6 +47,7 @@
     "xpath": "^0.0.32"
   },
   "peerDependencies": {
+    "@splunk/visualization-context": ">=24.0.0",
     "react": "^16.11.0",
     "react-dom": "^16.11.0",
     "styled-components": "^5.1"
@@ -63,24 +59,23 @@
     "@splunk/docs-gen": "^0.11.1",
     "@splunk/jsdoc-loader": "^3.0.0",
     "@splunk/react-docs": "^0.11.0",
-    "@splunk/react-ui": "^4.0.3",
+    "@splunk/react-ui": "^4.4.1",
     "@splunk/themes": "^0.8.0",
-    "@splunk/visualization-build-tools": "^23.3.0",
+    "@splunk/visualization-build-tools": "^24.1.0",
     "@splunk/webpack-configs": "^4.0.0",
     "@storybook/addon-actions": "^6.1.20",
-    "@storybook/addon-storyshots": "^6.1.20",
-    "@storybook/addon-storyshots-puppeteer": "^6.1.20",
     "@storybook/addons": "^6.1.20",
     "@storybook/react": "^6.1.20",
     "@types/jest": "^26.0.0",
+    "@types/lodash": "^4.14.152",
     "@types/react": "^16.7.0",
     "babel-jest": "^26.0.0",
     "babel-plugin-styled-components": "^1.12.0",
     "docgen-loader": "^1.3.4",
     "jest": "^26.0.0",
     "jest-canvas-mock": "^2.2.0",
-    "jest-image-snapshot": "^4.0.0",
     "jest-styled-components": "^7.0.3",
+    "loki": "^0.28.1",
     "query-string": "^6.14.1",
     "raf": "^3.4.0",
     "react": "^16.13.1",