npm - @splunk/react-visualizations - Versions diffs - 24.1.0 → 24.3.1 - Mend

@splunk/react-visualizations 24.1.0 → 24.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (70) hide show

package/SingleValueRadial.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"prop-types\"","webpack:///./src/utils/propUtils.js","webpack:///external \"react\"","webpack:///external \"@splunk/visualizations-shared/SanitizeProps\"","webpack:///external \"@splunk/visualizations/SingleValueRadial\"","webpack:///external \"@babel/runtime/helpers/defineProperty\"","webpack:///external \"@babel/runtime/helpers/extends\"","webpack:///./src/visualizations/SingleValueRadial/SingleValueRadial.jsx","webpack:///external \"lodash/omit\""],"names":["propsConvert","newProps","Object","key","propsMapping","oldProps","propsDeprecate","omit","value","deltaValue","deltaColor","deltaFontSize","useTrendUnits","useThousandSeparators","deprecatedProps","ReactSingleValueRadial","props","trendDisplay","width","T","height","style","majorColor","majorFontSize","trendDisplayMode","trendIndicatorPosition","showTrendIndicator","backgroundColor","unit","unitPosition","underLabel","numberPrecision","radialBackgroundColor","radialStrokeColor","onValueClick","func","withSanitizedProps"],"mappings":"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","file":"SingleValueRadial.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 = 62);\n","module.exports = require(\"prop-types\");","import omit from 'lodash/omit';\n\n/*\n convert the old props to new props for pure visualization based on propsMapping\n * @param {Object} oldProps props used by react visualizations\n * @param {Object} propsMapping\n * @return {Object} newprops props used by pure visualizations\n /\nexport const propsConvert = (oldProps, propsMapping) => {\n const newProps = {};\n Object.keys(oldProps).forEach(propKey => {\n const key = propsMapping[propKey] \|\| propKey;\n newProps[key] = oldProps[propKey];\n });\n return newProps;\n};\n\n/\n omit the deprecated props for pure visualization\n * @param {Object} props props used by react visualizations\n * @param {Array} deprecatedProps\n * @return {Object} newprops props used by pure visualizations\n */\nexport const propsDeprecate = (props, deprecatedProps) => omit(props, deprecatedProps);\n","module.exports = require(\"react\");","module.exports = require(\"@splunk/visualizations-shared/SanitizeProps\");","module.exports = require(\"@splunk/visualizations/SingleValueRadial\");","module.exports = require(\"@babel/runtime/helpers/defineProperty\");","module.exports = require(\"@babel/runtime/helpers/extends\");","import React from 'react';\nimport T from 'prop-types';\nimport { PureSingleValueRadial } from '@splunk/visualizations/SingleValueRadial';\nimport { withSanitizedProps } from '@splunk/visualizations-shared/SanitizeProps';\nimport { propsConvert, propsDeprecate } from '../../utils/propUtils';\n\n// This propsMapping is for React SingleValue to use PureSingleValue.\nconst propsMapping = {\n value: 'majorValue',\n deltaValue: 'trendValue',\n deltaColor: 'trendColor',\n deltaFontSize: 'trendFontSize',\n useTrendUnits: 'shouldAbbreviateTrendValue',\n useThousandSeparators: 'shouldUseThousandSeparators',\n};\n\nconst deprecatedProps = ['showTrendIndicator', 'trendDisplayMode'];\n\nconst ReactSingleValueRadial = ({ ...props }) => {\n let newProps = propsConvert(props, propsMapping);\n // change props\n const trendDisplay = newProps.showTrendIndicator ? newProps.trendDisplayMode : 'off';\n newProps = {\n ...propsDeprecate(newProps, deprecatedProps),\n trendDisplay,\n };\n return <PureSingleValueRadial {...newProps} />;\n};\n\nReactSingleValueRadial.propTypes = {\n width: T.oneOfType([T.string, T.number]),\n height: T.oneOfType([T.string, T.number]),\n style: T.object,\n value: T.oneOfType([T.string, T.number]),\n majorColor: T.string,\n majorFontSize: T.number,\n deltaValue: T.oneOfType([T.string, T.number]),\n deltaColor: T.string,\n deltaFontSize: T.number,\n trendDisplayMode: T.string,\n trendIndicatorPosition: T.oneOf(['standard', 'below', 'outside']),\n useTrendUnits: T.bool,\n showTrendIndicator: T.bool,\n backgroundColor: T.string,\n unit: T.string,\n unitPosition: T.string,\n underLabel: T.string,\n numberPrecision: T.number,\n useThousandSeparators: T.bool,\n radialBackgroundColor: T.string,\n radialStrokeColor: T.string,\n onValueClick: T.func,\n};\n\nReactSingleValueRadial.defaultProps = {\n width: '100%',\n height: 250,\n trendDisplayMode: 'absolute',\n trendIndicatorPosition: 'standard',\n useTrendUnits: false,\n showTrendIndicator: true,\n unitPosition: 'after',\n numberPrecision: 0,\n useThousandSeparators: true,\n onValueClick: () => {},\n};\n\nexport default withSanitizedProps(ReactSingleValueRadial);\n","module.exports = require(\"lodash/omit\");"],"sourceRoot":""}
1	+ {"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"prop-types\"","webpack:///external \"react\"","webpack:///external \"@splunk/visualizations-shared/SanitizeProps\"","webpack:///external \"@babel/runtime/helpers/extends\"","webpack:///external \"@babel/runtime/helpers/defineProperty\"","webpack:///external \"styled-components\"","webpack:///external \"lodash/omit\"","webpack:///external \"lodash/isEmpty\"","webpack:///external \"@splunk/visualizations/common/utils/singleValueUtils\"","webpack:///./src/utils/propUtils.js","webpack:///external \"@splunk/themes/variables\"","webpack:///external \"@splunk/themes/pick\"","webpack:///external \"@splunk/visualizations-shared/colorConstants\"","webpack:///external \"@splunk/ui-utils/i18n\"","webpack:///external \"@splunk/visualizations-shared/Message\"","webpack:///external \"@splunk/visualizations/SingleValueBasic\"","webpack:///external \"lodash/pick\"","webpack:///external \"@splunk/visualizations-shared/style\"","webpack:///external \"@splunk/visualizations-shared/SizeAwareWrapper\"","webpack:///./src/visualizations/SingleValueRadial/src/components/RadialGraph.jsx","webpack:///./src/visualizations/SingleValueRadial/src/utils/displayUtils.js","webpack:///./src/visualizations/SingleValueRadial/src/components/RadialLayout.jsx","webpack:///./src/visualizations/SingleValueRadial/src/components/SingleValueRadial.jsx","webpack:///./src/visualizations/SingleValueRadial/SingleValueRadial.jsx"],"names":["propsConvert","newProps","Object","key","propsMapping","oldProps","propsDeprecate","omit","RadialGraph","progress","size","strokeWidth","backgroundColor","RADIAL_BACKGROUND_COLOR","progressColor","RADIAL_STROKE_COLOR","normalizedSize","normalizedRadius","circumference","Math","bgCircleOffset","progress80","progressWidth","strokeDashoffset","T","string","VALID_TREND_POSITIONS","MAJOR_FONT_THRESHOLD","TREND_FONT_THRESHOLD","DEFAULT_RADIAL_STROKE_WIDTH","SMALL_RADIAL_STROKE_WIDTH","getRadialColors","backgroundEnabled","getGraphColors","defaultColors","customColorFormatter","background","lighten","stroke","darken","getGraphSize","width","height","underLabel","getValueContentSize","graphSize","radialStrokeWidth","diameter","getRadialStrokeWidth","isValidPosition","computeTrendIndicatorPosition","trendIndicatorPosition","majorTextFontSize","trendTextFontSize","position","showTrendPositionStandard","showTrendIndicator","showTrendPositionBelow","showTrendPositionOutside","getRadialProgress","Number","majorValue","PositionDiv","styled","props","Column","Row","Square","UnderLabelContainer","renderIsolateTrend","trendText","trendColor","contentSize","getTrendFontSize","spaceRatio","number","RadialContent","majorColor","majorText","majorValueTitle","trendPosition","unit","unitPosition","underLabelColor","underLabelFontSize","onValueClick","showRadialGraph","radialBackgroundColor","radialStrokeColor","trendComponent","basicSingleValues","radialGraph","underLabelComponent","outsideComponent","belowTrendComponent","textAlign","SingleValueBasic","Container","toDimension","pick","VizStyleWrapper","dataTestKey","SingleValueRadial","style","majorFontSize","majorValueField","trendValue","trendFontSize","numberPrecision","shouldUseThousandSeparators","shouldAbbreviateTrendValue","defaultFontColor","enterprise","dark","variables","light","prisma","defaultBlockFontColor","computeColors","radialColors","handleValueClick","useCallback","handleValueClickCallback","renderVisualization","containerWidth","containerHeight","_","trendDisplay","valueContentSize","getUnderLabelHeight","toRemoveList","value","computeSingleValueContent","contentWidth","contentHeight","smallVizProps","isEmpty","shouldShowTrend","func","withTheme","deltaValue","deltaColor","deltaFontSize","useTrendUnits","useThousandSeparators","deprecatedProps","ReactSingleValueRadial","trendDisplayMode","withSanitizedProps"],"mappings":"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","file":"SingleValueRadial.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 = 71);\n","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","module.exports = require(\"@splunk/visualizations-shared/SanitizeProps\");","module.exports = require(\"@babel/runtime/helpers/extends\");","module.exports = require(\"@babel/runtime/helpers/defineProperty\");","module.exports = require(\"styled-components\");","module.exports = require(\"lodash/omit\");","module.exports = require(\"lodash/isEmpty\");","module.exports = require(\"@splunk/visualizations/common/utils/singleValueUtils\");","import omit from 'lodash/omit';\n\n/*\n convert the old props to new props for pure visualization based on propsMapping\n * @param {Object} oldProps props used by react visualizations\n * @param {Object} propsMapping\n * @return {Object} newprops props used by pure visualizations\n /\nexport const propsConvert = (oldProps, propsMapping) => {\n const newProps = {};\n Object.keys(oldProps).forEach(propKey => {\n const key = propsMapping[propKey] \|\| propKey;\n newProps[key] = oldProps[propKey];\n });\n return newProps;\n};\n\n/\n omit the deprecated props for pure visualization\n * @param {Object} props props used by react visualizations\n * @param {Array} deprecatedProps\n * @return {Object} newprops props used by pure visualizations\n /\nexport const propsDeprecate = (props, deprecatedProps) => omit(props, deprecatedProps);\n","module.exports = require(\"@splunk/themes/variables\");","module.exports = require(\"@splunk/themes/pick\");","module.exports = require(\"@splunk/visualizations-shared/colorConstants\");","module.exports = require(\"@splunk/ui-utils/i18n\");","module.exports = require(\"@splunk/visualizations-shared/Message\");","module.exports = require(\"@splunk/visualizations/SingleValueBasic\");","module.exports = require(\"lodash/pick\");","module.exports = require(\"@splunk/visualizations-shared/style\");","module.exports = require(\"@splunk/visualizations-shared/SizeAwareWrapper\");","// this is a copy of RadialGraph.jsx @ 23.5.0 before the design changes to PureSingleValueRadial were rolled out\nimport React from 'react';\nimport T from 'prop-types';\nimport { RADIAL_BACKGROUND_COLOR, RADIAL_STROKE_COLOR } from '@splunk/visualizations-shared/colorConstants';\n\nconst RadialGraph = ({\n progress,\n size = 200,\n strokeWidth,\n backgroundColor = RADIAL_BACKGROUND_COLOR,\n progressColor = RADIAL_STROKE_COLOR,\n}) => {\n const normalizedSize = size / 2;\n const normalizedRadius = normalizedSize - strokeWidth 2;\n const circumference = normalizedRadius * 2 * Math.PI;\n const bgCircleOffset = 0.8 * circumference;\n\n const progress80 = (progress / 100) * 80;\n\n const progressWidth = (progress80 / 100) * circumference;\n\n // Offset the start of the circle to a position that makes the arc look evenly spaced\n // with the opening at the bottom\n // We use 80% of a circle (288deg), half on each side of \"0\" (144deg)\n // SVG starts drawing (0deg) at the 3 o'clock position, so add another 90 to offset this (234deg)\n // This means the arc length that we offset is 2 * PI * r * 234/360 or ...\n const strokeDashoffset = circumference * 0.65;\n\n return (\n <svg height={normalizedSize * 2} width={normalizedSize * 2}>\n <g>\n <circle\n data-test=\"background-radial\"\n stroke={backgroundColor}\n fill=\"transparent\"\n strokeWidth={strokeWidth}\n strokeDasharray={`${bgCircleOffset} ${circumference - bgCircleOffset}`}\n style={{ strokeDashoffset }}\n r={normalizedRadius}\n cx={normalizedSize}\n cy={normalizedSize}\n />\n <circle\n data-test=\"progress-radial\"\n stroke={progressColor}\n fill=\"transparent\"\n strokeWidth={strokeWidth}\n strokeDasharray={`${progressWidth} ${circumference - progressWidth}`}\n style={{ strokeDashoffset }}\n r={normalizedRadius}\n cx={normalizedSize}\n cy={normalizedSize}\n />\n </g>\n </svg>\n );\n};\n\nRadialGraph.propTypes = {\n progress: T.number,\n size: T.number,\n strokeWidth: T.number,\n backgroundColor: T.string,\n progressColor: T.string,\n};\n\nRadialGraph.defaultProps = {\n progress: 0,\n strokeWidth: 12,\n};\n\nexport default RadialGraph;\n","// this is a copy of displayUtils.js @ 23.5.0 before the design changes to PureSingleValueRadial were rolled out\nimport { RADIAL_SEVERITY_COLORS } from '@splunk/visualizations-shared/colorConstants';\nimport {\n DEFAULT_FONT,\n getGraphColors,\n lighten,\n darken,\n} from '@splunk/visualizations/common/utils/singleValueUtils';\n\nexport const VALID_TREND_POSITIONS = ['standard', 'below', 'outside'];\nexport const MAJOR_FONT_THRESHOLD = 25;\nexport const TREND_FONT_THRESHOLD = 12;\nexport const DEFAULT_RADIAL_STROKE_WIDTH = 12;\nexport const SMALL_RADIAL_STROKE_WIDTH = 6;\n\n/*\n Get the colors for a radial graph based on severity\n * @method getRadialColors\n * @param {Object} props\n * @param {Bool} props.backgroundEnabled\n * @param {String} props.backgroundColor\n * @returns {Object} { background, stroke } colors\n /\nexport const getRadialColors = ({ backgroundEnabled, backgroundColor }) =>\n getGraphColors({\n backgroundEnabled,\n backgroundColor,\n defaultColors: RADIAL_SEVERITY_COLORS,\n customColorFormatter: color => ({ background: lighten(color), stroke: darken(color) }),\n });\n\n/\n Figure out the diameter of the graph\n * @method getGraphSize\n * @param {Object} props\n * @param {Number} props.width // Width of the container\n * @param {Number} props.height // Height of the container\n * @param {Number} props.underLabel // Underlabel if present\n * @returns {Number} diameter of the graph\n /\nexport const getGraphSize = ({ width, height, underLabel }) => {\n let size = Math.min(width, height);\n\n if (underLabel) {\n size -= DEFAULT_FONT;\n }\n\n return size;\n};\n\n/\n Get the maximum size of the container that holds the graph text\n * @method getValueContentSize\n * @param {Object} props\n * @param {Number} props.graphSize\n * @param {Number} props.radialStrokeWidth // Stroke width of the graph\n * @returns {Number} content size for showing major and trend values in radial graph\n /\nexport const getValueContentSize = ({ graphSize, radialStrokeWidth }) => {\n // Account for the graph's stroke width\n const diameter = graphSize - radialStrokeWidth;\n // Use pythagoreum theorum with circle diameter\n // to calculate the size of the sides of the square inside the circle\n return Math.floor(Math.sqrt(diameter * 2 / 2));\n};\n\n/\n @method getRadialStrokeWidth\n * @param {Number} graphSize\n * @returns {Number} radial stroke width\n /\nexport const getRadialStrokeWidth = graphSize =>\n graphSize >= 90 ? DEFAULT_RADIAL_STROKE_WIDTH : SMALL_RADIAL_STROKE_WIDTH;\n\n/\n * @method isValidPosition\n * @param {String} position\n * @returns {Bool}\n /\nexport const isValidPosition = position => VALID_TREND_POSITIONS.indexOf(position) > -1;\n\n/\n Compute the trend indicator position based on font size of major and trend value\n * @method computeTrendIndicatorPosition\n * @param {Object} props\n * @param {String} props.trendIndicatorPosition\n * @param {Number} props.majorTextFontSize\n * @param {Number} props.trendTextFontSize\n * @returns {String} trend indicator position in radial graph\n /\nexport const computeTrendIndicatorPosition = ({\n trendIndicatorPosition,\n majorTextFontSize,\n trendTextFontSize,\n}) => {\n let position = trendIndicatorPosition;\n\n if (!isValidPosition(position)) {\n position = 'standard';\n }\n\n if (\n position !== 'outside' &&\n (trendTextFontSize < TREND_FONT_THRESHOLD \|\| majorTextFontSize < MAJOR_FONT_THRESHOLD)\n ) {\n position = 'below';\n }\n return position;\n};\n\n/\n * @method showTrendPositionStandard\n * @param {Object} props\n * @param {Bool} props.showTrendIndicator\n * @param {String} props.position\n * @returns {Bool}\n /\nexport const showTrendPositionStandard = ({ showTrendIndicator, position }) =>\n showTrendIndicator && position === 'standard';\n\n/\n * @method showTrendPositionBelow\n * @param {Object} props\n * @param {Bool} props.showTrendIndicator\n * @param {String} props.position\n * @returns {Bool}\n /\nexport const showTrendPositionBelow = ({ showTrendIndicator, position }) =>\n showTrendIndicator && position === 'below';\n\n/\n * @method showTrendPositionOutside\n * @param {Object} props\n * @param {Bool} props.showTrendIndicator\n * @param {String} props.position\n * @returns {Bool}\n /\nexport const showTrendPositionOutside = ({ showTrendIndicator, position }) =>\n showTrendIndicator && position === 'outside';\n\n/\n * todo: need handle max and min\n * @method getRadialProgress\n * @param {Number} majorValue\n * @returns {Number} progress bar in radial graph\n /\nexport const getRadialProgress = majorValue =>\n Number.isNaN(Number(majorValue)) ? 0 : (majorValue / Math.max(majorValue, 100)) 100;\n","// this is a copy of RadialLayout.jsx @ 23.5.0 before the design changes to PureSingleValueRadial were rolled out\nimport React from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport SingleValueBasic, { SingleValueTrendValue } from '@splunk/visualizations/SingleValueBasic';\nimport { getTrendFontSize } from '@splunk/visualizations/common/utils/singleValueUtils';\nimport RadialGraph from './RadialGraph';\nimport {\n showTrendPositionStandard,\n showTrendPositionBelow,\n showTrendPositionOutside,\n} from '../utils/displayUtils';\n\nconst PositionDiv = styled.div`\n position: absolute;\n ${props => (props.bottom ? '' : 'top: 0')};\n bottom: ${props => props.bottom \|\| 0}px;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: ${props => props.align \|\| 'center'};\n justify-content: center;\n`;\n\nconst Column = styled.div`\n display: flex;\n flex-direction: column;\n align-items: ${props => props.align \|\| 'center'};\n justify-content: ${props => props.align \|\| 'center'};\n`;\nconst Row = styled.div`\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n`;\n\nconst Square = styled.div`\n position: relative;\n margin: 0 auto;\n width: ${props => props.size}px;\n height: ${props => props.size}px;\n`;\n\nconst UnderLabelContainer = styled.div`\n color: ${props => props.color};\n margin-top: ${props => (props.size && `-${props.size * 0.1}px`) \|\| 0};\n font-size: ${props => props.size \|\| 12}px;\n`;\n\n/*\n Render the trend indicator\n * @method renderTrendValue\n * @returns {Object}\n * @private\n /\n\nconst renderIsolateTrend = ({ trendText, trendColor, contentSize }) => {\n const trendTextFontSize = getTrendFontSize({\n width: contentSize / 2,\n height: contentSize / 4,\n trendText,\n spaceRatio: 1,\n });\n\n return (\n <SingleValueTrendValue\n fontSize={trendTextFontSize}\n color={trendColor}\n value={trendText}\n text={trendText}\n />\n );\n};\n\nrenderIsolateTrend.propTypes = {\n trendText: T.string,\n trendColor: T.string,\n contentSize: T.number,\n};\n\nconst RadialContent = ({ ...props }) => {\n const {\n majorColor,\n majorText,\n majorTextFontSize,\n majorValueTitle,\n trendColor,\n trendText,\n trendTextFontSize,\n showTrendIndicator,\n trendPosition,\n unit,\n unitPosition,\n underLabelColor,\n underLabelFontSize,\n underLabel,\n onValueClick,\n contentSize,\n showRadialGraph,\n graphSize,\n progress,\n radialBackgroundColor,\n radialStrokeColor,\n radialStrokeWidth,\n } = props;\n\n // for trend position below and outside\n const trendComponent = renderIsolateTrend({ trendText, trendColor, contentSize });\n\n const basicSingleValues = (\n <SingleValueBasic\n majorColor={majorColor}\n majorText={majorText}\n majorTextFontSize={majorTextFontSize}\n majorValueTitle={majorValueTitle}\n trendColor={trendColor}\n trendText={trendText}\n trendTextFontSize={trendTextFontSize}\n showTrendIndicator={showTrendPositionStandard({ showTrendIndicator, position: trendPosition })}\n unit={unit}\n unitPosition={unitPosition}\n onValueClick={onValueClick}\n />\n );\n const radialGraph = showRadialGraph ? (\n <RadialGraph\n size={graphSize}\n progress={progress}\n backgroundColor={radialBackgroundColor}\n progressColor={radialStrokeColor}\n strokeWidth={radialStrokeWidth}\n />\n ) : null;\n\n const underLabelComponent = underLabel ? (\n <UnderLabelContainer data-test=\"underLabel\" color={underLabelColor} size={underLabelFontSize}>\n {underLabel}\n </UnderLabelContainer>\n ) : null;\n\n const outsideComponent = showTrendPositionOutside({ showTrendIndicator, position: trendPosition }) ? (\n <Column align=\"end\" data-test=\"trend-position-outside\">\n {trendComponent}\n {underLabelComponent}\n </Column>\n ) : null;\n\n const belowTrendComponent = showTrendPositionBelow({ showTrendIndicator, position: trendPosition }) ? (\n <PositionDiv\n data-test=\"trend-position-below\"\n align=\"flex-end\"\n bottom={graphSize 0.1}\n style={{ textAlign: 'center' }}\n >\n {trendComponent}\n </PositionDiv>\n ) : null;\n\n return (\n <Row>\n <Column>\n <Square size={graphSize}>\n {radialGraph}\n {belowTrendComponent}\n <PositionDiv>{basicSingleValues}</PositionDiv>\n </Square>\n {trendPosition !== 'outside' && underLabelComponent}\n </Column>\n {outsideComponent}\n </Row>\n );\n};\n\nRadialContent.propTypes = {\n ...SingleValueBasic.propTypes,\n trendPosition: T.string,\n contentSize: T.number,\n showRadialGraph: T.bool,\n graphSize: T.number,\n progress: T.number,\n radialBackgroundColor: T.string,\n radialStrokeColor: T.string,\n radialStrokeWidth: T.number,\n};\n\nexport default RadialContent;\n","// this is a copy of SingleValueRadial.jsx @ 23.5.0 before the design changes to PureSingleValueRadial were rolled out\nimport React, { useCallback } from 'react';\nimport T from 'prop-types';\nimport pickFromTheme from '@splunk/themes/pick';\nimport variables from '@splunk/themes/variables';\nimport styled, { withTheme } from 'styled-components';\nimport pick from 'lodash/pick';\nimport isEmpty from 'lodash/isEmpty';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { toDimension } from '@splunk/visualizations-shared/style';\nimport SizeAwareWrapper from '@splunk/visualizations-shared/SizeAwareWrapper';\nimport Message from '@splunk/visualizations-shared/Message';\nimport {\n computeColors,\n computeSingleValueContent,\n getUnderLabelHeight,\n shouldShowTrend,\n handleValueClickCallback,\n} from '@splunk/visualizations/common/utils/singleValueUtils';\nimport RadialLayout from './RadialLayout';\nimport {\n getGraphSize,\n getValueContentSize,\n getRadialProgress,\n getRadialStrokeWidth,\n computeTrendIndicatorPosition,\n getRadialColors,\n} from '../utils/displayUtils';\n\nconst Container = styled.div`\n overflow: hidden;\n ${props => toDimension(pick(props, ['width', 'height']))};\n`;\n\nconst VizStyleWrapper = styled.div.attrs(({ dataTestKey }) => ({\n 'data-test': dataTestKey,\n}))`\n display: flex;\n justify-content: center;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background-color: ${props => props.backgroundColor};\n`;\n\nVizStyleWrapper.displayName = 'VizStyleWrapper';\n\nconst SingleValueRadial = ({ ...props }) => {\n const {\n width,\n height = 250,\n style,\n majorFontSize,\n majorValue,\n majorValueField,\n trendValue,\n trendFontSize,\n unitPosition,\n numberPrecision,\n shouldUseThousandSeparators,\n shouldAbbreviateTrendValue,\n trendIndicatorPosition = 'standard',\n onValueClick,\n } = props;\n\n // calculate colors\n const defaultColors = {\n defaultFontColor: pickFromTheme({\n enterprise: {\n dark: variables.textColor(props),\n light: variables.gray20(props),\n },\n prisma: variables.contentColorActive(props),\n })(props),\n defaultBlockFontColor: pickFromTheme({\n enterprise: variables.white(props),\n prisma: variables.contentColorActive(props),\n })(props),\n };\n const { backgroundEnabled, backgroundColor, majorColor, trendColor, underLabelColor } = computeColors(\n props,\n defaultColors\n );\n\n const radialColors = getRadialColors({ backgroundEnabled, backgroundColor });\n const radialBackgroundColor = props.radialBackgroundColor \|\| radialColors.background;\n const radialStrokeColor = props.radialStrokeColor \|\| radialColors.stroke;\n\n const handleValueClick = useCallback(\n ev => handleValueClickCallback(ev, majorValue, majorValueField, trendValue, onValueClick),\n [onValueClick, majorValue, majorValueField, trendValue]\n );\n\n const renderVisualization = ({ width: containerWidth, height: containerHeight }) => {\n if (containerWidth < 35 \|\| containerHeight < 35) {\n return (\n <Message\n width={containerWidth}\n height={containerHeight}\n message={_('Too small to render content')}\n level=\"info\"\n />\n );\n }\n\n // will update later based on text size\n let { trendDisplay, unit, underLabel } = props;\n let showRadialGraph = true;\n\n // calculate radial graph, major and trend content, and underlabel size\n const graphSize = getGraphSize({ width: containerWidth, height: containerHeight, underLabel });\n const radialStrokeWidth = getRadialStrokeWidth(graphSize);\n const valueContentSize = getValueContentSize({ graphSize, radialStrokeWidth });\n const underLabelFontSize = getUnderLabelHeight(graphSize * 0.1);\n\n // calculate major and trend text\n const toRemoveList = [\n { key: 'underLabel', value: '' },\n { key: 'showRadialGraph', value: false },\n { key: 'trendDisplay', value: 'off' },\n { key: 'unit', value: '' },\n ];\n const {\n majorText,\n trendText,\n majorTextFontSize,\n trendTextFontSize,\n majorValueTitle,\n smallVizProps,\n } = computeSingleValueContent({\n majorValue,\n trendValue,\n majorFontSize,\n trendFontSize,\n trendDisplay,\n contentWidth: valueContentSize,\n contentHeight: valueContentSize,\n containerWidth,\n containerHeight,\n unit,\n numberPrecision,\n shouldUseThousandSeparators,\n shouldAbbreviateTrendValue,\n toRemoveList,\n });\n if (!isEmpty(smallVizProps)) {\n ({ underLabel, showRadialGraph, trendDisplay, unit } = smallVizProps);\n }\n\n // calculate trend position\n const position = computeTrendIndicatorPosition({\n trendIndicatorPosition,\n majorTextFontSize,\n trendTextFontSize,\n });\n\n // calculate radial\n const progress = getRadialProgress(majorValue);\n\n return (\n <VizStyleWrapper\n backgroundColor={backgroundColor}\n style={style}\n dataTestKey=\"SingleValueRadialWrapper\"\n >\n <RadialLayout\n data-test=\"RadialLayout\"\n majorColor={majorColor}\n majorText={majorText}\n majorTextFontSize={majorTextFontSize}\n majorValueTitle={majorValueTitle}\n trendColor={trendColor}\n trendText={trendText}\n trendTextFontSize={trendTextFontSize}\n showTrendIndicator={shouldShowTrend(trendDisplay)}\n trendPosition={position}\n unit={unit}\n unitPosition={unitPosition}\n underLabelColor={underLabelColor}\n underLabelFontSize={underLabelFontSize}\n underLabel={underLabel}\n onValueClick={handleValueClick}\n contentSize={valueContentSize * 0.7}\n showRadialGraph={showRadialGraph}\n graphSize={graphSize}\n progress={progress}\n radialBackgroundColor={radialBackgroundColor}\n radialStrokeColor={radialStrokeColor}\n radialStrokeWidth={radialStrokeWidth}\n />\n </VizStyleWrapper>\n );\n };\n\n return (\n <Container width={width} height={height}>\n <SizeAwareWrapper>\n {containerDimension => renderVisualization(containerDimension)}\n </SizeAwareWrapper>\n </Container>\n );\n};\n\nSingleValueRadial.propTypes = {\n width: T.oneOfType([T.string, T.number]),\n height: T.oneOfType([T.string, T.number]),\n style: T.object,\n majorValue: T.oneOfType([T.string, T.number]),\n majorValueField: T.string,\n majorColor: T.string,\n majorFontSize: T.number,\n trendValue: T.oneOfType([T.string, T.number]),\n trendColor: T.string,\n trendFontSize: T.number,\n trendDisplay: T.string,\n trendIndicatorPosition: T.oneOf(['standard', 'below', 'outside']),\n shouldAbbreviateTrendValue: T.bool,\n backgroundColor: T.string,\n unit: T.string,\n unitPosition: T.string,\n underLabel: T.string,\n numberPrecision: T.number,\n shouldUseThousandSeparators: T.bool,\n radialBackgroundColor: T.string,\n radialStrokeColor: T.string,\n onValueClick: T.func,\n};\n\nSingleValueRadial.defaultProps = {\n width: '100%',\n height: 250,\n majorValue: 'N/A',\n majorValueField: '',\n trendDisplay: 'absolute',\n trendIndicatorPosition: 'standard',\n shouldAbbreviateTrendValue: false,\n unitPosition: 'after',\n numberPrecision: 0,\n shouldUseThousandSeparators: true,\n onValueClick: () => {},\n};\n\nexport default withTheme(SingleValueRadial);\n","import React from 'react';\nimport T from 'prop-types';\nimport { withSanitizedProps } from '@splunk/visualizations-shared/SanitizeProps';\nimport PureSingleValueRadial from './src/components/SingleValueRadial';\nimport { propsConvert, propsDeprecate } from '../../utils/propUtils';\n\n// This propsMapping is for React SingleValue to use PureSingleValue.\nconst propsMapping = {\n value: 'majorValue',\n deltaValue: 'trendValue',\n deltaColor: 'trendColor',\n deltaFontSize: 'trendFontSize',\n useTrendUnits: 'shouldAbbreviateTrendValue',\n useThousandSeparators: 'shouldUseThousandSeparators',\n};\n\nconst deprecatedProps = ['showTrendIndicator', 'trendDisplayMode'];\n\nconst ReactSingleValueRadial = ({ ...props }) => {\n let newProps = propsConvert(props, propsMapping);\n // change props\n const trendDisplay = newProps.showTrendIndicator ? newProps.trendDisplayMode : 'off';\n newProps = {\n ...propsDeprecate(newProps, deprecatedProps),\n trendDisplay,\n };\n return <PureSingleValueRadial {...newProps} />;\n};\n\nReactSingleValueRadial.propTypes = {\n width: T.oneOfType([T.string, T.number]),\n height: T.oneOfType([T.string, T.number]),\n style: T.object,\n value: T.oneOfType([T.string, T.number]),\n majorColor: T.string,\n majorFontSize: T.number,\n deltaValue: T.oneOfType([T.string, T.number]),\n deltaColor: T.string,\n deltaFontSize: T.number,\n trendDisplayMode: T.string,\n trendIndicatorPosition: T.oneOf(['standard', 'below', 'outside']),\n useTrendUnits: T.bool,\n showTrendIndicator: T.bool,\n backgroundColor: T.string,\n unit: T.string,\n unitPosition: T.string,\n underLabel: T.string,\n numberPrecision: T.number,\n useThousandSeparators: T.bool,\n radialBackgroundColor: T.string,\n radialStrokeColor: T.string,\n onValueClick: T.func,\n};\n\nReactSingleValueRadial.defaultProps = {\n width: '100%',\n height: 250,\n trendDisplayMode: 'absolute',\n trendIndicatorPosition: 'standard',\n useTrendUnits: false,\n showTrendIndicator: true,\n unitPosition: 'after',\n numberPrecision: 0,\n useThousandSeparators: true,\n onValueClick: () => {},\n};\n\nexport default withSanitizedProps(ReactSingleValueRadial);\n"],"sourceRoot":""}

package/SvgChoropleth.js CHANGED Viewed

@@ -87,80 +87,61 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 29);
+/******/ 	return __webpack_require__(__webpack_require__.s = 36);
 /******/ })
 /************************************************************************/
-/******/ ([
-/* 0 */,
-/* 1 */,
-/* 2 */
+/******/ ({
+/***/ 1:
 /***/ (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");
-/***/ }),
-/* 13 */,
-/* 14 */,
-/* 15 */,
-/* 16 */
+/***/ 16:
 /***/ (function(module, exports) {
 module.exports = require("@babel/runtime/helpers/createClass");
 /***/ }),
-/* 17 */
+/***/ 17:
 /***/ (function(module, exports) {
 module.exports = require("@babel/runtime/helpers/classCallCheck");
 /***/ }),
-/* 18 */,
-/* 19 */,
-/* 20 */
+/***/ 21:
 /***/ (function(module, exports) {
 module.exports = require("lodash");
 /***/ }),
-/* 21 */
+/***/ 23:
 /***/ (function(module, exports) {
 module.exports = require("@babel/runtime/helpers/inherits");
 /***/ }),
-/* 22 */
+/***/ 24:
 /***/ (function(module, exports) {
 module.exports = require("@babel/runtime/helpers/possibleConstructorReturn");
 /***/ }),
-/* 23 */
+/***/ 25:
 /***/ (function(module, exports) {
 module.exports = require("@babel/runtime/helpers/getPrototypeOf");
 /***/ }),
-/* 24 */,
-/* 25 */,
-/* 26 */,
-/* 27 */,
-/* 28 */,
-/* 29 */
+/***/ 36:
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -170,11 +151,11 @@ var _classCallCheck = __webpack_require__(17);
 var _createClass = __webpack_require__(16);
-var _inherits = __webpack_require__(21);
+var _inherits = __webpack_require__(23);
-var _possibleConstructorReturn = __webpack_require__(22);
+var _possibleConstructorReturn = __webpack_require__(24);
-var _getPrototypeOf = __webpack_require__(23);
+var _getPrototypeOf = __webpack_require__(25);
 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); }; }
@@ -186,11 +167,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.DATA_ATTRIBUTE = void 0;
 /* eslint-disable no-param-reassign */
-var React = __webpack_require__(2);
+var React = __webpack_require__(1);
-var lodash_1 = __webpack_require__(20);
+var lodash_1 = __webpack_require__(21);
-var styled_components_1 = __webpack_require__(12);
+var styled_components_1 = __webpack_require__(7);
 exports.DATA_ATTRIBUTE = 'data-value';
 var StyledSvgChoropleth = styled_components_1.default.div.withConfig({
@@ -437,6 +418,14 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
 exports.default = SvgChoropleth;
+/***/ }),
+/***/ 7:
+/***/ (function(module, exports) {
+module.exports = require("styled-components");
 /***/ })
-/******/ ]);
+/******/ });
 //# sourceMappingURL=SvgChoropleth.js.map

package/SvgChoropleth.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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":";;;;;;;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,kC;;;;;;;;;;;;;;;ACAA,8C;;;;;;;;;ACAA,+D;;;;;;ACAA,kE;;;;;;;;ACAA,mC;;;;;;ACAA,4D;;;;;;ACAA,6E;;;;;;ACAA,kE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAA;;AACA;;AACA;;AACA;;AAIa,yBAAiB,YAAjB;AAwBb,IAAM,mBAAmB,GAAG,4BAAO,GAAV;AAAA;AAAA;AAAA,oFAID,UAAC,KAAD;AAAA,SAAmB,KAAK,CAAC,eAAzB;AAAA,CAJC,CAAzB;;IAOqB,a;;;;;AAQjB,yBAAY,KAAZ,EAAqC;AAAA;;AAAA;;AACjC,8BAAM,KAAN;AARJ,yBAAgD,KAAK,CAAC,SAAN,EAAhD;AAKA,+BAAiC,IAAjC;;AA2BA,2BAAiB,UAAC,OAAD,EAAkB,OAAlB,EAA+D;AAC5E,UAAM,IAAI,GAAG,MAAK,YAAL,CAAkB,OAAlB,CAA0B,qBAA1B,EAAb;;AACA,UAAM,KAAK,GAAG,IAAI,CAAC,IAAnB;AACA,UAAM,KAAK,GAAG,IAAI,CAAC,GAAnB;AACA,aAAO;AAAE,SAAC,EAAE,OAAO,GAAG,KAAf;AAAsB,SAAC,EAAE,OAAO,GAAG;AAAnC,OAAP;AACH,KALD;;AAOA,2BAAiB,UAAC,KAAD,EAAoD;AAAA,UACzD,OADyD,GACpC,KADoC,CACzD,OADyD;AAAA,UAChD,OADgD,GACpC,KADoC,CAChD,OADgD;;AAEjE,UAAM,GAAG,GAAG,MAAK,cAAL,CAAoB,OAApB,EAA6B,OAA7B,CAAZ;;AAFiE,wBAG1B,MAAK,KAHqB;AAAA,UAGzD,iBAHyD,eAGzD,iBAHyD;AAAA,UAGtC,OAHsC,eAGtC,OAHsC;AAIjE,UAAM,aAAa,GAAc,iBAAiB,CAAC,cAAlB,CAAiC,aAAjC,CAA+C,GAA/C,CAAjC;AACA,UAAM,OAAO,GAAkB,KAAK,CAAC,MAArC;AACA,UAAM,YAAY,GAAe,OAAO,CAAC,EAAR,GAAa,OAAb,GAAwB,OAAO,CAAC,UAAjE;;AACA,UAAI,OAAJ,EAAa;AACT,eAAO,CAAC,aAAD,EAAgB,YAAY,CAAC,EAA7B,CAAP;AACH;AACJ,KAVD;;AAYA,+BAAqB,UAAC,EAAD,EAAyB;AAC1C,UAAM,OAAO,GAAkB,EAAE,CAAC,MAAlC;;AAEA,UAAI,CAAC,OAAO,CAAC,EAAT,IAAe,CAAC,OAAO,CAAC,eAA5B,EAA6C;AACzC;AACH;;AAED,UAAM,YAAY,GAAe,OAAO,CAAC,EAAR,GAAa,OAAb,GAAwB,OAAO,CAAC,UAAjE,CAP0C,CAQ1C;;AACA,UAAI,MAAK,kBAAL,IAA2B,YAAY,CAAC,EAAb,KAAoB,MAAK,kBAAL,CAAwB,EAA3E,EAA+E;AAC3E,cAAK,kBAAL;AACH;;AACD,YAAK,gBAAL,CAAsB,YAAtB;;AAEA,UAAI,MAAK,KAAL,CAAW,cAAf,EAA+B;AAC3B,cAAK,KAAL,CAAW,cAAX,CAA0B;AACtB,mBAAS,EAAE,YAAY,CAAC,EADF;AAEtB,eAAK,EAAE,YAAY,CAAC,YAAb,CAA0B,UAA1B,CAFe;AAGtB,eAAK,EAAE,YAAY,CAAC,YAAb,CAA0B,sBAA1B;AAHe,SAA1B;AAKH;AACJ,KArBD;;AAuBA,+BAAqB,UAAC,EAAD,EAAyB;AAC1C,UAAM,OAAO,GAAkB,EAAE,CAAC,MAAlC;;AAEA,UAAI,CAAC,OAAO,CAAC,EAAT,IAAe,CAAC,OAAO,CAAC,eAA5B,EAA6C;AACzC;AACH,OALyC,CAO1C;;;AACA,UAAM,YAAY,GAAe,OAAO,CAAC,EAAR,GAAa,OAAb,GAAwB,OAAO,CAAC,UAAjE,CAR0C,CAS1C;;AACA,UAAI,YAAY,KAAK,MAAK,kBAA1B,EAA8C;AAC1C;AACH;;AACD,YAAK,kBAAL,GAb0C,CAc1C;;;AAEA,UAAI,MAAK,KAAL,CAAW,cAAf,EAA+B;AAC3B,cAAK,KAAL,CAAW,cAAX,CAA0B;AAAE,mBAAS,EAAE,IAAb;AAAmB,eAAK,EAAE,IAA1B;AAAgC,eAAK,EAAE;AAAvC,SAA1B;AACH;AACJ,KAnBD;;AA0BA,wBAAc,UAAC,EAAD,EAA4B;AACtC,UAAI,CAAC,EAAL,EAAS;AAET,YAAK,MAAL,GAAc,EAAd;AAHsC,yBAKoB,MAAK,KALzB;AAAA,+CAK9B,QAL8B;AAAA,UAK9B,QAL8B,sCAKnB,UALmB;AAAA,UAKP,WALO,gBAKP,WALO;AAAA,UAKM,SALN,gBAKM,SALN;AAOtC,YAAK,MAAL,CAAY,WAAZ,GAA0B,MAAK,kBAA/B;AACA,YAAK,MAAL,CAAY,UAAZ,GAAyB,MAAK,kBAA9B;;AAEA,YAAK,MAAL,CAAY,gBAAZ,CAA6B,QAA7B,EAAuC,OAAvC,CAA+C,UAAC,IAAD,EAA4B;AACvE,YAAI,CAAC,KAAL,CAAW,MAAX,GAAoB,WAApB;AACA,YAAI,CAAC,KAAL,CAAW,IAAX,GAAkB,SAAlB;AACH,OAHD;;AAKA,YAAK,SAAL,CAAe,MAAK,KAApB;AACH,KAhBD;;AA7FqC,QAEzB,iBAFyB,GAEH,KAFG,CAEzB,iBAFyB;AAGjC,UAAK,KAAL,GAAa;AAAE,aAAO,EAAE,iBAAiB,CAAC,UAAlB,CAA6B,MAAK,WAAlC;AAAX,KAAb;AAHiC;AAIpC;;;;WAED,+BAAsB,SAAtB,EAA+D,SAA/D,EAA4F;AACxF,UAAM,YAAY,GACd,CAAC,iBAAQ,SAAS,CAAC,OAAlB,EAA2B,KAAK,KAAL,CAAW,OAAtC,CAAD,IAAmD,CAAC,iBAAQ,SAAR,EAAmB,KAAK,KAAxB,CADxD;AAEA,aAAO,YAAP;AACH;;;WAED,4BAAmB,SAAnB,EAA4B;AACxB,UAAI,KAAK,KAAL,KAAe,SAAnB,EAA8B;AAC1B,YAAI,SAAS,CAAC,iBAAV,KAAgC,KAAK,KAAL,CAAW,iBAA/C,EAAkE;AAC9D;AACA,eAAK,QAAL,CAAc;AACV,mBAAO,EAAE,KAAK,KAAL,CAAW,iBAAX,CAA6B,UAA7B,CAAwC,KAAK,WAA7C;AADC,WAAd;AAGH,SALD,MAKO;AACH,eAAK,SAAL,CAAe,KAAK,KAApB;AACH;AACJ;AACJ,K,CAiED;;;;WACQ,sBAAa,KAAb,EAA0B;AAC9B,aAAO,KAAK,KAAL,CAAW,iBAAX,CAA6B,YAA7B,CAA0C,KAA1C,CAAP;AACH;AAoBD;;;;;;;AAOG;;;;WACH,0BAAiB,EAAjB,EAA+B;AAC3B,UAAI,KAAK,kBAAT,EAA6B;AACzB,eADyB,CACjB;AACX;;AAED,UAAM,sBAAsB,GAAG,KAAK,MAAL,CAAY,aAAZ,YAA/B;AACA,UAAM,MAAM,GAAG,EAAE,CAAC,UAAlB;AACA,UAAM,KAAK,GAAe,EAAE,CAAC,SAAH,CAAa,IAAb,CAA1B;AACA,UAAM,WAAW,GAAG,KAAK,KAAL,CAAW,oBAAX,IAAmC,MAAvD;AACA,WAAK,CAAC,KAAN,CAAY,MAAZ,GAAqB,WAArB;AACA,WAAK,kBAAL,GAA0B,KAA1B;AAEA,YAAM,CAAC,YAAP,CAAoB,KAApB,EAA2B,sBAA3B;AACH;;;WAED,8BAAkB;AACd,UAAI,KAAK,kBAAT,EAA6B;AACzB,aAAK,MAAL,CAAY,WAAZ,CAAwB,KAAK,kBAA7B;AACH;;AACD,WAAK,kBAAL,GAA0B,IAA1B;AACH;;;WAED,mBAAU,KAAV,EAAmC;AAAA;;AAC/B,UAAI,CAAC,KAAK,MAAV,EAAkB;AACd;AACH;;AAH8B,4BAKoB,KALpB,CAKvB,QALuB;AAAA,UAKvB,QALuB,gCAKZ,UALY;AAAA,UAKA,SALA,GAKoB,KALpB,CAKA,SALA;AAAA,UAKW,IALX,GAKoB,KALpB,CAKW,IALX;;AAO/B,UAAI,CAAC,IAAL,EAAW;AACP;AACH;;AACD,UAAM,WAAW,GAAG,EAApB;AAEA,UAAI,CAAC,UAAL,CAAgB,OAAhB,CAAwB,UAAC,KAAD,EAAQ,KAAR,EAAuB;AAC3C,YAAM,SAAS,GAAG,MAAI,CAAC,YAAL,CAAkB,KAAlB,CAAlB;;AACA,mBAAW,CAAC,SAAD,CAAX,GAAyB;AAAE,cAAI,EAAE,IAAI,CAAC,IAAL,CAAU,KAAV,CAAR;AAA0B,eAAK,EAAE,IAAI,CAAC,MAAL,CAAY,KAAZ;AAAjC,SAAzB;AACH,OAHD;AAIA,WAAK,MAAL,CAAY,gBAAZ,CAA6B,QAA7B,EAAuC,OAAvC,CAA+C,UAAC,IAAD,EAA4B;AACvE,YAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,EAAN,CAA5B;AACA,YAAI,CAAC,KAAL,CAAW,IAAX,GAAkB,aAAI,QAAJ,EAAc,MAAd,KAAyB,SAA3C;AACA,YAAM,KAAK,GAAG,aAAI,QAAJ,EAAc,OAAd,CAAd;;AACA,YAAI,KAAJ,EAAW;AACP,cAAI,CAAC,YAAL,CAAkB,sBAAlB,EAAkC,KAAlC;AACH,SAFD,MAEO;AACH,cAAI,CAAC,eAAL,CAAqB,sBAArB;AACH;AACJ,OATD;AAUH;;;WAED,kBAAM;AAAA,kCAC0C,KAAK,KAD/C,CACM,eADN;AAAA,UACM,eADN,sCACwB,aADxB,0BAEF;;AACA,aACI,oBAAC,mBAAD,EAAoB;AAAA,qBACN,uBADM;AAEhB,uBAAe,EAAE,eAFD;AAGhB,mBAAW,EAAE,KAAK,cAHF;AAIhB,WAAG,EAAE,KAAK;AAJM,OAApB,EAMK,KAAK,KAAL,CAAW,OANhB,CADJ;AAUH;;;;EA9LsC,KAAK,CAAC,S;;AAAjD,gC","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":""}
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 = 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 CHANGED Viewed

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

	@@ -1 +1 @@
1	- {"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":""}
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 = 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":""}

package/package.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "name": "@splunk/react-visualizations",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Splunk",
-  "version": "24.1.0",
+  "version": "24.3.1",
   "scripts": {
     "build": "NODE_ENV=production webpack --config ./webpack.config.js --bail",
     "build-storybook": "build-storybook -c .storybook -s fonts -o .storybook-bundle",
@@ -30,13 +30,13 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.13.0",
-    "@splunk/charting-bundle": "^24.1.0",
+    "@splunk/charting-bundle": "^24.3.1",
     "@splunk/moment": "^0.6.0",
     "@splunk/ui-utils": "^1.2.1",
-    "@splunk/visualization-color-palettes": "^24.1.0",
-    "@splunk/visualization-themes": "^24.1.0",
-    "@splunk/visualizations": "^24.1.0",
-    "@splunk/visualizations-shared": "^24.1.0",
+    "@splunk/visualization-color-palettes": "^24.3.1",
+    "@splunk/visualization-themes": "^24.3.1",
+    "@splunk/visualizations": "^24.3.1",
+    "@splunk/visualizations-shared": "^24.3.1",
     "@turf/bbox-clip": "^6.0.3",
     "@turf/helpers": "^6.1.4",
     "chroma-js": "^2.0.0",
@@ -50,7 +50,7 @@
     "@splunk/visualization-context": ">=24.0.0",
     "react": "^16.11.0",
     "react-dom": "^16.11.0",
-    "styled-components": "^5.1"
+    "styled-components": "5.1.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.13.0",
@@ -59,9 +59,9 @@
     "@splunk/docs-gen": "^0.11.1",
     "@splunk/jsdoc-loader": "^3.0.0",
     "@splunk/react-docs": "^0.11.0",
-    "@splunk/react-ui": "^4.4.1",
+    "@splunk/react-ui": "4.5.1",
     "@splunk/themes": "^0.8.0",
-    "@splunk/visualization-build-tools": "^24.1.0",
+    "@splunk/visualization-build-tools": "^24.3.1",
     "@splunk/webpack-configs": "^4.0.0",
     "@storybook/addon-actions": "^6.1.20",
     "@storybook/addons": "^6.1.20",
@@ -81,7 +81,7 @@
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-test-renderer": "16.11.0",
-    "styled-components": "^5.2.1",
+    "styled-components": "5.1.1",
     "text-encoding": "^0.7.0",
     "ts-jest": "^26.0.0",
     "typescript": "^4.1.2",