@splunk/visualizations 26.4.1 → 27.1.0

package/common/OverviewDoc.js

@@ -1,339 +1,301 @@
-/*!
- * Copyright © 2024 Splunk Inc.
- * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
- * in part without a valid written license from Splunk Inc. is PROHIBITED.
- */
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 86);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-/* 1 */
-/***/ (function(module, exports) {
-
-module.exports = require("prop-types");
-
-/***/ }),
-/* 2 */
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-/* 3 */,
-/* 4 */,
-/* 5 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ }),
-/* 6 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Heading");
-
-/***/ }),
-/* 7 */,
-/* 8 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/slicedToArray");
-
-/***/ }),
-/* 9 */,
-/* 10 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/defineProperty");
-
-/***/ }),
-/* 11 */,
-/* 12 */,
-/* 13 */,
-/* 14 */,
-/* 15 */,
-/* 16 */,
-/* 17 */,
-/* 18 */,
-/* 19 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VizCategory = void 0;
-var VizCategory;
-
-(function (VizCategory) {
-  VizCategory["SINGLE_VALUE"] = "Single Value";
-  VizCategory["TRENDS"] = "Trends";
-  VizCategory["COMPARISONS"] = "Comparisons";
-  VizCategory["TABLE"] = "Table";
-  VizCategory["GAUGE"] = "Gauge";
-  VizCategory["DISTRIBUTIONS"] = "Distributions";
-  VizCategory["CHOROPLETH"] = "Choropleth Maps";
-  VizCategory["SHAPES"] = "Shapes";
-  VizCategory["MISC"] = "misc";
-  VizCategory["FLOW"] = "Flow";
-  VizCategory["CORRELATION"] = "Correlation";
-  VizCategory["SPATIAL"] = "Spatial";
-})(VizCategory = exports.VizCategory || (exports.VizCategory = {}));
-
-/***/ }),
-/* 20 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.convertToDashboardJSON = exports.extractDataFromReactCode = exports.formatCodeStringToObject = exports.extractDocItems = exports.getFormatterClassdesc = void 0;
-
-var React = __webpack_require__(0);
-
-var UtilPage_1 = __webpack_require__(21);
-
-var sharedSelectors = ['getField', 'getType', 'min', 'max'];
-
-var formatSidebarItemName = function formatSidebarItemName(name, className) {
-  return sharedSelectors.find(function (sharedSelector) {
-    return name === sharedSelector;
-  }) ? "".concat(className, "#").concat(name) : name;
-};
-
-var removePrependedClassName = function removePrependedClassName() {
-  var longname = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return longname.slice(longname.indexOf('#') + 1);
-};
-
-var formatDSLSelectorDocs = function formatDSLSelectorDocs(docs) {
-  return docs.map(function (doc) {
-    return Object.assign(Object.assign({}, doc), {
-      longname: removePrependedClassName(doc.longname)
-    });
-  });
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
 };
-
-var getFormatterClassdesc = function getFormatterClassdesc(formatterDocs, name) {
-  return {
-    name: name,
-    markdown: "# ".concat(name, "\n ").concat(formatterDocs.find(function (doc) {
-      return doc.name === name && doc.kind === 'class';
-    }).classdesc)
-  };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-
-exports.getFormatterClassdesc = getFormatterClassdesc;
-
-var extractDocItems = function extractDocItems(docs, className) {
-  var classHeaderDoc = docs[0];
-  var fileDoc = docs[docs.length - 1];
-  var filteredDocs = formatDSLSelectorDocs(docs).filter(function (_ref) {
-    var access = _ref.access,
-        comment = _ref.comment;
-    return access === 'public' && comment;
-  });
-  return filteredDocs.map(function (doc) {
-    return {
-      name: formatSidebarItemName(doc.name, className),
-      component: function UtilDoc() {
-        // named function so linter doesnt raise react/display-name error
-        return React.createElement(UtilPage_1.default, {
-          title: "".concat(className, "#").concat(doc.name),
-          status: 1,
-          docs: [classHeaderDoc, doc, fileDoc]
-        });
-      }
-    };
-  }).sort(function (a, b) {
-    return a.name.localeCompare(b.name);
-  });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/common/OverviewDoc.tsx
+var OverviewDoc_exports = {};
+__export(OverviewDoc_exports, {
+  default: () => OverviewDoc_default
+});
+module.exports = __toCommonJS(OverviewDoc_exports);
 
-exports.extractDocItems = extractDocItems;
+// esm-externals:react
+var react_exports = {};
+__export(react_exports, {
+  default: () => react_default
+});
+var defaultImport = __toESM(require("react"));
+__reExport(react_exports, require("react"));
+var react_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// esm-externals:prop-types
+var prop_types_exports = {};
+__export(prop_types_exports, {
+  default: () => prop_types_default
+});
+var defaultImport2 = __toESM(require("prop-types"));
+__reExport(prop_types_exports, require("prop-types"));
+var prop_types_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+
+// esm-externals:styled-components
+var styled_components_exports = {};
+__export(styled_components_exports, {
+  default: () => styled_components_default
+});
+var defaultImport3 = __toESM(require("styled-components"));
+__reExport(styled_components_exports, require("styled-components"));
+var styled_components_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+
+// esm-externals:@splunk/react-ui/Paragraph
+var Paragraph_exports = {};
+__export(Paragraph_exports, {
+  default: () => Paragraph_default
+});
+var defaultImport4 = __toESM(require("@splunk/react-ui/Paragraph"));
+__reExport(Paragraph_exports, require("@splunk/react-ui/Paragraph"));
+var Paragraph_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
+
+// esm-externals:@splunk/react-ui/Heading
+var Heading_exports = {};
+__export(Heading_exports, {
+  default: () => Heading_default
+});
+var defaultImport5 = __toESM(require("@splunk/react-ui/Heading"));
+__reExport(Heading_exports, require("@splunk/react-ui/Heading"));
+var Heading_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+
+// esm-externals:@splunk/react-ui/List
+var List_exports = {};
+__export(List_exports, {
+  default: () => List_default
+});
+var defaultImport6 = __toESM(require("@splunk/react-ui/List"));
+__reExport(List_exports, require("@splunk/react-ui/List"));
+var List_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
+
+// esm-externals:@splunk/react-ui/Chip
+var Chip_exports = {};
+__export(Chip_exports, {
+  default: () => Chip_default
+});
+var defaultImport7 = __toESM(require("@splunk/react-ui/Chip"));
+__reExport(Chip_exports, require("@splunk/react-ui/Chip"));
+var Chip_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
+
+// esm-externals:@splunk/react-icons/enterprise/ChartLine
+var ChartLine_exports = {};
+__export(ChartLine_exports, {
+  default: () => ChartLine_default
+});
+var defaultImport8 = __toESM(require("@splunk/react-icons/enterprise/ChartLine"));
+__reExport(ChartLine_exports, require("@splunk/react-icons/enterprise/ChartLine"));
+var ChartLine_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
+
+// esm-externals:@splunk/react-icons/enterprise/ChartBar
+var ChartBar_exports = {};
+__export(ChartBar_exports, {
+  default: () => ChartBar_default
+});
+var defaultImport9 = __toESM(require("@splunk/react-icons/enterprise/ChartBar"));
+__reExport(ChartBar_exports, require("@splunk/react-icons/enterprise/ChartBar"));
+var ChartBar_default = "default" in defaultImport9 ? defaultImport9.default : defaultImport9;
+
+// esm-externals:@splunk/react-icons/enterprise/ChartScatter
+var ChartScatter_exports = {};
+__export(ChartScatter_exports, {
+  default: () => ChartScatter_default
+});
+var defaultImport10 = __toESM(require("@splunk/react-icons/enterprise/ChartScatter"));
+__reExport(ChartScatter_exports, require("@splunk/react-icons/enterprise/ChartScatter"));
+var ChartScatter_default = "default" in defaultImport10 ? defaultImport10.default : defaultImport10;
+
+// esm-externals:@splunk/react-icons/enterprise/ChoroplethMap
+var ChoroplethMap_exports = {};
+__export(ChoroplethMap_exports, {
+  default: () => ChoroplethMap_default
+});
+var defaultImport11 = __toESM(require("@splunk/react-icons/enterprise/ChoroplethMap"));
+__reExport(ChoroplethMap_exports, require("@splunk/react-icons/enterprise/ChoroplethMap"));
+var ChoroplethMap_default = "default" in defaultImport11 ? defaultImport11.default : defaultImport11;
+
+// esm-externals:@splunk/react-icons/enterprise/SplitBy
+var SplitBy_exports = {};
+__export(SplitBy_exports, {
+  default: () => SplitBy_default
+});
+var defaultImport12 = __toESM(require("@splunk/react-icons/enterprise/SplitBy"));
+__reExport(SplitBy_exports, require("@splunk/react-icons/enterprise/SplitBy"));
+var SplitBy_default = "default" in defaultImport12 ? defaultImport12.default : defaultImport12;
+
+// esm-externals:@splunk/react-docs/DocExample
+var DocExample_exports = {};
+__export(DocExample_exports, {
+  default: () => DocExample_default
+});
+var defaultImport13 = __toESM(require("@splunk/react-docs/DocExample"));
+__reExport(DocExample_exports, require("@splunk/react-docs/DocExample"));
+var DocExample_default = "default" in defaultImport13 ? defaultImport13.default : defaultImport13;
+
+// esm-externals:@splunk/react-ui/Button
+var Button_exports = {};
+__export(Button_exports, {
+  default: () => Button_default
+});
+var defaultImport14 = __toESM(require("@splunk/react-ui/Button"));
+__reExport(Button_exports, require("@splunk/react-ui/Button"));
+var Button_default = "default" in defaultImport14 ? defaultImport14.default : defaultImport14;
+
+// esm-externals:@splunk/react-ui/Code
+var Code_exports = {};
+__export(Code_exports, {
+  default: () => Code_default
+});
+var defaultImport15 = __toESM(require("@splunk/react-ui/Code"));
+__reExport(Code_exports, require("@splunk/react-ui/Code"));
+var Code_default = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
+
+// esm-externals:@splunk/react-ui/TransitionOpen
+var TransitionOpen_exports = {};
+__export(TransitionOpen_exports, {
+  default: () => TransitionOpen_default
+});
+var defaultImport16 = __toESM(require("@splunk/react-ui/TransitionOpen"));
+__reExport(TransitionOpen_exports, require("@splunk/react-ui/TransitionOpen"));
+var TransitionOpen_default = "default" in defaultImport16 ? defaultImport16.default : defaultImport16;
+
+// esm-externals:@splunk/react-icons/SquaresLayered
+var SquaresLayered_exports = {};
+__export(SquaresLayered_exports, {
+  default: () => SquaresLayered_default
+});
+var defaultImport17 = __toESM(require("@splunk/react-icons/SquaresLayered"));
+__reExport(SquaresLayered_exports, require("@splunk/react-icons/SquaresLayered"));
+var SquaresLayered_default = "default" in defaultImport17 ? defaultImport17.default : defaultImport17;
+
+// esm-externals:@splunk/react-icons/Checkmark
+var Checkmark_exports = {};
+__export(Checkmark_exports, {
+  default: () => Checkmark_default
+});
+var defaultImport18 = __toESM(require("@splunk/react-icons/Checkmark"));
+__reExport(Checkmark_exports, require("@splunk/react-icons/Checkmark"));
+var Checkmark_default = "default" in defaultImport18 ? defaultImport18.default : defaultImport18;
+
+// esm-externals:@splunk/react-icons/EyeSlashed
+var EyeSlashed_exports = {};
+__export(EyeSlashed_exports, {
+  default: () => EyeSlashed_default
+});
+var defaultImport19 = __toESM(require("@splunk/react-icons/EyeSlashed"));
+__reExport(EyeSlashed_exports, require("@splunk/react-icons/EyeSlashed"));
+var EyeSlashed_default = "default" in defaultImport19 ? defaultImport19.default : defaultImport19;
+
+// esm-externals:@splunk/react-icons/WindowChevronsSlash
+var WindowChevronsSlash_exports = {};
+__export(WindowChevronsSlash_exports, {
+  default: () => WindowChevronsSlash_default
+});
+var defaultImport20 = __toESM(require("@splunk/react-icons/WindowChevronsSlash"));
+__reExport(WindowChevronsSlash_exports, require("@splunk/react-icons/WindowChevronsSlash"));
+var WindowChevronsSlash_default = "default" in defaultImport20 ? defaultImport20.default : defaultImport20;
+
+// esm-externals:@splunk/ui-utils/i18n
+var i18n_exports = {};
+__export(i18n_exports, {
+  default: () => i18n_default
+});
+var defaultImport21 = __toESM(require("@splunk/ui-utils/i18n"));
+__reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
+var i18n_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
+
+// esm-externals:@splunk/react-docs/UtilPage
+var UtilPage_exports = {};
+__export(UtilPage_exports, {
+  default: () => UtilPage_default
+});
+var defaultImport22 = __toESM(require("@splunk/react-docs/UtilPage"));
+__reExport(UtilPage_exports, require("@splunk/react-docs/UtilPage"));
+var UtilPage_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
 
-var formatCodeStringToObject = function formatCodeStringToObject(codeString, regexMatch) {
-  var match = regexMatch.exec(codeString);
+// src/common/docUtils.tsx
+var formatCodeStringToObject = (codeString, regexMatch) => {
+  const match = regexMatch.exec(codeString);
   if (!match) return null;
-  var stringToParse = "{".concat(match[1], "}"); // remove trailing commas
-
-  var removedCommas = stringToParse.replace(/,(?!\s*?[-{["'\w])/g, ''); // convert double quotes (which only occur inside strings) to back quotes
-
-  var backQuotes = removedCommas.replace(/"/g, '`'); // replace single quotes with double quotes
-
-  var doubleQuotes = backQuotes.replace(/'/g, '"'); // replace back quotes with single quotes
-
-  var singleQuotes = doubleQuotes.replace(/`/g, "'"); // add quotes around keys
-
-  var quotesAroundKeys = singleQuotes.replace(/\b(\w+)\s*:(?=\s)/g, '"$1":');
-  var retval = null;
-
+  const stringToParse = `{${match[1]}}`;
+  const removedCommas = stringToParse.replace(/,(?!\s*?[-{["'\w])/g, "");
+  const backQuotes = removedCommas.replace(/"/g, "`");
+  const doubleQuotes = backQuotes.replace(/'/g, '"');
+  const singleQuotes = doubleQuotes.replace(/`/g, "'");
+  const quotesAroundKeys = singleQuotes.replace(/\b(\w+)\s*:(?=\s)/g, '"$1":');
+  let retval = null;
   try {
     retval = JSON.parse(quotesAroundKeys);
   } catch (e) {
-    // eslint-disable-next-line no-console
     console.error(e);
   }
-
   return retval;
 };
-
-exports.formatCodeStringToObject = formatCodeStringToObject;
-
-var extractDataFromReactCode = function extractDataFromReactCode(codeString) {
+var extractDataFromReactCode = (codeString) => {
   var _a;
-
-  var primaryRegex = /dataSources={{([\s\S]*?primary:[\s\S]*?)}}/;
-
-  var _ref2 = (_a = (0, exports.formatCodeStringToObject)(codeString, primaryRegex)) !== null && _a !== void 0 ? _a : {},
-      primary = _ref2.primary;
-
-  var optionsRegex = /options={{([\s\S]*?)}}/;
-  var options = (0, exports.formatCodeStringToObject)(codeString, optionsRegex);
-  var contextRegex = /context={{([\s\S]*?)}}/;
-  var context = (0, exports.formatCodeStringToObject)(codeString, contextRegex);
-  return {
-    primary: primary,
-    options: options,
-    context: context
-  };
+  const primaryRegex = /dataSources={{([\s\S]*?primary:[\s\S]*?)}}/;
+  const { primary } = (_a = formatCodeStringToObject(codeString, primaryRegex)) != null ? _a : {};
+  const optionsRegex = /options={{([\s\S]*?)}}/;
+  const options = formatCodeStringToObject(codeString, optionsRegex);
+  const contextRegex = /context={{([\s\S]*?)}}/;
+  const context = formatCodeStringToObject(codeString, contextRegex);
+  return { primary, options, context };
 };
-
-exports.extractDataFromReactCode = extractDataFromReactCode; // Takes a stringified react viz example and a viz type
-// Returns a dashboard definition object.
-// e.g. codeString: '<Area dataSources={{}} options={{}} />'
-//      type: 'splunk.area'
-
-var convertToDashboardJSON = function convertToDashboardJSON(codeString, type) {
-  var _ref3 = (0, exports.extractDataFromReactCode)(codeString),
-      options = _ref3.options,
-      primary = _ref3.primary,
-      context = _ref3.context;
-
-  return Object.assign(Object.assign({
+var convertToDashboardJSON = (codeString, type) => {
+  const { options, primary, context } = extractDataFromReactCode(codeString);
+  return __spreadProps(__spreadValues({
     visualizations: {
-      test_viz: Object.assign(Object.assign(Object.assign({
-        type: type
-      }, options ? {
-        options: options
-      } : {}), primary ? {
-        dataSources: {
-          primary: 'primary'
-        }
-      } : {}), context ? {
-        context: context
-      } : {})
-    }
-  }, primary ? {
-    dataSources: {
-      primary: {
-        type: 'ds.test',
-        options: primary
-      }
+      test_viz: __spreadValues(__spreadValues(__spreadValues({
+        type
+      }, options ? { options } : {}), primary ? { dataSources: { primary: "primary" } } : {}), context ? { context } : {})
     }
-  } : {}), {
+  }, primary ? { dataSources: { primary: { type: "ds.test", options: primary } } } : {}), {
     defaults: {
       dataSources: {
         global: {
           options: {
             queryParameters: {
-              latest: '$global_time.latest$',
-              earliest: '$global_time.earliest$'
+              latest: "$global_time.latest$",
+              earliest: "$global_time.earliest$"
             }
           }
         }
@@ -341,496 +303,200 @@ var convertToDashboardJSON = function convertToDashboardJSON(codeString, type) {
     },
     inputs: {
       input_global_trp: {
-        type: 'input.timerange',
+        type: "input.timerange",
         options: {
-          token: 'global_time',
-          defaultValue: '-24h@h,now'
+          token: "global_time",
+          defaultValue: "-24h@h,now"
         },
-        title: 'Global Time Range'
+        title: "Global Time Range"
       }
     },
     layout: {
-      type: 'absolute',
+      type: "absolute",
       options: {},
-      structure: [{
-        item: 'test_viz',
-        type: 'block',
-        position: {
-          x: 0,
-          y: 0,
-          w: 800,
-          h: 500
+      structure: [
+        {
+          item: "test_viz",
+          type: "block",
+          position: {
+            x: 0,
+            y: 0,
+            w: 800,
+            h: 500
+          }
         }
-      }],
-      globalInputs: ['input_global_trp']
+      ],
+      globalInputs: ["input_global_trp"]
     }
   });
 };
 
-exports.convertToDashboardJSON = convertToDashboardJSON;
-
-/***/ }),
-/* 21 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-docs/UtilPage");
-
-/***/ }),
-/* 22 */,
-/* 23 */,
-/* 24 */,
-/* 25 */,
-/* 26 */,
-/* 27 */,
-/* 28 */,
-/* 29 */,
-/* 30 */,
-/* 31 */,
-/* 32 */,
-/* 33 */,
-/* 34 */,
-/* 35 */,
-/* 36 */,
-/* 37 */,
-/* 38 */,
-/* 39 */,
-/* 40 */,
-/* 41 */,
-/* 42 */,
-/* 43 */,
-/* 44 */,
-/* 45 */,
-/* 46 */,
-/* 47 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _slicedToArray = __webpack_require__(8);
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var React = __webpack_require__(0);
-
-var DocExample_1 = __webpack_require__(48);
-
-var Button_1 = __webpack_require__(49);
-
-var Code_1 = __webpack_require__(50);
-
-var TransitionOpen_1 = __webpack_require__(51);
-
-var SquaresLayered_1 = __webpack_require__(52);
-
-var Checkmark_1 = __webpack_require__(53);
-
-var EyeSlashed_1 = __webpack_require__(54);
-
-var WindowChevronsSlash_1 = __webpack_require__(55);
-
-var i18n_1 = __webpack_require__(5);
-
-var T = __webpack_require__(1);
-
-var docUtils_1 = __webpack_require__(20);
-
-var DocExampleWithVizSandbox = function DocExampleWithVizSandbox(props) {
-  var type = props.type,
-      title = props.title,
-      code = props.code,
-      example = props.example,
-      _props$hideSandbox = props.hideSandbox,
-      hideSandbox = _props$hideSandbox === void 0 ? false : _props$hideSandbox,
-      description = props.description;
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isCopied = _React$useState2[0],
-      setIsCopied = _React$useState2[1];
-
-  var _React$useState3 = React.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      showCode = _React$useState4[0],
-      setShowCode = _React$useState4[1];
-
-  var isMounted = React.useRef(true);
-  var toggleShowCode = React.useCallback(function () {
-    setShowCode(function (state) {
-      return !state;
-    });
+// src/common/DocExampleWithVizSandbox.tsx
+var DocExampleWithVizSandbox = (props) => {
+  const { type, title, code, example, hideSandbox = false, description } = props;
+  const [isCopied, setIsCopied] = react_exports.useState(false);
+  const [showCode, setShowCode] = react_exports.useState(false);
+  const isMounted = react_exports.useRef(true);
+  const toggleShowCode = react_exports.useCallback(() => {
+    setShowCode((state) => !state);
   }, []);
-  React.useEffect(function () {
-    return function () {
+  react_exports.useEffect(() => {
+    return () => {
       isMounted.current = false;
       setIsCopied(false);
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
   }, []);
-  if (hideSandbox) return React.createElement(DocExample_1.default, {
-    title: title,
-    code: code,
-    example: example
-  });
-  var objDefn = (0, docUtils_1.convertToDashboardJSON)(code, type); // set spacing level to 4
-
-  var prettyJson = JSON.stringify(objDefn, null, 4);
-
-  var copyToClipBoard = function copyToClipBoard() {
-    if ('clipboard' in navigator) {
+  if (hideSandbox) return /* @__PURE__ */ react_exports.createElement(DocExample_default, { title, code, example });
+  const objDefn = convertToDashboardJSON(code, type);
+  const prettyJson = JSON.stringify(objDefn, null, 4);
+  const copyToClipBoard = () => {
+    if ("clipboard" in navigator) {
       navigator.clipboard.writeText(prettyJson);
       setIsCopied(true);
     }
-
-    setTimeout(function () {
+    setTimeout(() => {
       if (isMounted.current) {
         setIsCopied(false);
       }
-    }, 5000);
-  };
-
-  var renderAdditionalActions = function renderAdditionalActions() {
-    return [React.createElement(Button_1.default, {
-      key: "show-dashboard-definition",
-      appearance: "toggle",
-      onClick: toggleShowCode,
-      icon: showCode ? React.createElement(EyeSlashed_1.default, null) : React.createElement(WindowChevronsSlash_1.default, null),
-      label: showCode ? (0, i18n_1._)('Hide dashboard definition') : (0, i18n_1._)('Show dashboard definition')
-    })];
+    }, 5e3);
   };
-
-  return React.createElement(DocExample_1.default, {
-    renderAdditionalActions: renderAdditionalActions,
-    title: title,
-    code: code,
-    example: example,
-    description: description
-  }, React.createElement(TransitionOpen_1.default, {
-    animation: "slideFromTop",
-    open: showCode,
-    retainFocus: false,
-    takeFocus: false,
-    renderChildrenWhenCollapsed: false,
-    animateOnMount: false
-  }, React.createElement("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'space-between'
-    }
-  }, React.createElement(Code_1.default, {
-    value: prettyJson,
-    language: "json"
-  }), React.createElement(Button_1.default, {
-    onClick: copyToClipBoard,
-    icon: isCopied ? React.createElement(Checkmark_1.default, null) : React.createElement(SquaresLayered_1.default, null),
-    label: isCopied ? (0, i18n_1._)('Copied') : (0, i18n_1._)('Copy to clipboard'),
-    style: {
-      height: '30px',
-      maxWidth: '164px'
-    }
-  }))));
+  const renderAdditionalActions = () => [
+    /* @__PURE__ */ react_exports.createElement(
+      Button_default,
+      {
+        key: "show-dashboard-definition",
+        appearance: "toggle",
+        onClick: toggleShowCode,
+        icon: showCode ? /* @__PURE__ */ react_exports.createElement(EyeSlashed_default, null) : /* @__PURE__ */ react_exports.createElement(WindowChevronsSlash_default, null),
+        label: showCode ? (0, i18n_exports._)("Hide dashboard definition") : (0, i18n_exports._)("Show dashboard definition")
+      }
+    )
+  ];
+  return /* @__PURE__ */ react_exports.createElement(
+    DocExample_default,
+    {
+      renderAdditionalActions,
+      title,
+      code,
+      example,
+      description
+    },
+    /* @__PURE__ */ react_exports.createElement(
+      TransitionOpen_default,
+      {
+        animation: "slideFromTop",
+        open: showCode,
+        retainFocus: false,
+        takeFocus: false,
+        renderChildrenWhenCollapsed: false,
+        animateOnMount: false
+      },
+      /* @__PURE__ */ react_exports.createElement("div", { style: { display: "flex", justifyContent: "space-between" } }, /* @__PURE__ */ react_exports.createElement(Code_default, { value: prettyJson, language: "json" }), /* @__PURE__ */ react_exports.createElement(
+        Button_default,
+        {
+          onClick: copyToClipBoard,
+          icon: isCopied ? /* @__PURE__ */ react_exports.createElement(Checkmark_default, null) : /* @__PURE__ */ react_exports.createElement(SquaresLayered_default, null),
+          label: isCopied ? (0, i18n_exports._)("Copied") : (0, i18n_exports._)("Copy to clipboard"),
+          style: { height: "30px", maxWidth: "164px" }
+        }
+      ))
+    )
+  );
 };
-
 DocExampleWithVizSandbox.propTypes = {
-  type: T.string,
-  title: T.string,
-  code: T.string,
-  example: T.func,
-  hideSandbox: T.bool
+  type: prop_types_exports.string,
+  title: prop_types_exports.string,
+  code: prop_types_exports.string,
+  example: prop_types_exports.func,
+  hideSandbox: prop_types_exports.bool
 };
-exports.default = DocExampleWithVizSandbox;
-
-/***/ }),
-/* 48 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-docs/DocExample");
-
-/***/ }),
-/* 49 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Button");
-
-/***/ }),
-/* 50 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Code");
-
-/***/ }),
-/* 51 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/TransitionOpen");
-
-/***/ }),
-/* 52 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/SquaresLayered");
-
-/***/ }),
-/* 53 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/Checkmark");
-
-/***/ }),
-/* 54 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/EyeSlashed");
-
-/***/ }),
-/* 55 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/WindowChevronsSlash");
-
-/***/ }),
-/* 56 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/taggedTemplateLiteral");
-
-/***/ }),
-/* 57 */,
-/* 58 */,
-/* 59 */,
-/* 60 */,
-/* 61 */,
-/* 62 */,
-/* 63 */,
-/* 64 */,
-/* 65 */,
-/* 66 */,
-/* 67 */,
-/* 68 */,
-/* 69 */,
-/* 70 */,
-/* 71 */,
-/* 72 */,
-/* 73 */,
-/* 74 */,
-/* 75 */,
-/* 76 */,
-/* 77 */,
-/* 78 */,
-/* 79 */,
-/* 80 */,
-/* 81 */,
-/* 82 */,
-/* 83 */,
-/* 84 */,
-/* 85 */,
-/* 86 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _taggedTemplateLiteral = __webpack_require__(56);
-
-var _defineProperty = __webpack_require__(10);
-
-var _chipType, _templateObject;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var React = __webpack_require__(0);
-
-var T = __webpack_require__(1);
-
-var styled_components_1 = __webpack_require__(2);
-
-var Paragraph_1 = __webpack_require__(87);
-
-var Heading_1 = __webpack_require__(6);
-
-var List_1 = __webpack_require__(88);
-
-var Chip_1 = __webpack_require__(89);
-
-var ChartLine_1 = __webpack_require__(90);
-
-var ChartBar_1 = __webpack_require__(91);
-
-var ChartScatter_1 = __webpack_require__(92);
-
-var ChoroplethMap_1 = __webpack_require__(93);
-
-var SplitBy_1 = __webpack_require__(94);
-
-var VizCategory_1 = __webpack_require__(19);
-
-var DocExampleWithVizSandbox_1 = __webpack_require__(47);
+var DocExampleWithVizSandbox_default = DocExampleWithVizSandbox;
 
+// src/common/OverviewDoc.tsx
 var chipIconStyles = {
-  color: 'white'
+  color: "white"
 };
-var chipType = (_chipType = {}, _defineProperty(_chipType, VizCategory_1.VizCategory.TRENDS, {
-  backgroundColor: '#66AAF9',
-  icon: React.createElement(ChartLine_1.default, {
-    style: chipIconStyles
-  })
-}), _defineProperty(_chipType, VizCategory_1.VizCategory.COMPARISONS, {
-  backgroundColor: '#45D4BA',
-  icon: React.createElement(ChartBar_1.default, {
-    style: chipIconStyles
-  })
-}), _defineProperty(_chipType, VizCategory_1.VizCategory.CORRELATION, {
-  backgroundColor: '#FB865C',
-  icon: React.createElement(ChartScatter_1.default, {
-    style: chipIconStyles
-  })
-}), _defineProperty(_chipType, VizCategory_1.VizCategory.SPATIAL, {
-  backgroundColor: '#E85B79',
-  icon: React.createElement(ChoroplethMap_1.default, {
-    style: chipIconStyles
-  })
-}), _defineProperty(_chipType, VizCategory_1.VizCategory.FLOW, {
-  backgroundColor: '#9980FF',
-  icon: React.createElement(SplitBy_1.default, {
-    style: chipIconStyles
-  })
-}), _chipType);
-var StyledChip = (0, styled_components_1.default)(Chip_1.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    [data-test='label'] {\n        color: white;\n    }\n    margin-left: 10px;\n    margin-bottom: 10px;\n"])));
-
-var Variations = function Variations(_ref) {
-  var variations = _ref.variations,
-      variationCode = _ref.variationCode,
-      type = _ref.type;
-  return React.createElement(React.Fragment, null, variations.map(function (v) {
-    var _a;
-
-    var variationObj = variationCode[v.key];
-    return React.createElement(DocExampleWithVizSandbox_1.default, Object.assign({
-      hideSandbox: (_a = v.hideSandbox) !== null && _a !== void 0 ? _a : false,
-      type: type,
-      key: v.key,
-      code: variationObj.code,
-      example: variationObj.example
-    }, v));
-  }));
+var chipType = {
+  ["Trends" /* TRENDS */]: {
+    backgroundColor: "#66AAF9",
+    icon: /* @__PURE__ */ react_exports.createElement(ChartLine_default, { style: chipIconStyles })
+  },
+  ["Comparisons" /* COMPARISONS */]: {
+    backgroundColor: "#45D4BA",
+    icon: /* @__PURE__ */ react_exports.createElement(ChartBar_default, { style: chipIconStyles })
+  },
+  ["Correlation" /* CORRELATION */]: {
+    backgroundColor: "#FB865C",
+    icon: /* @__PURE__ */ react_exports.createElement(ChartScatter_default, { style: chipIconStyles })
+  },
+  ["Spatial" /* SPATIAL */]: {
+    backgroundColor: "#E85B79",
+    icon: /* @__PURE__ */ react_exports.createElement(ChoroplethMap_default, { style: chipIconStyles })
+  },
+  ["Flow" /* FLOW */]: {
+    backgroundColor: "#9980FF",
+    icon: /* @__PURE__ */ react_exports.createElement(SplitBy_default, { style: chipIconStyles })
+  }
 };
-
+var StyledChip = styled_components_default(Chip_default)`
+    [data-test='label'] {
+        color: white;
+    }
+    margin-left: 10px;
+    margin-bottom: 10px;
+`;
+var Variations = ({ variations, variationCode, type }) => /* @__PURE__ */ react_exports.createElement(react_exports.Fragment, null, variations.map(
+  (v) => {
+    var _a;
+    const variationObj = variationCode[v.key];
+    return /* @__PURE__ */ react_exports.createElement(
+      DocExampleWithVizSandbox_default,
+      __spreadValues({
+        hideSandbox: (_a = v.hideSandbox) != null ? _a : false,
+        type,
+        key: v.key,
+        code: variationObj.code,
+        example: variationObj.example
+      }, v)
+    );
+  }
+));
 Variations.propTypes = {
-  variations: T.array,
-  variationCode: T.object,
-  type: T.string
+  variations: prop_types_exports.array,
+  variationCode: prop_types_exports.object,
+  type: prop_types_exports.string
 };
-
-var Tip = function Tip(_ref2) {
-  var tip = _ref2.tip;
-  return React.createElement(List_1.default.Item, null, tip);
-};
-
+var Tip = ({ tip }) => /* @__PURE__ */ react_exports.createElement(List_default.Item, null, tip);
 Tip.propTypes = {
-  tip: T.string
+  tip: prop_types_exports.string
 };
-
-var Tips = function Tips(_ref3) {
-  var tips = _ref3.tips;
-  return React.createElement(React.Fragment, null, React.createElement(Heading_1.default, {
-    level: 3
-  }, "Tips"), React.createElement(List_1.default, null, tips.map(function (tip) {
-    return React.createElement(Tip, {
-      key: tip,
-      tip: tip
-    });
-  })));
-};
-
+var Tips = ({ tips }) => /* @__PURE__ */ react_exports.createElement(react_exports.Fragment, null, /* @__PURE__ */ react_exports.createElement(Heading_default, { level: 3 }, "Tips"), /* @__PURE__ */ react_exports.createElement(List_default, null, tips.map(
+  (tip) => /* @__PURE__ */ react_exports.createElement(Tip, { key: tip, tip })
+)));
 Tips.propTypes = {
-  tips: T.array
+  tips: prop_types_exports.array
 };
-
-var OverviewDoc = function OverviewDoc(props) {
-  var _vizTypeDisplayNameMa;
-
-  var _props$overview = props.overview,
-      typeOfViz = _props$overview.typeOfViz,
-      type = _props$overview.type,
-      overview = _props$overview.overview,
-      tips = _props$overview.tips,
-      variations = _props$overview.variations;
-  var variationCode = props.variationCode;
-  var vizTypeDisplayNameMap = (_vizTypeDisplayNameMa = {}, _defineProperty(_vizTypeDisplayNameMa, VizCategory_1.VizCategory.TRENDS, 'Trend'), _defineProperty(_vizTypeDisplayNameMa, VizCategory_1.VizCategory.COMPARISONS, 'Comparison'), _vizTypeDisplayNameMa);
-  var vizType = vizTypeDisplayNameMap[typeOfViz] || typeOfViz;
-  return React.createElement(React.Fragment, null, vizType && React.createElement(React.Fragment, null, "Chart Type", React.createElement(StyledChip, {
-    "data-test": "viz-type-chip",
-    backgroundColor: chipType[typeOfViz].backgroundColor,
-    icon: chipType[typeOfViz].icon
-  }, vizType)), React.createElement(Paragraph_1.default, {
-    "data-test": "overview-description"
-  }, overview), React.createElement(Tips, {
-    "data-test": "tips",
-    tips: tips
-  }), variationCode && React.createElement(Variations, {
-    variations: variations,
-    type: type,
-    variationCode: variationCode
-  }));
+var OverviewDoc = (props) => {
+  const { typeOfViz, type, overview, tips, variations } = props.overview;
+  const { variationCode } = props;
+  const vizTypeDisplayNameMap = {
+    ["Trends" /* TRENDS */]: "Trend",
+    ["Comparisons" /* COMPARISONS */]: "Comparison"
+  };
+  const vizType = vizTypeDisplayNameMap[typeOfViz] || typeOfViz;
+  return /* @__PURE__ */ react_exports.createElement(react_exports.Fragment, null, vizType && /* @__PURE__ */ react_exports.createElement(react_exports.Fragment, null, "Chart Type", /* @__PURE__ */ react_exports.createElement(
+    StyledChip,
+    {
+      "data-test": "viz-type-chip",
+      backgroundColor: chipType[typeOfViz].backgroundColor,
+      icon: chipType[typeOfViz].icon
+    },
+    vizType
+  )), /* @__PURE__ */ react_exports.createElement(Paragraph_default, { "data-test": "overview-description" }, overview), /* @__PURE__ */ react_exports.createElement(Tips, { "data-test": "tips", tips }), variationCode && /* @__PURE__ */ react_exports.createElement(Variations, { variations, type, variationCode }));
 };
-
 OverviewDoc.propTypes = {
-  overview: T.object,
-  variationCode: T.object
+  overview: prop_types_exports.object,
+  variationCode: prop_types_exports.object
 };
-exports.default = OverviewDoc;
-
-/***/ }),
-/* 87 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Paragraph");
-
-/***/ }),
-/* 88 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/List");
-
-/***/ }),
-/* 89 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Chip");
-
-/***/ }),
-/* 90 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/enterprise/ChartLine");
-
-/***/ }),
-/* 91 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/enterprise/ChartBar");
-
-/***/ }),
-/* 92 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/enterprise/ChartScatter");
-
-/***/ }),
-/* 93 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/enterprise/ChoroplethMap");
-
-/***/ }),
-/* 94 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/enterprise/SplitBy");
-
-/***/ })
-/******/ ]);
-//# sourceMappingURL=OverviewDoc.js.map
+var OverviewDoc_default = OverviewDoc;
+//# sourceMappingURL=OverviewDoc.js.map