@splunk/visualizations 26.0.0 → 26.1.1

package/common/DocExampleWithVizSandbox.js

@@ -0,0 +1,530 @@
+/*!
+ * 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 = 25);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+/* 1 */
+/***/ (function(module, exports) {
+
+module.exports = require("prop-types");
+
+/***/ }),
+/* 2 */,
+/* 3 */,
+/* 4 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/i18n");
+
+/***/ }),
+/* 5 */,
+/* 6 */,
+/* 7 */,
+/* 8 */
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/slicedToArray");
+
+/***/ }),
+/* 9 */,
+/* 10 */,
+/* 11 */,
+/* 12 */,
+/* 13 */,
+/* 14 */,
+/* 15 */,
+/* 16 */,
+/* 17 */
+/***/ (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__(18);
+
+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)
+    });
+  });
+};
+
+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);
+  });
+};
+
+exports.extractDocItems = extractDocItems;
+
+var formatCodeStringToObject = function formatCodeStringToObject(codeString, regexMatch) {
+  var 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;
+
+  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 _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
+  };
+};
+
+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({
+    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
+      }
+    }
+  } : {}), {
+    defaults: {
+      dataSources: {
+        global: {
+          options: {
+            queryParameters: {
+              latest: '$global_time.latest$',
+              earliest: '$global_time.earliest$'
+            }
+          }
+        }
+      }
+    },
+    inputs: {
+      input_global_trp: {
+        type: 'input.timerange',
+        options: {
+          token: 'global_time',
+          defaultValue: '-24h@h,now'
+        },
+        title: 'Global Time Range'
+      }
+    },
+    layout: {
+      type: 'absolute',
+      options: {},
+      structure: [{
+        item: 'test_viz',
+        type: 'block',
+        position: {
+          x: 0,
+          y: 0,
+          w: 800,
+          h: 500
+        }
+      }],
+      globalInputs: ['input_global_trp']
+    }
+  });
+};
+
+exports.convertToDashboardJSON = convertToDashboardJSON;
+
+/***/ }),
+/* 18 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-docs/UtilPage");
+
+/***/ }),
+/* 19 */,
+/* 20 */,
+/* 21 */,
+/* 22 */,
+/* 23 */,
+/* 24 */,
+/* 25 */
+/***/ (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__(26);
+
+var Button_1 = __webpack_require__(27);
+
+var Code_1 = __webpack_require__(28);
+
+var TransitionOpen_1 = __webpack_require__(29);
+
+var SquaresLayered_1 = __webpack_require__(30);
+
+var Checkmark_1 = __webpack_require__(31);
+
+var EyeSlashed_1 = __webpack_require__(32);
+
+var WindowChevronsSlash_1 = __webpack_require__(33);
+
+var i18n_1 = __webpack_require__(4);
+
+var T = __webpack_require__(1);
+
+var docUtils_1 = __webpack_require__(17);
+
+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;
+    });
+  }, []);
+  React.useEffect(function () {
+    return function () {
+      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) {
+      navigator.clipboard.writeText(prettyJson);
+      setIsCopied(true);
+    }
+
+    setTimeout(function () {
+      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')
+    })];
+  };
+
+  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'
+    }
+  }))));
+};
+
+DocExampleWithVizSandbox.propTypes = {
+  type: T.string,
+  title: T.string,
+  code: T.string,
+  example: T.func,
+  hideSandbox: T.bool
+};
+exports.default = DocExampleWithVizSandbox;
+
+/***/ }),
+/* 26 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-docs/DocExample");
+
+/***/ }),
+/* 27 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Button");
+
+/***/ }),
+/* 28 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Code");
+
+/***/ }),
+/* 29 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/TransitionOpen");
+
+/***/ }),
+/* 30 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/SquaresLayered");
+
+/***/ }),
+/* 31 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/Checkmark");
+
+/***/ }),
+/* 32 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/EyeSlashed");
+
+/***/ }),
+/* 33 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/WindowChevronsSlash");
+
+/***/ })
+/******/ ]);
+//# sourceMappingURL=DocExampleWithVizSandbox.js.map

package/common/DocExampleWithVizSandbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"react\"","webpack:///external \"prop-types\"","webpack:///external \"@splunk/ui-utils/i18n\"","webpack:///external \"@babel/runtime/helpers/slicedToArray\"","webpack:///./src/common/docUtils.tsx","webpack:///external \"@splunk/react-docs/UtilPage\"","webpack:///./src/common/DocExampleWithVizSandbox.tsx","webpack:///external \"@splunk/react-docs/DocExample\"","webpack:///external \"@splunk/react-ui/Button\"","webpack:///external \"@splunk/react-ui/Code\"","webpack:///external \"@splunk/react-ui/TransitionOpen\"","webpack:///external \"@splunk/react-icons/SquaresLayered\"","webpack:///external \"@splunk/react-icons/Checkmark\"","webpack:///external \"@splunk/react-icons/EyeSlashed\"","webpack:///external \"@splunk/react-icons/WindowChevronsSlash\""],"names":[],"mappings":"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","file":"DocExampleWithVizSandbox.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 25);\n","module.exports = require(\"react\");","module.exports = require(\"prop-types\");","module.exports = require(\"@splunk/ui-utils/i18n\");","module.exports = require(\"@babel/runtime/helpers/slicedToArray\");","import * as React from 'react';\nimport UtilPage from '@splunk/react-docs/UtilPage';\n\n// https://github.com/jsdoc2md/jsdoc-api#synopsis\ninterface JsDoc {\n    access?: string;\n    classdesc?: string;\n    comment: string;\n    kind: string;\n    longname: string;\n    meta: Record<string, unknown>;\n    member: string;\n    name: string;\n    scope: string;\n}\n\nconst sharedSelectors = ['getField', 'getType', 'min', 'max'];\n\nconst formatSidebarItemName = (name: string, className: string): string => {\n    return sharedSelectors.find(sharedSelector => name === sharedSelector) ? `${className}#${name}` : name;\n};\n\nconst removePrependedClassName = (longname = ''): string => longname.slice(longname.indexOf('#') + 1);\n\nconst formatDSLSelectorDocs = (docs: JsDoc[]): JsDoc[] =>\n    docs.map(doc => ({\n        ...doc,\n        longname: removePrependedClassName(doc.longname),\n    }));\n\nexport const getFormatterClassdesc = (\n    formatterDocs: JsDoc[],\n    name: string\n): { name: string; markdown: string } => ({\n    name,\n    markdown: `# ${name}\\n ${formatterDocs.find(doc => doc.name === name && doc.kind === 'class').classdesc}`,\n});\n\nexport const extractDocItems = (\n    docs: JsDoc[],\n    className: string\n): { name: string; component: (...args: any[]) => any }[] => {\n    const classHeaderDoc = docs[0];\n    const fileDoc = docs[docs.length - 1];\n    const filteredDocs = formatDSLSelectorDocs(docs).filter(\n        ({ access, comment }) => access === 'public' && comment\n    );\n\n    return filteredDocs\n        .map(doc => ({\n            name: formatSidebarItemName(doc.name, className),\n            component: function UtilDoc() {\n                // named function so linter doesnt raise react/display-name error\n                return (\n                    <UtilPage\n                        title={`${className}#${doc.name}`}\n                        status={1}\n                        docs={[classHeaderDoc, doc, fileDoc]}\n                    />\n                );\n            },\n        }))\n        .sort((a, b) => a.name.localeCompare(b.name));\n};\n\nexport const formatCodeStringToObject = (codeString: string, regexMatch: RegExp): any => {\n    const match = regexMatch.exec(codeString);\n    if (!match) return null;\n\n    const stringToParse = `{${match[1]}}`;\n\n    // remove trailing commas\n    const removedCommas = stringToParse.replace(/,(?!\\s*?[-{[\"'\\w])/g, '');\n\n    // convert double quotes (which only occur inside strings) to back quotes\n    const backQuotes = removedCommas.replace(/\"/g, '`');\n    // replace single quotes with double quotes\n    const doubleQuotes = backQuotes.replace(/'/g, '\"');\n    // replace back quotes with single quotes\n    const singleQuotes = doubleQuotes.replace(/`/g, \"'\");\n\n    // add quotes around keys\n    const quotesAroundKeys = singleQuotes.replace(/\\b(\\w+)\\s*:(?=\\s)/g, '\"$1\":');\n\n    let retval = null;\n    try {\n        retval = JSON.parse(quotesAroundKeys);\n    } catch (e) {\n        // eslint-disable-next-line no-console\n        console.error(e);\n    }\n    return retval;\n};\n\nexport const extractDataFromReactCode = (codeString: string): any => {\n    const primaryRegex = /dataSources={{([\\s\\S]*?primary:[\\s\\S]*?)}}/;\n    const { primary } = formatCodeStringToObject(codeString, primaryRegex) ?? {};\n\n    const optionsRegex = /options={{([\\s\\S]*?)}}/;\n    const options = formatCodeStringToObject(codeString, optionsRegex);\n\n    const contextRegex = /context={{([\\s\\S]*?)}}/;\n    const context = formatCodeStringToObject(codeString, contextRegex);\n\n    return { primary, options, context };\n};\n\n// Takes a stringified react viz example and a viz type\n// Returns a dashboard definition object.\n// e.g. codeString: '<Area dataSources={{}} options={{}} />'\n//      type: 'splunk.area'\nexport const convertToDashboardJSON = (codeString: string, type: string): any => {\n    const { options, primary, context } = extractDataFromReactCode(codeString);\n\n    return {\n        visualizations: {\n            test_viz: {\n                type,\n                ...(options ? { options } : {}),\n                ...(primary ? { dataSources: { primary: 'primary' } } : {}),\n                ...(context ? { context } : {}),\n            },\n        },\n        ...(primary ? { dataSources: { primary: { type: 'ds.test', options: primary } } } : {}),\n        defaults: {\n            dataSources: {\n                global: {\n                    options: {\n                        queryParameters: {\n                            latest: '$global_time.latest$',\n                            earliest: '$global_time.earliest$',\n                        },\n                    },\n                },\n            },\n        },\n        inputs: {\n            input_global_trp: {\n                type: 'input.timerange',\n                options: {\n                    token: 'global_time',\n                    defaultValue: '-24h@h,now',\n                },\n                title: 'Global Time Range',\n            },\n        },\n        layout: {\n            type: 'absolute',\n            options: {},\n            structure: [\n                {\n                    item: 'test_viz',\n                    type: 'block',\n                    position: {\n                        x: 0,\n                        y: 0,\n                        w: 800,\n                        h: 500,\n                    },\n                },\n            ],\n            globalInputs: ['input_global_trp'],\n        },\n    };\n};\n","module.exports = require(\"@splunk/react-docs/UtilPage\");","import * as React from 'react';\nimport DocExample from '@splunk/react-docs/DocExample';\nimport Button from '@splunk/react-ui/Button';\nimport Code from '@splunk/react-ui/Code';\nimport TransitionOpen from '@splunk/react-ui/TransitionOpen';\nimport SquaresLayered from '@splunk/react-icons/SquaresLayered';\nimport Checkmark from '@splunk/react-icons/Checkmark';\nimport EyeSlashed from '@splunk/react-icons/EyeSlashed';\nimport WindowChevronsSlash from '@splunk/react-icons/WindowChevronsSlash';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport * as T from 'prop-types';\nimport { convertToDashboardJSON } from './docUtils';\n\ninterface DocExampleWithVizSandboxProps {\n    type: string;\n    title: string;\n    code: string;\n    example: () => React.ReactElement;\n    hideSandbox?: boolean;\n    description?: string;\n}\n\nconst DocExampleWithVizSandbox = (props: DocExampleWithVizSandboxProps): React.ReactElement => {\n    const { type, title, code, example, hideSandbox = false, description } = props;\n    const [isCopied, setIsCopied] = React.useState(false);\n    const [showCode, setShowCode] = React.useState(false);\n    const isMounted = React.useRef(true);\n\n    const toggleShowCode = React.useCallback(() => {\n        setShowCode(state => !state);\n    }, []);\n\n    React.useEffect((): (() => void) => {\n        return () => {\n            isMounted.current = false;\n            setIsCopied(false);\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    if (hideSandbox) return <DocExample title={title} code={code} example={example} />;\n\n    const objDefn = convertToDashboardJSON(code, type);\n    // set spacing level to 4\n    const prettyJson = JSON.stringify(objDefn, null, 4);\n\n    const copyToClipBoard = () => {\n        if ('clipboard' in navigator) {\n            navigator.clipboard.writeText(prettyJson);\n            setIsCopied(true);\n        }\n        setTimeout(() => {\n            if (isMounted.current) {\n                setIsCopied(false);\n            }\n        }, 5000);\n    };\n\n    const renderAdditionalActions = () => [\n        <Button\n            key=\"show-dashboard-definition\"\n            appearance=\"toggle\"\n            onClick={toggleShowCode}\n            icon={showCode ? <EyeSlashed /> : <WindowChevronsSlash />}\n            label={showCode ? _('Hide dashboard definition') : _('Show dashboard definition')}\n        />,\n    ];\n\n    return (\n        <DocExample\n            renderAdditionalActions={renderAdditionalActions}\n            title={title}\n            code={code}\n            example={example}\n            description={description}\n        >\n            <TransitionOpen\n                animation=\"slideFromTop\"\n                open={showCode}\n                retainFocus={false}\n                takeFocus={false}\n                renderChildrenWhenCollapsed={false}\n                animateOnMount={false}\n            >\n                <div style={{ display: 'flex', justifyContent: 'space-between' }}>\n                    <Code value={prettyJson} language=\"json\" />\n                    <Button\n                        onClick={copyToClipBoard}\n                        icon={isCopied ? <Checkmark /> : <SquaresLayered />}\n                        label={isCopied ? _('Copied') : _('Copy to clipboard')}\n                        style={{ height: '30px', maxWidth: '164px' }}\n                    />\n                </div>\n            </TransitionOpen>\n        </DocExample>\n    );\n};\n\nDocExampleWithVizSandbox.propTypes = {\n    type: T.string,\n    title: T.string,\n    code: T.string,\n    example: T.func,\n    hideSandbox: T.bool,\n};\n\nexport default DocExampleWithVizSandbox;\n","module.exports = require(\"@splunk/react-docs/DocExample\");","module.exports = require(\"@splunk/react-ui/Button\");","module.exports = require(\"@splunk/react-ui/Code\");","module.exports = require(\"@splunk/react-ui/TransitionOpen\");","module.exports = require(\"@splunk/react-icons/SquaresLayered\");","module.exports = require(\"@splunk/react-icons/Checkmark\");","module.exports = require(\"@splunk/react-icons/EyeSlashed\");","module.exports = require(\"@splunk/react-icons/WindowChevronsSlash\");"],"sourceRoot":""}