@splunk/react-ui 4.21.0 → 4.22.0

package/JSONTree.js

@@ -1,563 +1,702 @@
-/******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* reexport */ JSONTree_JSONTree)
-});
-
-;// CONCATENATED MODULE: external "react"
-const external_react_namespaceObject = require("react");
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
-;// CONCATENATED MODULE: external "prop-types"
-const external_prop_types_namespaceObject = require("prop-types");
-var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/isString"
-const isString_namespaceObject = require("lodash/isString");
-var isString_default = /*#__PURE__*/__webpack_require__.n(isString_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/fill"
-const fill_namespaceObject = require("lodash/fill");
-var fill_default = /*#__PURE__*/__webpack_require__.n(fill_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/isArray"
-const isArray_namespaceObject = require("lodash/isArray");
-var isArray_default = /*#__PURE__*/__webpack_require__.n(isArray_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/isEmpty"
-const isEmpty_namespaceObject = require("lodash/isEmpty");
-var isEmpty_default = /*#__PURE__*/__webpack_require__.n(isEmpty_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/isNumber"
-const isNumber_namespaceObject = require("lodash/isNumber");
-var isNumber_default = /*#__PURE__*/__webpack_require__.n(isNumber_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/isObject"
-const isObject_namespaceObject = require("lodash/isObject");
-var isObject_default = /*#__PURE__*/__webpack_require__.n(isObject_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/keys"
-const keys_namespaceObject = require("lodash/keys");
-var keys_default = /*#__PURE__*/__webpack_require__.n(keys_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/repeat"
-const repeat_namespaceObject = require("lodash/repeat");
-var repeat_default = /*#__PURE__*/__webpack_require__.n(repeat_namespaceObject);
-;// CONCATENATED MODULE: external "styled-components"
-const external_styled_components_namespaceObject = require("styled-components");
-var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-const Clickable_namespaceObject = require("@splunk/react-ui/Clickable");
-var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/themes"
-const themes_namespaceObject = require("@splunk/themes");
-;// CONCATENATED MODULE: ./src/JSONTree/TreeNodeStyles.ts
-
-
-
-var typeColor = {
-  string: (0,themes_namespaceObject.pick)({
-    enterprise: {
-      dark: '#00b0b3',
-      light: '#00787A'
-    },
-    prisma: themes_namespaceObject.variables.syntaxTeal
-  }),
-  number: (0,themes_namespaceObject.pick)({
-    enterprise: {
-      dark: '#8bacfd',
-      light: '#1f5df9'
-    },
-    prisma: themes_namespaceObject.variables.syntaxBlue
-  }),
-  "boolean": (0,themes_namespaceObject.pick)({
-    enterprise: {
-      dark: '#af8aff',
-      light: themes_namespaceObject.variables.syntaxPurple
-    },
-    prisma: themes_namespaceObject.variables.syntaxPurple
-  }),
-  "null": (0,themes_namespaceObject.pick)({
-    enterprise: {
-      dark: '#f0b375',
-      light: '#ad5700'
-    },
-    prisma: themes_namespaceObject.variables.syntaxBrown
-  }),
-  object: themes_namespaceObject.variables.contentColorDefault
-};
-var wrap = (0,external_styled_components_namespaceObject.css)(["word-break:break-word;word-wrap:break-word;"]);
-var TreeNodeStyles_scroll = (0,external_styled_components_namespaceObject.css)(["white-space:nowrap;"]);
-var StyledValue = external_styled_components_default().span.withConfig({
-  displayName: "TreeNodeStyles__StyledValue",
-  componentId: "sc-1rdul18-0"
-})(["color:", ";", ";"], function (_ref) {
-  var valueType = _ref.valueType;
-  return typeColor[valueType];
-}, function (_ref2) {
-  var overflowType = _ref2.overflowType;
-  return overflowType === 'wrap' ? wrap : TreeNodeStyles_scroll;
-});
-var StyledValueInteractiveClickable = external_styled_components_default()(StyledValue.withComponent((Clickable_default()))).withConfig({
-  displayName: "TreeNodeStyles__StyledValueInteractiveClickable",
-  componentId: "sc-1rdul18-1"
-})(["font-family:inherit;&:focus{box-shadow:0 0 1px 3px ", ";outline:0;&:active{box-shadow:none;}}&:hover{background-color:", ";}"], themes_namespaceObject.variables.focusColor, (0,themes_namespaceObject.pick)({
-  enterprise: themes_namespaceObject.variables.backgroundColorHover,
-  prisma: themes_namespaceObject.variables.interactiveColorOverlayHover
-}));
-var StyledProperty = external_styled_components_default().span.withConfig({
-  displayName: "TreeNodeStyles__StyledProperty",
-  componentId: "sc-1rdul18-2"
-})(["font-weight:bold;color:", ";"], (0,themes_namespaceObject.pick)({
-  enterprise: {
-    dark: '#ec9f98',
-    light: themes_namespaceObject.variables.syntaxRed
-  },
-  prisma: themes_namespaceObject.variables.syntaxRed
-}));
-var StyledPropertyInteractiveClickable = external_styled_components_default()(StyledProperty.withComponent((Clickable_default()))).withConfig({
-  displayName: "TreeNodeStyles__StyledPropertyInteractiveClickable",
-  componentId: "sc-1rdul18-3"
-})(["font-family:inherit;&:focus{box-shadow:0 0 1px 3px ", ";outline:0;&:active{box-shadow:none;}}&:hover{background-color:", ";}"], themes_namespaceObject.variables.focusColor, (0,themes_namespaceObject.pick)({
-  enterprise: themes_namespaceObject.variables.backgroundColorHover,
-  prisma: themes_namespaceObject.variables.interactiveColorOverlayHover
-}));
-var StyledExpandLinkClickable = external_styled_components_default()((Clickable_default())).withConfig({
-  displayName: "TreeNodeStyles__StyledExpandLinkClickable",
-  componentId: "sc-1rdul18-4"
-})(["cursor:pointer;color:", ";font-family:inherit;&:hover{background-color:", ";text-decoration:none;}&:focus{box-shadow:", ";&:active{box-shadow:none;}}", ""], (0,themes_namespaceObject.pick)({
-  enterprise: {
-    dark: themes_namespaceObject.variables.accentColorL20,
-    light: themes_namespaceObject.variables.accentColorD20
-  },
-  prisma: themes_namespaceObject.variables.interactiveColorPrimary
-}), (0,themes_namespaceObject.pick)({
-  enterprise: themes_namespaceObject.variables.backgroundColorHover,
-  prisma: themes_namespaceObject.variables.interactiveColorOverlayHover
-}), themes_namespaceObject.variables.focusShadowInset, (0,themes_namespaceObject.pick)({
-  prisma: (0,external_styled_components_namespaceObject.css)(["border-radius:", ";"], themes_namespaceObject.variables.borderRadius)
-}));
-
-;// CONCATENATED MODULE: ./src/JSONTree/TreeNode.tsx
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-
-
-
-
-
-
-
-
-var propTypes = {
-  path: external_prop_types_default().arrayOf(external_prop_types_default().oneOfType([(external_prop_types_default()).number, (external_prop_types_default()).string])),
-  defaultOpen: (external_prop_types_default()).bool,
-  expandChildren: external_prop_types_default().oneOfType([(external_prop_types_default()).bool, external_prop_types_default().oneOf(['withShiftModifier'])]),
-  indent: (external_prop_types_default()).number,
-  indentLevel: (external_prop_types_default()).number,
-  obj: external_prop_types_default().oneOfType([(external_prop_types_default()).object, (external_prop_types_default()).array, (external_prop_types_default()).number, (external_prop_types_default()).string, (external_prop_types_default()).bool]).isRequired,
-  onClickKey: (external_prop_types_default()).func,
-  onClickValue: (external_prop_types_default()).func,
-  overflow: external_prop_types_default().oneOf(['wrap', 'scroll'])
-};
-var defaultProps = {
-  path: [],
-  defaultOpen: false,
-  expandChildren: false,
-  indent: 4,
-  indentLevel: 1,
-  overflow: 'scroll'
-};
-var shift;
-/**
- * An internal container class for expandable tree nodes (objects and arrays).
- */
-
-var JSONTreeNode = /*#__PURE__*/function (_Component) {
-  _inherits(JSONTreeNode, _Component);
-
-  var _super = _createSuper(JSONTreeNode);
-
-  function JSONTreeNode(props) {
-    var _this;
-
-    _classCallCheck(this, JSONTreeNode);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "regularIndent", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "closingIndent", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "handleExpandClick", function (e) {
-      if (_this.props.expandChildren === 'withShiftModifier') {
-        shift = e.shiftKey;
-      }
-
-      _this.setState(function (state) {
-        return {
-          open: !state.open
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleClickKey", function (e, key) {
-      var _this$props$onClickKe, _this$props;
-
-      var path = _this.props.path; // When rendering a single value key is not present, here we prevent `[undefined]` in path
-
-      var keyPath = key !== undefined ? [].concat(_toConsumableArray(path), [key]) : _toConsumableArray(path);
-      var keyPathString = ".".concat(keyPath.join('.'));
-      (_this$props$onClickKe = (_this$props = _this.props).onClickKey) === null || _this$props$onClickKe === void 0 ? void 0 : _this$props$onClickKe.call(_this$props, e, {
-        key: keyPathString,
-        keyPath: keyPath
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleClickValue", function (e, key) {
-      var _this$props$onClickVa, _this$props2;
-
-      var path = _this.props.path; // When rendering a single value key is not present, here we prevent `[undefined]` in path
-
-      var keyPath = key !== undefined ? [].concat(_toConsumableArray(path), [key]) : _toConsumableArray(path);
-      var keyPathString = ".".concat(keyPath.join('.'));
-      (_this$props$onClickVa = (_this$props2 = _this.props).onClickValue) === null || _this$props$onClickVa === void 0 ? void 0 : _this$props$onClickVa.call(_this$props2, e, {
-        key: keyPathString,
-        keyPath: keyPath,
-        value: e.target.textContent // TS: cannot be null in this component, see textContent docs
-
-      });
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* webpack/runtime/compat get default export */
+    /******/    (() => {
+        /******/ // getDefaultExport function for compatibility with non-harmony modules
+        /******/ e.n = r => {
+            /******/ var t = r && r.__esModule ? 
+            /******/ () => r["default"]
+            /******/ : () => r
+            /******/;
+            e.d(t, {
+                a: t
+            });
+            /******/            return t;
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/define property getters */
+    /******/    (() => {
+        /******/ // define getter functions for harmony exports
+        /******/ e.d = (r, t) => {
+            /******/ for (var n in t) {
+                /******/ if (e.o(t, n) && !e.o(r, n)) {
+                    /******/ Object.defineProperty(r, n, {
+                        enumerable: true,
+                        get: t[n]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ e.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var r = {};
+    // ESM COMPAT FLAG
+        e.r(r);
+    // EXPORTS
+        e.d(r, {
+        default: () => /* reexport */ ke
     });
-
-    if (_this.props.expandChildren === 'withShiftModifier' && shift !== undefined) {
-      _this.state = shift ? {
-        open: true
-      } : {
-        open: false
-      };
-    } else {
-      _this.state = {
-        open: props.defaultOpen
-      };
-    }
-
-    _this.regularIndent = fill_default()(Array(props.indentLevel), repeat_default()("\xA0", props.indent));
-    _this.closingIndent = fill_default()(Array(props.indentLevel - 1), repeat_default()("\xA0", props.indent));
-    return _this;
-  }
-
-  _createClass(JSONTreeNode, [{
-    key: "renderExpandLink",
-    value: function renderExpandLink() {
-      var _this2 = this;
-
-      return /*#__PURE__*/external_react_default().createElement(StyledExpandLinkClickable, {
-        onClick: function onClick(e) {
-          _this2.handleExpandClick(e);
+    // CONCATENATED MODULE: external "react"
+    const t = require("react");
+    var n =  e.n(t);
+    // CONCATENATED MODULE: external "prop-types"
+    const o = require("prop-types");
+    var a =  e.n(o);
+    // CONCATENATED MODULE: external "lodash/isString"
+    const i = require("lodash/isString");
+    var l =  e.n(i);
+    // CONCATENATED MODULE: ./src/JSONTree/JSONTreeContext.ts
+    var u =  (0, t.createContext)({});
+    u.displayName = "JSONTree";
+    /* harmony default export */    const c = u;
+    // CONCATENATED MODULE: external "lodash/fill"
+    const s = require("lodash/fill");
+    var f =  e.n(s);
+    // CONCATENATED MODULE: external "lodash/isArray"
+    const p = require("lodash/isArray");
+    var d =  e.n(p);
+    // CONCATENATED MODULE: external "lodash/isEmpty"
+    const v = require("lodash/isEmpty");
+    var y =  e.n(v);
+    // CONCATENATED MODULE: external "lodash/isNumber"
+    const b = require("lodash/isNumber");
+    var h =  e.n(b);
+    // CONCATENATED MODULE: external "lodash/isObject"
+    const m = require("lodash/isObject");
+    var k =  e.n(m);
+    // CONCATENATED MODULE: external "lodash/keys"
+    const g = require("lodash/keys");
+    var w =  e.n(g);
+    // CONCATENATED MODULE: external "lodash/repeat"
+    const C = require("lodash/repeat");
+    var S =  e.n(C);
+    // CONCATENATED MODULE: external "styled-components"
+    const O = require("styled-components");
+    var x =  e.n(O);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
+    const j = require("@splunk/react-ui/Clickable");
+    var T =  e.n(j);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const E = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/JSONTree/TreeNodeStyles.ts
+    var _ = {
+        string: (0, E.pick)({
+            enterprise: {
+                dark: "#00b0b3",
+                light: "#00787A"
+            },
+            prisma: E.variables.syntaxTeal
+        }),
+        number: (0, E.pick)({
+            enterprise: {
+                dark: "#8bacfd",
+                light: "#1f5df9"
+            },
+            prisma: E.variables.syntaxBlue
+        }),
+        boolean: (0, E.pick)({
+            enterprise: {
+                dark: "#af8aff",
+                light: E.variables.syntaxPurple
+            },
+            prisma: E.variables.syntaxPurple
+        }),
+        null: (0, E.pick)({
+            enterprise: {
+                dark: "#f0b375",
+                light: "#ad5700"
+            },
+            prisma: E.variables.syntaxBrown
+        }),
+        object: E.variables.contentColorDefault
+    };
+    var I = (0, O.css)([ "word-break:break-word;word-wrap:break-word;" ]);
+    var P = (0, O.css)([ "white-space:nowrap;" ]);
+    var N = x().span.withConfig({
+        displayName: "TreeNodeStyles__StyledValue",
+        componentId: "sc-1rdul18-0"
+    })([ "color:", ";", ";" ], (function(e) {
+        var r = e.valueType;
+        return _[r];
+    }), (function(e) {
+        var r = e.overflowType;
+        return r === "wrap" ? I : P;
+    }));
+    var A = x()(N.withComponent(T())).withConfig({
+        displayName: "TreeNodeStyles__StyledValueInteractiveClickable",
+        componentId: "sc-1rdul18-1"
+    })([ "font-family:inherit;&:focus{box-shadow:0 0 1px 3px ", ";outline:0;&:active{box-shadow:none;}}&:hover{background-color:", ";}" ], E.variables.focusColor, (0, 
+    E.pick)({
+        enterprise: E.variables.backgroundColorHover,
+        prisma: E.variables.interactiveColorOverlayHover
+    }));
+    var q = x().span.withConfig({
+        displayName: "TreeNodeStyles__StyledProperty",
+        componentId: "sc-1rdul18-2"
+    })([ "font-weight:bold;color:", ";" ], (0, E.pick)({
+        enterprise: {
+            dark: "#ec9f98",
+            light: E.variables.syntaxRed
         },
-        "aria-expanded": this.state.open,
-        "data-test": "toggle"
-      }, "\xA0", this.state.open ? '[-]' : '[+]', "\xA0");
-    }
-  }, {
-    key: "renderValue",
-    value: function renderValue(_ref) {
-      var _this3 = this;
-
-      var value = _ref.value,
-          key = _ref.key;
-      var _this$props3 = this.props,
-          indent = _this$props3.indent,
-          indentLevel = _this$props3.indentLevel,
-          onClickKey = _this$props3.onClickKey,
-          onClickValue = _this$props3.onClickValue,
-          expandChildren = _this$props3.expandChildren,
-          overflow = _this$props3.overflow,
-          path = _this$props3.path;
-      var representation = null; // determine if value should be represented as a simple string
-      // or as a child node
-
-      if (!isObject_default()(value)) {
-        // isObject is true for arrays
-        if (typeof value === 'string') {
-          representation = "\"".concat(value, "\"");
-        } else if (typeof value === 'boolean') {
-          representation = value.toString();
-        } else if (value === null) {
-          representation = 'null';
+        prisma: E.variables.syntaxRed
+    }));
+    var K = x()(q.withComponent(T())).withConfig({
+        displayName: "TreeNodeStyles__StyledPropertyInteractiveClickable",
+        componentId: "sc-1rdul18-3"
+    })([ "font-family:inherit;&:focus{box-shadow:0 0 1px 3px ", ";outline:0;&:active{box-shadow:none;}}&:hover{background-color:", ";}" ], E.variables.focusColor, (0, 
+    E.pick)({
+        enterprise: E.variables.backgroundColorHover,
+        prisma: E.variables.interactiveColorOverlayHover
+    }));
+    var V = x()(T()).withConfig({
+        displayName: "TreeNodeStyles__StyledExpandLinkClickable",
+        componentId: "sc-1rdul18-4"
+    })([ "cursor:pointer;color:", ";font-family:inherit;&:hover{background-color:", ";text-decoration:none;}&:focus{box-shadow:", ";&:active{box-shadow:none;}}", "" ], (0, 
+    E.pick)({
+        enterprise: {
+            dark: E.variables.accentColorL20,
+            light: E.variables.accentColorD20
+        },
+        prisma: E.variables.interactiveColorPrimary
+    }), (0, E.pick)({
+        enterprise: E.variables.backgroundColorHover,
+        prisma: E.variables.interactiveColorOverlayHover
+    }), E.variables.focusShadowInset, (0, E.pick)({
+        prisma: (0, O.css)([ "border-radius:", ";" ], E.variables.borderRadius)
+    }));
+    // CONCATENATED MODULE: ./src/JSONTree/TreeNode.tsx
+    function R(e) {
+        "@babel/helpers - typeof";
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+            R = function e(r) {
+                return typeof r;
+            };
         } else {
-          representation = value;
+            R = function e(r) {
+                return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
+            };
+        }
+        return R(e);
+    }
+    function L(e) {
+        return J(e) || D(e) || H(e) || M();
+    }
+    function M() {
+        throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    function H(e, r) {
+        if (!e) return;
+        if (typeof e === "string") return B(e, r);
+        var t = Object.prototype.toString.call(e).slice(8, -1);
+        if (t === "Object" && e.constructor) t = e.constructor.name;
+        if (t === "Map" || t === "Set") return Array.from(e);
+        if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return B(e, r);
+    }
+    function D(e) {
+        if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
+    }
+    function J(e) {
+        if (Array.isArray(e)) return B(e);
+    }
+    function B(e, r) {
+        if (r == null || r > e.length) r = e.length;
+        for (var t = 0, n = new Array(r); t < r; t++) {
+            n[t] = e[t];
+        }
+        return n;
+    }
+    function F(e, r) {
+        if (!(e instanceof r)) {
+            throw new TypeError("Cannot call a class as a function");
         }
-      } else if (isEmpty_default()(value)) {
-        // isObject is true for arrays
-        representation = isArray_default()(value) ? '[]' : '{}';
-      } else {
-        representation = /*#__PURE__*/external_react_default().createElement(JSONTreeNode, {
-          obj: value,
-          path: key !== undefined ? [].concat(_toConsumableArray(path), [key]) : _toConsumableArray(path) // Prevent undefined from being added to path for single value edge-case
-          ,
-          defaultOpen: expandChildren === true,
-          expandChildren: expandChildren,
-          onClickKey: onClickKey,
-          onClickValue: onClickValue,
-          indent: indent,
-          indentLevel: indentLevel + 1,
-          overflow: overflow
+    }
+    function U(e, r) {
+        for (var t = 0; t < r.length; t++) {
+            var n = r[t];
+            n.enumerable = n.enumerable || false;
+            n.configurable = true;
+            if ("value" in n) n.writable = true;
+            Object.defineProperty(e, n.key, n);
+        }
+    }
+    function $(e, r, t) {
+        if (r) U(e.prototype, r);
+        if (t) U(e, t);
+        return e;
+    }
+    function W(e, r) {
+        if (typeof r !== "function" && r !== null) {
+            throw new TypeError("Super expression must either be null or a function");
+        }
+        e.prototype = Object.create(r && r.prototype, {
+            constructor: {
+                value: e,
+                writable: true,
+                configurable: true
+            }
         });
-      } // for string or number representations, apply styles and optional interactivity
-
-
-      if (isString_default()(representation) || isNumber_default()(representation)) {
-        var valueType = value === null ? 'null' : // TS: bigint, function, symbol are prevented by JSONElement type
-        _typeof(value);
-
-        if (onClickValue) {
-          return /*#__PURE__*/external_react_default().createElement(StyledValueInteractiveClickable, {
-            valueType: valueType,
-            overflowType: overflow,
-            onClick: function onClick(e) {
-              _this3.handleClickValue(e, key);
+        if (r) z(e, r);
+    }
+    function z(e, r) {
+        z = Object.setPrototypeOf || function e(r, t) {
+            r.__proto__ = t;
+            return r;
+        };
+        return z(e, r);
+    }
+    function G(e) {
+        var r = Y();
+        return function t() {
+            var n = Z(e), o;
+            if (r) {
+                var a = Z(this).constructor;
+                o = Reflect.construct(n, arguments, a);
+            } else {
+                o = n.apply(this, arguments);
             }
-          }, representation);
+            return Q(this, o);
+        };
+    }
+    function Q(e, r) {
+        if (r && (R(r) === "object" || typeof r === "function")) {
+            return r;
         }
-
-        return /*#__PURE__*/external_react_default().createElement(StyledValue, {
-          valueType: valueType,
-          overflowType: overflow
-        }, representation);
-      }
-
-      return representation;
+        return X(e);
     }
-  }, {
-    key: "renderKey",
-    value: function renderKey(key) {
-      var _this4 = this;
-
-      var onClickKey = this.props.onClickKey;
-
-      if (onClickKey) {
-        return /*#__PURE__*/external_react_default().createElement("span", null, /*#__PURE__*/external_react_default().createElement(StyledPropertyInteractiveClickable, {
-          onClick: function onClick(e) {
-            _this4.handleClickKey(e, key);
-          }
-        }, key), ":", ' ');
-      }
-
-      return /*#__PURE__*/external_react_default().createElement("span", null, /*#__PURE__*/external_react_default().createElement(StyledProperty, null, key), ":", ' ');
+    function X(e) {
+        if (e === void 0) {
+            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        }
+        return e;
     }
-  }, {
-    key: "renderObject",
-    value: function renderObject() {
-      var _this5 = this;
-
-      var _this$props4 = this.props,
-          obj = _this$props4.obj,
-          path = _this$props4.path;
-
-      if (isObject_default()(obj) || isArray_default()(obj)) {
-        return keys_default()(obj).map(function (mapKey, index, properties) {
-          var value = obj[mapKey]; // TS: should be safe based on (recursive) JSONElement type
-
-          var key = isArray_default()(obj) ? parseInt(mapKey, 10) : mapKey;
-          var propertyDataPath = path.length === 0 ? ".".concat(key) : ".".concat(path.join('.'), ".").concat(key);
-
-          var representation = _this5.renderValue({
-            key: key,
-            value: value
-          });
-
-          var propertyElement = !isArray_default()(obj) ? _this5.renderKey(key) : undefined;
-          return /*#__PURE__*/external_react_default().createElement("div", {
-            key: propertyDataPath,
-            role: "treeitem",
-            "data-test-path": propertyDataPath
-          }, _this5.regularIndent, propertyElement, representation, index + 1 < properties.length ? ',' : null);
-        });
-      } // edge case: a single number/string/boolean being rendered (still valid JSON)
-
-
-      return /*#__PURE__*/external_react_default().createElement("div", {
-        role: "treeitem",
-        "data-test-path": "."
-      }, this.renderValue({
-        value: obj
-      }));
+    function Y() {
+        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+        if (Reflect.construct.sham) return false;
+        if (typeof Proxy === "function") return true;
+        try {
+            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
+            return true;
+        } catch (e) {
+            return false;
+        }
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var open = this.state.open;
-      var obj = this.props.obj;
-      var isExpandable = isObject_default()(obj) && !isEmpty_default()(obj) || isArray_default()(obj) && obj.length > 0;
-      return /*#__PURE__*/external_react_default().createElement("span", {
-        "data-test": isExpandable ? 'node' : null,
-        "data-test-expanded": isExpandable ? this.state.open : null
-      }, isExpandable && (isArray_default()(obj) ? '[' : '{'), isExpandable && this.renderExpandLink(), !isExpandable || open ? this.renderObject() : null, !isExpandable || open ? this.closingIndent : null, isExpandable && (isArray_default()(obj) ? ']' : '}'));
+    function Z(e) {
+        Z = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
+            return r.__proto__ || Object.getPrototypeOf(r);
+        };
+        return Z(e);
     }
-  }]);
-
-  return JSONTreeNode;
-}(external_react_namespaceObject.Component);
-
-_defineProperty(JSONTreeNode, "propTypes", propTypes);
-
-_defineProperty(JSONTreeNode, "defaultProps", defaultProps);
-
-/* harmony default export */ const TreeNode = (JSONTreeNode);
-;// CONCATENATED MODULE: ./src/JSONTree/JSONTreeStyles.ts
-
-
-var base = (0,external_styled_components_namespaceObject.css)(["", ";font-family:", ";"], themes_namespaceObject.mixins.reset('block'), themes_namespaceObject.variables.monoFontFamily);
-var StyledScrollCode = external_styled_components_default().code.withConfig({
-  displayName: "JSONTreeStyles__StyledScrollCode",
-  componentId: "vrdt21-0"
-})(["", ";overflow-x:auto;white-space:nowrap;"], base);
-var StyledWrapCode = external_styled_components_default().code.withConfig({
-  displayName: "JSONTreeStyles__StyledWrapCode",
-  componentId: "vrdt21-1"
-})(["", ";white-space:pre-wrap;"], base);
-
-;// CONCATENATED MODULE: ./src/JSONTree/JSONTree.tsx
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-
-
-
-
-
-var JSONTree_propTypes = {
-  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
-  json: external_prop_types_default().oneOfType([(external_prop_types_default()).string, (external_prop_types_default()).object, (external_prop_types_default()).array, (external_prop_types_default()).number, (external_prop_types_default()).bool]).isRequired,
-  indent: (external_prop_types_default()).number,
-  onClickKey: (external_prop_types_default()).func,
-  onClickValue: (external_prop_types_default()).func,
-  expandChildren: external_prop_types_default().oneOfType([(external_prop_types_default()).bool, external_prop_types_default().oneOf(['withShiftModifier'])]),
-  overflow: external_prop_types_default().oneOf(['wrap', 'scroll'])
-};
-
-/**
+    function ee(e, r, t) {
+        if (r in e) {
+            Object.defineProperty(e, r, {
+                value: t,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
+        } else {
+            e[r] = t;
+        }
+        return e;
+    }
+    var re = {
+        path: a().arrayOf(a().oneOfType([ a().number, a().string ])),
+        defaultOpen: a().bool,
+        expandChildren: a().oneOfType([ a().bool, a().oneOf([ "withShiftModifier" ]) ]),
+        indent: a().number,
+        indentLevel: a().number,
+        obj: a().oneOfType([ a().object, a().array, a().number, a().string, a().bool ]).isRequired,
+        onClickKey: a().func,
+        onClickValue: a().func,
+        overflow: a().oneOf([ "wrap", "scroll" ]),
+        shift: a().bool
+    };
+    var te = {
+        path: [],
+        defaultOpen: false,
+        expandChildren: false,
+        indent: 4,
+        indentLevel: 1,
+        overflow: "scroll"
+    };
+    /**
+ * An internal container class for expandable tree nodes (objects and arrays).
+ */    var ne =  function(e) {
+        W(t, e);
+        var r = G(t);
+        function t(e) {
+            var n;
+            F(this, t);
+            n = r.call(this, e);
+            ee(X(n), "regularIndent", void 0);
+            ee(X(n), "closingIndent", void 0);
+            ee(X(n), "mutableShift", void 0);
+            ee(X(n), "handleExpandClick", (function(e) {
+                if (n.props.expandChildren === "withShiftModifier") {
+                    var r = n.context.updateShift;
+                    if (r != null) {
+                        n.mutableShift = e.shiftKey;
+                        r(e.shiftKey);
+                    }
+                }
+                n.setState((function(e) {
+                    return {
+                        open: !e.open
+                    };
+                }));
+            }));
+            ee(X(n), "handleClickKey", (function(e, r) {
+                var t, o;
+                var a = n.props.path;
+ // When rendering a single value key is not present, here we prevent `[undefined]` in path
+                                var i = r !== undefined ? [].concat(L(a), [ r ]) : L(a);
+                var l = ".".concat(i.join("."));
+                (t = (o = n.props).onClickKey) === null || t === void 0 ? void 0 : t.call(o, e, {
+                    key: l,
+                    keyPath: i
+                });
+            }));
+            ee(X(n), "handleClickValue", (function(e, r) {
+                var t, o;
+                var a = n.props.path;
+ // When rendering a single value key is not present, here we prevent `[undefined]` in path
+                                var i = r !== undefined ? [].concat(L(a), [ r ]) : L(a);
+                var l = ".".concat(i.join("."));
+                (t = (o = n.props).onClickValue) === null || t === void 0 ? void 0 : t.call(o, e, {
+                    key: l,
+                    keyPath: i,
+                    value: e.target.textContent
+                });
+            }));
+            var o = n.props.shift;
+            n.mutableShift = o;
+            if (n.props.expandChildren === "withShiftModifier" && n.mutableShift != null) {
+                n.state = n.mutableShift ? {
+                    open: true
+                } : {
+                    open: false
+                };
+            } else {
+                n.state = {
+                    open: e.defaultOpen
+                };
+            }
+            n.regularIndent = f()(Array(e.indentLevel), S()(" ", e.indent));
+            n.closingIndent = f()(Array(e.indentLevel - 1), S()(" ", e.indent));
+            return n;
+        }
+        $(t, [ {
+            key: "renderExpandLink",
+            value: function e() {
+                var r = this;
+                
+                return n().createElement(V, {
+                    onClick: function e(t) {
+                        r.handleExpandClick(t);
+                    },
+                    "aria-expanded": this.state.open,
+                    "data-test": "toggle"
+                }, " ", this.state.open ? "[-]" : "[+]", " ");
+            }
+        }, {
+            key: "renderValue",
+            value: function e(r) {
+                var o = this;
+                var a = r.value, i = r.key;
+                var u = this.props, c = u.expandChildren, s = u.indent, f = u.indentLevel, p = u.onClickKey, v = u.onClickValue, b = u.overflow, m = u.path, g = u.shift;
+                var w = null;
+ // determine if value should be represented as a simple string
+                // or as a child node
+                                if (!k()(a)) {
+                    // isObject is true for arrays
+                    if (typeof a === "string") {
+                        w = '"'.concat(a, '"');
+                    } else if (typeof a === "boolean") {
+                        w = a.toString();
+                    } else if (a === null) {
+                        w = "null";
+                    } else {
+                        w = a;
+                    }
+                } else if (y()(a)) {
+                    // isObject is true for arrays
+                    w = d()(a) ? "[]" : "{}";
+                } else {
+                    w =  n().createElement(t, {
+                        obj: a,
+                        path: i !== undefined ? [].concat(L(m), [ i ]) : L(m),
+                        defaultOpen: c === true,
+                        expandChildren: c,
+                        onClickKey: p,
+                        onClickValue: v,
+                        indent: s,
+                        indentLevel: f + 1,
+                        overflow: b,
+                        shift: g
+                    });
+                }
+ // for string or number representations, apply styles and optional interactivity
+                                if (l()(w) || h()(w)) {
+                    var C = a === null ? "null" : // TS: bigint, function, symbol are prevented by JSONElement type
+                    R(a);
+                    if (v) {
+                        
+                        return n().createElement(A, {
+                            valueType: C,
+                            overflowType: b,
+                            onClick: function e(r) {
+                                o.handleClickValue(r, i);
+                            }
+                        }, w);
+                    }
+                    
+                    return n().createElement(N, {
+                        valueType: C,
+                        overflowType: b
+                    }, w);
+                }
+                return w;
+            }
+        }, {
+            key: "renderKey",
+            value: function e(r) {
+                var t = this;
+                var o = this.props.onClickKey;
+                if (o) {
+                    
+                    return n().createElement("span", null,  n().createElement(K, {
+                        onClick: function e(n) {
+                            t.handleClickKey(n, r);
+                        }
+                    }, r), ":", " ");
+                }
+                
+                return n().createElement("span", null,  n().createElement(q, null, r), ":", " ");
+            }
+        }, {
+            key: "renderObject",
+            value: function e() {
+                var r = this;
+                var t = this.props, o = t.obj, a = t.path;
+                if (k()(o) || d()(o)) {
+                    return w()(o).map((function(e, t, i) {
+                        var l = o[e];
+ // TS: should be safe based on (recursive) JSONElement type
+                                                var u = d()(o) ? parseInt(e, 10) : e;
+                        var c = a.length === 0 ? ".".concat(u) : ".".concat(a.join("."), ".").concat(u);
+                        var s = r.renderValue({
+                            key: u,
+                            value: l
+                        });
+                        var f = !d()(o) ? r.renderKey(u) : undefined;
+                        
+                        return n().createElement("div", {
+                            key: c,
+                            role: "treeitem",
+                            "data-test-path": c
+                        }, r.regularIndent, f, s, t + 1 < i.length ? "," : null);
+                    }));
+                }
+ // edge case: a single number/string/boolean being rendered (still valid JSON)
+                                
+                return n().createElement("div", {
+                    role: "treeitem",
+                    "data-test-path": "."
+                }, this.renderValue({
+                    value: o
+                }));
+            }
+        }, {
+            key: "render",
+            value: function e() {
+                var r = this.state.open;
+                var t = this.props.obj;
+                var o = k()(t) && !y()(t) || d()(t) && t.length > 0;
+                
+                return n().createElement("span", {
+                    "data-test": o ? "node" : null,
+                    "data-test-expanded": o ? this.state.open : null
+                }, o && (d()(t) ? "[" : "{"), o && this.renderExpandLink(), !o || r ? this.renderObject() : null, !o || r ? this.closingIndent : null, o && (d()(t) ? "]" : "}"));
+            }
+        } ]);
+        return t;
+    }(t.Component);
+    ee(ne, "contextType", c);
+    ee(ne, "propTypes", re);
+    ee(ne, "defaultProps", te);
+    /* harmony default export */    const oe = ne;
+    // CONCATENATED MODULE: ./src/JSONTree/JSONTreeStyles.ts
+    var ae = (0, O.css)([ "", ";font-family:", ";" ], E.mixins.reset("block"), E.variables.monoFontFamily);
+    var ie = x().code.withConfig({
+        displayName: "JSONTreeStyles__StyledScrollCode",
+        componentId: "vrdt21-0"
+    })([ "", ";overflow-x:auto;white-space:nowrap;" ], ae);
+    var le = x().code.withConfig({
+        displayName: "JSONTreeStyles__StyledWrapCode",
+        componentId: "vrdt21-1"
+    })([ "", ";white-space:pre-wrap;" ], ae);
+    // CONCATENATED MODULE: ./src/JSONTree/JSONTree.tsx
+    function ue() {
+        ue = Object.assign || function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var n in t) {
+                    if (Object.prototype.hasOwnProperty.call(t, n)) {
+                        e[n] = t[n];
+                    }
+                }
+            }
+            return e;
+        };
+        return ue.apply(this, arguments);
+    }
+    function ce(e, r) {
+        return ve(e) || de(e, r) || fe(e, r) || se();
+    }
+    function se() {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    function fe(e, r) {
+        if (!e) return;
+        if (typeof e === "string") return pe(e, r);
+        var t = Object.prototype.toString.call(e).slice(8, -1);
+        if (t === "Object" && e.constructor) t = e.constructor.name;
+        if (t === "Map" || t === "Set") return Array.from(e);
+        if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return pe(e, r);
+    }
+    function pe(e, r) {
+        if (r == null || r > e.length) r = e.length;
+        for (var t = 0, n = new Array(r); t < r; t++) {
+            n[t] = e[t];
+        }
+        return n;
+    }
+    function de(e, r) {
+        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
+        var t = [];
+        var n = true;
+        var o = false;
+        var a = undefined;
+        try {
+            for (var i = e[Symbol.iterator](), l; !(n = (l = i.next()).done); n = true) {
+                t.push(l.value);
+                if (r && t.length === r) break;
+            }
+        } catch (e) {
+            o = true;
+            a = e;
+        } finally {
+            try {
+                if (!n && i["return"] != null) i["return"]();
+            } finally {
+                if (o) throw a;
+            }
+        }
+        return t;
+    }
+    function ve(e) {
+        if (Array.isArray(e)) return e;
+    }
+    function ye(e, r) {
+        if (e == null) return {};
+        var t = be(e, r);
+        var n, o;
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < a.length; o++) {
+                n = a[o];
+                if (r.indexOf(n) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
+                t[n] = e[n];
+            }
+        }
+        return t;
+    }
+    function be(e, r) {
+        if (e == null) return {};
+        var t = {};
+        var n = Object.keys(e);
+        var o, a;
+        for (a = 0; a < n.length; a++) {
+            o = n[a];
+            if (r.indexOf(o) >= 0) continue;
+            t[o] = e[o];
+        }
+        return t;
+    }
+    var he = {
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        json: a().oneOfType([ a().string, a().object, a().array, a().number, a().bool ]).isRequired,
+        indent: a().number,
+        onClickKey: a().func,
+        onClickValue: a().func,
+        expandChildren: a().oneOfType([ a().bool, a().oneOf([ "withShiftModifier" ]) ]),
+        overflow: a().oneOf([ "wrap", "scroll" ])
+    };
+    /**
  * Used to visualize a JSON string.
- */
-function JSONTree(_ref) {
-  var elementRef = _ref.elementRef,
-      _ref$expandChildren = _ref.expandChildren,
-      expandChildren = _ref$expandChildren === void 0 ? false : _ref$expandChildren,
-      _ref$indent = _ref.indent,
-      indent = _ref$indent === void 0 ? 4 : _ref$indent,
-      json = _ref.json,
-      onClickKey = _ref.onClickKey,
-      onClickValue = _ref.onClickValue,
-      _ref$overflow = _ref.overflow,
-      overflow = _ref$overflow === void 0 ? 'scroll' : _ref$overflow,
-      otherProps = _objectWithoutProperties(_ref, ["elementRef", "expandChildren", "indent", "json", "onClickKey", "onClickValue", "overflow"]);
-
-  // @docs-props-type JSONTreePropsBase
-  var obj = isString_default()(json) ? JSON.parse(json) : json;
-  var StyledCode = overflow === 'wrap' ? StyledWrapCode : StyledScrollCode;
-  return /*#__PURE__*/external_react_default().createElement(StyledCode, _extends({
-    "data-language": "language-json",
-    "data-test": "json-tree",
-    ref: elementRef,
-    role: "tree"
-  }, otherProps), /*#__PURE__*/external_react_default().createElement(TreeNode, {
-    defaultOpen: true,
-    expandChildren: expandChildren,
-    indent: indent,
-    obj: obj,
-    onClickKey: onClickKey,
-    onClickValue: onClickValue,
-    overflow: overflow
-  }));
-}
-
-JSONTree.propTypes = JSONTree_propTypes;
-/* harmony default export */ const JSONTree_JSONTree = (JSONTree);
-;// CONCATENATED MODULE: ./src/JSONTree/index.ts
-
-
-module.exports = __webpack_exports__;
-/******/ })()
-;
+ */    function me(e) {
+        var r = e.elementRef, o = e.expandChildren, a = o === void 0 ? false : o, i = e.indent, u = i === void 0 ? 4 : i, s = e.json, f = e.onClickKey, p = e.onClickValue, d = e.overflow, v = d === void 0 ? "scroll" : d, y = ye(e, [ "elementRef", "expandChildren", "indent", "json", "onClickKey", "onClickValue", "overflow" ]);
+        // @docs-props-type JSONTreePropsBase
+                var b = l()(s) ? JSON.parse(s) : s;
+        var h = v === "wrap" ? le : ie;
+        var m = (0, t.useState)(undefined), k = ce(m, 2), g = k[0], w = k[1];
+        var C = function e(r) {
+            w(r);
+        };
+ // eslint-disable-next-line react-perf/jsx-no-new-object-as-prop
+                var S = {
+            shift: g,
+            updateShift: C
+        };
+        
+        return n().createElement(h, ue({
+            "data-language": "language-json",
+            "data-test": "json-tree",
+            ref: r,
+            role: "tree"
+        }, y),  n().createElement(c.Provider, {
+            value: S
+        },  n().createElement(oe, {
+            defaultOpen: true,
+            expandChildren: a,
+            indent: u,
+            obj: b,
+            onClickKey: f,
+            onClickValue: p,
+            overflow: v,
+            shift: g
+        })));
+    }
+    me.propTypes = he;
+    /* harmony default export */    const ke = me;
+    // CONCATENATED MODULE: ./src/JSONTree/index.ts
+    module.exports = r;
+    /******/})();