@splunk/react-ui 4.27.0 → 4.28.1

package/JSONTree.js

@@ -1,34 +1,676 @@
 /******/ (() => {
     // webpackBootstrap
     /******/ "use strict";
-    /******/ // The require scope
-    /******/    var e = {};
+    /******/    var e = {
+        /***/ 4610: 
+        /***/ (e, r, n) => {
+            // EXPORTS
+            n.d(r, {
+                default: () => /* reexport */ ne
+            });
+            // UNUSED EXPORTS: TreeItem
+            // EXTERNAL MODULE: external "react"
+                        var t = n(9497);
+            var o =  n.n(t);
+            // EXTERNAL MODULE: external "prop-types"
+                        var a = n(23);
+            var i =  n.n(a);
+            // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
+                        var l = n(5295);
+            // CONCATENATED MODULE: ./src/Tree/TreeContext.tsx
+            var u =  (0, t.createContext)({
+                defaultIndent: true
+            });
+            /* harmony default export */            const c = u;
+            // EXTERNAL MODULE: external "styled-components"
+                        var f = n(232);
+            var d =  n.n(f);
+            // EXTERNAL MODULE: external "@splunk/themes"
+                        var v = n(3563);
+            // CONCATENATED MODULE: ./src/Tree/TreeItemStyles.ts
+            var s = d().span.withConfig({
+                displayName: "TreeItemStyles__StyledTreeItemContent",
+                componentId: "ie7zrw-0"
+            })([ "font-family:inherit;" ]);
+            var p = d().span.withConfig({
+                displayName: "TreeItemStyles__StyledTreeItemNode",
+                componentId: "ie7zrw-1"
+            })([ "&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}" ], v.variables.focusShadow);
+            // CONCATENATED MODULE: ./src/Tree/TreeStyles.ts
+            var y = d().ul.withConfig({
+                displayName: "TreeStyles__StyledUnorderedList",
+                componentId: "sc-13pokwt-0"
+            })([ "", ";font-family:inherit;list-style:none;white-space:inherit;", ";" ], v.mixins.reset("ul"), (function(e) {
+                var r = e.$defaultIndent;
+                return r && (0, f.css)([ "padding-left:", ";" ], v.variables.spacingXXXLarge);
+            }));
+            // CONCATENATED MODULE: ./src/Tree/TreeItem.tsx
+            function b() {
+                b = Object.assign || function(e) {
+                    for (var r = 1; r < arguments.length; r++) {
+                        var n = arguments[r];
+                        for (var t in n) {
+                            if (Object.prototype.hasOwnProperty.call(n, t)) {
+                                e[t] = n[t];
+                            }
+                        }
+                    }
+                    return e;
+                };
+                return b.apply(this, arguments);
+            }
+            function m(e, r) {
+                return k(e) || w(e, r) || g(e, r) || h();
+            }
+            function h() {
+                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 g(e, r) {
+                if (!e) return;
+                if (typeof e === "string") return S(e, r);
+                var n = Object.prototype.toString.call(e).slice(8, -1);
+                if (n === "Object" && e.constructor) n = e.constructor.name;
+                if (n === "Map" || n === "Set") return Array.from(e);
+                if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return S(e, r);
+            }
+            function S(e, r) {
+                if (r == null || r > e.length) r = e.length;
+                for (var n = 0, t = new Array(r); n < r; n++) {
+                    t[n] = e[n];
+                }
+                return t;
+            }
+            function w(e, r) {
+                if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
+                var n = [];
+                var t = true;
+                var o = false;
+                var a = undefined;
+                try {
+                    for (var i = e[Symbol.iterator](), l; !(t = (l = i.next()).done); t = true) {
+                        n.push(l.value);
+                        if (r && n.length === r) break;
+                    }
+                } catch (e) {
+                    o = true;
+                    a = e;
+                } finally {
+                    try {
+                        if (!t && i["return"] != null) i["return"]();
+                    } finally {
+                        if (o) throw a;
+                    }
+                }
+                return n;
+            }
+            function k(e) {
+                if (Array.isArray(e)) return e;
+            }
+            function O(e, r) {
+                if (e == null) return {};
+                var n = x(e, r);
+                var t, o;
+                if (Object.getOwnPropertySymbols) {
+                    var a = Object.getOwnPropertySymbols(e);
+                    for (o = 0; o < a.length; o++) {
+                        t = a[o];
+                        if (r.indexOf(t) >= 0) continue;
+                        if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
+                        n[t] = e[t];
+                    }
+                }
+                return n;
+            }
+            function x(e, r) {
+                if (e == null) return {};
+                var n = {};
+                var t = Object.keys(e);
+                var o, a;
+                for (a = 0; a < t.length; a++) {
+                    o = t[a];
+                    if (r.indexOf(o) >= 0) continue;
+                    n[o] = e[o];
+                }
+                return n;
+            }
+            var C = {
+                id: i().string,
+                children: i().node,
+                content: i().node,
+                customIndent: i().node,
+                endAdornment: i().node,
+                labelledBy: i().string,
+                onFocus: i().func,
+                onKeyDown: i().func,
+                onToggle: i().func,
+                open: i().bool,
+                toggle: i().node
+            };
+            function I(e) {
+                var r = e.id, n = e.children, a = e.content, i = e.customIndent, l = e.endAdornment, u = e.labelledBy, f = e.onFocus, d = e.onKeyDown, v = e.onToggle, h = e.open, g = h === void 0 ? true : h, S = e.toggle, w = O(e, [ "id", "children", "content", "customIndent", "endAdornment", "labelledBy", "onFocus", "onKeyDown", "onToggle", "open", "toggle" ]);
+                var k = (0, t.useContext)(c), x = k.defaultIndent, C = x === void 0 ? true : x, I = k.onItemKeyDown, j = k.onItemClick, E = k.removeNode, T = k.setNode, A = k.itemPaths, P = k.focusedItemId;
+                var R = (0, t.useState)(g), K = m(R, 2), _ = K[0], N = K[1];
+ // make first tree item tabbable
+                                var D = (0, t.useState)((A === null || A === void 0 ? void 0 : A.get("".concat(r))) === "0" ? 0 : -1), L = m(D, 2), q = L[0], V = L[1];
+                var F = (0, t.useRef)(null);
+                var M = (0, t.useRef)(null);
+                var $ = t.Children.toArray(n).filter(t.isValidElement);
+                $.forEach((function(e, n) {
+                    if (e.props.id) {
+                        if (_ && T) {
+                            T("".concat(e.props.id), "".concat(A === null || A === void 0 ? void 0 : A.get("".concat(r)), "-").concat(n));
+                        } else if (E) {
+                            E(e.props.id);
+                        }
+                    }
+                }));
+                var J = function e(r, n) {
+                    N(r);
+                    v === null || v === void 0 ? void 0 : v(r, n);
+                };
+                var B = function e(n) {
+                    j === null || j === void 0 ? void 0 : j(n, r);
+                };
+                var U = function e(r) {
+                    var n;
+                    r.stopPropagation();
+                    F === null || F === void 0 ? void 0 : (n = F.current) === null || n === void 0 ? void 0 : n.focus();
+                    f === null || f === void 0 ? void 0 : f(r);
+                };
+                var H = function e() {
+                    if ((A === null || A === void 0 ? void 0 : A.get("".concat(r))) === "0") {
+                        V(0);
+                    }
+                };
+                (0, t.useEffect)((function() {
+                    if (P === r) {
+                        var e;
+                        M === null || M === void 0 ? void 0 : (e = M.current) === null || e === void 0 ? void 0 : e.focus();
+                    }
+                }), [ P, M ]);
+                var X = function e(r) {
+                    r.stopPropagation();
+                };
+                var z = function e(n) {
+                    n.stopPropagation();
+ // Used to ensure first item in Tree is tab navigable, i.e. in JSONTree when focus is manually set to the root item,
+                    // this allows user to tab backwards to previous item. Tab index is reset to 0 onBlur.
+                                        if (n.shiftKey && n.key === "Tab" && (A === null || A === void 0 ? void 0 : A.get("".concat(r))) === "0") {
+                        V(-1);
+                    }
+                    I === null || I === void 0 ? void 0 : I(n, r, _, $, J);
+                    d === null || d === void 0 ? void 0 : d(n);
+                };
+                var W = function e() {
+                    if (!S) {
+                        return undefined;
+                    }
+                    
+                    return (0, t.cloneElement)(S, {
+                        onClick: function e(r) {
+                            var n, t;
+                            J(!_, r);
+                            B(r);
+                            (n = (t = S.props).onClick) === null || n === void 0 ? void 0 : n.call(t, r);
+                        },
+                        "aria-expanded": _
+                    });
+                };
+                
+                return o().createElement("li", b({}, w, {
+                    ref: M,
+                    tabIndex: q,
+                    onBlur: H,
+                    onFocus: U,
+                    onKeyDown: z,
+                    role: "treeitem",
+                    "aria-labelledby": u,
+                    "aria-expanded": $.length ? _ : undefined
+                }), i,  o().createElement(p, {
+                    ref: F,
+                    tabIndex: -1,
+                    onFocus: X,
+                    onClick: B
+                },  o().createElement(s, null, a), W(), !_ && l), _ &&  o().createElement(o().Fragment, null,  o().createElement(y, {
+                    role: "group",
+                    $defaultIndent: C
+                }, n), l));
+            }
+            I.propTypes = C;
+            /* harmony default export */            const j = I;
+            // CONCATENATED MODULE: ./src/Tree/treeUtils.ts
+            function E(e, r) {
+                return K(e) || R(e, r) || A(e, r) || T();
+            }
+            function T() {
+                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 A(e, r) {
+                if (!e) return;
+                if (typeof e === "string") return P(e, r);
+                var n = Object.prototype.toString.call(e).slice(8, -1);
+                if (n === "Object" && e.constructor) n = e.constructor.name;
+                if (n === "Map" || n === "Set") return Array.from(e);
+                if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return P(e, r);
+            }
+            function P(e, r) {
+                if (r == null || r > e.length) r = e.length;
+                for (var n = 0, t = new Array(r); n < r; n++) {
+                    t[n] = e[n];
+                }
+                return t;
+            }
+            function R(e, r) {
+                if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
+                var n = [];
+                var t = true;
+                var o = false;
+                var a = undefined;
+                try {
+                    for (var i = e[Symbol.iterator](), l; !(t = (l = i.next()).done); t = true) {
+                        n.push(l.value);
+                        if (r && n.length === r) break;
+                    }
+                } catch (e) {
+                    o = true;
+                    a = e;
+                } finally {
+                    try {
+                        if (!t && i["return"] != null) i["return"]();
+                    } finally {
+                        if (o) throw a;
+                    }
+                }
+                return n;
+            }
+            function K(e) {
+                if (Array.isArray(e)) return e;
+            }
+            /**
+ * A helper function to get first key in Map that matches given value
+ */            function _(e, r) {
+                var n;
+                var t = Array.from(e.entries());
+                return (n = t.find((function(e) {
+                    var n = E(e, 2), t = n[1];
+                    return t === r;
+                }))) === null || n === void 0 ? void 0 : n[0];
+            }
+            /**
+ * A helper function to get parent path of current item path
+ */            function N(e) {
+                // remove last index number of the current item path string to get parent
+                return e.split("-").slice(0, -1).join("-");
+            }
+            /**
+ * A helper function to get next path of current item path in same level
+ */            function D(e, r) {
+                return e === null || e === void 0 ? void 0 : e.replace(/([^-]*)$/, "".concat(r + 1));
+            }
+            /**
+ * A helper function to get the last index number of an item path string
+ */            function L(e) {
+                var r = e.split("-").pop();
+                if (!r) {
+                    return 0;
+                }
+                return parseInt(r, 10) || 0;
+            }
+            function q(e, r) {
+                var n = e.get(r);
+                if (!n) {
+                    return r;
+                }
+                var t = N(n);
+                return _(e, t) || r;
+            }
+            /**
+ * A helper function for getNextTreeItem
+ */            function V(e, r) {
+                var n = N(r);
+                if (!n) {
+                    return _(e, r);
+                }
+ // get next node in the parent level
+                                var t = L(n);
+                var o = D(n, t);
+                var a = _(e, o);
+                if (a) {
+                    return a;
+                }
+ // continue getting parents until find next node or reach root
+                                return V(e, o);
+            }
+            function F(e, r) {
+                var n = e.get(r);
+                if (!n) {
+                    return r;
+                }
+ // case where next tree item is the first visible child
+                                var t = _(e, "".concat(n, "-0"));
+                if (t) {
+                    return t;
+                }
+ // case where next tree item is the next node in the same level
+                                var o = L(n);
+                var a = D(n, o);
+                var i = _(e, a);
+                if (i) {
+                    return i;
+                }
+ // case where next tree item is a higher level or does not exist
+                                return V(e, n) || r;
+            }
+            /**
+ * A helper function for getPrevTreeItem
+ */            function M(e, r) {
+                var n = _(e, "".concat(r, "-0"));
+                if (!n) {
+                    return _(e, r);
+                }
+                var t = _(e, r);
+                var o = "".concat(r, "-0");
+ // get the last child in current node, and continue to find its children recursively
+                                while (t) {
+                    var a = L(o);
+                    var i = D(o, a);
+                    t = _(e, i);
+                    if (t) {
+                        o = i;
+                    }
+                }
+                return M(e, o);
+            }
+            function $(e, r) {
+                var n = e.get(r);
+                if (!n) {
+                    return r;
+                }
+                var t = L(n);
+ // case where current is first child of parent or root item
+                                if (t === 0) {
+                    return q(e, r);
+                }
+ // case where previous tree item is or is a child of previous node in same level
+                                var o = n.replace(/[^-]+$/, "".concat(t - 1));
+                return M(e, o) || r;
+            }
+            function J(e) {
+                return _(e, "0");
+            }
+            function B(e) {
+                var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "0";
+                var n = _(e, r);
+                var t = r;
+ // find last child in current node
+                                while (n) {
+                    var o = L(t);
+                    n = _(e, D(t, o));
+                    if (n) {
+                        t = D(t, o);
+                    }
+                }
+ // check if last child has children
+                                var a = _(e, "".concat(t, "-0"));
+                if (!a) {
+                    return _(e, t);
+                }
+ // continue to find its last child recursively
+                                t = "".concat(t, "-0");
+                return B(e, t);
+            }
+            // CONCATENATED MODULE: ./src/Tree/Tree.tsx
+            function U() {
+                U = Object.assign || function(e) {
+                    for (var r = 1; r < arguments.length; r++) {
+                        var n = arguments[r];
+                        for (var t in n) {
+                            if (Object.prototype.hasOwnProperty.call(n, t)) {
+                                e[t] = n[t];
+                            }
+                        }
+                    }
+                    return e;
+                };
+                return U.apply(this, arguments);
+            }
+            function H(e, r) {
+                return Q(e) || G(e, r) || z(e, r) || X();
+            }
+            function X() {
+                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 z(e, r) {
+                if (!e) return;
+                if (typeof e === "string") return W(e, r);
+                var n = Object.prototype.toString.call(e).slice(8, -1);
+                if (n === "Object" && e.constructor) n = e.constructor.name;
+                if (n === "Map" || n === "Set") return Array.from(e);
+                if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return W(e, r);
+            }
+            function W(e, r) {
+                if (r == null || r > e.length) r = e.length;
+                for (var n = 0, t = new Array(r); n < r; n++) {
+                    t[n] = e[n];
+                }
+                return t;
+            }
+            function G(e, r) {
+                if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
+                var n = [];
+                var t = true;
+                var o = false;
+                var a = undefined;
+                try {
+                    for (var i = e[Symbol.iterator](), l; !(t = (l = i.next()).done); t = true) {
+                        n.push(l.value);
+                        if (r && n.length === r) break;
+                    }
+                } catch (e) {
+                    o = true;
+                    a = e;
+                } finally {
+                    try {
+                        if (!t && i["return"] != null) i["return"]();
+                    } finally {
+                        if (o) throw a;
+                    }
+                }
+                return n;
+            }
+            function Q(e) {
+                if (Array.isArray(e)) return e;
+            }
+            function Y(e, r) {
+                if (e == null) return {};
+                var n = Z(e, r);
+                var t, o;
+                if (Object.getOwnPropertySymbols) {
+                    var a = Object.getOwnPropertySymbols(e);
+                    for (o = 0; o < a.length; o++) {
+                        t = a[o];
+                        if (r.indexOf(t) >= 0) continue;
+                        if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
+                        n[t] = e[t];
+                    }
+                }
+                return n;
+            }
+            function Z(e, r) {
+                if (e == null) return {};
+                var n = {};
+                var t = Object.keys(e);
+                var o, a;
+                for (a = 0; a < t.length; a++) {
+                    o = t[a];
+                    if (r.indexOf(o) >= 0) continue;
+                    n[o] = e[o];
+                }
+                return n;
+            }
+            var ee = {
+                children: i().node,
+                defaultIndent: i().bool
+            };
+            function re(e) {
+                var r = e.children, n = e.defaultIndent, a = n === void 0 ? true : n, i = Y(e, [ "children", "defaultIndent" ]);
+                var u = (0, t.useState)(), f = H(u, 2), d = f[0], v = f[1];
+                var s = new Map;
+                var p = function e(r, n, t, o, a) {
+                    var i = (0, l.keycode)(r.nativeEvent);
+                    r.stopPropagation();
+                    switch (i) {
+                      case "up":
+                        r.preventDefault();
+                        v($(s, n));
+                        break;
+
+                      case "down":
+                        r.preventDefault();
+                        v(F(s, n));
+                        break;
+
+                      case "left":
+                        r.preventDefault();
+                        if (t && (o === null || o === void 0 ? void 0 : o.length)) {
+                            a(false, r);
+                        } else {
+                            v(q(s, n));
+                        }
+                        break;
+
+                      case "right":
+                        r.preventDefault();
+                        if (t && (o === null || o === void 0 ? void 0 : o.length)) {
+                            v(F(s, n));
+                        } else {
+                            a(true, r);
+                        }
+                        break;
+
+                      case "home":
+                        r.preventDefault();
+                        v(J(s));
+                        break;
+
+                      case "end":
+                        r.preventDefault();
+                        v(B(s));
+                        break;
+
+                      default:
+ // do nothing
+                                        }
+                };
+                var b = function e(r, n) {
+                    r.preventDefault();
+                    v(n);
+                };
+                var m = function e(r) {
+                    s["delete"](r);
+                };
+                var h = function e(r, n) {
+                    s.set(r, n);
+                };
+                var g = t.Children.toArray(r).filter(t.isValidElement);
+                g.forEach((function(e, r) {
+                    if (e.props.id && h) {
+                        h("".concat(e.props.id), "".concat(r));
+                    }
+                }));
+                
+                return o().createElement(c.Provider, {
+                    value: {
+                        defaultIndent: a,
+                        onItemKeyDown: p,
+                        onItemClick: b,
+                        removeNode: m,
+                        setNode: h,
+                        itemPaths: s,
+                        focusedItemId: d
+                    }
+                },  o().createElement(y, U({
+                    role: "tree",
+                    $defaultIndent: a
+                }, i), r));
+            }
+            re.propTypes = ee;
+            re.TreeItem = j;
+            /* harmony default export */            const ne = re;
+        } // CONCATENATED MODULE: ./src/Tree/index.ts
+        /***/ ,
+        /***/ 3563: 
+        /***/ e => {
+            e.exports = require("@splunk/themes");
+            /***/        },
+        /***/ 5295: 
+        /***/ e => {
+            e.exports = require("@splunk/ui-utils/keyboard");
+            /***/        },
+        /***/ 23: 
+        /***/ e => {
+            e.exports = require("prop-types");
+            /***/        },
+        /***/ 9497: 
+        /***/ e => {
+            e.exports = require("react");
+            /***/        },
+        /***/ 232: 
+        /***/ e => {
+            e.exports = require("styled-components");
+            /***/
+            /******/        }
+    };
+    /************************************************************************/
+    /******/ // The module cache
+    /******/    var r = {};
+    /******/
+    /******/ // The require function
+    /******/    function n(t) {
+        /******/ // Check if module is in cache
+        /******/ var o = r[t];
+        /******/        if (o !== undefined) {
+            /******/ return o.exports;
+            /******/        }
+        /******/ // Create a new module (and put it into the cache)
+        /******/        var a = r[t] = {
+            /******/ // no module.id needed
+            /******/ // no module.loaded needed
+            /******/ exports: {}
+            /******/        };
+        /******/
+        /******/ // Execute the module function
+        /******/        e[t](a, a.exports, n);
+        /******/
+        /******/ // Return the exports of the module
+        /******/        return a.exports;
+        /******/    }
     /******/
     /************************************************************************/
     /******/ /* 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
+        /******/ n.n = e => {
+            /******/ var r = e && e.__esModule ? 
+            /******/ () => e["default"]
+            /******/ : () => e
             /******/;
-            e.d(t, {
-                a: t
+            n.d(r, {
+                a: r
             });
-            /******/            return t;
+            /******/            return r;
             /******/        };
         /******/    })();
     /******/
     /******/ /* 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, {
+        /******/ n.d = (e, r) => {
+            /******/ for (var t in r) {
+                /******/ if (n.o(r, t) && !n.o(e, t)) {
+                    /******/ Object.defineProperty(e, t, {
                         enumerable: true,
-                        get: t[n]
+                        get: r[t]
                     });
                     /******/                }
                 /******/            }
@@ -37,14 +679,14 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/ n.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ e.r = e => {
+        /******/ n.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
                 /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
@@ -56,665 +698,705 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var r = {};
-    // ESM COMPAT FLAG
-        e.r(r);
-    // EXPORTS
-        e.d(r, {
-        default: () => /* reexport */ we
-    });
-    // 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 "styled-components"
-    const s = require("styled-components");
-    var f =  e.n(s);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const p = require("@splunk/themes");
-    // CONCATENATED MODULE: ./src/JSONTree/JSONTreeStyles.ts
-    var d = (0, s.css)([ "", ";font-family:", ";" ], p.mixins.reset("block"), p.variables.monoFontFamily);
-    var v = f().code.withConfig({
-        displayName: "JSONTreeStyles__StyledScrollCode",
-        componentId: "vrdt21-0"
-    })([ "", ";overflow-x:auto;white-space:nowrap;" ], d);
-    var y = f().code.withConfig({
-        displayName: "JSONTreeStyles__StyledWrapCode",
-        componentId: "vrdt21-1"
-    })([ "", ";white-space:pre-wrap;" ], d);
-    // CONCATENATED MODULE: external "lodash/fill"
-    const h = require("lodash/fill");
-    var b =  e.n(h);
-    // CONCATENATED MODULE: external "lodash/isArray"
-    const m = require("lodash/isArray");
-    var C =  e.n(m);
-    // CONCATENATED MODULE: external "lodash/isEmpty"
-    const S = require("lodash/isEmpty");
-    var O =  e.n(S);
-    // CONCATENATED MODULE: external "lodash/isNumber"
-    const k = require("lodash/isNumber");
-    var w =  e.n(k);
-    // CONCATENATED MODULE: external "lodash/isObject"
-    const g = require("lodash/isObject");
-    var x =  e.n(g);
-    // CONCATENATED MODULE: external "lodash/keys"
-    const j = require("lodash/keys");
-    var T =  e.n(j);
-    // CONCATENATED MODULE: external "lodash/repeat"
-    const _ = require("lodash/repeat");
-    var E =  e.n(_);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const K = require("@splunk/ui-utils/i18n");
-    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const N = require("@splunk/react-ui/Clickable");
-    var I =  e.n(N);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
-    const P = require("@splunk/react-ui/Tooltip");
-    var q =  e.n(P);
-    // CONCATENATED MODULE: ./src/JSONTree/TreeNodeStyles.ts
-    var A = {
-        string: p.variables.syntaxTeal,
-        number: p.variables.syntaxBlue,
-        boolean: p.variables.syntaxPurple,
-        null: p.variables.syntaxBrown,
-        object: p.variables.contentColorDefault
-    };
-    var R = (0, s.css)([ "word-break:break-word;word-wrap:break-word;" ]);
-    var V = (0, s.css)([ "white-space:nowrap;" ]);
-    var L = f().span.withConfig({
-        displayName: "TreeNodeStyles__StyledValue",
-        componentId: "sc-1rdul18-0"
-    })([ "color:", ";", ";" ], (function(e) {
-        var r = e.valueType;
-        return A[r];
-    }), (function(e) {
-        var r = e.overflowType;
-        return r === "wrap" ? R : V;
-    }));
-    var M = f()(L.withComponent(I())).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:", ";}" ], p.variables.focusColor, (0, 
-    p.pick)({
-        enterprise: p.variables.backgroundColorHover,
-        prisma: p.variables.interactiveColorOverlayHover
-    }));
-    var J = f().span.withConfig({
-        displayName: "TreeNodeStyles__StyledProperty",
-        componentId: "sc-1rdul18-2"
-    })([ "font-weight:bold;color:", ";" ], (0, p.pick)({
-        enterprise: {
-            dark: "#ec9f98",
-            light: p.variables.syntaxRed
-        },
-        prisma: p.variables.syntaxRed
-    }));
-    var H = f()(J.withComponent(I())).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:", ";}" ], p.variables.focusColor, (0, 
-    p.pick)({
-        enterprise: p.variables.backgroundColorHover,
-        prisma: p.variables.interactiveColorOverlayHover
-    }));
-    var D = f()(I()).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, 
-    p.pick)({
-        enterprise: {
-            dark: p.variables.accentColorL20,
-            light: p.variables.accentColorD20
-        },
-        prisma: p.variables.interactiveColorPrimary
-    }), (0, p.pick)({
-        enterprise: p.variables.backgroundColorHover,
-        prisma: p.variables.interactiveColorOverlayHover
-    }), p.variables.focusShadowInset, (0, p.pick)({
-        prisma: (0, s.css)([ "border-radius:", ";" ], p.variables.borderRadius)
-    }));
-    var F = f()(q()).withConfig({
-        displayName: "TreeNodeStyles__StyledTooltip",
-        componentId: "sc-1rdul18-5"
-    })([ "font-family:", ";" ], p.variables.monoFontFamily);
-    // CONCATENATED MODULE: ./src/JSONTree/TreeNode.tsx
-    function B(e) {
-        "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            B = function e(r) {
-                return typeof r;
-            };
-        } else {
-            B = function e(r) {
-                return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
+    /************************************************************************/    var t = {};
+    // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+        (() => {
+        // ESM COMPAT FLAG
+        n.r(t);
+        // EXPORTS
+                n.d(t, {
+            default: () => /* reexport */ Se
+        });
+        // EXTERNAL MODULE: external "react"
+                var e = n(9497);
+        var r =  n.n(e);
+        // EXTERNAL MODULE: external "prop-types"
+                var o = n(23);
+        var a =  n.n(o);
+        // CONCATENATED MODULE: external "lodash/isString"
+        const i = require("lodash/isString");
+        var l =  n.n(i);
+        // EXTERNAL MODULE: external "styled-components"
+                var u = n(232);
+        var c =  n.n(u);
+        // EXTERNAL MODULE: external "@splunk/themes"
+                var f = n(3563);
+        // CONCATENATED MODULE: ./src/JSONTree/JSONTreeStyles.ts
+        var d = (0, u.css)([ "", ";", ";&:focus-within{border:", ";}" ], f.mixins.reset("block"), f.mixins.typography({
+            family: "monospace"
+        }), f.variables.activeBorder);
+        var v = c().code.withConfig({
+            displayName: "JSONTreeStyles__StyledScrollCode",
+            componentId: "vrdt21-0"
+        })([ "", ";overflow-x:auto;white-space:nowrap;" ], d);
+        var s = c().code.withConfig({
+            displayName: "JSONTreeStyles__StyledWrapCode",
+            componentId: "vrdt21-1"
+        })([ "", ";white-space:pre-wrap;" ], d);
+        // CONCATENATED MODULE: external "lodash/fill"
+        const p = require("lodash/fill");
+        var y =  n.n(p);
+        // CONCATENATED MODULE: external "lodash/isArray"
+        const b = require("lodash/isArray");
+        var m =  n.n(b);
+        // CONCATENATED MODULE: external "lodash/isEmpty"
+        const h = require("lodash/isEmpty");
+        var g =  n.n(h);
+        // CONCATENATED MODULE: external "lodash/isNumber"
+        const S = require("lodash/isNumber");
+        var w =  n.n(S);
+        // CONCATENATED MODULE: external "lodash/isObject"
+        const k = require("lodash/isObject");
+        var O =  n.n(k);
+        // CONCATENATED MODULE: external "lodash/keys"
+        const x = require("lodash/keys");
+        var C =  n.n(x);
+        // CONCATENATED MODULE: external "lodash/repeat"
+        const I = require("lodash/repeat");
+        var j =  n.n(I);
+        // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+        const E = require("@splunk/ui-utils/i18n");
+        // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
+                var T = n(5295);
+        // EXTERNAL MODULE: ./src/Tree/index.ts + 6 modules
+                var A = n(4610);
+        // CONCATENATED MODULE: ./src/JSONTree/JSONTreeItem.tsx
+        function P() {
+            P = Object.assign || function(e) {
+                for (var r = 1; r < arguments.length; r++) {
+                    var n = arguments[r];
+                    for (var t in n) {
+                        if (Object.prototype.hasOwnProperty.call(n, t)) {
+                            e[t] = n[t];
+                        }
+                    }
+                }
+                return e;
             };
+            return P.apply(this, arguments);
         }
-        return B(e);
-    }
-    function U(e) {
-        return G(e) || z(e) || W(e) || $();
-    }
-    function $() {
-        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 W(e, r) {
-        if (!e) return;
-        if (typeof e === "string") return Q(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 Q(e, r);
-    }
-    function z(e) {
-        if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
-    }
-    function G(e) {
-        if (Array.isArray(e)) return Q(e);
-    }
-    function Q(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];
+        function R(e, r) {
+            return L(e) || D(e, r) || _(e, r) || K();
         }
-        return n;
-    }
-    function X(e, r) {
-        if (!(e instanceof r)) {
-            throw new TypeError("Cannot call a class as a function");
+        function K() {
+            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 Y(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) {
+            if (!e) return;
+            if (typeof e === "string") return N(e, r);
+            var n = Object.prototype.toString.call(e).slice(8, -1);
+            if (n === "Object" && e.constructor) n = e.constructor.name;
+            if (n === "Map" || n === "Set") return Array.from(e);
+            if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return N(e, r);
         }
-    }
-    function Z(e, r, t) {
-        if (r) Y(e.prototype, r);
-        if (t) Y(e, t);
-        return e;
-    }
-    function ee(e, r) {
-        if (typeof r !== "function" && r !== null) {
-            throw new TypeError("Super expression must either be null or a function");
+        function N(e, r) {
+            if (r == null || r > e.length) r = e.length;
+            for (var n = 0, t = new Array(r); n < r; n++) {
+                t[n] = e[n];
+            }
+            return t;
         }
-        e.prototype = Object.create(r && r.prototype, {
-            constructor: {
-                value: e,
-                writable: true,
-                configurable: true
+        function D(e, r) {
+            if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
+            var n = [];
+            var t = true;
+            var o = false;
+            var a = undefined;
+            try {
+                for (var i = e[Symbol.iterator](), l; !(t = (l = i.next()).done); t = true) {
+                    n.push(l.value);
+                    if (r && n.length === r) break;
+                }
+            } catch (e) {
+                o = true;
+                a = e;
+            } finally {
+                try {
+                    if (!t && i["return"] != null) i["return"]();
+                } finally {
+                    if (o) throw a;
+                }
             }
-        });
-        if (r) re(e, r);
-    }
-    function re(e, r) {
-        re = Object.setPrototypeOf || function e(r, t) {
-            r.__proto__ = t;
-            return r;
+            return n;
+        }
+        function L(e) {
+            if (Array.isArray(e)) return e;
+        }
+        function q(e, r) {
+            if (e == null) return {};
+            var n = V(e, r);
+            var t, o;
+            if (Object.getOwnPropertySymbols) {
+                var a = Object.getOwnPropertySymbols(e);
+                for (o = 0; o < a.length; o++) {
+                    t = a[o];
+                    if (r.indexOf(t) >= 0) continue;
+                    if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
+                    n[t] = e[t];
+                }
+            }
+            return n;
+        }
+        function V(e, r) {
+            if (e == null) return {};
+            var n = {};
+            var t = Object.keys(e);
+            var o, a;
+            for (a = 0; a < t.length; a++) {
+                o = t[a];
+                if (r.indexOf(o) >= 0) continue;
+                n[o] = e[o];
+            }
+            return n;
+        }
+        var F = {
+            clickableKeyRef: a().object,
+            clickableValRef: a().object,
+            hasChildren: a().bool,
+            indentArray: a().arrayOf(a().string),
+            index: a().number,
+            initialOpenState: a().bool,
+            properties: a().arrayOf(a().string),
+            propertyDataPath: a().string,
+            propertyElement: a().node,
+            renderExpandLink: a().func,
+            representation: a().node,
+            value: a().oneOfType([ a().string, a().object, a().array, a().number, a().bool ])
         };
-        return re(e, r);
-    }
-    function te(e) {
-        var r = ae();
-        return function t() {
-            var n = ie(e), o;
-            if (r) {
-                var a = ie(this).constructor;
-                o = Reflect.construct(n, arguments, a);
+        function M(n) {
+            var t = n.clickableKeyRef, o = n.clickableValRef, a = n.hasChildren, i = n.indentArray, l = n.index, u = n.initialOpenState, c = n.onFocus, f = n.properties, d = n.propertyDataPath, v = n.propertyElement, s = n.renderExpandLink, p = n.representation, y = n.value, b = q(n, [ "clickableKeyRef", "clickableValRef", "hasChildren", "indentArray", "index", "initialOpenState", "onFocus", "properties", "propertyDataPath", "propertyElement", "renderExpandLink", "representation", "value" ]);
+            var h = (0, e.useState)(u), g = R(h, 2), S = g[0], w = g[1];
+            var k = function e(r) {
+                w(r);
+            };
+            var O = s ? s({
+                open: S,
+                withTooltip: true
+            }) : {
+                expandLink: undefined,
+                expandLinkRef: undefined
+            }, x = O.expandLink, C = O.expandLinkRef;
+            var I = (f === null || f === void 0 ? void 0 : f.length) && l + 1 < (f === null || f === void 0 ? void 0 : f.length) ? "," : null;
+            
+            return r().createElement(A["default"].TreeItem, P({
+                content:  r().createElement(r().Fragment, null, v, a && (m()(y) ? "[" : "{"), !a &&  r().createElement(r().Fragment, null, p, I)),
+                customIndent: i,
+                "data-test": a ? "node" : null,
+                "data-test-path": d,
+                endAdornment: a &&  r().createElement(r().Fragment, null, S && i, m()(y) ? "]" : "}", I),
+                onFocus: function e(r) {
+                    c === null || c === void 0 ? void 0 : c(r);
+ // check if onFocus was triggered by a click event or expand link
+                                        var n = r.relatedTarget === (t === null || t === void 0 ? void 0 : t.current) || r.relatedTarget === (o === null || o === void 0 ? void 0 : o.current) || r.relatedTarget === (C === null || C === void 0 ? void 0 : C.current) ? r.relatedTarget : null;
+                    if (b.id === "root") {
+                        var a;
+                        C === null || C === void 0 ? void 0 : (a = C.current) === null || a === void 0 ? void 0 : a.focus();
+                    }
+                    if (!n) {
+                        // if JSONTreeItem contains clickable keys/vals, focus should go there
+                        if (v && (t === null || t === void 0 ? void 0 : t.current)) {
+                            var i;
+                            (i = t.current) === null || i === void 0 ? void 0 : i.focus();
+                        } else if (o === null || o === void 0 ? void 0 : o.current) {
+                            var l;
+                            (l = o.current) === null || l === void 0 ? void 0 : l.focus();
+                        }
+                    } else {
+                        n.focus();
+                    }
+                },
+                onToggle: k,
+                open: u,
+                tabIndex: 0,
+                toggle: a ? x : undefined
+            }, b), a && p);
+        }
+        M.propTypes = F;
+        // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
+        const $ = require("@splunk/react-ui/Clickable");
+        var J =  n.n($);
+        // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
+        const B = require("@splunk/react-ui/Tooltip");
+        var U =  n.n(B);
+        // CONCATENATED MODULE: ./src/JSONTree/JSONTreeItemStyles.ts
+        var H = {
+            string: f.variables.syntaxTeal,
+            number: f.variables.syntaxBlue,
+            boolean: f.variables.syntaxPurple,
+            null: f.variables.syntaxBrown,
+            object: f.variables.contentColorDefault
+        };
+        var X = (0, u.css)([ "word-break:break-word;word-wrap:break-word;" ]);
+        var z = (0, u.css)([ "white-space:nowrap;" ]);
+        var W = c().span.withConfig({
+            displayName: "JSONTreeItemStyles__StyledValue",
+            componentId: "o558h3-0"
+        })([ "color:", ";", ";" ], (function(e) {
+            var r = e.valueType;
+            return H[r];
+        }), (function(e) {
+            var r = e.overflowType;
+            return r === "wrap" ? X : z;
+        }));
+        var G = c()(W.withComponent(J())).withConfig({
+            displayName: "JSONTreeItemStyles__StyledValueInteractiveClickable",
+            componentId: "o558h3-1"
+        })([ "font-family:inherit;&:focus{box-shadow:0 0 1px 3px ", ";outline:0;&:active{box-shadow:none;}}&:hover{background-color:", ";}" ], f.variables.focusColor, (0, 
+        f.pick)({
+            enterprise: f.variables.backgroundColorHover,
+            prisma: f.variables.interactiveColorOverlayHover
+        }));
+        var Q = c().span.withConfig({
+            displayName: "JSONTreeItemStyles__StyledProperty",
+            componentId: "o558h3-2"
+        })([ "font-weight:bold;color:", ";" ], (0, f.pick)({
+            enterprise: {
+                dark: "#ec9f98",
+                light: f.variables.syntaxRed
+            },
+            prisma: f.variables.syntaxRed
+        }));
+        var Y = c()(Q.withComponent(J())).withConfig({
+            displayName: "JSONTreeItemStyles__StyledPropertyInteractiveClickable",
+            componentId: "o558h3-3"
+        })([ "font-family:inherit;&:focus{box-shadow:0 0 1px 3px ", ";outline:0;&:active{box-shadow:none;}}&:hover{background-color:", ";}" ], f.variables.focusColor, (0, 
+        f.pick)({
+            enterprise: f.variables.backgroundColorHover,
+            prisma: f.variables.interactiveColorOverlayHover
+        }));
+        var Z = c()(J()).withConfig({
+            displayName: "JSONTreeItemStyles__StyledExpandLinkClickable",
+            componentId: "o558h3-4"
+        })([ "cursor:pointer;color:", ";font-family:inherit;&:hover{background-color:", ";text-decoration:none;}&:focus{box-shadow:", ";&:active{box-shadow:none;}}", "" ], (0, 
+        f.pick)({
+            enterprise: {
+                dark: f.variables.accentColorL20,
+                light: f.variables.accentColorD20
+            },
+            prisma: f.variables.interactiveColorPrimary
+        }), (0, f.pick)({
+            enterprise: f.variables.backgroundColorHover,
+            prisma: f.variables.interactiveColorOverlayHover
+        }), f.variables.focusShadowInset, (0, f.pick)({
+            prisma: (0, u.css)([ "border-radius:", ";" ], f.variables.borderRadius)
+        }));
+        var ee = c()(U()).withConfig({
+            displayName: "JSONTreeItemStyles__StyledTooltip",
+            componentId: "o558h3-5"
+        })([ "font-family:", ";" ], f.variables.monoFontFamily);
+        // CONCATENATED MODULE: ./src/JSONTree/renderTreeItems.tsx
+        function re(e) {
+            "@babel/helpers - typeof";
+            if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+                re = function e(r) {
+                    return typeof r;
+                };
             } else {
-                o = n.apply(this, arguments);
+                re = function e(r) {
+                    return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
+                };
             }
-            return ne(this, o);
-        };
-    }
-    function ne(e, r) {
-        if (r && (B(r) === "object" || typeof r === "function")) {
-            return r;
+            return re(e);
         }
-        return oe(e);
-    }
-    function oe(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        function ne(e) {
+            return ie(e) || ae(e) || oe(e) || te();
         }
-        return e;
-    }
-    function ae() {
-        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 te() {
+            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 ie(e) {
-        ie = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
-            return r.__proto__ || Object.getPrototypeOf(r);
-        };
-        return ie(e);
-    }
-    function le(e, r, t) {
-        if (r in e) {
-            Object.defineProperty(e, r, {
-                value: t,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[r] = t;
+        function oe(e, r) {
+            if (!e) return;
+            if (typeof e === "string") return le(e, r);
+            var n = Object.prototype.toString.call(e).slice(8, -1);
+            if (n === "Object" && e.constructor) n = e.constructor.name;
+            if (n === "Map" || n === "Set") return Array.from(e);
+            if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return le(e, r);
         }
-        return e;
-    }
-    var ue = {
-        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,
-        expandChildrenOnShiftKey: a().bool
-    };
-    var ce = {
-        path: [],
-        defaultOpen: false,
-        expandChildren: false,
-        indent: 4,
-        indentLevel: 1,
-        overflow: "scroll",
-        expandChildrenOnShiftKey: false
-    };
-    /**
- * An internal container class for expandable tree nodes (objects and arrays).
- */    var se =  function(e) {
-        ee(t, e);
-        var r = te(t);
-        function t(e) {
-            var n;
-            X(this, t);
-            n = r.call(this, e);
-            le(oe(n), "regularIndent", void 0);
-            le(oe(n), "closingIndent", void 0);
-            le(oe(n), "mutableShift", void 0);
-            le(oe(n), "handleExpandClick", (function(e) {
-                if (n.props.expandChildren === "withShiftModifier" || n.props.expandChildrenOnShiftKey) {
-                    var r = n.context.updateShift;
-                    if (r != null) {
-                        n.mutableShift = e.shiftKey;
-                        r(e.shiftKey);
+        function ae(e) {
+            if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
+        }
+        function ie(e) {
+            if (Array.isArray(e)) return le(e);
+        }
+        function le(e, r) {
+            if (r == null || r > e.length) r = e.length;
+            for (var n = 0, t = new Array(r); n < r; n++) {
+                t[n] = e[n];
+            }
+            return t;
+        }
+        function ue(n) {
+            var t = n.defaultOpen, o = t === void 0 ? false : t, a = n.expandChildren, i = a === void 0 ? false : a, u = n.expandChildrenOnShiftKey, c = u === void 0 ? false : u, f = n.indent, d = f === void 0 ? 4 : f, v = n.indentLevel, s = v === void 0 ? 1 : v, p = n.obj, b = n.onClickKey, h = n.onClickValue, S = n.overflow, k = S === void 0 ? "scroll" : S, x = n.path, I = x === void 0 ? [] : x, P = n.shift, R = n.updateShift;
+            var K = y()(Array(s), j()(" ", d));
+            var _;
+            var N;
+            var D = function e() {
+                if (i === true) {
+                    return o;
+                }
+                if (i === "withShiftModifier" || c) {
+                    return !!P;
+                }
+                return false;
+            };
+            var L = function e(r) {
+                if (i === "withShiftModifier" || c) {
+                    if (R != null) {
+                        R(r.shiftKey);
                     }
                 }
-                n.setState((function(e) {
-                    return {
-                        open: !e.open
-                    };
-                }));
-            }));
-            le(oe(n), "handleClickKey", (function(e, r) {
+            };
+            var q = function e(r, n) {
                 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(U(a), [ r ]) : U(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
+                // When rendering a single value key is not present, here we prevent `[undefined]` in path
+                                var a = n !== undefined ? [].concat(ne(I), [ n ]) : ne(I);
+                var i = ".".concat(a.join("."));
+                (t = N) === null || t === void 0 ? void 0 : (o = t.current) === null || o === void 0 ? void 0 : o.focus();
+                b === null || b === void 0 ? void 0 : b(r, {
+                    key: i,
+                    keyPath: a
                 });
-            }));
-            le(oe(n), "handleClickValue", (function(e, r) {
+            };
+            var V = function e(r, n) {
                 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(U(a), [ r ]) : U(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
+                // When rendering a single value key is not present, here we prevent `[undefined]` in path
+                                var a = n !== undefined ? [].concat(ne(I), [ n ]) : ne(I);
+                var i = ".".concat(a.join("."));
+                (t = _) === null || t === void 0 ? void 0 : (o = t.current) === null || o === void 0 ? void 0 : o.focus();
+                h === null || h === void 0 ? void 0 : h(r, {
+                    key: i,
+                    keyPath: a,
+                    value: r.target.textContent
                 });
-            }));
-            var o = n.props.shift;
-            n.mutableShift = o;
-            if (n.props.expandChildren === true) {
-                n.state = {
-                    open: e.defaultOpen
-                };
-            } else if ((n.props.expandChildren === "withShiftModifier" || n.props.expandChildrenOnShiftKey) && n.mutableShift != null) {
-                n.state = n.mutableShift ? {
-                    open: true
-                } : {
-                    open: false
-                };
-            } else {
-                n.state = {
-                    open: e.defaultOpen
-                };
-            }
-            n.regularIndent = b()(Array(e.indentLevel), E()(" ", e.indent));
-            n.closingIndent = b()(Array(e.indentLevel - 1), E()(" ", e.indent));
-            return n;
-        }
-        Z(t, [ {
-            key: "renderExpandLink",
-            value: function e(r) {
-                var t = this;
-                var o = r.withTooltip;
-                var a = this.state.open ? "[-]" : "[+]";
-                var i = this.state.open ? (0, K._)("Collapse all") : (0, K._)("Shift click to expand all");
-                var l =  n().createElement(D, {
+            };
+            var F = function e(r, n) {
+                var t, o;
+                var a = (0, T.keycode)(r.nativeEvent);
+                if (a === "left" && b && ((t = N) === null || t === void 0 ? void 0 : t.current) && !n) {
+                    var i;
+                    r.stopPropagation();
+                    (i = N.current) === null || i === void 0 ? void 0 : i.focus();
+                }
+                if (a === "right" && h && ((o = _) === null || o === void 0 ? void 0 : o.current) && n) {
+                    var l;
+                    r.stopPropagation();
+                    (l = _.current) === null || l === void 0 ? void 0 : l.focus();
+                }
+            };
+            var $ = function n(t) {
+                var o = t.open, a = t.withTooltip;
+                var i = o ? "[-]" : "[+]";
+                var l = o ? (0, E._)("Collapse all") : (0, E._)("Shift click to expand all");
+                var u = (0, e.useRef)(null);
+                var f =  r().createElement(Z, {
+                    elementRef: u,
+                    tabIndex: -1,
                     onClick: function e(r) {
-                        t.handleExpandClick(r);
+                        L(r);
                     },
-                    "aria-expanded": this.state.open,
+                    "aria-expanded": o,
                     "data-test": "toggle"
-                }, " ", a, " ");
-                if (this.props.expandChildrenOnShiftKey && o) {
-                    
-                    return n().createElement(F, {
-                        contentRelationship: "description",
-                        openDelay: "secondary",
-                        defaultPlacement: "above",
-                        content: (0, K._)(i)
-                    }, l);
-                }
-                return l;
-            }
-        }, {
-            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, d = u.onClickValue, v = u.overflow, y = u.path, h = u.shift, b = u.expandChildrenOnShiftKey;
-                var m = null;
- // determine if value should be represented as a simple string
-                // or as a child node
-                                if (!x()(a)) {
-                    // isObject is true for arrays
-                    if (typeof a === "string") {
-                        m = '"'.concat(a, '"');
-                    } else if (typeof a === "boolean") {
-                        m = a.toString();
-                    } else if (a === null) {
-                        m = "null";
+                }, " ", i, " ");
+                if (c && a) {
+                    return {
+                        expandLink:  r().createElement(ee, {
+                            contentRelationship: "description",
+                            openDelay: "secondary",
+                            defaultPlacement: "above",
+                            content: (0, E._)(l)
+                        }, f),
+                        expandLinkRef: u
+                    };
+                }
+                return {
+                    expandLink: f,
+                    expandLinkRef: u
+                };
+            };
+            var J = function n(t) {
+                var o = t.value, a = t.key;
+                var u;
+                var f = (0, e.useRef)(null);
+                if (!O()(o)) {
+                    if (typeof o === "string") {
+                        u = '"'.concat(o, '"');
+                    } else if (typeof o === "boolean") {
+                        u = o.toString();
+                    } else if (o === null) {
+                        u = "null";
                     } else {
-                        m = a;
+                        u = o;
                     }
-                } else if (O()(a)) {
+                } else if (g()(o)) {
                     // isObject is true for arrays
-                    m = C()(a) ? "[]" : "{}";
+                    u = m()(o) ? "[]" : "{}";
                 } else {
-                    m =  n().createElement(t, {
-                        obj: a,
-                        path: i !== undefined ? [].concat(U(y), [ i ]) : U(y),
-                        defaultOpen: c === true,
-                        expandChildren: c,
-                        onClickKey: p,
-                        onClickValue: d,
-                        indent: s,
-                        indentLevel: f + 1,
-                        overflow: v,
-                        shift: h,
-                        expandChildrenOnShiftKey: b
+                    u = ue({
+                        defaultOpen: i === true,
+                        expandChildren: i,
+                        expandChildrenOnShiftKey: c,
+                        onClickKey: b,
+                        onClickValue: h,
+                        overflow: k,
+                        obj: o,
+                        path: a !== undefined ? [].concat(ne(I), [ a ]) : ne(I),
+                        indentLevel: s + 1,
+                        shift: P,
+                        updateShift: R
                     });
                 }
- // for string or number representations, apply styles and optional interactivity
-                                if (l()(m) || w()(m)) {
-                    var S = a === null ? "null" : // TS: bigint, function, symbol are prevented by JSONElement type
-                    B(a);
-                    if (d) {
-                        
-                        return n().createElement(M, {
-                            valueType: S,
-                            overflowType: v,
-                            onClick: function e(r) {
-                                o.handleClickValue(r, i);
-                            }
-                        }, m);
+                if (l()(u) || w()(u)) {
+                    var d = o === null ? "null" : // TS: bigint, function, symbol are prevented by JSONElement type
+                    re(o);
+                    if (h) {
+                        return {
+                            representation:  r().createElement(G, {
+                                elementRef: f,
+                                valueType: d,
+                                overflowType: k,
+                                onClick: function e(r) {
+                                    _ = f;
+                                    V(r, a);
+                                },
+                                onKeyDown: function e(r) {
+                                    F(r, false);
+                                },
+                                tabIndex: -1
+                            }, u),
+                            clickableValRef: f
+                        };
                     }
-                    
-                    return n().createElement(L, {
-                        valueType: S,
-                        overflowType: v
-                    }, m);
-                }
-                return m;
-            }
-        }, {
-            key: "renderKey",
-            value: function e(r) {
-                var t = this;
-                var o = this.props.onClickKey;
-                if (o) {
-                    
-                    return n().createElement("span", null,  n().createElement(H, {
-                        onClick: function e(n) {
-                            t.handleClickKey(n, r);
-                        }
-                    }, r), ":", " ");
+                    return {
+                        representation:  r().createElement(W, {
+                            valueType: d,
+                            overflowType: k
+                        }, u)
+                    };
                 }
-                
-                return n().createElement("span", null,  n().createElement(J, null, r), ":", " ");
-            }
-        }, {
-            key: "renderObject",
-            value: function e() {
-                var r = this;
-                var o = this.props, a = o.obj, i = o.path;
-                var l = false;
-                if (x()(a) || C()(a)) {
+                return {
+                    representation: u
+                };
+            };
+            var B = function n(t) {
+                var o = (0, e.useRef)(null);
+                if (b) {
                     return {
-                        nodes: T()(a).map((function(e, o, u) {
-                            var c = a[e];
- // TS: should be safe based on (recursive) JSONElement type
-                                                        var s = C()(a) ? parseInt(e, 10) : e;
-                            var f = i.length === 0 ? ".".concat(s) : ".".concat(i.join("."), ".").concat(s);
-                            var p = r.renderValue({
-                                key: s,
-                                value: c
-                            });
-                            l = // eslint-disable-next-line dot-notation
-                            "type" in p && p["type"] === t;
-                            var d = !C()(a) ? r.renderKey(s) : undefined;
-                            
-                            return n().createElement("div", {
-                                key: f,
-                                role: "treeitem",
-                                "data-test-path": f
-                            }, r.regularIndent, d, p, o + 1 < u.length ? "," : null);
-                        })),
-                        isJSONTreeNode: l
+                        propertyElement:  r().createElement("span", null,  r().createElement(Y, {
+                            elementRef: o,
+                            tabIndex: -1,
+                            onClick: function e(r) {
+                                N = o;
+                                q(r, t);
+                            },
+                            onKeyDown: function e(r) {
+                                F(r, true);
+                            }
+                        }, t), ":", " "),
+                        clickableKeyRef: o
                     };
                 }
-                var u =  n().createElement("div", {
-                    role: "treeitem",
-                    "data-test-path": "."
-                }, this.renderValue({
-                    value: a
-                }));
- // keyless value case: a single number/string/boolean being rendered (still valid JSON)
-                                return {
-                    nodes: [ u ],
-                    isJSONTreeNode: l
+                return {
+                    propertyElement:  r().createElement("span", null,  r().createElement(Q, null, t), ":", " ")
                 };
+            };
+            if (O()(p) && !g()(p) || m()(p) && p.length > 0) {
+                var U = C()(p).map((function(e, n, t) {
+                    var o = p[e];
+ // TS: should be safe based on (recursive) JSONElement type
+                                        var a = m()(p) ? parseInt(e, 10) : e;
+                    var i = I.length === 0 ? ".".concat(a) : ".".concat(I.join("."), ".").concat(a);
+                    var l = J({
+                        key: a,
+                        value: o
+                    }), u = l.representation, c = l.clickableValRef;
+                    var f = !m()(p) ? B(a) : {
+                        propertyElement: undefined,
+                        clickableKeyRef: undefined
+                    }, d = f.propertyElement, v = f.clickableKeyRef;
+                    var s = O()(o) && !g()(o) || m()(o) && o.length > 0;
+                    
+                    return r().createElement(M, {
+                        id: i,
+                        key: i,
+                        propertyDataPath: i,
+                        propertyElement: d,
+                        hasChildren: s,
+                        initialOpenState: D(),
+                        representation: u,
+                        indentArray: K,
+                        value: o,
+                        index: n,
+                        properties: t,
+                        renderExpandLink: $,
+                        clickableKeyRef: v,
+                        clickableValRef: c,
+                        onFocus: function e() {
+                            N = v;
+                            _ = c;
+                        }
+                    });
+                }));
+                if (I.length === 0) {
+                    var H = O()(p) && !g()(p) || m()(p) && p.length > 0;
+                    
+                    return r().createElement(M, {
+                        id: "root",
+                        propertyDataPath: ".",
+                        hasChildren: H,
+                        initialOpenState: o,
+                        value: p,
+                        index: 0,
+                        renderExpandLink: $,
+                        representation: U
+                    });
+                }
+                return U;
             }
-        }, {
-            key: "render",
-            value: function e() {
-                var r = this.state.open;
-                var t = this.props.obj;
-                var o = x()(t) && !O()(t) || C()(t) && t.length > 0;
-                var a = this.renderObject(), i = a.nodes, l = a.isJSONTreeNode;
-                
-                return n().createElement("span", {
-                    "data-test": o ? "node" : null,
-                    "data-test-expanded": o ? this.state.open : null
-                }, o && (C()(t) ? "[" : "{"), o && this.renderExpandLink({
-                    withTooltip: l
-                }), !o || r ? i : null, !o || r ? this.closingIndent : null, o && (C()(t) ? "]" : "}"));
-            }
-        } ]);
-        return t;
-    }(t.Component);
-    le(se, "contextType", c);
-    le(se, "propTypes", ue);
-    le(se, "defaultProps", ce);
-    /* harmony default export */    const fe = se;
-    // CONCATENATED MODULE: ./src/JSONTree/JSONTree.tsx
-    function pe() {
-        pe = 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];
+ // edge case: a single number/string/boolean being rendered (still valid JSON)
+                        var X = J({
+                value: p
+            }), z = X.representation;
+            
+            return r().createElement(A["default"].TreeItem, {
+                id: "0",
+                "data-test-path": ".",
+                content: z
+            });
+        }
+        // CONCATENATED MODULE: ./src/JSONTree/JSONTree.tsx
+        function ce() {
+            ce = Object.assign || function(e) {
+                for (var r = 1; r < arguments.length; r++) {
+                    var n = arguments[r];
+                    for (var t in n) {
+                        if (Object.prototype.hasOwnProperty.call(n, t)) {
+                            e[t] = n[t];
+                        }
                     }
                 }
+                return e;
+            };
+            return ce.apply(this, arguments);
+        }
+        function fe(e, r) {
+            return ye(e) || pe(e, r) || ve(e, r) || de();
+        }
+        function de() {
+            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 ve(e, r) {
+            if (!e) return;
+            if (typeof e === "string") return se(e, r);
+            var n = Object.prototype.toString.call(e).slice(8, -1);
+            if (n === "Object" && e.constructor) n = e.constructor.name;
+            if (n === "Map" || n === "Set") return Array.from(e);
+            if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return se(e, r);
+        }
+        function se(e, r) {
+            if (r == null || r > e.length) r = e.length;
+            for (var n = 0, t = new Array(r); n < r; n++) {
+                t[n] = e[n];
             }
-            return e;
-        };
-        return pe.apply(this, arguments);
-    }
-    function de(e, r) {
-        return me(e) || be(e, r) || ye(e, r) || ve();
-    }
-    function ve() {
-        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 ye(e, r) {
-        if (!e) return;
-        if (typeof e === "string") return he(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 he(e, r);
-    }
-    function he(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 t;
         }
-        return n;
-    }
-    function be(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 {
+        function pe(e, r) {
+            if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
+            var n = [];
+            var t = true;
+            var o = false;
+            var a = undefined;
             try {
-                if (!n && i["return"] != null) i["return"]();
+                for (var i = e[Symbol.iterator](), l; !(t = (l = i.next()).done); t = true) {
+                    n.push(l.value);
+                    if (r && n.length === r) break;
+                }
+            } catch (e) {
+                o = true;
+                a = e;
             } finally {
-                if (o) throw a;
+                try {
+                    if (!t && i["return"] != null) i["return"]();
+                } finally {
+                    if (o) throw a;
+                }
             }
+            return n;
         }
-        return t;
-    }
-    function me(e) {
-        if (Array.isArray(e)) return e;
-    }
-    function Ce(e, r) {
-        if (e == null) return {};
-        var t = Se(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];
+        function ye(e) {
+            if (Array.isArray(e)) return e;
+        }
+        function be(e, r) {
+            if (e == null) return {};
+            var n = me(e, r);
+            var t, o;
+            if (Object.getOwnPropertySymbols) {
+                var a = Object.getOwnPropertySymbols(e);
+                for (o = 0; o < a.length; o++) {
+                    t = a[o];
+                    if (r.indexOf(t) >= 0) continue;
+                    if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
+                    n[t] = e[t];
+                }
             }
+            return n;
         }
-        return t;
-    }
-    function Se(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];
+        function me(e, r) {
+            if (e == null) return {};
+            var n = {};
+            var t = Object.keys(e);
+            var o, a;
+            for (a = 0; a < t.length; a++) {
+                o = t[a];
+                if (r.indexOf(o) >= 0) continue;
+                n[o] = e[o];
+            }
+            return n;
         }
-        return t;
-    }
-    var Oe = {
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        expandChildren: a().oneOfType([ a().bool, a().oneOf([ "withShiftModifier" ]) ]),
-        indent: a().number,
-        json: a().oneOfType([ a().string, a().object, a().array, a().number, a().bool ]).isRequired,
-        onClickKey: a().func,
-        onClickValue: a().func,
-        overflow: a().oneOf([ "wrap", "scroll" ]),
-        expandChildrenOnShiftKey: a().bool
-    };
-    /**
- * Used to visualize a JSON string.
- */    function ke(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, h = d === void 0 ? "scroll" : d, b = e.expandChildrenOnShiftKey, m = b === void 0 ? false : b, C = Ce(e, [ "elementRef", "expandChildren", "indent", "json", "onClickKey", "onClickValue", "overflow", "expandChildrenOnShiftKey" ]);
-        // @docs-props-type JSONTreePropsBase
-                var S = l()(s) ? JSON.parse(s) : s;
-        var O = h === "wrap" ? y : v;
-        var k = (0, t.useState)(undefined), w = de(k, 2), g = w[0], x = w[1];
-        var j = function e(r) {
-            x(r);
-        };
- // eslint-disable-next-line react-perf/jsx-no-new-object-as-prop
-                var T = {
-            shift: g,
-            updateShift: j
+        var he = {
+            elementRef: a().oneOfType([ a().func, a().object ]),
+            expandChildren: a().oneOfType([ a().bool, a().oneOf([ "withShiftModifier" ]) ]),
+            indent: a().number,
+            json: a().oneOfType([ a().string, a().object, a().array, a().number, a().bool ]).isRequired,
+            onClickKey: a().func,
+            onClickValue: a().func,
+            overflow: a().oneOf([ "wrap", "scroll" ]),
+            expandChildrenOnShiftKey: a().bool
         };
-        
-        return n().createElement(O, pe({
-            "data-language": "language-json",
-            "data-test": "json-tree",
-            ref: r,
-            role: "tree"
-        }, C),  n().createElement(c.Provider, {
-            value: T
-        },  n().createElement(fe, {
-            defaultOpen: true,
-            expandChildren: a,
-            indent: u,
-            obj: S,
-            onClickKey: f,
-            onClickValue: p,
-            overflow: h,
-            expandChildrenOnShiftKey: m,
-            shift: g
-        })));
-    }
-    ke.propTypes = Oe;
-    /* harmony default export */    const we = ke;
-    // CONCATENATED MODULE: ./src/JSONTree/index.ts
-    module.exports = r;
+        /**
+ * Used to visualize a JSON string.
+ */        function ge(n) {
+            var t = n.elementRef, o = n.expandChildren, a = o === void 0 ? false : o, i = n.indent, u = i === void 0 ? 4 : i, c = n.json, f = n.onClickKey, d = n.onClickValue, p = n.overflow, y = p === void 0 ? "scroll" : p, b = n.expandChildrenOnShiftKey, m = b === void 0 ? false : b, h = be(n, [ "elementRef", "expandChildren", "indent", "json", "onClickKey", "onClickValue", "overflow", "expandChildrenOnShiftKey" ]);
+            // @docs-props-type JSONTreePropsBase
+                        var g = l()(c) ? JSON.parse(c) : c;
+            var S = y === "wrap" ? s : v;
+            var w = (0, e.useState)(undefined), k = fe(w, 2), O = k[0], x = k[1];
+            var C = function e(r) {
+                x(r);
+            };
+            
+            return r().createElement(S, ce({
+                "data-language": "language-json",
+                "data-test": "json-tree",
+                ref: t,
+                role: "tree"
+            }, h),  r().createElement(A["default"], {
+                defaultIndent: false
+            }, ue({
+                defaultOpen: true,
+                expandChildren: a,
+                expandChildrenOnShiftKey: m,
+                indent: u,
+                obj: g,
+                onClickKey: f,
+                onClickValue: d,
+                overflow: y,
+                shift: O,
+                updateShift: C
+            })));
+        }
+        ge.propTypes = he;
+        /* harmony default export */        const Se = ge;
+    }) // CONCATENATED MODULE: ./src/JSONTree/index.ts
+    ();
+    module.exports = t;
     /******/})();