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

@splunk/react-visualizations 23.3.0 → 24.1.0

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 (768) hide show

package/FillerGauge.js CHANGED Viewed

@@ -87,406 +87,81 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 50);
+/******/ 	return __webpack_require__(__webpack_require__.s = 41);
 /******/ })
 /************************************************************************/
-/******/ ([
-/* 0 */
-/***/ (function(module, exports) {
-module.exports = require("prop-types");
-/***/ }),
-/* 1 */
-/***/ (function(module, exports) {
+/******/ ({
-module.exports = require("react");
-/***/ }),
-/* 2 */,
-/* 3 */
-/***/ (function(module, exports) {
-module.exports = require("@splunk/visualizations-shared/SanitizeProps");
-/***/ }),
-/* 4 */,
-/* 5 */,
-/* 6 */
-/***/ (function(module, exports) {
-module.exports = require("@babel/runtime/helpers/extends");
-/***/ }),
-/* 7 */,
-/* 8 */,
-/* 9 */
+/***/ 12:
 /***/ (function(module, exports) {
 module.exports = require("styled-components");
 /***/ }),
-/* 10 */,
-/* 11 */,
-/* 12 */,
-/* 13 */,
-/* 14 */,
-/* 15 */,
-/* 16 */,
-/* 17 */,
-/* 18 */
-/***/ (function(module, exports) {
-module.exports = require("@splunk/visualizations/MarkerGauge");
-/***/ }),
-/* 19 */,
-/* 20 */,
-/* 21 */,
-/* 22 */,
-/* 23 */,
-/* 24 */,
-/* 25 */,
-/* 26 */
-/***/ (function(module, exports) {
-module.exports = require("@splunk/themes/variables");
-/***/ }),
-/* 27 */
-/***/ (function(module, exports) {
-module.exports = require("@splunk/visualizations/common/gaugeUtils");
-/***/ }),
-/* 28 */,
-/* 29 */
+/***/ 2:
 /***/ (function(module, exports) {
-module.exports = require("@splunk/themes/pick");
+module.exports = require("react");
 /***/ }),
-/* 30 */
-/***/ (function(module, exports) {
-module.exports = require("@splunk/ui-utils/i18n");
-/***/ }),
-/* 31 */
+/***/ 24:
 /***/ (function(module, exports) {
-module.exports = require("@splunk/visualizations-shared/Message");
+module.exports = require("@splunk/visualizations/FillerGauge");
 /***/ }),
-/* 32 */
-/***/ (function(module, exports) {
-module.exports = require("lodash/pick");
-/***/ }),
-/* 33 */
+/***/ 3:
 /***/ (function(module, exports) {
-module.exports = require("@splunk/visualizations-shared/style");
-/***/ }),
-/* 34 */,
-/* 35 */,
-/* 36 */,
-/* 37 */,
-/* 38 */,
-/* 39 */,
-/* 40 */
-/***/ (function(module, exports) {
-module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
-/***/ }),
-/* 41 */
-/***/ (function(module, exports) {
-module.exports = require("@splunk/visualizations/common/GaugeMajorTicks");
+module.exports = require("@splunk/visualizations-shared/SanitizeProps");
 /***/ }),
-/* 42 */
-/***/ (function(module, exports) {
-module.exports = require("@splunk/visualizations/common/GaugeValueMarker");
-/***/ }),
-/* 43 */,
-/* 44 */,
-/* 45 */,
-/* 46 */,
-/* 47 */,
-/* 48 */,
-/* 49 */,
-/* 50 */
+/***/ 41:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var lodash_pick__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(32);
-/* harmony import */ var lodash_pick__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_pick__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _splunk_themes_pick__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(29);
-/* harmony import */ var _splunk_themes_pick__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes_pick__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _splunk_themes_variables__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(26);
-/* harmony import */ var _splunk_themes_variables__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes_variables__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(30);
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _splunk_visualizations_shared_style__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(33);
-/* harmony import */ var _splunk_visualizations_shared_style__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_style__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _splunk_visualizations_shared_SizeAwareWrapper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(40);
-/* harmony import */ var _splunk_visualizations_shared_SizeAwareWrapper__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_SizeAwareWrapper__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var _splunk_visualizations_shared_Message__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(31);
-/* harmony import */ var _splunk_visualizations_shared_Message__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_Message__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var _splunk_visualizations_common_gaugeUtils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(27);
-/* harmony import */ var _splunk_visualizations_common_gaugeUtils__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_common_gaugeUtils__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var _splunk_visualizations_common_GaugeMajorTicks__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(41);
-/* harmony import */ var _splunk_visualizations_common_GaugeMajorTicks__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_common_GaugeMajorTicks__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var _splunk_visualizations_common_GaugeValueMarker__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(42);
-/* harmony import */ var _splunk_visualizations_common_GaugeValueMarker__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_common_GaugeValueMarker__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var _splunk_visualizations_shared_SanitizeProps__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(3);
-/* harmony import */ var _splunk_visualizations_shared_SanitizeProps__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_SanitizeProps__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var _splunk_visualizations_MarkerGauge__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(18);
-/* harmony import */ var _splunk_visualizations_MarkerGauge__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_MarkerGauge__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(12);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _splunk_visualizations_FillerGauge__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(24);
+/* harmony import */ var _splunk_visualizations_FillerGauge__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_FillerGauge__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _splunk_visualizations_shared_SanitizeProps__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3);
+/* harmony import */ var _splunk_visualizations_shared_SanitizeProps__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_SanitizeProps__WEBPACK_IMPORTED_MODULE_4__);
+var ReactFillerGauge = function ReactFillerGauge(props) {
+  var defaultColors = {
+    backgroundBarFillColor: _splunk_visualizations_FillerGauge__WEBPACK_IMPORTED_MODULE_3__["config"].themes.defaultBackgroundBarFillColor(props),
+    majorTickFillColor: _splunk_visualizations_FillerGauge__WEBPACK_IMPORTED_MODULE_3__["config"].themes.majorTickFillColor(props),
+    majorTickStrokeColor: _splunk_visualizations_FillerGauge__WEBPACK_IMPORTED_MODULE_3__["config"].themes.majorTickStrokeColor(props),
+    valueMarkerFillColor: _splunk_visualizations_FillerGauge__WEBPACK_IMPORTED_MODULE_3__["config"].themes.valueMarkerFillColor(props),
+    valueMarkerLabelFillColor: _splunk_visualizations_FillerGauge__WEBPACK_IMPORTED_MODULE_3__["config"].themes.valueMarkerLabelFillColor(props)
+  };
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_splunk_visualizations_FillerGauge__WEBPACK_IMPORTED_MODULE_3__["PureFillerGauge"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, defaultColors, props));
+};
-var Container = styled_components__WEBPACK_IMPORTED_MODULE_3___default.a.div.withConfig({
-  displayName: "FillerGauge__Container",
-  componentId: "sc-1l68seh-0"
-})(["overflow:hidden;", ";background-color:", ";"], function (props) {
-  return Object(_splunk_visualizations_shared_style__WEBPACK_IMPORTED_MODULE_8__["toDimension"])(lodash_pick__WEBPACK_IMPORTED_MODULE_4___default()(props, ['width', 'height']));
-}, function (props) {
-  return props.backgroundColor;
-});
-var FillerGaugeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default.a.div.withConfig({
-  displayName: "FillerGauge__FillerGaugeWrapper",
-  componentId: "sc-1l68seh-1"
-})(["display:flex;justify-content:center;flex-direction:row;width:100%;height:100%;background-color:", ";"], function (props) {
-  return props.backgroundColor;
-});
-var FillerGaugeContainer = styled_components__WEBPACK_IMPORTED_MODULE_3___default.a.div.withConfig({
-  displayName: "FillerGauge__FillerGaugeContainer",
-  componentId: "sc-1l68seh-2"
-})(["overflow:hidden;position:relative;", ";"], function (props) {
-  return Object(_splunk_visualizations_shared_style__WEBPACK_IMPORTED_MODULE_8__["toDimension"])(lodash_pick__WEBPACK_IMPORTED_MODULE_4___default()(props, ['width', 'height']));
-});
-var FillerGaugeSVG = styled_components__WEBPACK_IMPORTED_MODULE_3___default.a.svg.withConfig({
-  displayName: "FillerGauge__FillerGaugeSVG",
-  componentId: "sc-1l68seh-3"
-})(["", ";"], function (props) {
-  return Object(_splunk_visualizations_shared_style__WEBPACK_IMPORTED_MODULE_8__["toDimension"])(lodash_pick__WEBPACK_IMPORTED_MODULE_4___default()(props, ['width', 'height']));
-});
-var BackgroundBar = styled_components__WEBPACK_IMPORTED_MODULE_3___default.a.rect.attrs({
-  'data-test': 'background-bar-rect'
-}).withConfig({
-  displayName: "FillerGauge__BackgroundBar",
-  componentId: "sc-1l68seh-4"
-})(["fill:", ";"], _splunk_themes_pick__WEBPACK_IMPORTED_MODULE_5___default()({
-  enterprise: _splunk_themes_variables__WEBPACK_IMPORTED_MODULE_6___default.a.backgroundColorHover,
-  prisma: {
-    light: _splunk_themes_variables__WEBPACK_IMPORTED_MODULE_6___default.a.contentColorActive,
-    // TBD
-    dark: _splunk_themes_variables__WEBPACK_IMPORTED_MODULE_6___default.a.neutral100 // interactiveColorOverlayHover made it almost impossible to contrast with the surrounding background
-  }
-}));
-var FillBar = styled_components__WEBPACK_IMPORTED_MODULE_3___default.a.rect.attrs({
-  'data-test': 'fill-bar-rect'
-}).withConfig({
-  displayName: "FillerGauge__FillBar",
-  componentId: "sc-1l68seh-5"
-})(["fill:", ";"], function (props) {
-  return props.color;
-});
-var FillerGauge = function FillerGauge(_ref) {
-  var props = _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, _ref);
-  var width = props.width,
-      height = props.height,
-      value = props.value,
-      gaugeColor = props.gaugeColor,
-      min = props.min,
-      max = props.max,
-      orientation = props.orientation,
-      majorUnit = props.majorUnit,
-      showLabels = props.showLabels,
-      showValue = props.showValue,
-      usePercentageRange = props.usePercentageRange,
-      usePercentageValue = props.usePercentageValue,
-      backgroundColor = props.backgroundColor;
-  var majorTickFillColor = _splunk_visualizations_MarkerGauge__WEBPACK_IMPORTED_MODULE_15__["config"].themes.majorTickFillColor(props);
-  var majorTickStrokeColor = _splunk_visualizations_MarkerGauge__WEBPACK_IMPORTED_MODULE_15__["config"].themes.majorTickStrokeColor(props);
-  var valueMarkerFillColor = _splunk_visualizations_MarkerGauge__WEBPACK_IMPORTED_MODULE_15__["config"].themes.valueMarkerFillColor(props);
-  var valueMarkerLabelFillColor = _splunk_visualizations_MarkerGauge__WEBPACK_IMPORTED_MODULE_15__["config"].themes.valueMarkerLabelFillColor(props);
-  var renderVisualization = function renderVisualization(_ref2) {
-    var containerWidth = _ref2.width,
-        containerHeight = _ref2.height; // todo: need change the size when get design for smaller space
-    // 58 is the title & description header height in dashboard visualization
-    if ((containerWidth < 200 || containerHeight + 58 < 200) && orientation === 'vertical' || (containerWidth < 200 || containerHeight < 100) && orientation === 'horizontal') {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_splunk_visualizations_shared_Message__WEBPACK_IMPORTED_MODULE_10___default.a, {
-        width: containerWidth,
-        height: containerHeight,
-        message: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_7__["_"])('Too small to render content'),
-        level: "info"
-      });
-    }
-    var _getGaugeDimensions = Object(_splunk_visualizations_common_gaugeUtils__WEBPACK_IMPORTED_MODULE_11__["getGaugeDimensions"])({
-      containerWidth: containerWidth,
-      containerHeight: containerHeight,
-      orientation: orientation
-    }),
-        gaugeLength = _getGaugeDimensions.gaugeLength,
-        gaugeStartX = _getGaugeDimensions.gaugeStartX,
-        gaugeStartY = _getGaugeDimensions.gaugeStartY,
-        gaugeWidth = _getGaugeDimensions.gaugeWidth,
-        gaugeHeight = _getGaugeDimensions.gaugeHeight;
-    var _getFillBarDimensions = Object(_splunk_visualizations_common_gaugeUtils__WEBPACK_IMPORTED_MODULE_11__["getFillBarDimensions"])({
-      gaugeLength: gaugeLength,
-      gaugeStartX: gaugeStartX,
-      gaugeStartY: gaugeStartY,
-      gaugeWidth: gaugeWidth,
-      gaugeHeight: gaugeHeight,
-      value: value,
-      min: min,
-      max: max,
-      orientation: orientation
-    }),
-        fillBarLength = _getFillBarDimensions.fillBarLength,
-        fillBarX = _getFillBarDimensions.fillBarX,
-        fillBarY = _getFillBarDimensions.fillBarY,
-        fillBarWidth = _getFillBarDimensions.fillBarWidth,
-        fillBarHeight = _getFillBarDimensions.fillBarHeight;
-    var _getFillerGaugeValueM = Object(_splunk_visualizations_common_gaugeUtils__WEBPACK_IMPORTED_MODULE_11__["getFillerGaugeValueMarkerPositions"])({
-      fillBarX: fillBarX,
-      fillBarY: fillBarY,
-      fillBarLength: fillBarLength,
-      orientation: orientation
-    }),
-        valueMarkerX = _getFillerGaugeValueM.valueMarkerX,
-        valueMarkerY = _getFillerGaugeValueM.valueMarkerY;
+/* harmony default export */ __webpack_exports__["default"] = (Object(styled_components__WEBPACK_IMPORTED_MODULE_2__["withTheme"])(Object(_splunk_visualizations_shared_SanitizeProps__WEBPACK_IMPORTED_MODULE_4__["withSanitizedProps"])(ReactFillerGauge)));
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(FillerGaugeWrapper, {
-      backgroundColor: backgroundColor
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(FillerGaugeContainer, {
-      width: containerWidth,
-      height: containerHeight
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(FillerGaugeSVG, {
-      width: containerWidth,
-      height: containerHeight
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(BackgroundBar, {
-      x: gaugeStartX,
-      y: gaugeStartY,
-      width: gaugeWidth,
-      height: gaugeHeight
-    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_splunk_visualizations_common_GaugeMajorTicks__WEBPACK_IMPORTED_MODULE_12___default.a, {
-      width: gaugeWidth,
-      height: gaugeHeight,
-      startX: gaugeStartX,
-      startY: gaugeStartY,
-      min: min,
-      max: max,
-      majorUnit: majorUnit,
-      orientation: orientation,
-      showLabels: showLabels,
-      usePercentageRange: usePercentageRange,
-      majorTickFillColor: majorTickFillColor,
-      majorTickStrokeColor: majorTickStrokeColor
-    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(FillBar, {
-      x: fillBarX,
-      y: fillBarY,
-      width: fillBarWidth,
-      height: fillBarHeight,
-      color: gaugeColor || Object(_splunk_visualizations_common_gaugeUtils__WEBPACK_IMPORTED_MODULE_11__["assignGaugeColor"])({
-        value: value,
-        min: min,
-        max: max
-      })
-    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_splunk_visualizations_common_GaugeValueMarker__WEBPACK_IMPORTED_MODULE_13___default.a, {
-      x: valueMarkerX,
-      y: valueMarkerY,
-      length: _splunk_visualizations_common_gaugeUtils__WEBPACK_IMPORTED_MODULE_11__["GAUGE_THICKNESS"],
-      min: min,
-      max: max,
-      value: value,
-      orientation: orientation,
-      showValue: showValue,
-      usePercentageValue: usePercentageValue,
-      valueMarkerFillColor: valueMarkerFillColor,
-      valueMarkerLabelFillColor: valueMarkerLabelFillColor
-    }))));
-  };
+/***/ }),
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(Container, {
-    width: width,
-    height: height,
-    backgroundColor: backgroundColor
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_splunk_visualizations_shared_SizeAwareWrapper__WEBPACK_IMPORTED_MODULE_9___default.a, null, function (containerDimension) {
-    return renderVisualization(containerDimension);
-  }));
-};
+/***/ 6:
+/***/ (function(module, exports) {
-FillerGauge.propTypes = {
-  width: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number]),
-  height: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number]),
-  value: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
-  gaugeColor: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,
-  min: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
-  max: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
-  // valueFieldName: T.string, // todo: need add it back when displaying name later
-  // gaugeColorFieldName: T.string, // todo: may need add it back may not
-  orientation: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOf(['horizontal', 'vertical']),
-  majorUnit: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number]),
-  showLabels: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
-  showValue: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
-  usePercentageRange: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
-  usePercentageValue: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
-  backgroundColor: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string
-};
-FillerGauge.defaultProps = {
-  width: '100%',
-  height: 250,
-  orientation: 'vertical',
-  min: 0,
-  max: 100,
-  majorUnit: 'auto',
-  showLabels: true,
-  showValue: true,
-  usePercentageRange: false,
-  usePercentageValue: false,
-  backgroundColor: 'transparent'
-};
-/* harmony default export */ __webpack_exports__["default"] = (Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["withTheme"])(Object(_splunk_visualizations_shared_SanitizeProps__WEBPACK_IMPORTED_MODULE_14__["withSanitizedProps"])(FillerGauge)));
+module.exports = require("@babel/runtime/helpers/extends");
 /***/ })
-/******/ ]);
+/******/ });
 //# sourceMappingURL=FillerGauge.js.map

package/FillerGauge.js.map CHANGED Viewed

	@@ -1 +1 @@
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 \"styled-components\"","webpack:///external \"@splunk/visualizations/MarkerGauge\"","webpack:///external \"@splunk/themes/variables\"","webpack:///external \"@splunk/visualizations/common/gaugeUtils\"","webpack:///external \"@splunk/themes/pick\"","webpack:///external \"@splunk/ui-utils/i18n\"","webpack:///external \"@splunk/visualizations-shared/Message\"","webpack:///external \"lodash/pick\"","webpack:///external \"@splunk/visualizations-shared/style\"","webpack:///external \"@splunk/visualizations-shared/SizeAwareWrapper\"","webpack:///external \"@splunk/visualizations/common/GaugeMajorTicks\"","webpack:///external \"@splunk/visualizations/common/GaugeValueMarker\"","webpack:///./src/visualizations/FillerGauge/FillerGauge.jsx"],"names":["Container","styled","toDimension","pick","props","FillerGaugeWrapper","FillerGaugeContainer","FillerGaugeSVG","BackgroundBar","pickFromTheme","enterprise","variables","prisma","light","dark","FillBar","FillerGauge","width","height","value","gaugeColor","min","max","orientation","majorUnit","showLabels","showValue","usePercentageRange","usePercentageValue","backgroundColor","majorTickFillColor","config","majorTickStrokeColor","valueMarkerFillColor","valueMarkerLabelFillColor","renderVisualization","containerWidth","containerHeight","_","getGaugeDimensions","gaugeLength","gaugeStartX","gaugeStartY","gaugeWidth","gaugeHeight","getFillBarDimensions","fillBarLength","fillBarX","fillBarY","fillBarWidth","fillBarHeight","getFillerGaugeValueMarkerPositions","valueMarkerX","valueMarkerY","assignGaugeColor","T","string","withTheme","withSanitizedProps"],"mappings":"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","file":"FillerGauge.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(\"prop-types\");","module.exports = require(\"react\");","module.exports = require(\"@splunk/visualizations-shared/SanitizeProps\");","module.exports = require(\"@babel/runtime/helpers/extends\");","module.exports = require(\"styled-components\");","module.exports = require(\"@splunk/visualizations/MarkerGauge\");","module.exports = require(\"@splunk/themes/variables\");","module.exports = require(\"@splunk/visualizations/common/gaugeUtils\");","module.exports = require(\"@splunk/themes/pick\");","module.exports = require(\"@splunk/ui-utils/i18n\");","module.exports = require(\"@splunk/visualizations-shared/Message\");","module.exports = require(\"lodash/pick\");","module.exports = require(\"@splunk/visualizations-shared/style\");","module.exports = require(\"@splunk/visualizations-shared/SizeAwareWrapper\");","module.exports = require(\"@splunk/visualizations/common/GaugeMajorTicks\");","module.exports = require(\"@splunk/visualizations/common/GaugeValueMarker\");","import React from 'react';\nimport T from 'prop-types';\nimport styled, { withTheme } from 'styled-components';\nimport pick from 'lodash/pick';\nimport pickFromTheme from '@splunk/themes/pick';\nimport variables from '@splunk/themes/variables';\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 GAUGE_THICKNESS,\n assignGaugeColor,\n getGaugeDimensions,\n getFillBarDimensions,\n getFillerGaugeValueMarkerPositions,\n} from '@splunk/visualizations/common/gaugeUtils';\nimport MajorTicks from '@splunk/visualizations/common/GaugeMajorTicks';\nimport ValueMarker from '@splunk/visualizations/common/GaugeValueMarker';\nimport { withSanitizedProps } from '@splunk/visualizations-shared/SanitizeProps';\nimport { config } from '@splunk/visualizations/MarkerGauge';\n\nconst Container = styled.div`\n overflow: hidden;\n ${props => toDimension(pick(props, ['width', 'height']))};\n background-color: ${props => props.backgroundColor};\n`;\n\nconst FillerGaugeWrapper = styled.div`\n display: flex;\n justify-content: center;\n flex-direction: row;\n width: 100%;\n height: 100%;\n background-color: ${props => props.backgroundColor};\n`;\n\nconst FillerGaugeContainer = styled.div`\n overflow: hidden;\n position: relative;\n ${props => toDimension(pick(props, ['width', 'height']))};\n`;\n\nconst FillerGaugeSVG = styled.svg`\n ${props => toDimension(pick(props, ['width', 'height']))};\n`;\n\nconst BackgroundBar = styled.rect.attrs({ 'data-test': 'background-bar-rect' })`\n fill: ${pickFromTheme({\n enterprise: variables.backgroundColorHover,\n prisma: {\n light: variables.contentColorActive, // TBD\n dark: variables.neutral100, // interactiveColorOverlayHover made it almost impossible to contrast with the surrounding background\n },\n })};\n`;\n\nconst FillBar = styled.rect.attrs({ 'data-test': 'fill-bar-rect' })`\n fill: ${props => props.color};\n`;\n\nconst FillerGauge = ({ ...props }) => {\n const {\n width,\n height,\n value,\n gaugeColor,\n min,\n max,\n orientation,\n majorUnit,\n showLabels,\n showValue,\n usePercentageRange,\n usePercentageValue,\n backgroundColor,\n } = props;\n\n const majorTickFillColor = config.themes.majorTickFillColor(props);\n const majorTickStrokeColor = config.themes.majorTickStrokeColor(props);\n const valueMarkerFillColor = config.themes.valueMarkerFillColor(props);\n const valueMarkerLabelFillColor = config.themes.valueMarkerLabelFillColor(props);\n\n const renderVisualization = ({ width: containerWidth, height: containerHeight }) => {\n // todo: need change the size when get design for smaller space\n // 58 is the title & description header height in dashboard visualization\n if (\n ((containerWidth < 200 \|\| containerHeight + 58 < 200) && orientation === 'vertical') \|\|\n ((containerWidth < 200 \|\| containerHeight < 100) && orientation === 'horizontal')\n ) {\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 const { gaugeLength, gaugeStartX, gaugeStartY, gaugeWidth, gaugeHeight } = getGaugeDimensions({\n containerWidth,\n containerHeight,\n orientation,\n });\n const { fillBarLength, fillBarX, fillBarY, fillBarWidth, fillBarHeight } = getFillBarDimensions({\n gaugeLength,\n gaugeStartX,\n gaugeStartY,\n gaugeWidth,\n gaugeHeight,\n value,\n min,\n max,\n orientation,\n });\n const { valueMarkerX, valueMarkerY } = getFillerGaugeValueMarkerPositions({\n fillBarX,\n fillBarY,\n fillBarLength,\n orientation,\n });\n\n return (\n <FillerGaugeWrapper backgroundColor={backgroundColor}>\n <FillerGaugeContainer width={containerWidth} height={containerHeight}>\n <FillerGaugeSVG width={containerWidth} height={containerHeight}>\n <BackgroundBar\n x={gaugeStartX}\n y={gaugeStartY}\n width={gaugeWidth}\n height={gaugeHeight}\n />\n <MajorTicks\n width={gaugeWidth}\n height={gaugeHeight}\n startX={gaugeStartX}\n startY={gaugeStartY}\n min={min}\n max={max}\n majorUnit={majorUnit}\n orientation={orientation}\n showLabels={showLabels}\n usePercentageRange={usePercentageRange}\n majorTickFillColor={majorTickFillColor}\n majorTickStrokeColor={majorTickStrokeColor}\n />\n <FillBar\n x={fillBarX}\n y={fillBarY}\n width={fillBarWidth}\n height={fillBarHeight}\n color={gaugeColor \|\| assignGaugeColor({ value, min, max })}\n />\n <ValueMarker\n x={valueMarkerX}\n y={valueMarkerY}\n length={GAUGE_THICKNESS}\n min={min}\n max={max}\n value={value}\n orientation={orientation}\n showValue={showValue}\n usePercentageValue={usePercentageValue}\n valueMarkerFillColor={valueMarkerFillColor}\n valueMarkerLabelFillColor={valueMarkerLabelFillColor}\n />\n </FillerGaugeSVG>\n </FillerGaugeContainer>\n </FillerGaugeWrapper>\n );\n };\n\n return (\n <Container width={width} height={height} backgroundColor={backgroundColor}>\n <SizeAwareWrapper>\n {containerDimension => renderVisualization(containerDimension)}\n </SizeAwareWrapper>\n </Container>\n );\n};\n\nFillerGauge.propTypes = {\n width: T.oneOfType([T.string, T.number]),\n height: T.oneOfType([T.string, T.number]),\n value: T.number,\n gaugeColor: T.string,\n min: T.number,\n max: T.number,\n // valueFieldName: T.string, // todo: need add it back when displaying name later\n // gaugeColorFieldName: T.string, // todo: may need add it back may not\n orientation: T.oneOf(['horizontal', 'vertical']),\n majorUnit: T.oneOfType([T.string, T.number]),\n showLabels: T.bool,\n showValue: T.bool,\n usePercentageRange: T.bool,\n usePercentageValue: T.bool,\n backgroundColor: T.string,\n};\n\nFillerGauge.defaultProps = {\n width: '100%',\n height: 250,\n orientation: 'vertical',\n min: 0,\n max: 100,\n majorUnit: 'auto',\n showLabels: true,\n showValue: true,\n usePercentageRange: false,\n usePercentageValue: false,\n backgroundColor: 'transparent',\n};\n\nexport default withTheme(withSanitizedProps(FillerGauge));\n"],"sourceRoot":""}
1	+ {"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"styled-components\"","webpack:///external \"react\"","webpack:///external \"@splunk/visualizations/FillerGauge\"","webpack:///external \"@splunk/visualizations-shared/SanitizeProps\"","webpack:///./src/visualizations/FillerGauge/FillerGauge.jsx","webpack:///external \"@babel/runtime/helpers/extends\""],"names":["ReactFillerGauge","defaultColors","backgroundBarFillColor","config","majorTickFillColor","majorTickStrokeColor","valueMarkerFillColor","valueMarkerLabelFillColor","withTheme","withSanitizedProps"],"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,8C;;;;;;;ACAA,kC;;;;;;;ACAA,+D;;;;;;;ACAA,wE;;;;;;;;;;;;;;;;;;;;ACAA;AACA;AACA;AACA;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,QAAS;AAC9B,MAAMC,aAAa,GAAG;AAClBC,0BAAsB,EAAEC,yEAAM,CAANA,qCADN,KACMA,CADN;AAElBC,sBAAkB,EAAED,yEAAM,CAANA,0BAFF,KAEEA,CAFF;AAGlBE,wBAAoB,EAAEF,yEAAM,CAANA,4BAHJ,KAGIA,CAHJ;AAIlBG,wBAAoB,EAAEH,yEAAM,CAANA,4BAJJ,KAIIA,CAJJ;AAKlBI,6BAAyB,EAAEJ,yEAAM,CAANA;AALT,GAAtB;AAOA,sBAAO,wOAAP,KAAO,EAAP;AARJ;;AAWeK,kIAAS,CAACC,sGAAkB,CAA3C,gBAA2C,CAAnB,CAAxB,E;;;;;;;AChBA,2D","file":"FillerGauge.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 = 41);\n","module.exports = require(\"styled-components\");","module.exports = require(\"react\");","module.exports = require(\"@splunk/visualizations/FillerGauge\");","module.exports = require(\"@splunk/visualizations-shared/SanitizeProps\");","import React from 'react';\nimport { withTheme } from 'styled-components';\nimport { PureFillerGauge, config } from '@splunk/visualizations/FillerGauge';\nimport { withSanitizedProps } from '@splunk/visualizations-shared/SanitizeProps';\n\nconst ReactFillerGauge = props => {\n const defaultColors = {\n backgroundBarFillColor: config.themes.defaultBackgroundBarFillColor(props),\n majorTickFillColor: config.themes.majorTickFillColor(props),\n majorTickStrokeColor: config.themes.majorTickStrokeColor(props),\n valueMarkerFillColor: config.themes.valueMarkerFillColor(props),\n valueMarkerLabelFillColor: config.themes.valueMarkerLabelFillColor(props),\n };\n return <PureFillerGauge {...defaultColors} {...props} />;\n};\n\nexport default withTheme(withSanitizedProps(ReactFillerGauge));\n","module.exports = require(\"@babel/runtime/helpers/extends\");"],"sourceRoot":""}