@splunk/react-ui 4.23.0 → 4.25.0

package/JSONTree.js

@@ -61,7 +61,7 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ Ce
+        default: () => /* reexport */ we
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -80,17 +80,17 @@
     const s = require("styled-components");
     var f =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const d = require("@splunk/themes");
+    const p = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/JSONTree/JSONTreeStyles.ts
-    var p = (0, s.css)([ "", ";font-family:", ";" ], d.mixins.reset("block"), d.variables.monoFontFamily);
+    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;" ], p);
+    })([ "", ";overflow-x:auto;white-space:nowrap;" ], d);
     var y = f().code.withConfig({
         displayName: "JSONTreeStyles__StyledWrapCode",
         componentId: "vrdt21-1"
-    })([ "", ";white-space:pre-wrap;" ], p);
+    })([ "", ";white-space:pre-wrap;" ], d);
     // CONCATENATED MODULE: external "lodash/fill"
     const h = require("lodash/fill");
     var b =  e.n(h);
@@ -98,8 +98,8 @@
     const m = require("lodash/isArray");
     var C =  e.n(m);
     // CONCATENATED MODULE: external "lodash/isEmpty"
-    const O = require("lodash/isEmpty");
-    var S =  e.n(O);
+    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);
@@ -110,120 +110,129 @@
     const j = require("lodash/keys");
     var T =  e.n(j);
     // CONCATENATED MODULE: external "lodash/repeat"
-    const E = require("lodash/repeat");
-    var _ =  e.n(E);
+    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 K = require("@splunk/react-ui/Clickable");
-    var I =  e.n(K);
+    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 P = {
-        string: d.variables.syntaxTeal,
-        number: d.variables.syntaxBlue,
-        boolean: d.variables.syntaxPurple,
-        null: d.variables.syntaxBrown,
-        object: d.variables.contentColorDefault
+    var A = {
+        string: p.variables.syntaxTeal,
+        number: p.variables.syntaxBlue,
+        boolean: p.variables.syntaxPurple,
+        null: p.variables.syntaxBrown,
+        object: p.variables.contentColorDefault
     };
-    var N = (0, s.css)([ "word-break:break-word;word-wrap:break-word;" ]);
-    var A = (0, s.css)([ "white-space:nowrap;" ]);
-    var q = f().span.withConfig({
+    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 P[r];
+        return A[r];
     }), (function(e) {
         var r = e.overflowType;
-        return r === "wrap" ? N : A;
+        return r === "wrap" ? R : V;
     }));
-    var V = f()(q.withComponent(I())).withConfig({
+    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:", ";}" ], d.variables.focusColor, (0, 
-    d.pick)({
-        enterprise: d.variables.backgroundColorHover,
-        prisma: d.variables.interactiveColorOverlayHover
+    })([ "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 R = f().span.withConfig({
+    var J = f().span.withConfig({
         displayName: "TreeNodeStyles__StyledProperty",
         componentId: "sc-1rdul18-2"
-    })([ "font-weight:bold;color:", ";" ], (0, d.pick)({
+    })([ "font-weight:bold;color:", ";" ], (0, p.pick)({
         enterprise: {
             dark: "#ec9f98",
-            light: d.variables.syntaxRed
+            light: p.variables.syntaxRed
         },
-        prisma: d.variables.syntaxRed
+        prisma: p.variables.syntaxRed
     }));
-    var L = f()(R.withComponent(I())).withConfig({
+    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:", ";}" ], d.variables.focusColor, (0, 
-    d.pick)({
-        enterprise: d.variables.backgroundColorHover,
-        prisma: d.variables.interactiveColorOverlayHover
+    })([ "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 M = f()(I()).withConfig({
+    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, 
-    d.pick)({
+    p.pick)({
         enterprise: {
-            dark: d.variables.accentColorL20,
-            light: d.variables.accentColorD20
+            dark: p.variables.accentColorL20,
+            light: p.variables.accentColorD20
         },
-        prisma: d.variables.interactiveColorPrimary
-    }), (0, d.pick)({
-        enterprise: d.variables.backgroundColorHover,
-        prisma: d.variables.interactiveColorOverlayHover
-    }), d.variables.focusShadowInset, (0, d.pick)({
-        prisma: (0, s.css)([ "border-radius:", ";" ], d.variables.borderRadius)
+        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 H(e) {
+    function B(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            H = function e(r) {
+            B = function e(r) {
                 return typeof r;
             };
         } else {
-            H = function e(r) {
+            B = function e(r) {
                 return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
             };
         }
-        return H(e);
+        return B(e);
     }
-    function D(e) {
-        return U(e) || F(e) || B(e) || J();
+    function U(e) {
+        return G(e) || z(e) || W(e) || $();
     }
-    function J() {
+    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 B(e, r) {
+    function W(e, r) {
         if (!e) return;
-        if (typeof e === "string") return $(e, r);
+        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 $(e, r);
+        if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return Q(e, r);
     }
-    function F(e) {
+    function z(e) {
         if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
     }
-    function U(e) {
-        if (Array.isArray(e)) return $(e);
+    function G(e) {
+        if (Array.isArray(e)) return Q(e);
     }
-    function $(e, r) {
+    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];
         }
         return n;
     }
-    function W(e, r) {
+    function X(e, r) {
         if (!(e instanceof r)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function z(e, r) {
+    function Y(e, r) {
         for (var t = 0; t < r.length; t++) {
             var n = r[t];
             n.enumerable = n.enumerable || false;
@@ -232,12 +241,12 @@
             Object.defineProperty(e, n.key, n);
         }
     }
-    function G(e, r, t) {
-        if (r) z(e.prototype, r);
-        if (t) z(e, t);
+    function Z(e, r, t) {
+        if (r) Y(e.prototype, r);
+        if (t) Y(e, t);
         return e;
     }
-    function Q(e, r) {
+    function ee(e, r) {
         if (typeof r !== "function" && r !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -248,41 +257,41 @@
                 configurable: true
             }
         });
-        if (r) X(e, r);
+        if (r) re(e, r);
     }
-    function X(e, r) {
-        X = Object.setPrototypeOf || function e(r, t) {
+    function re(e, r) {
+        re = Object.setPrototypeOf || function e(r, t) {
             r.__proto__ = t;
             return r;
         };
-        return X(e, r);
+        return re(e, r);
     }
-    function Y(e) {
-        var r = re();
+    function te(e) {
+        var r = ae();
         return function t() {
-            var n = te(e), o;
+            var n = ie(e), o;
             if (r) {
-                var a = te(this).constructor;
+                var a = ie(this).constructor;
                 o = Reflect.construct(n, arguments, a);
             } else {
                 o = n.apply(this, arguments);
             }
-            return Z(this, o);
+            return ne(this, o);
         };
     }
-    function Z(e, r) {
-        if (r && (H(r) === "object" || typeof r === "function")) {
+    function ne(e, r) {
+        if (r && (B(r) === "object" || typeof r === "function")) {
             return r;
         }
-        return ee(e);
+        return oe(e);
     }
-    function ee(e) {
+    function oe(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function re() {
+    function ae() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -293,13 +302,13 @@
             return false;
         }
     }
-    function te(e) {
-        te = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
+    function ie(e) {
+        ie = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
             return r.__proto__ || Object.getPrototypeOf(r);
         };
-        return te(e);
+        return ie(e);
     }
-    function ne(e, r, t) {
+    function le(e, r, t) {
         if (r in e) {
             Object.defineProperty(e, r, {
                 value: t,
@@ -312,7 +321,7 @@
         }
         return e;
     }
-    var oe = {
+    var ue = {
         path: a().arrayOf(a().oneOfType([ a().number, a().string ])),
         defaultOpen: a().bool,
         expandChildren: a().oneOfType([ a().bool, a().oneOf([ "withShiftModifier" ]) ]),
@@ -325,7 +334,7 @@
         shift: a().bool,
         expandChildrenOnShiftKey: a().bool
     };
-    var ae = {
+    var ce = {
         path: [],
         defaultOpen: false,
         expandChildren: false,
@@ -336,17 +345,17 @@
     };
     /**
  * An internal container class for expandable tree nodes (objects and arrays).
- */    var ie =  function(e) {
-        Q(t, e);
-        var r = Y(t);
+ */    var se =  function(e) {
+        ee(t, e);
+        var r = te(t);
         function t(e) {
             var n;
-            W(this, t);
+            X(this, t);
             n = r.call(this, e);
-            ne(ee(n), "regularIndent", void 0);
-            ne(ee(n), "closingIndent", void 0);
-            ne(ee(n), "mutableShift", void 0);
-            ne(ee(n), "handleExpandClick", (function(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) {
@@ -360,22 +369,22 @@
                     };
                 }));
             }));
-            ne(ee(n), "handleClickKey", (function(e, r) {
+            le(oe(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(D(a), [ r ]) : D(a);
+                                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
                 });
             }));
-            ne(ee(n), "handleClickValue", (function(e, r) {
+            le(oe(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(D(a), [ r ]) : D(a);
+                                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,
@@ -400,29 +409,41 @@
                     open: e.defaultOpen
                 };
             }
-            n.regularIndent = b()(Array(e.indentLevel), _()(" ", e.indent));
-            n.closingIndent = b()(Array(e.indentLevel - 1), _()(" ", e.indent));
+            n.regularIndent = b()(Array(e.indentLevel), E()(" ", e.indent));
+            n.closingIndent = b()(Array(e.indentLevel - 1), E()(" ", e.indent));
             return n;
         }
-        G(t, [ {
+        Z(t, [ {
             key: "renderExpandLink",
-            value: function e() {
-                var r = this;
-                
-                return n().createElement(M, {
-                    onClick: function e(t) {
-                        r.handleExpandClick(t);
+            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, {
+                    onClick: function e(r) {
+                        t.handleExpandClick(r);
                     },
                     "aria-expanded": this.state.open,
                     "data-test": "toggle"
-                }, " ", this.state.open ? "[-]" : "[+]", " ");
+                }, " ", 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, d = u.onClickKey, p = u.onClickValue, v = u.overflow, y = u.path, h = u.shift, b = u.expandChildrenOnShiftKey;
+                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
@@ -437,17 +458,17 @@
                     } else {
                         m = a;
                     }
-                } else if (S()(a)) {
+                } else if (O()(a)) {
                     // isObject is true for arrays
                     m = C()(a) ? "[]" : "{}";
                 } else {
                     m =  n().createElement(t, {
                         obj: a,
-                        path: i !== undefined ? [].concat(D(y), [ i ]) : D(y),
+                        path: i !== undefined ? [].concat(U(y), [ i ]) : U(y),
                         defaultOpen: c === true,
                         expandChildren: c,
-                        onClickKey: d,
-                        onClickValue: p,
+                        onClickKey: p,
+                        onClickValue: d,
                         indent: s,
                         indentLevel: f + 1,
                         overflow: v,
@@ -457,12 +478,12 @@
                 }
  // for string or number representations, apply styles and optional interactivity
                                 if (l()(m) || w()(m)) {
-                    var O = a === null ? "null" : // TS: bigint, function, symbol are prevented by JSONElement type
-                    H(a);
-                    if (p) {
+                    var S = a === null ? "null" : // TS: bigint, function, symbol are prevented by JSONElement type
+                    B(a);
+                    if (d) {
                         
-                        return n().createElement(V, {
-                            valueType: O,
+                        return n().createElement(M, {
+                            valueType: S,
                             overflowType: v,
                             onClick: function e(r) {
                                 o.handleClickValue(r, i);
@@ -470,8 +491,8 @@
                         }, m);
                     }
                     
-                    return n().createElement(q, {
-                        valueType: O,
+                    return n().createElement(L, {
+                        valueType: S,
                         overflowType: v
                     }, m);
                 }
@@ -484,70 +505,82 @@
                 var o = this.props.onClickKey;
                 if (o) {
                     
-                    return n().createElement("span", null,  n().createElement(L, {
+                    return n().createElement("span", null,  n().createElement(H, {
                         onClick: function e(n) {
                             t.handleClickKey(n, r);
                         }
                     }, r), ":", " ");
                 }
                 
-                return n().createElement("span", null,  n().createElement(R, null, r), ":", " ");
+                return n().createElement("span", null,  n().createElement(J, null, r), ":", " ");
             }
         }, {
             key: "renderObject",
             value: function e() {
                 var r = this;
-                var t = this.props, o = t.obj, a = t.path;
-                if (x()(o) || C()(o)) {
-                    return T()(o).map((function(e, t, i) {
-                        var l = o[e];
+                var o = this.props, a = o.obj, i = o.path;
+                var l = false;
+                if (x()(a) || C()(a)) {
+                    return {
+                        nodes: T()(a).map((function(e, o, u) {
+                            var c = a[e];
  // TS: should be safe based on (recursive) JSONElement type
-                                                var u = C()(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 = !C()(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);
-                    }));
+                                                        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
+                    };
                 }
- // edge case: a single number/string/boolean being rendered (still valid JSON)
-                                
-                return n().createElement("div", {
+                var u =  n().createElement("div", {
                     role: "treeitem",
                     "data-test-path": "."
                 }, this.renderValue({
-                    value: o
+                    value: a
                 }));
+ // keyless value case: a single number/string/boolean being rendered (still valid JSON)
+                                return {
+                    nodes: [ u ],
+                    isJSONTreeNode: l
+                };
             }
         }, {
             key: "render",
             value: function e() {
                 var r = this.state.open;
                 var t = this.props.obj;
-                var o = x()(t) && !S()(t) || C()(t) && t.length > 0;
+                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(), !o || r ? this.renderObject() : null, !o || r ? this.closingIndent : null, o && (C()(t) ? "]" : "}"));
+                }, o && (C()(t) ? "[" : "{"), o && this.renderExpandLink({
+                    withTooltip: l
+                }), !o || r ? i : null, !o || r ? this.closingIndent : null, o && (C()(t) ? "]" : "}"));
             }
         } ]);
         return t;
     }(t.Component);
-    ne(ie, "contextType", c);
-    ne(ie, "propTypes", oe);
-    ne(ie, "defaultProps", ae);
-    /* harmony default export */    const le = ie;
+    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 ue() {
-        ue = Object.assign || function(e) {
+    function pe() {
+        pe = Object.assign || function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -558,30 +591,30 @@
             }
             return e;
         };
-        return ue.apply(this, arguments);
+        return pe.apply(this, arguments);
     }
-    function ce(e, r) {
-        return ve(e) || pe(e, r) || fe(e, r) || se();
+    function de(e, r) {
+        return me(e) || be(e, r) || ye(e, r) || ve();
     }
-    function se() {
+    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 fe(e, r) {
+    function ye(e, r) {
         if (!e) return;
-        if (typeof e === "string") return de(e, r);
+        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 de(e, r);
+        if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return he(e, r);
     }
-    function de(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 n;
     }
-    function pe(e, r) {
+    function be(e, r) {
         if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
         var t = [];
         var n = true;
@@ -604,12 +637,12 @@
         }
         return t;
     }
-    function ve(e) {
+    function me(e) {
         if (Array.isArray(e)) return e;
     }
-    function ye(e, r) {
+    function Ce(e, r) {
         if (e == null) return {};
-        var t = he(e, r);
+        var t = Se(e, r);
         var n, o;
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
@@ -622,7 +655,7 @@
         }
         return t;
     }
-    function he(e, r) {
+    function Se(e, r) {
         if (e == null) return {};
         var t = {};
         var n = Object.keys(e);
@@ -634,7 +667,7 @@
         }
         return t;
     }
-    var be = {
+    var Oe = {
         elementRef: a().oneOfType([ a().func, a().object ]),
         expandChildren: a().oneOfType([ a().bool, a().oneOf([ "withShiftModifier" ]) ]),
         indent: a().number,
@@ -646,12 +679,12 @@
     };
     /**
  * Used to visualize a JSON string.
- */    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, d = e.onClickValue, p = e.overflow, h = p === void 0 ? "scroll" : p, b = e.expandChildrenOnShiftKey, m = b === void 0 ? false : b, C = ye(e, [ "elementRef", "expandChildren", "indent", "json", "onClickKey", "onClickValue", "overflow", "expandChildrenOnShiftKey" ]);
+ */    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 O = l()(s) ? JSON.parse(s) : s;
-        var S = h === "wrap" ? y : v;
-        var k = (0, t.useState)(undefined), w = ce(k, 2), g = w[0], x = w[1];
+                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);
         };
@@ -661,27 +694,27 @@
             updateShift: j
         };
         
-        return n().createElement(S, ue({
+        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(le, {
+        },  n().createElement(fe, {
             defaultOpen: true,
             expandChildren: a,
             indent: u,
-            obj: O,
+            obj: S,
             onClickKey: f,
-            onClickValue: d,
+            onClickValue: p,
             overflow: h,
             expandChildrenOnShiftKey: m,
             shift: g
         })));
     }
-    me.propTypes = be;
-    /* harmony default export */    const Ce = me;
+    ke.propTypes = Oe;
+    /* harmony default export */    const we = ke;
     // CONCATENATED MODULE: ./src/JSONTree/index.ts
     module.exports = r;
     /******/})();