@splunk/visualizations 26.4.1 → 27.1.0

package/common/ThemesDoc.js

@@ -1,465 +1,316 @@
-/*!
- * 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 = 96);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, exports) {
-
-module.exports = require("prop-types");
-
-/***/ }),
-
-/***/ 13:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ColumnLayout");
-
-/***/ }),
-
-/***/ 15:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/typeof");
-
-/***/ }),
-
-/***/ 16:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualizations-shared/colorUtils");
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 27:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualization-themes/variables");
-
-/***/ }),
-
-/***/ 6:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Heading");
-
-/***/ }),
-
-/***/ 61:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Select");
-
-/***/ }),
-
-/***/ 68:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/omit");
-
-/***/ }),
-
-/***/ 69:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/cloneDeep");
-
-/***/ }),
-
-/***/ 70:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Message");
-
-/***/ }),
-
-/***/ 71:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Tooltip");
-
-/***/ }),
-
-/***/ 72:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes/SplunkThemeProvider");
-
-/***/ }),
-
-/***/ 8:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/slicedToArray");
-
-/***/ }),
-
-/***/ 96:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15);
-/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _splunk_react_ui_Heading__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6);
-/* harmony import */ var _splunk_react_ui_Heading__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Heading__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(68);
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(69);
-/* harmony import */ var lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _splunk_react_ui_ColumnLayout__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(13);
-/* harmony import */ var _splunk_react_ui_ColumnLayout__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_ColumnLayout__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _splunk_react_ui_Select__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(61);
-/* harmony import */ var _splunk_react_ui_Select__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Select__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var _splunk_react_ui_Message__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(70);
-/* harmony import */ var _splunk_react_ui_Message__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Message__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var _splunk_react_ui_Tooltip__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(71);
-/* harmony import */ var _splunk_react_ui_Tooltip__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Tooltip__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var _splunk_themes_SplunkThemeProvider__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(72);
-/* harmony import */ var _splunk_themes_SplunkThemeProvider__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes_SplunkThemeProvider__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var _splunk_visualizations_shared_colorUtils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(16);
-/* harmony import */ var _splunk_visualizations_shared_colorUtils__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_colorUtils__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var _splunk_visualization_themes_variables__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(27);
-/* harmony import */ var _splunk_visualization_themes_variables__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualization_themes_variables__WEBPACK_IMPORTED_MODULE_14__);
-
-
-/* eslint-disable react/no-multi-comp */
-
-
-
-
-
-
-
-
-
-
-
-
-
+/* 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 __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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/ThemesDoc.jsx
+var ThemesDoc_exports = {};
+__export(ThemesDoc_exports, {
+  default: () => ThemesDoc_default
+});
+module.exports = __toCommonJS(ThemesDoc_exports);
 
-var ThemeVar = styled_components__WEBPACK_IMPORTED_MODULE_5___default.a.div.withConfig({
-  displayName: "ThemesDoc__ThemeVar",
-  componentId: "sc-ycgc2f-0"
-})(["margin-top:20px;cursor:pointer;"]);
-var ThemeVarName = styled_components__WEBPACK_IMPORTED_MODULE_5___default.a.div.withConfig({
-  displayName: "ThemesDoc__ThemeVarName",
-  componentId: "sc-ycgc2f-1"
-})(["color:#5ca300;padding-bottom:5px;display:inline-block;padding-right:5px;font-weight:", ";"], function (props) {
-  return props.highlighted ? 'bold' : 'normal';
+// esm-externals:react
+var react_exports = {};
+__export(react_exports, {
+  default: () => react_default
 });
-var PairContainer = styled_components__WEBPACK_IMPORTED_MODULE_5___default.a.div.withConfig({
-  displayName: "ThemesDoc__PairContainer",
-  componentId: "sc-ycgc2f-2"
-})(["margin-left:40px;margin-top:10px;"]);
-var PairTitle = styled_components__WEBPACK_IMPORTED_MODULE_5___default.a.span.withConfig({
-  displayName: "ThemesDoc__PairTitle",
-  componentId: "sc-ycgc2f-3"
-})(["display:inline-block;color:#8293a7;width:80px;"]);
-var ColorPreview = styled_components__WEBPACK_IMPORTED_MODULE_5___default.a.div.withConfig({
-  displayName: "ThemesDoc__ColorPreview",
-  componentId: "sc-ycgc2f-4"
-})(["width:20px;height:20px;background:", ";display:inline-block;vertical-align:bottom;margin-right:5px;border:1px solid rgba(0,0,0,0.3);border-radius:5px;"], function (props) {
-  return props.color;
+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 Pair = function Pair(_ref) {
-  var title = _ref.title,
-      text = _ref.text;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(PairContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(PairTitle, null, "".concat(title, ":")), Object(_splunk_visualizations_shared_colorUtils__WEBPACK_IMPORTED_MODULE_13__["isColor"])(text) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(ColorPreview, {
-    color: text
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("samp", null, text));
-};
-
+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:@splunk/react-ui/Heading
+var Heading_exports = {};
+__export(Heading_exports, {
+  default: () => Heading_default
+});
+var defaultImport3 = __toESM(require("@splunk/react-ui/Heading"));
+__reExport(Heading_exports, require("@splunk/react-ui/Heading"));
+var Heading_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+
+// esm-externals:styled-components
+var styled_components_exports = {};
+__export(styled_components_exports, {
+  default: () => styled_components_default
+});
+var defaultImport4 = __toESM(require("styled-components"));
+__reExport(styled_components_exports, require("styled-components"));
+var styled_components_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
+
+// esm-externals:lodash/omit
+var omit_exports = {};
+__export(omit_exports, {
+  default: () => omit_default
+});
+var defaultImport5 = __toESM(require("lodash/omit"));
+__reExport(omit_exports, require("lodash/omit"));
+var omit_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+
+// esm-externals:lodash/cloneDeep
+var cloneDeep_exports = {};
+__export(cloneDeep_exports, {
+  default: () => cloneDeep_default
+});
+var defaultImport6 = __toESM(require("lodash/cloneDeep"));
+__reExport(cloneDeep_exports, require("lodash/cloneDeep"));
+var cloneDeep_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
+
+// esm-externals:@splunk/react-ui/ColumnLayout
+var ColumnLayout_exports = {};
+__export(ColumnLayout_exports, {
+  default: () => ColumnLayout_default
+});
+var defaultImport7 = __toESM(require("@splunk/react-ui/ColumnLayout"));
+__reExport(ColumnLayout_exports, require("@splunk/react-ui/ColumnLayout"));
+var ColumnLayout_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
+
+// esm-externals:@splunk/react-ui/Select
+var Select_exports = {};
+__export(Select_exports, {
+  default: () => Select_default
+});
+var defaultImport8 = __toESM(require("@splunk/react-ui/Select"));
+__reExport(Select_exports, require("@splunk/react-ui/Select"));
+var Select_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
+
+// esm-externals:@splunk/react-ui/Message
+var Message_exports = {};
+__export(Message_exports, {
+  default: () => Message_default
+});
+var defaultImport9 = __toESM(require("@splunk/react-ui/Message"));
+__reExport(Message_exports, require("@splunk/react-ui/Message"));
+var Message_default = "default" in defaultImport9 ? defaultImport9.default : defaultImport9;
+
+// esm-externals:@splunk/react-ui/Tooltip
+var Tooltip_exports = {};
+__export(Tooltip_exports, {
+  default: () => Tooltip_default
+});
+var defaultImport10 = __toESM(require("@splunk/react-ui/Tooltip"));
+__reExport(Tooltip_exports, require("@splunk/react-ui/Tooltip"));
+var Tooltip_default = "default" in defaultImport10 ? defaultImport10.default : defaultImport10;
+
+// esm-externals:@splunk/themes/SplunkThemeProvider
+var SplunkThemeProvider_exports = {};
+__export(SplunkThemeProvider_exports, {
+  default: () => SplunkThemeProvider_default
+});
+var defaultImport11 = __toESM(require("@splunk/themes/SplunkThemeProvider"));
+__reExport(SplunkThemeProvider_exports, require("@splunk/themes/SplunkThemeProvider"));
+var SplunkThemeProvider_default = "default" in defaultImport11 ? defaultImport11.default : defaultImport11;
+
+// esm-externals:@splunk/visualizations-shared/colorUtils
+var colorUtils_exports = {};
+__export(colorUtils_exports, {
+  default: () => colorUtils_default
+});
+var defaultImport12 = __toESM(require("@splunk/visualizations-shared/colorUtils"));
+__reExport(colorUtils_exports, require("@splunk/visualizations-shared/colorUtils"));
+var colorUtils_default = "default" in defaultImport12 ? defaultImport12.default : defaultImport12;
+
+// esm-externals:@splunk/visualization-themes/variables
+var variables_exports = {};
+__export(variables_exports, {
+  default: () => variables_default
+});
+var defaultImport13 = __toESM(require("@splunk/visualization-themes/variables"));
+__reExport(variables_exports, require("@splunk/visualization-themes/variables"));
+var variables_default = "default" in defaultImport13 ? defaultImport13.default : defaultImport13;
+
+// src/common/ThemesDoc.jsx
+var ThemeVar = styled_components_default.div`
+    margin-top: 20px;
+    cursor: pointer;
+`;
+var ThemeVarName = styled_components_default.div`
+    color: #5ca300;
+    padding-bottom: 5px;
+    display: inline-block;
+    padding-right: 5px;
+    font-weight: ${(props) => props.highlighted ? "bold" : "normal"};
+`;
+var PairContainer = styled_components_default.div`
+    margin-left: 40px;
+    margin-top: 10px;
+`;
+var PairTitle = styled_components_default.span`
+    display: inline-block;
+    color: #8293a7;
+    width: 80px;
+`;
+var ColorPreview = styled_components_default.div`
+    width: 20px;
+    height: 20px;
+    background: ${(props) => props.color};
+    display: inline-block;
+    vertical-align: bottom;
+    margin-right: 5px;
+    border: 1px solid rgba(0, 0, 0, 0.3);
+    border-radius: 5px;
+`;
+var Pair = ({ title, text }) => /* @__PURE__ */ react_default.createElement(PairContainer, null, /* @__PURE__ */ react_default.createElement(PairTitle, null, `${title}:`), (0, colorUtils_exports.isColor)(text) && /* @__PURE__ */ react_default.createElement(ColorPreview, { color: text }), /* @__PURE__ */ react_default.createElement("samp", null, text));
 Pair.propTypes = {
-  title: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.string,
-  text: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.string
+  title: prop_types_default.string,
+  text: prop_types_default.string
 };
 var themeFamilyMapping = {
   enterprise: {
     colorScheme: {
-      dark: 'enterpriseDark',
-      light: 'enterprise'
+      dark: "enterpriseDark",
+      light: "enterprise"
     }
   },
   prisma: {
     colorScheme: {
-      dark: 'scp',
-      light: 'enterprise'
+      dark: "scp",
+      light: "enterprise"
     }
   }
 };
 var themeIdToVariant = {
   enterpriseLightComfortable: {
-    colorScheme: 'light',
-    density: 'comfortable',
-    family: 'enterprise',
-    label: 'Enterprise Light Comfortable'
+    colorScheme: "light",
+    density: "comfortable",
+    family: "enterprise",
+    label: "Enterprise Light Comfortable"
   },
   enterpriseLightCompact: {
-    colorScheme: 'light',
-    density: 'compact',
-    family: 'enterprise',
-    label: 'Enterprise Light Compact'
+    colorScheme: "light",
+    density: "compact",
+    family: "enterprise",
+    label: "Enterprise Light Compact"
   },
   enterpriseDarkComfortable: {
-    colorScheme: 'dark',
-    density: 'comfortable',
-    family: 'enterprise',
-    label: 'Enterprise Dark Comfortable'
+    colorScheme: "dark",
+    density: "comfortable",
+    family: "enterprise",
+    label: "Enterprise Dark Comfortable"
   },
   enterpriseDarkCompact: {
-    colorScheme: 'dark',
-    density: 'compact',
-    family: 'enterprise',
-    label: 'Enterprise Dark Compact'
+    colorScheme: "dark",
+    density: "compact",
+    family: "enterprise",
+    label: "Enterprise Dark Compact"
   },
   prismaLightComfortable: {
-    colorScheme: 'light',
-    density: 'comfortable',
-    family: 'prisma',
-    label: 'Prisma Light Comfortable'
+    colorScheme: "light",
+    density: "comfortable",
+    family: "prisma",
+    label: "Prisma Light Comfortable"
   },
   prismaLightCompact: {
-    colorScheme: 'light',
-    density: 'compact',
-    family: 'prisma',
-    label: 'Prisma Light Compact'
+    colorScheme: "light",
+    density: "compact",
+    family: "prisma",
+    label: "Prisma Light Compact"
   },
   prismaDarkComfortable: {
-    colorScheme: 'dark',
-    density: 'comfortable',
-    family: 'prisma',
-    label: 'Prisma Dark Comfortable'
+    colorScheme: "dark",
+    density: "comfortable",
+    family: "prisma",
+    label: "Prisma Dark Comfortable"
   },
   prismaDarkCompact: {
-    colorScheme: 'dark',
-    density: 'compact',
-    family: 'prisma',
-    label: 'Prisma Dark Compact'
+    colorScheme: "dark",
+    density: "compact",
+    family: "prisma",
+    label: "Prisma Dark Compact"
   }
 };
-
-var ThemesDoc = function ThemesDoc(props) {
-  var renderVisualization = props.renderVisualization,
-      themeVars = props.themes;
-
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_2__["useState"])(''),
-      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
-      highlightedThemeVariable = _useState2[0],
-      setHighlightedThemeVariable = _useState2[1];
-
-  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_2__["useState"])(themeIdToVariant.enterpriseLightComfortable),
-      _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2),
-      selectedTheme = _useState4[0],
-      setSelectedTheme = _useState4[1];
-
-  var previewTheme = lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_7___default()(themeVars); // if the highlighted theme variable is a color, color it red
-  // TODO(fkurniawan): fix red highlighting. this broke ~v20.7.0, and approach needs to be modified again owing to SUI upgrade
-
-  if (Object(_splunk_visualizations_shared_colorUtils__WEBPACK_IMPORTED_MODULE_13__["isColor"])(themeVars[highlightedThemeVariable])) {
-    previewTheme[highlightedThemeVariable] = function () {
-      return 'red';
-    };
+var ThemesDoc = (props) => {
+  const { renderVisualization, themes: themeVars } = props;
+  const [highlightedThemeVariable, setHighlightedThemeVariable] = (0, react_exports.useState)("");
+  const [selectedTheme, setSelectedTheme] = (0, react_exports.useState)(themeIdToVariant.enterpriseLightComfortable);
+  const previewTheme = cloneDeep_default(themeVars);
+  if ((0, colorUtils_exports.isColor)(themeVars[highlightedThemeVariable])) {
+    previewTheme[highlightedThemeVariable] = () => "red";
   }
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_splunk_react_ui_ColumnLayout__WEBPACK_IMPORTED_MODULE_8___default.a, {
-    style: {
-      marginTop: -20
-    }
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_splunk_react_ui_ColumnLayout__WEBPACK_IMPORTED_MODULE_8___default.a.Row, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_splunk_react_ui_ColumnLayout__WEBPACK_IMPORTED_MODULE_8___default.a.Column, {
-    span: 12
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_splunk_react_ui_Heading__WEBPACK_IMPORTED_MODULE_4___default.a, {
-    level: 4
-  }, "Theme"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_splunk_react_ui_Select__WEBPACK_IMPORTED_MODULE_9___default.a, {
-    value: selectedTheme,
-    onChange: function onChange(e, _ref2) {
-      var value = _ref2.value;
-      return setSelectedTheme(value);
-    }
-  }, Object.keys(themeIdToVariant).map(function (themeId) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_splunk_react_ui_Select__WEBPACK_IMPORTED_MODULE_9___default.a.Option, {
+  return /* @__PURE__ */ react_default.createElement(ColumnLayout_default, { style: { marginTop: -20 } }, /* @__PURE__ */ react_default.createElement(ColumnLayout_default.Row, null, /* @__PURE__ */ react_default.createElement(ColumnLayout_default.Column, { span: 12 }, /* @__PURE__ */ react_default.createElement(Heading_default, { level: 4 }, "Theme"), /* @__PURE__ */ react_default.createElement(Select_default, { value: selectedTheme, onChange: (e, { value }) => setSelectedTheme(value) }, Object.keys(themeIdToVariant).map((themeId) => /* @__PURE__ */ react_default.createElement(
+    Select_default.Option,
+    {
       key: themeId,
       label: themeIdToVariant[themeId].label,
       value: themeIdToVariant[themeId]
-    });
-  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_splunk_react_ui_ColumnLayout__WEBPACK_IMPORTED_MODULE_8___default.a.Row, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_splunk_react_ui_ColumnLayout__WEBPACK_IMPORTED_MODULE_8___default.a.Column, {
-    colStyle: {
-      padding: 10
-    },
-    span: 4
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_splunk_react_ui_Heading__WEBPACK_IMPORTED_MODULE_4___default.a, {
-    level: 4
-  }, "Preview"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_splunk_themes_SplunkThemeProvider__WEBPACK_IMPORTED_MODULE_12___default.a, {
-    family: selectedTheme.family,
-    colorScheme: selectedTheme.colorScheme,
-    density: selectedTheme.density
-  }, renderVisualization()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_splunk_react_ui_Message__WEBPACK_IMPORTED_MODULE_10___default.a, {
-    type: "info"
-  }, "This preview may differ from the visualization's default look and feel. ", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("br", null), "It exists to show areas affected by theme variables.")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_splunk_react_ui_ColumnLayout__WEBPACK_IMPORTED_MODULE_8___default.a.Column, {
-    colStyle: {
-      padding: 10
+    }
+  ))))), /* @__PURE__ */ react_default.createElement(ColumnLayout_default.Row, null, /* @__PURE__ */ react_default.createElement(ColumnLayout_default.Column, { colStyle: { padding: 10 }, span: 4 }, /* @__PURE__ */ react_default.createElement(Heading_default, { level: 4 }, "Preview"), /* @__PURE__ */ react_default.createElement(
+    SplunkThemeProvider_default,
+    {
+      family: selectedTheme.family,
+      colorScheme: selectedTheme.colorScheme,
+      density: selectedTheme.density
     },
-    span: 8
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_splunk_react_ui_Heading__WEBPACK_IMPORTED_MODULE_4___default.a, {
-    level: 4
-  }, "Variables"), Object.keys(previewTheme).map(function (varKey) {
-    var _sharedThemeVariables, _themeFamilyMapping$s;
-
-    var themeValue = previewTheme[varKey]({
-      theme: {
-        splunkThemeV1: lodash_omit__WEBPACK_IMPORTED_MODULE_6___default()(selectedTheme, ['label'])
-      }
-    }); // if a theme variable is in @splunk/visualization-themes and it has the same value
-    // we assume we used the shared variable.
-
-    var isFromSharedVariables = (_splunk_visualization_themes_variables__WEBPACK_IMPORTED_MODULE_14__ === null || _splunk_visualization_themes_variables__WEBPACK_IMPORTED_MODULE_14__ === void 0 ? void 0 : (_sharedThemeVariables = _splunk_visualization_themes_variables__WEBPACK_IMPORTED_MODULE_14__[themeFamilyMapping === null || themeFamilyMapping === void 0 ? void 0 : (_themeFamilyMapping$s = themeFamilyMapping[selectedTheme.family]) === null || _themeFamilyMapping$s === void 0 ? void 0 : _themeFamilyMapping$s[selectedTheme.colorScheme]]) === null || _sharedThemeVariables === void 0 ? void 0 : _sharedThemeVariables[varKey]) === themeValue; // for now we only show simple theme values (nested theme objects shouldn't have been introduced in the first place)
-
-    var isJSON;
-
+    renderVisualization()
+  ), /* @__PURE__ */ react_default.createElement(Message_default, { type: "info" }, "This preview may differ from the visualization's default look and feel. ", /* @__PURE__ */ react_default.createElement("br", null), "It exists to show areas affected by theme variables.")), /* @__PURE__ */ react_default.createElement(ColumnLayout_default.Column, { colStyle: { padding: 10 }, span: 8 }, /* @__PURE__ */ react_default.createElement(Heading_default, { level: 4 }, "Variables"), Object.keys(previewTheme).map((varKey) => {
+    var _a, _b;
+    const themeValue = previewTheme[varKey]({
+      theme: { splunkThemeV1: omit_default(selectedTheme, ["label"]) }
+    });
+    const isFromSharedVariables = ((_b = variables_exports == null ? void 0 : variables_exports[(_a = themeFamilyMapping == null ? void 0 : themeFamilyMapping[selectedTheme.family]) == null ? void 0 : _a[selectedTheme.colorScheme]]) == null ? void 0 : _b[varKey]) === themeValue;
+    let isJSON;
     try {
-      isJSON = _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default()(JSON.parse(themeValue)) === 'object';
-    } catch (e) {} // eslint-disable-line no-empty
-
-
-    return !isJSON && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(ThemeVar, {
-      key: varKey,
-      onMouseOver: function onMouseOver() {
-        return setHighlightedThemeVariable(varKey);
+      isJSON = typeof JSON.parse(themeValue) === "object";
+    } catch (e) {
+    }
+    return !isJSON && /* @__PURE__ */ react_default.createElement(
+      ThemeVar,
+      {
+        key: varKey,
+        onMouseOver: () => setHighlightedThemeVariable(varKey),
+        onMouseOut: () => setHighlightedThemeVariable("")
       },
-      onMouseOut: function onMouseOut() {
-        return setHighlightedThemeVariable('');
-      }
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(ThemeVarName, {
-      highlighted: varKey === highlightedThemeVariable
-    }, "".concat(varKey)), isFromSharedVariables && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_splunk_react_ui_Tooltip__WEBPACK_IMPORTED_MODULE_11___default.a, {
-      content: "This is a shared theme variable from @splunk/visualization-themes"
-    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(Pair, {
-      title: "Value",
-      text: themeValue
-    }));
+      /* @__PURE__ */ react_default.createElement(
+        ThemeVarName,
+        {
+          highlighted: varKey === highlightedThemeVariable
+        },
+        `${varKey}`
+      ),
+      isFromSharedVariables && /* @__PURE__ */ react_default.createElement(Tooltip_default, { content: "This is a shared theme variable from @splunk/visualization-themes" }),
+      /* @__PURE__ */ react_default.createElement(Pair, { title: "Value", text: themeValue })
+    );
   }))));
 };
-
 ThemesDoc.propTypes = {
-  themes: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.object.isRequired,
+  themes: prop_types_default.object.isRequired,
   // @TODO: replace with themes object from viz config when we add docs/descs to theme vars
-  renderVisualization: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.func.isRequired
+  renderVisualization: prop_types_default.func.isRequired
 };
-/* harmony default export */ __webpack_exports__["default"] = (ThemesDoc);
-
-/***/ })
-
-/******/ });
-//# sourceMappingURL=ThemesDoc.js.map
+var ThemesDoc_default = ThemesDoc;
+//# sourceMappingURL=ThemesDoc.js.map