@splunk/visualizations 26.4.1 → 27.1.0

package/common/DocExampleWithVizSandbox.js

@@ -1,272 +1,211 @@
-/*!
- * 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 = 47);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, exports) {
-
-module.exports = require("prop-types");
-
-/***/ }),
-
-/***/ 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);
+/* 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 formatDSLSelectorDocs = function formatDSLSelectorDocs(docs) {
-  return docs.map(function (doc) {
-    return Object.assign(Object.assign({}, doc), {
-      longname: removePrependedClassName(doc.longname)
-    });
-  });
+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 });
 };
-
-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)
-  };
-};
-
-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/DocExampleWithVizSandbox.tsx
+var DocExampleWithVizSandbox_exports = {};
+__export(DocExampleWithVizSandbox_exports, {
+  default: () => DocExampleWithVizSandbox_default
+});
+module.exports = __toCommonJS(DocExampleWithVizSandbox_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:@splunk/react-docs/DocExample
+var DocExample_exports = {};
+__export(DocExample_exports, {
+  default: () => DocExample_default
+});
+var defaultImport2 = __toESM(require("@splunk/react-docs/DocExample"));
+__reExport(DocExample_exports, require("@splunk/react-docs/DocExample"));
+var DocExample_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+
+// esm-externals:@splunk/react-ui/Button
+var Button_exports = {};
+__export(Button_exports, {
+  default: () => Button_default
+});
+var defaultImport3 = __toESM(require("@splunk/react-ui/Button"));
+__reExport(Button_exports, require("@splunk/react-ui/Button"));
+var Button_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+
+// esm-externals:@splunk/react-ui/Code
+var Code_exports = {};
+__export(Code_exports, {
+  default: () => Code_default
+});
+var defaultImport4 = __toESM(require("@splunk/react-ui/Code"));
+__reExport(Code_exports, require("@splunk/react-ui/Code"));
+var Code_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
+
+// esm-externals:@splunk/react-ui/TransitionOpen
+var TransitionOpen_exports = {};
+__export(TransitionOpen_exports, {
+  default: () => TransitionOpen_default
+});
+var defaultImport5 = __toESM(require("@splunk/react-ui/TransitionOpen"));
+__reExport(TransitionOpen_exports, require("@splunk/react-ui/TransitionOpen"));
+var TransitionOpen_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+
+// esm-externals:@splunk/react-icons/SquaresLayered
+var SquaresLayered_exports = {};
+__export(SquaresLayered_exports, {
+  default: () => SquaresLayered_default
+});
+var defaultImport6 = __toESM(require("@splunk/react-icons/SquaresLayered"));
+__reExport(SquaresLayered_exports, require("@splunk/react-icons/SquaresLayered"));
+var SquaresLayered_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
+
+// esm-externals:@splunk/react-icons/Checkmark
+var Checkmark_exports = {};
+__export(Checkmark_exports, {
+  default: () => Checkmark_default
+});
+var defaultImport7 = __toESM(require("@splunk/react-icons/Checkmark"));
+__reExport(Checkmark_exports, require("@splunk/react-icons/Checkmark"));
+var Checkmark_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
+
+// esm-externals:@splunk/react-icons/EyeSlashed
+var EyeSlashed_exports = {};
+__export(EyeSlashed_exports, {
+  default: () => EyeSlashed_default
+});
+var defaultImport8 = __toESM(require("@splunk/react-icons/EyeSlashed"));
+__reExport(EyeSlashed_exports, require("@splunk/react-icons/EyeSlashed"));
+var EyeSlashed_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
+
+// esm-externals:@splunk/react-icons/WindowChevronsSlash
+var WindowChevronsSlash_exports = {};
+__export(WindowChevronsSlash_exports, {
+  default: () => WindowChevronsSlash_default
+});
+var defaultImport9 = __toESM(require("@splunk/react-icons/WindowChevronsSlash"));
+__reExport(WindowChevronsSlash_exports, require("@splunk/react-icons/WindowChevronsSlash"));
+var WindowChevronsSlash_default = "default" in defaultImport9 ? defaultImport9.default : defaultImport9;
+
+// esm-externals:@splunk/ui-utils/i18n
+var i18n_exports = {};
+__export(i18n_exports, {
+  default: () => i18n_default
+});
+var defaultImport10 = __toESM(require("@splunk/ui-utils/i18n"));
+__reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
+var i18n_default = "default" in defaultImport10 ? defaultImport10.default : defaultImport10;
+
+// esm-externals:prop-types
+var prop_types_exports = {};
+__export(prop_types_exports, {
+  default: () => prop_types_default
+});
+var defaultImport11 = __toESM(require("prop-types"));
+__reExport(prop_types_exports, require("prop-types"));
+var prop_types_default = "default" in defaultImport11 ? defaultImport11.default : defaultImport11;
+
+// esm-externals:@splunk/react-docs/UtilPage
+var UtilPage_exports = {};
+__export(UtilPage_exports, {
+  default: () => UtilPage_default
+});
+var defaultImport12 = __toESM(require("@splunk/react-docs/UtilPage"));
+__reExport(UtilPage_exports, require("@splunk/react-docs/UtilPage"));
+var UtilPage_default = "default" in defaultImport12 ? defaultImport12.default : defaultImport12;
 
-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
-      } : {})
+      test_viz: __spreadValues(__spreadValues(__spreadValues({
+        type
+      }, options ? { options } : {}), primary ? { dataSources: { primary: "primary" } } : {}), context ? { context } : {})
     }
-  }, primary ? {
-    dataSources: {
-      primary: {
-        type: 'ds.test',
-        options: primary
-      }
-    }
-  } : {}), {
+  }, 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$"
             }
           }
         }
@@ -274,254 +213,112 @@ 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");
-
-/***/ }),
-
-/***/ 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);
+    }, 5e3);
   };
-
-  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')
-    })];
-  };
-
-  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");
-
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ }),
-
-/***/ 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");
-
-/***/ }),
-
-/***/ 8:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/slicedToArray");
-
-/***/ })
-
-/******/ });
-//# sourceMappingURL=DocExampleWithVizSandbox.js.map
+var DocExampleWithVizSandbox_default = DocExampleWithVizSandbox;
+//# sourceMappingURL=DocExampleWithVizSandbox.js.map