@splunk/visualizations 25.10.0 → 25.11.0

package/common/GaugeValueMarker.js

@@ -181,10 +181,12 @@ var positionValueMarkerRect = function positionValueMarkerRect(_ref) {
   var x = _ref.x,
     y = _ref.y,
     orientation = _ref.orientation,
-    valueMarkerRectLength = _ref.valueMarkerRectLength;
+    valueMarkerRectLength = _ref.valueMarkerRectLength,
+    _ref$alignCenter = _ref.alignCenter,
+    alignCenter = _ref$alignCenter === void 0 ? false : _ref$alignCenter;
   var hLength = MARKER_THICKNESS;
   var vLength = valueMarkerRectLength;
-  var markerStartX = x - MARKER_THICKNESS;
+  var markerStartX = alignCenter ? x - MARKER_THICKNESS / 2 : x - MARKER_THICKNESS;
   var markerStartY = y;
   var innerHLength = hLength / 3;
   var innerVLength = MARKER_INNER_LENGTH;
@@ -194,6 +196,7 @@ var positionValueMarkerRect = function positionValueMarkerRect(_ref) {
     hLength = valueMarkerRectLength;
     vLength = MARKER_THICKNESS;
     markerStartX = x;
+    markerStartY = alignCenter ? y - MARKER_THICKNESS / 2 : y;
     innerHLength = MARKER_INNER_LENGTH;
     innerVLength = vLength / 3;
     innerStartX = markerStartX + 7;
@@ -220,13 +223,15 @@ var positionLabel = function positionLabel(_ref2) {
   var x = _ref2.x,
     y = _ref2.y,
     length = _ref2.length,
-    orientation = _ref2.orientation;
+    orientation = _ref2.orientation,
+    _ref2$alignCenter = _ref2.alignCenter,
+    alignCenter = _ref2$alignCenter === void 0 ? false : _ref2$alignCenter;
   // for horizontal view
-  var labelRectX = x - MARKER_THICKNESS / 2 - MARKER_LABEL_WIDTH / 2;
+  var labelRectX = alignCenter ? x - MARKER_LABEL_WIDTH / 2 : x - MARKER_THICKNESS / 2 - MARKER_LABEL_WIDTH / 2;
   var labelRectY = y + length;
   if (orientation === 'vertical') {
     labelRectX = x + length;
-    labelRectY = y - (MARKER_LABEL_HEIGHT - MARKER_THICKNESS) / 2;
+    labelRectY = alignCenter ? y - MARKER_LABEL_HEIGHT / 2 : y - (MARKER_LABEL_HEIGHT - MARKER_THICKNESS) / 2;
   }
   var labelX = labelRectX + MARKER_LABEL_WIDTH / 2;
   var labelY = labelRectY + MARKER_LABEL_HEIGHT / 2;
@@ -249,13 +254,15 @@ var ValueMarker = function ValueMarker(_ref3) {
     showValue = props.showValue,
     usePercentageValue = props.usePercentageValue,
     valueMarkerFillColor = props.valueMarkerFillColor,
-    valueMarkerLabelFillColor = props.valueMarkerLabelFillColor;
+    valueMarkerLabelFillColor = props.valueMarkerLabelFillColor,
+    alignCenter = props.alignCenter;
   var valueMarkerRectLength = length + DELTA_LENGTH;
   var _positionLabel = positionLabel({
       x: x,
       y: y,
       length: length,
-      orientation: orientation
+      orientation: orientation,
+      alignCenter: alignCenter
     }),
     labelRectX = _positionLabel.labelRectX,
     labelRectY = _positionLabel.labelRectY,
@@ -267,7 +274,8 @@ var ValueMarker = function ValueMarker(_ref3) {
       x: x,
       y: y,
       orientation: orientation,
-      valueMarkerRectLength: valueMarkerRectLength
+      valueMarkerRectLength: valueMarkerRectLength,
+      alignCenter: alignCenter
     }),
     valueMarkerFillColor: valueMarkerFillColor
   }), showValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("g", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(ValueMarkerLabelRect, {
@@ -300,14 +308,16 @@ ValueMarker.propTypes = {
   showValue: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
   usePercentageValue: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
   valueMarkerFillColor: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,
-  valueMarkerLabelFillColor: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string
+  valueMarkerLabelFillColor: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,
+  alignCenter: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool
 };
 ValueMarker.defaultProps = {
   min: 0,
   max: 100,
   orientation: 'horizontal',
   showValue: true,
-  usePercentageValue: false
+  usePercentageValue: false,
+  alignCenter: false
 };
 /* harmony default export */ __webpack_exports__["default"] = (ValueMarker);
 

package/common/GaugeValueMarker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"react\"","webpack:///external \"prop-types\"","webpack:///external \"@splunk/visualizations-shared/numberUtils\"","webpack:///external \"styled-components\"","webpack:///./src/common/GaugeValueMarker.jsx","webpack:///external \"@babel/runtime/helpers/extends\""],"names":["MARKER_THICKNESS","MARKER_INNER_LENGTH","MARKER_LABEL_WIDTH","MARKER_LABEL_HEIGHT","RADIUS","DELTA_LENGTH","ValueMarkerRect","styled","path","withConfig","displayName","componentId","props","valueMarkerFillColor","ValueMarkerLabelRect","rect","ValueMarkerLabel","text","valueMarkerLabelFillColor","positionValueMarkerRect","_ref","x","y","orientation","valueMarkerRectLength","hLength","vLength","markerStartX","markerStartY","innerHLength","innerVLength","innerStartX","innerStartY","concat","positionLabel","_ref2","length","labelRectX","labelRectY","labelX","labelY","ValueMarker","_ref3","_extends","min","max","value","showValue","usePercentageValue","_positionLabel","React","createElement","d","width","height","rx","ry","toFixed","formatNumber","useThousandSeparators","useTrendUnits","propTypes","T","number","string","bool","defaultProps"],"mappings":"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","file":"GaugeValueMarker.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 = 50);\n","module.exports = require(\"react\");","module.exports = require(\"prop-types\");","module.exports = require(\"@splunk/visualizations-shared/numberUtils\");","module.exports = require(\"styled-components\");","import React from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport { formatNumber } from '@splunk/visualizations-shared/numberUtils';\n\nconst MARKER_THICKNESS = 15;\nconst MARKER_INNER_LENGTH = 30;\n\nconst MARKER_LABEL_WIDTH = 60;\nconst MARKER_LABEL_HEIGHT = 25;\nconst RADIUS = 2;\nconst DELTA_LENGTH = 12;\n\nconst ValueMarkerRect = styled.path`\n    stroke-width: 2px;\n    fill: ${props => props.valueMarkerFillColor};\n`;\n\nconst ValueMarkerLabelRect = styled.rect`\n    fill: ${props => props.valueMarkerFillColor};\n`;\n\nconst ValueMarkerLabel = styled.text`\n    fill: ${props => props.valueMarkerLabelFillColor};\n    font-size: 14px;\n    font-family: Splunk Platform Sans, sans-serif;\n    line-height: 16px;\n    text-anchor: middle;\n    text-align: center;\n    dominant-baseline: middle;\n`;\n\n/**\n * calculate the path of Value Marker shape\n * @method positionValueMarkerRect\n * @param {Object} input\n * @param {Number} input.x\n * @param {Number} input.y\n * @param {String} input.orientation\n * @param {Number} input.valueMarkerRectLength\n * @return {String} d containing a series of path commands that define the path to be\n */\nexport const positionValueMarkerRect = ({ x, y, orientation, valueMarkerRectLength }) => {\n    let hLength = MARKER_THICKNESS;\n    let vLength = valueMarkerRectLength;\n    let markerStartX = x - MARKER_THICKNESS;\n    const markerStartY = y;\n\n    let innerHLength = hLength / 3;\n    let innerVLength = MARKER_INNER_LENGTH;\n    let innerStartX = markerStartX + innerHLength;\n    let innerStartY = markerStartY + 7;\n\n    if (orientation === 'vertical') {\n        hLength = valueMarkerRectLength;\n        vLength = MARKER_THICKNESS;\n        markerStartX = x;\n\n        innerHLength = MARKER_INNER_LENGTH;\n        innerVLength = vLength / 3;\n        innerStartX = markerStartX + 7;\n        innerStartY = markerStartY + innerVLength;\n    }\n\n    return (\n        `M${markerStartX},${markerStartY}h${hLength}a${RADIUS},${RADIUS} 0 0 1 ${RADIUS},${RADIUS}v${\n            vLength - 2 * RADIUS\n        }a${RADIUS},${RADIUS} 0 0 1 ${-RADIUS},${RADIUS}h${-hLength}a${RADIUS},${RADIUS} 0 0 1 ${-RADIUS},${-RADIUS}v${\n            2 * RADIUS - vLength\n        }a${RADIUS},${RADIUS} 0 0 1 ${RADIUS},${-RADIUS}z` +\n        `M${innerStartX},${innerStartY}v${\n            innerVLength - RADIUS\n        }a${RADIUS},${RADIUS} 0 0 0 ${RADIUS},${RADIUS}h${\n            innerHLength - 2 * RADIUS\n        }a${RADIUS},${RADIUS} 0 0 0 ${RADIUS},${-RADIUS}v${\n            RADIUS - innerVLength\n        }a${RADIUS},${RADIUS} 0 0 0 ${-RADIUS},${-RADIUS}h${\n            2 * RADIUS - innerHLength\n        }a${RADIUS},${RADIUS} 0 0 0 ${-RADIUS},${RADIUS}z`\n    );\n};\n\n/**\n * calculate the position of value marker label\n * @method positionLabel\n * @param {Object} input\n * @param {Number} input.x\n * @param {Number} input.y\n * @param {Number} input.length   gauge thickness\n * @param {String} input.orientation\n * @return {Object} positions\n * @return {Number} positions.labelRectX  x of value marker label rect\n * @return {Number} positions.labelRectY  y of value marker label rect\n * @return {Number} positions.labelX      x of value marker label text\n * @return {Number} positions.labelY      y of value marker label text\n */\nexport const positionLabel = ({ x, y, length, orientation }) => {\n    // for horizontal view\n    let labelRectX = x - MARKER_THICKNESS / 2 - MARKER_LABEL_WIDTH / 2;\n    let labelRectY = y + length;\n    if (orientation === 'vertical') {\n        labelRectX = x + length;\n        labelRectY = y - (MARKER_LABEL_HEIGHT - MARKER_THICKNESS) / 2;\n    }\n    const labelX = labelRectX + MARKER_LABEL_WIDTH / 2;\n    const labelY = labelRectY + MARKER_LABEL_HEIGHT / 2;\n    return { labelRectX, labelRectY, labelX, labelY };\n};\n\nconst ValueMarker = ({ ...props }) => {\n    const {\n        x,\n        y,\n        length,\n        min,\n        max,\n        value,\n        orientation,\n        showValue,\n        usePercentageValue,\n        valueMarkerFillColor,\n        valueMarkerLabelFillColor,\n    } = props;\n\n    const valueMarkerRectLength = length + DELTA_LENGTH;\n    const { labelRectX, labelRectY, labelX, labelY } = positionLabel({\n        x,\n        y,\n        length,\n        orientation,\n    });\n\n    return (\n        <g>\n            <ValueMarkerRect\n                data-test=\"value-marker-rect\"\n                d={positionValueMarkerRect({ x, y, orientation, valueMarkerRectLength })}\n                valueMarkerFillColor={valueMarkerFillColor}\n            />\n            {showValue && (\n                <g>\n                    <ValueMarkerLabelRect\n                        data-test=\"value-marker-label-rect\"\n                        x={labelRectX}\n                        y={labelRectY}\n                        width={MARKER_LABEL_WIDTH}\n                        height={MARKER_LABEL_HEIGHT}\n                        rx={RADIUS}\n                        ry={RADIUS}\n                        valueMarkerFillColor={valueMarkerFillColor}\n                    />\n                    <ValueMarkerLabel\n                        data-test=\"value-marker-label\"\n                        x={labelX}\n                        y={labelY}\n                        valueMarkerLabelFillColor={valueMarkerLabelFillColor}\n                    >\n                        {usePercentageValue\n                            ? `${((value / (max - min)) * 100).toFixed(2)}%`\n                            : formatNumber(value, 0, {\n                                  useThousandSeparators: true,\n                                  useTrendUnits: true,\n                              })}\n                    </ValueMarkerLabel>\n                </g>\n            )}\n        </g>\n    );\n};\n\nValueMarker.propTypes = {\n    x: T.number,\n    y: T.number,\n    length: T.number,\n    min: T.number,\n    max: T.number,\n    value: T.number,\n    orientation: T.string,\n    showValue: T.bool,\n    usePercentageValue: T.bool,\n    valueMarkerFillColor: T.string,\n    valueMarkerLabelFillColor: T.string,\n};\n\nValueMarker.defaultProps = {\n    min: 0,\n    max: 100,\n    orientation: 'horizontal',\n    showValue: true,\n    usePercentageValue: false,\n};\n\nexport default ValueMarker;\n","module.exports = require(\"@babel/runtime/helpers/extends\");"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"react\"","webpack:///external \"prop-types\"","webpack:///external \"@splunk/visualizations-shared/numberUtils\"","webpack:///external \"styled-components\"","webpack:///./src/common/GaugeValueMarker.jsx","webpack:///external \"@babel/runtime/helpers/extends\""],"names":["MARKER_THICKNESS","MARKER_INNER_LENGTH","MARKER_LABEL_WIDTH","MARKER_LABEL_HEIGHT","RADIUS","DELTA_LENGTH","ValueMarkerRect","styled","path","withConfig","displayName","componentId","props","valueMarkerFillColor","ValueMarkerLabelRect","rect","ValueMarkerLabel","text","valueMarkerLabelFillColor","positionValueMarkerRect","_ref","x","y","orientation","valueMarkerRectLength","_ref$alignCenter","alignCenter","hLength","vLength","markerStartX","markerStartY","innerHLength","innerVLength","innerStartX","innerStartY","concat","positionLabel","_ref2","length","_ref2$alignCenter","labelRectX","labelRectY","labelX","labelY","ValueMarker","_ref3","_extends","min","max","value","showValue","usePercentageValue","_positionLabel","React","createElement","d","width","height","rx","ry","toFixed","formatNumber","useThousandSeparators","useTrendUnits","propTypes","T","number","string","bool","defaultProps"],"mappings":";;;;;;;QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;AClFA,kC;;;;;;;ACAA,uC;;;;;;;ACAA,sE;;;;;;;ACAA,8C;;;;;;;;;;;;;;;;;;;;;;ACA0B;AACC;AACY;AACkC;AAEzE,IAAMA,gBAAgB,GAAG,EAAE;AAC3B,IAAMC,mBAAmB,GAAG,EAAE;AAE9B,IAAMC,kBAAkB,GAAG,EAAE;AAC7B,IAAMC,mBAAmB,GAAG,EAAE;AAC9B,IAAMC,MAAM,GAAG,CAAC;AAChB,IAAMC,YAAY,GAAG,EAAE;AAEvB,IAAMC,eAAe,GAAGC,wDAAM,CAACC,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAEvB,UAAAC,KAAK;EAAA,OAAIA,KAAK,CAACC,oBAAoB;AAAA,EAC9C;AAED,IAAMC,oBAAoB,GAAGP,wDAAM,CAACQ,IAAI,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mBAC5B,UAAAC,KAAK;EAAA,OAAIA,KAAK,CAACC,oBAAoB;AAAA,EAC9C;AAED,IAAMG,gBAAgB,GAAGT,wDAAM,CAACU,IAAI,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6JACxB,UAAAC,KAAK;EAAA,OAAIA,KAAK,CAACM,yBAAyB;AAAA,EAOnD;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAAC,IAAA,EAM9B;EAAA,IALFC,CAAC,GAAAD,IAAA,CAADC,CAAC;IACDC,CAAC,GAAAF,IAAA,CAADE,CAAC;IACDC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,qBAAqB,GAAAJ,IAAA,CAArBI,qBAAqB;IAAAC,gBAAA,GAAAL,IAAA,CACrBM,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,KAAK,GAAAA,gBAAA;EAEnB,IAAIE,OAAO,GAAG3B,gBAAgB;EAC9B,IAAI4B,OAAO,GAAGJ,qBAAqB;EACnC,IAAIK,YAAY,GAAGH,WAAW,GAAGL,CAAC,GAAGrB,gBAAgB,GAAG,CAAC,GAAGqB,CAAC,GAAGrB,gBAAgB;EAChF,IAAI8B,YAAY,GAAGR,CAAC;EAEpB,IAAIS,YAAY,GAAGJ,OAAO,GAAG,CAAC;EAC9B,IAAIK,YAAY,GAAG/B,mBAAmB;EACtC,IAAIgC,WAAW,GAAGJ,YAAY,GAAGE,YAAY;EAC7C,IAAIG,WAAW,GAAGJ,YAAY,GAAG,CAAC;EAElC,IAAIP,WAAW,KAAK,UAAU,EAAE;IAC5BI,OAAO,GAAGH,qBAAqB;IAC/BI,OAAO,GAAG5B,gBAAgB;IAC1B6B,YAAY,GAAGR,CAAC;IAChBS,YAAY,GAAGJ,WAAW,GAAGJ,CAAC,GAAGtB,gBAAgB,GAAG,CAAC,GAAGsB,CAAC;IAEzDS,YAAY,GAAG9B,mBAAmB;IAClC+B,YAAY,GAAGJ,OAAO,GAAG,CAAC;IAC1BK,WAAW,GAAGJ,YAAY,GAAG,CAAC;IAC9BK,WAAW,GAAGJ,YAAY,GAAGE,YAAY;EAC7C;EAEA,OACI,IAAAG,MAAA,CAAIN,YAAY,OAAAM,MAAA,CAAIL,YAAY,OAAAK,MAAA,CAAIR,OAAO,OAAAQ,MAAA,CAAI/B,MAAM,OAAA+B,MAAA,CAAI/B,MAAM,aAAA+B,MAAA,CAAU/B,MAAM,OAAA+B,MAAA,CAAI/B,MAAM,OAAA+B,MAAA,CACrFP,OAAO,GAAG,CAAC,GAAGxB,MAAM,OAAA+B,MAAA,CACpB/B,MAAM,OAAA+B,MAAA,CAAI/B,MAAM,aAAA+B,MAAA,CAAU,CAAC/B,MAAM,OAAA+B,MAAA,CAAI/B,MAAM,OAAA+B,MAAA,CAAI,CAACR,OAAO,OAAAQ,MAAA,CAAI/B,MAAM,OAAA+B,MAAA,CAAI/B,MAAM,aAAA+B,MAAA,CAAU,CAAC/B,MAAM,OAAA+B,MAAA,CAAI,CAAC/B,MAAM,OAAA+B,MAAA,CACvG,CAAC,GAAG/B,MAAM,GAAGwB,OAAO,OAAAO,MAAA,CACpB/B,MAAM,OAAA+B,MAAA,CAAI/B,MAAM,aAAA+B,MAAA,CAAU/B,MAAM,OAAA+B,MAAA,CAAI,CAAC/B,MAAM,aAAA+B,MAAA,CAC3CF,WAAW,OAAAE,MAAA,CAAID,WAAW,OAAAC,MAAA,CAC1BH,YAAY,GAAG5B,MAAM,OAAA+B,MAAA,CACrB/B,MAAM,OAAA+B,MAAA,CAAI/B,MAAM,aAAA+B,MAAA,CAAU/B,MAAM,OAAA+B,MAAA,CAAI/B,MAAM,OAAA+B,MAAA,CAC1CJ,YAAY,GAAG,CAAC,GAAG3B,MAAM,OAAA+B,MAAA,CACzB/B,MAAM,OAAA+B,MAAA,CAAI/B,MAAM,aAAA+B,MAAA,CAAU/B,MAAM,OAAA+B,MAAA,CAAI,CAAC/B,MAAM,OAAA+B,MAAA,CAC3C/B,MAAM,GAAG4B,YAAY,OAAAG,MAAA,CACrB/B,MAAM,OAAA+B,MAAA,CAAI/B,MAAM,aAAA+B,MAAA,CAAU,CAAC/B,MAAM,OAAA+B,MAAA,CAAI,CAAC/B,MAAM,OAAA+B,MAAA,CAC5C,CAAC,GAAG/B,MAAM,GAAG2B,YAAY,OAAAI,MAAA,CACzB/B,MAAM,OAAA+B,MAAA,CAAI/B,MAAM,aAAA+B,MAAA,CAAU,CAAC/B,MAAM,OAAA+B,MAAA,CAAI/B,MAAM,MAAG;AAE1D,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMgC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,KAAA,EAA2D;EAAA,IAArDhB,CAAC,GAAAgB,KAAA,CAADhB,CAAC;IAAEC,CAAC,GAAAe,KAAA,CAADf,CAAC;IAAEgB,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAEf,WAAW,GAAAc,KAAA,CAAXd,WAAW;IAAAgB,iBAAA,GAAAF,KAAA,CAAEX,WAAW;IAAXA,WAAW,GAAAa,iBAAA,cAAG,KAAK,GAAAA,iBAAA;EAC1E;EACA,IAAIC,UAAU,GAAGd,WAAW,GACtBL,CAAC,GAAGnB,kBAAkB,GAAG,CAAC,GAC1BmB,CAAC,GAAGrB,gBAAgB,GAAG,CAAC,GAAGE,kBAAkB,GAAG,CAAC;EACvD,IAAIuC,UAAU,GAAGnB,CAAC,GAAGgB,MAAM;EAC3B,IAAIf,WAAW,KAAK,UAAU,EAAE;IAC5BiB,UAAU,GAAGnB,CAAC,GAAGiB,MAAM;IACvBG,UAAU,GAAGf,WAAW,GAClBJ,CAAC,GAAGnB,mBAAmB,GAAG,CAAC,GAC3BmB,CAAC,GAAG,CAACnB,mBAAmB,GAAGH,gBAAgB,IAAI,CAAC;EAC1D;EACA,IAAM0C,MAAM,GAAGF,UAAU,GAAGtC,kBAAkB,GAAG,CAAC;EAClD,IAAMyC,MAAM,GAAGF,UAAU,GAAGtC,mBAAmB,GAAG,CAAC;EACnD,OAAO;IAAEqC,UAAU,EAAVA,UAAU;IAAEC,UAAU,EAAVA,UAAU;IAAEC,MAAM,EAANA,MAAM;IAAEC,MAAM,EAANA;EAAO,CAAC;AACrD,CAAC;AAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAAqB;EAAA,IAAZjC,KAAK,GAAAkC,qEAAA,KAAAD,KAAA;EAAA,IAEvBxB,CAAC,GAYDT,KAAK,CAZLS,CAAC;IACDC,CAAC,GAWDV,KAAK,CAXLU,CAAC;IACDgB,MAAM,GAUN1B,KAAK,CAVL0B,MAAM;IACNS,GAAG,GASHnC,KAAK,CATLmC,GAAG;IACHC,GAAG,GAQHpC,KAAK,CARLoC,GAAG;IACHC,KAAK,GAOLrC,KAAK,CAPLqC,KAAK;IACL1B,WAAW,GAMXX,KAAK,CANLW,WAAW;IACX2B,SAAS,GAKTtC,KAAK,CALLsC,SAAS;IACTC,kBAAkB,GAIlBvC,KAAK,CAJLuC,kBAAkB;IAClBtC,oBAAoB,GAGpBD,KAAK,CAHLC,oBAAoB;IACpBK,yBAAyB,GAEzBN,KAAK,CAFLM,yBAAyB;IACzBQ,WAAW,GACXd,KAAK,CADLc,WAAW;EAGf,IAAMF,qBAAqB,GAAGc,MAAM,GAAGjC,YAAY;EAAC,IAAA+C,cAAA,GACDhB,aAAa,CAAC;MAC7Df,CAAC,EAADA,CAAC;MACDC,CAAC,EAADA,CAAC;MACDgB,MAAM,EAANA,MAAM;MACNf,WAAW,EAAXA,WAAW;MACXG,WAAW,EAAXA;IACJ,CAAC,CAAC;IANMc,UAAU,GAAAY,cAAA,CAAVZ,UAAU;IAAEC,UAAU,GAAAW,cAAA,CAAVX,UAAU;IAAEC,MAAM,GAAAU,cAAA,CAANV,MAAM;IAAEC,MAAM,GAAAS,cAAA,CAANT,MAAM;EAQ9C,oBACIU,4CAAA,CAAAC,aAAA,yBACID,4CAAA,CAAAC,aAAA,CAAChD,eAAe;IACZ,aAAU,mBAAmB;IAC7BiD,CAAC,EAAEpC,uBAAuB,CAAC;MAAEE,CAAC,EAADA,CAAC;MAAEC,CAAC,EAADA,CAAC;MAAEC,WAAW,EAAXA,WAAW;MAAEC,qBAAqB,EAArBA,qBAAqB;MAAEE,WAAW,EAAXA;IAAY,CAAC,CAAE;IACtFb,oBAAoB,EAAEA;EAAqB,EAC7C,EACDqC,SAAS,iBACNG,4CAAA,CAAAC,aAAA,yBACID,4CAAA,CAAAC,aAAA,CAACxC,oBAAoB;IACjB,aAAU,yBAAyB;IACnCO,CAAC,EAAEmB,UAAW;IACdlB,CAAC,EAAEmB,UAAW;IACde,KAAK,EAAEtD,kBAAmB;IAC1BuD,MAAM,EAAEtD,mBAAoB;IAC5BuD,EAAE,EAAEtD,MAAO;IACXuD,EAAE,EAAEvD,MAAO;IACXS,oBAAoB,EAAEA;EAAqB,EAC7C,eACFwC,4CAAA,CAAAC,aAAA,CAACtC,gBAAgB;IACb,aAAU,oBAAoB;IAC9BK,CAAC,EAAEqB,MAAO;IACVpB,CAAC,EAAEqB,MAAO;IACVzB,yBAAyB,EAAEA;EAA0B,GAEpDiC,kBAAkB,MAAAhB,MAAA,CACV,CAAEc,KAAK,IAAID,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG,EAAEa,OAAO,CAAC,CAAC,CAAC,SAC3CC,8FAAY,CAACZ,KAAK,EAAE,CAAC,EAAE;IACnBa,qBAAqB,EAAE,IAAI;IAC3BC,aAAa,EAAE;EACnB,CAAC,CAAC,CACO,CAE1B,CACD;AAEZ,CAAC;AAEDnB,WAAW,CAACoB,SAAS,GAAG;EACpB3C,CAAC,EAAE4C,iDAAC,CAACC,MAAM;EACX5C,CAAC,EAAE2C,iDAAC,CAACC,MAAM;EACX5B,MAAM,EAAE2B,iDAAC,CAACC,MAAM;EAChBnB,GAAG,EAAEkB,iDAAC,CAACC,MAAM;EACblB,GAAG,EAAEiB,iDAAC,CAACC,MAAM;EACbjB,KAAK,EAAEgB,iDAAC,CAACC,MAAM;EACf3C,WAAW,EAAE0C,iDAAC,CAACE,MAAM;EACrBjB,SAAS,EAAEe,iDAAC,CAACG,IAAI;EACjBjB,kBAAkB,EAAEc,iDAAC,CAACG,IAAI;EAC1BvD,oBAAoB,EAAEoD,iDAAC,CAACE,MAAM;EAC9BjD,yBAAyB,EAAE+C,iDAAC,CAACE,MAAM;EACnCzC,WAAW,EAAEuC,iDAAC,CAACG;AACnB,CAAC;AAEDxB,WAAW,CAACyB,YAAY,GAAG;EACvBtB,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,GAAG;EACRzB,WAAW,EAAE,YAAY;EACzB2B,SAAS,EAAE,IAAI;EACfC,kBAAkB,EAAE,KAAK;EACzBzB,WAAW,EAAE;AACjB,CAAC;AAEckB,0EAAW,E;;;;;;;AC/M1B,2D","file":"GaugeValueMarker.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 = 50);\n","module.exports = require(\"react\");","module.exports = require(\"prop-types\");","module.exports = require(\"@splunk/visualizations-shared/numberUtils\");","module.exports = require(\"styled-components\");","import React from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport { formatNumber } from '@splunk/visualizations-shared/numberUtils';\n\nconst MARKER_THICKNESS = 15;\nconst MARKER_INNER_LENGTH = 30;\n\nconst MARKER_LABEL_WIDTH = 60;\nconst MARKER_LABEL_HEIGHT = 25;\nconst RADIUS = 2;\nconst DELTA_LENGTH = 12;\n\nconst ValueMarkerRect = styled.path`\n    stroke-width: 2px;\n    fill: ${props => props.valueMarkerFillColor};\n`;\n\nconst ValueMarkerLabelRect = styled.rect`\n    fill: ${props => props.valueMarkerFillColor};\n`;\n\nconst ValueMarkerLabel = styled.text`\n    fill: ${props => props.valueMarkerLabelFillColor};\n    font-size: 14px;\n    font-family: Splunk Platform Sans, sans-serif;\n    line-height: 16px;\n    text-anchor: middle;\n    text-align: center;\n    dominant-baseline: middle;\n`;\n\n/**\n * calculate the path of Value Marker shape\n * @method positionValueMarkerRect\n * @param {Object} input\n * @param {Number} input.x\n * @param {Number} input.y\n * @param {String} input.orientation\n * @param {Number} input.valueMarkerRectLength\n * @return {String} d containing a series of path commands that define the path to be\n */\nexport const positionValueMarkerRect = ({\n    x,\n    y,\n    orientation,\n    valueMarkerRectLength,\n    alignCenter = false,\n}) => {\n    let hLength = MARKER_THICKNESS;\n    let vLength = valueMarkerRectLength;\n    let markerStartX = alignCenter ? x - MARKER_THICKNESS / 2 : x - MARKER_THICKNESS;\n    let markerStartY = y;\n\n    let innerHLength = hLength / 3;\n    let innerVLength = MARKER_INNER_LENGTH;\n    let innerStartX = markerStartX + innerHLength;\n    let innerStartY = markerStartY + 7;\n\n    if (orientation === 'vertical') {\n        hLength = valueMarkerRectLength;\n        vLength = MARKER_THICKNESS;\n        markerStartX = x;\n        markerStartY = alignCenter ? y - MARKER_THICKNESS / 2 : y;\n\n        innerHLength = MARKER_INNER_LENGTH;\n        innerVLength = vLength / 3;\n        innerStartX = markerStartX + 7;\n        innerStartY = markerStartY + innerVLength;\n    }\n\n    return (\n        `M${markerStartX},${markerStartY}h${hLength}a${RADIUS},${RADIUS} 0 0 1 ${RADIUS},${RADIUS}v${\n            vLength - 2 * RADIUS\n        }a${RADIUS},${RADIUS} 0 0 1 ${-RADIUS},${RADIUS}h${-hLength}a${RADIUS},${RADIUS} 0 0 1 ${-RADIUS},${-RADIUS}v${\n            2 * RADIUS - vLength\n        }a${RADIUS},${RADIUS} 0 0 1 ${RADIUS},${-RADIUS}z` +\n        `M${innerStartX},${innerStartY}v${\n            innerVLength - RADIUS\n        }a${RADIUS},${RADIUS} 0 0 0 ${RADIUS},${RADIUS}h${\n            innerHLength - 2 * RADIUS\n        }a${RADIUS},${RADIUS} 0 0 0 ${RADIUS},${-RADIUS}v${\n            RADIUS - innerVLength\n        }a${RADIUS},${RADIUS} 0 0 0 ${-RADIUS},${-RADIUS}h${\n            2 * RADIUS - innerHLength\n        }a${RADIUS},${RADIUS} 0 0 0 ${-RADIUS},${RADIUS}z`\n    );\n};\n\n/**\n * calculate the position of value marker label\n * @method positionLabel\n * @param {Object} input\n * @param {Number} input.x\n * @param {Number} input.y\n * @param {Number} input.length   gauge thickness\n * @param {String} input.orientation\n * @return {Object} positions\n * @return {Number} positions.labelRectX  x of value marker label rect\n * @return {Number} positions.labelRectY  y of value marker label rect\n * @return {Number} positions.labelX      x of value marker label text\n * @return {Number} positions.labelY      y of value marker label text\n */\nexport const positionLabel = ({ x, y, length, orientation, alignCenter = false }) => {\n    // for horizontal view\n    let labelRectX = alignCenter\n        ? x - MARKER_LABEL_WIDTH / 2\n        : x - MARKER_THICKNESS / 2 - MARKER_LABEL_WIDTH / 2;\n    let labelRectY = y + length;\n    if (orientation === 'vertical') {\n        labelRectX = x + length;\n        labelRectY = alignCenter\n            ? y - MARKER_LABEL_HEIGHT / 2\n            : y - (MARKER_LABEL_HEIGHT - MARKER_THICKNESS) / 2;\n    }\n    const labelX = labelRectX + MARKER_LABEL_WIDTH / 2;\n    const labelY = labelRectY + MARKER_LABEL_HEIGHT / 2;\n    return { labelRectX, labelRectY, labelX, labelY };\n};\n\nconst ValueMarker = ({ ...props }) => {\n    const {\n        x,\n        y,\n        length,\n        min,\n        max,\n        value,\n        orientation,\n        showValue,\n        usePercentageValue,\n        valueMarkerFillColor,\n        valueMarkerLabelFillColor,\n        alignCenter,\n    } = props;\n\n    const valueMarkerRectLength = length + DELTA_LENGTH;\n    const { labelRectX, labelRectY, labelX, labelY } = positionLabel({\n        x,\n        y,\n        length,\n        orientation,\n        alignCenter,\n    });\n\n    return (\n        <g>\n            <ValueMarkerRect\n                data-test=\"value-marker-rect\"\n                d={positionValueMarkerRect({ x, y, orientation, valueMarkerRectLength, alignCenter })}\n                valueMarkerFillColor={valueMarkerFillColor}\n            />\n            {showValue && (\n                <g>\n                    <ValueMarkerLabelRect\n                        data-test=\"value-marker-label-rect\"\n                        x={labelRectX}\n                        y={labelRectY}\n                        width={MARKER_LABEL_WIDTH}\n                        height={MARKER_LABEL_HEIGHT}\n                        rx={RADIUS}\n                        ry={RADIUS}\n                        valueMarkerFillColor={valueMarkerFillColor}\n                    />\n                    <ValueMarkerLabel\n                        data-test=\"value-marker-label\"\n                        x={labelX}\n                        y={labelY}\n                        valueMarkerLabelFillColor={valueMarkerLabelFillColor}\n                    >\n                        {usePercentageValue\n                            ? `${((value / (max - min)) * 100).toFixed(2)}%`\n                            : formatNumber(value, 0, {\n                                  useThousandSeparators: true,\n                                  useTrendUnits: true,\n                              })}\n                    </ValueMarkerLabel>\n                </g>\n            )}\n        </g>\n    );\n};\n\nValueMarker.propTypes = {\n    x: T.number,\n    y: T.number,\n    length: T.number,\n    min: T.number,\n    max: T.number,\n    value: T.number,\n    orientation: T.string,\n    showValue: T.bool,\n    usePercentageValue: T.bool,\n    valueMarkerFillColor: T.string,\n    valueMarkerLabelFillColor: T.string,\n    alignCenter: T.bool,\n};\n\nValueMarker.defaultProps = {\n    min: 0,\n    max: 100,\n    orientation: 'horizontal',\n    showValue: true,\n    usePercentageValue: false,\n    alignCenter: false,\n};\n\nexport default ValueMarker;\n","module.exports = require(\"@babel/runtime/helpers/extends\");"],"sourceRoot":""}

package/common/utils/mapUtils.js

@@ -308,7 +308,7 @@ exports.Bubble = React.memo(function (_ref3) {
   var onBubbleClick = React.useCallback(function (e, name, value) {
     handleMapClick(e, name, value);
     e.stopPropagation();
-  }, [bubbleSize]);
+  }, [handleMapClick]);
   var bubble = React.useMemo(function () {
     var allZeros = originalValues.every(function (v) {
       return v === 0;
@@ -353,7 +353,7 @@ exports.Bubble = React.memo(function (_ref3) {
         handleBubbleClick: onBubbleClick
       });
     }));
-  }, [colors, isPie, originalValues, themeColor, valueRange]);
+  }, [bubbleSize, colors, isPie, onBubbleClick, originalValues, themeColor, valueRange]);
   if (!bubble) {
     return null;
   }
@@ -423,7 +423,7 @@ var BubbleLayer = function BubbleLayer(props) {
       e: e,
       payload: payload
     });
-  }, [dataToRender]);
+  }, [dataToRender, onMapClick]);
   return React.createElement(React.Fragment, null, dataToRender.map(function (datum, i) {
     var colors = dynamicColors ? [dataToRender.map(function (obj) {
       return colorUtils_1.isColor(dynamicColors[obj.idx]) ? dynamicColors[obj.idx] : MapUtils_1.DEFAULT_CLUSTER_COLOR;
@@ -1142,6 +1142,7 @@ var Tooltip = function Tooltip(_ref) {
     additionalFields = _ref$additionalFields === void 0 ? [] : _ref$additionalFields;
   return React.createElement(StyledPopover, {
     open: open,
+    animation: false,
     anchor: anchor,
     "data-test": "map-marker-tooltip",
     defaultPlacement: "above"