@splunk/react-ui 5.0.0-beta.2 → 5.0.0-beta.4

package/JSONTree.js

@@ -14,9 +14,9 @@
             var o =  n.n(t);
             // EXTERNAL MODULE: external "prop-types"
                         var a = n(23);
-            var i =  n.n(a);
+            var l =  n.n(a);
             // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
-                        var l = n(5295);
+                        var i = n(5295);
             // CONCATENATED MODULE: ./src/Tree/TreeContext.tsx
             var u =  (0, t.createContext)({
                 defaultIndent: true
@@ -45,8 +45,8 @@
                 return r && (0, d.css)([ "padding-left:", ";" ], s.variables.spacingXXXLarge);
             }));
             // CONCATENATED MODULE: ./src/Tree/TreeItem.tsx
-            function m() {
-                return m = Object.assign ? Object.assign.bind() : function(e) {
+            function b() {
+                return b = Object.assign ? Object.assign.bind() : function(e) {
                     for (var r = 1; r < arguments.length; r++) {
                         var n = arguments[r];
                         for (var t in n) {
@@ -54,9 +54,9 @@
                         }
                     }
                     return e;
-                }, m.apply(null, arguments);
+                }, b.apply(null, arguments);
             }
-            function b(e, r) {
+            function m(e, r) {
                 return w(e) || k(e, r) || g(e, r) || h();
             }
             function h() {
@@ -79,23 +79,23 @@
             function k(e, r) {
                 var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
                 if (null != n) {
-                    var t, o, a, i, l = [], u = !0, c = !1;
+                    var t, o, a, l, i = [], u = !0, c = !1;
                     try {
                         if (a = (n = n.call(e)).next, 0 === r) {
                             if (Object(n) !== n) return;
                             u = !1;
-                        } else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
+                        } else for (;!(u = (t = a.call(n)).done) && (i.push(t.value), i.length !== r); u = !0) {
                         }
                     } catch (e) {
                         c = !0, o = e;
                     } finally {
                         try {
-                            if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                            if (!u && null != n["return"] && (l = n["return"](), Object(l) !== l)) return;
                         } finally {
                             if (c) throw o;
                         }
                     }
-                    return l;
+                    return i;
                 }
             }
             function w(e) {
@@ -124,24 +124,24 @@
                 return n;
             }
             var I = {
-                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
+                id: l().string,
+                children: l().node,
+                content: l().node,
+                customIndent: l().node,
+                endAdornment: l().node,
+                labelledBy: l().string,
+                onFocus: l().func,
+                onKeyDown: l().func,
+                onToggle: l().func,
+                open: l().bool,
+                toggle: l().node
             };
             function C(e) {
-                var r = e.id, n = e.children, a = e.content, i = e.customIndent, l = e.endAdornment, u = e.labelledBy, d = e.onFocus, f = e.onKeyDown, s = e.onToggle, h = e.open, g = h === void 0 ? true : h, S = e.toggle, k = O(e, [ "id", "children", "content", "customIndent", "endAdornment", "labelledBy", "onFocus", "onKeyDown", "onToggle", "open", "toggle" ]);
+                var r = e.id, n = e.children, a = e.content, l = e.customIndent, i = e.endAdornment, u = e.labelledBy, d = e.onFocus, f = e.onKeyDown, s = e.onToggle, h = e.open, g = h === void 0 ? true : h, S = e.toggle, k = O(e, [ "id", "children", "content", "customIndent", "endAdornment", "labelledBy", "onFocus", "onKeyDown", "onToggle", "open", "toggle" ]);
                 var w = (0, t.useContext)(c), x = w.defaultIndent, I = x === void 0 ? true : x, C = w.onItemKeyDown, E = w.onItemClick, j = w.removeNode, A = w.setNode, T = w.itemPaths, P = w.focusedItemId;
-                var R = (0, t.useState)(g), K = b(R, 2), _ = K[0], D = K[1];
+                var R = (0, t.useState)(g), K = m(R, 2), _ = K[0], D = K[1];
  // make first tree item tabbable
-                                var N = (0, t.useState)((T === null || T === void 0 ? void 0 : T.get("".concat(r))) === "0" ? 0 : -1), V = b(N, 2), L = V[0], q = V[1];
+                                var N = (0, t.useState)((T === null || T === void 0 ? void 0 : T.get("".concat(r))) === "0" ? 0 : -1), V = m(N, 2), L = V[0], q = V[1];
                 var F = (0, t.useRef)(null);
                 var M = (0, t.useRef)(null);
                 var $ = t.Children.toArray(n).filter(t.isValidElement);
@@ -207,7 +207,7 @@
                     });
                 };
                 
-                return o().createElement("li", m({}, k, {
+                return o().createElement("li", b({}, k, {
                     ref: M,
                     tabIndex: L,
                     onBlur: H,
@@ -216,15 +216,15 @@
                     role: "treeitem",
                     "aria-labelledby": u,
                     "aria-expanded": $.length ? _ : undefined
-                }), i,  o().createElement(p, {
+                }), l,  o().createElement(p, {
                     ref: F,
                     tabIndex: -1,
                     onFocus: X,
                     onClick: U
-                },  o().createElement(v, null, a), W(), !_ && l), _ &&  o().createElement(o().Fragment, null,  o().createElement(y, {
+                },  o().createElement(v, null, a), W(), !_ && i), _ &&  o().createElement(o().Fragment, null,  o().createElement(y, {
                     role: "group",
                     $defaultIndent: I
-                }, n), l));
+                }, n), i));
             }
             C.propTypes = I;
             /* harmony default export */            const E = C;
@@ -252,23 +252,23 @@
             function R(e, r) {
                 var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
                 if (null != n) {
-                    var t, o, a, i, l = [], u = !0, c = !1;
+                    var t, o, a, l, i = [], u = !0, c = !1;
                     try {
                         if (a = (n = n.call(e)).next, 0 === r) {
                             if (Object(n) !== n) return;
                             u = !1;
-                        } else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
+                        } else for (;!(u = (t = a.call(n)).done) && (i.push(t.value), i.length !== r); u = !0) {
                         }
                     } catch (e) {
                         c = !0, o = e;
                     } finally {
                         try {
-                            if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                            if (!u && null != n["return"] && (l = n["return"](), Object(l) !== l)) return;
                         } finally {
                             if (c) throw o;
                         }
                     }
-                    return l;
+                    return i;
                 }
             }
             function K(e) {
@@ -342,9 +342,9 @@
                 // case where next tree item is the next node in the same level
                                 var o = V(n);
                 var a = N(n, o);
-                var i = _(e, a);
-                if (i) {
-                    return i;
+                var l = _(e, a);
+                if (l) {
+                    return l;
                 }
                 // case where next tree item is a higher level or does not exist
                                 return q(e, n) || r;
@@ -361,10 +361,10 @@
                 // get the last child in current node, and continue to find its children recursively
                                 while (t) {
                     var a = V(o);
-                    var i = N(o, a);
-                    t = _(e, i);
+                    var l = N(o, a);
+                    t = _(e, l);
                     if (t) {
-                        o = i;
+                        o = l;
                     }
                 }
                 return M(e, o);
@@ -442,23 +442,23 @@
             function G(e, r) {
                 var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
                 if (null != n) {
-                    var t, o, a, i, l = [], u = !0, c = !1;
+                    var t, o, a, l, i = [], u = !0, c = !1;
                     try {
                         if (a = (n = n.call(e)).next, 0 === r) {
                             if (Object(n) !== n) return;
                             u = !1;
-                        } else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
+                        } else for (;!(u = (t = a.call(n)).done) && (i.push(t.value), i.length !== r); u = !0) {
                         }
                     } catch (e) {
                         c = !0, o = e;
                     } finally {
                         try {
-                            if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                            if (!u && null != n["return"] && (l = n["return"](), Object(l) !== l)) return;
                         } finally {
                             if (c) throw o;
                         }
                     }
-                    return l;
+                    return i;
                 }
             }
             function Q(e) {
@@ -487,18 +487,18 @@
                 return n;
             }
             var ee = {
-                children: i().node,
-                defaultIndent: i().bool
+                children: l().node,
+                defaultIndent: l().bool
             };
             function re(e) {
-                var r = e.children, n = e.defaultIndent, a = n === void 0 ? true : n, i = Y(e, [ "children", "defaultIndent" ]);
+                var r = e.children, n = e.defaultIndent, a = n === void 0 ? true : n, l = Y(e, [ "children", "defaultIndent" ]);
                 var u = (0, t.useState)(), d = H(u, 2), f = d[0], s = d[1];
                 var v = new Map;
                 var p = function e(r, n, t, o, a) {
                     r.stopPropagation();
-                    var i = (0, l.keycode)(r.nativeEvent);
+                    var l = (0, i.keycode)(r.nativeEvent);
                     var u = t && (o === null || o === void 0 ? void 0 : o.length);
-                    switch (i) {
+                    switch (l) {
                       case "up":
                         r.preventDefault();
                         s($(v, n));
@@ -546,11 +546,11 @@
  // do nothing
                                         }
                 };
-                var m = function e(r, n) {
+                var b = function e(r, n) {
                     r.preventDefault();
                     s(n);
                 };
-                var b = function e(r) {
+                var m = function e(r) {
                     v["delete"](r);
                 };
                 var h = function e(r, n) {
@@ -566,20 +566,20 @@
                     return {
                         defaultIndent: a,
                         onItemKeyDown: p,
-                        onItemClick: m,
-                        removeNode: b,
+                        onItemClick: b,
+                        removeNode: m,
                         setNode: h,
                         itemPaths: v,
                         focusedItemId: f
                     };
-                }), [ a, f, v, p, b, h ]);
+                }), [ a, f, v, p, m, h ]);
                 
                 return o().createElement(c.Provider, {
                     value: S
                 },  o().createElement(y, B({
                     role: "tree",
                     $defaultIndent: a
-                }, i), r));
+                }, l), r));
             }
             re.propTypes = ee;
             re.TreeItem = E;
@@ -701,8 +701,8 @@
                 var o = n(23);
         var a =  n.n(o);
         // CONCATENATED MODULE: external "lodash/isString"
-        const i = require("lodash/isString");
-        var l =  n.n(i);
+        const l = require("lodash/isString");
+        var i =  n.n(l);
         // EXTERNAL MODULE: external "styled-components"
                 var u = n(232);
         var c =  n.n(u);
@@ -724,8 +724,8 @@
         const p = require("lodash/fill");
         var y =  n.n(p);
         // CONCATENATED MODULE: external "lodash/isArray"
-        const m = require("lodash/isArray");
-        var b =  n.n(m);
+        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);
@@ -782,23 +782,23 @@
         function N(e, r) {
             var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != n) {
-                var t, o, a, i, l = [], u = !0, c = !1;
+                var t, o, a, l, i = [], u = !0, c = !1;
                 try {
                     if (a = (n = n.call(e)).next, 0 === r) {
                         if (Object(n) !== n) return;
                         u = !1;
-                    } else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
+                    } else for (;!(u = (t = a.call(n)).done) && (i.push(t.value), i.length !== r); u = !0) {
                     }
                 } catch (e) {
                     c = !0, o = e;
                 } finally {
                     try {
-                        if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                        if (!u && null != n["return"] && (l = n["return"](), Object(l) !== l)) return;
                     } finally {
                         if (c) throw o;
                     }
                 }
-                return l;
+                return i;
             }
         }
         function V(e) {
@@ -841,7 +841,7 @@
             value: a().oneOfType([ a().string, a().object, a().array, a().number, a().bool ])
         };
         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, d = n.properties, f = n.propertyDataPath, s = n.propertyElement, v = n.renderExpandLink, p = n.representation, y = n.value, m = L(n, [ "clickableKeyRef", "clickableValRef", "hasChildren", "indentArray", "index", "initialOpenState", "onFocus", "properties", "propertyDataPath", "propertyElement", "renderExpandLink", "representation", "value" ]);
+            var t = n.clickableKeyRef, o = n.clickableValRef, a = n.hasChildren, l = n.indentArray, i = n.index, u = n.initialOpenState, c = n.onFocus, d = n.properties, f = n.propertyDataPath, s = n.propertyElement, v = n.renderExpandLink, p = n.representation, y = n.value, b = L(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], k = g[1];
             var w = function e(r) {
                 k(r);
@@ -854,30 +854,30 @@
             }) : {
                 expandLink: undefined
             }, I = x.expandLink;
-            var C = (d === null || d === void 0 ? void 0 : d.length) && l + 1 < (d === null || d === void 0 ? void 0 : d.length) ? "," : null;
+            var C = (d === null || d === void 0 ? void 0 : d.length) && i + 1 < (d === null || d === void 0 ? void 0 : d.length) ? "," : null;
             
             return r().createElement(T["default"].TreeItem, P({
-                content:  r().createElement(r().Fragment, null, s, a && (b()(y) ? "[" : "{"), !a &&  r().createElement(r().Fragment, null, p, C)),
-                customIndent: i,
+                content:  r().createElement(r().Fragment, null, s, a && (m()(y) ? "[" : "{"), !a &&  r().createElement(r().Fragment, null, p, C)),
+                customIndent: l,
                 "data-test": a ? "node" : null,
                 "data-test-path": f,
-                endAdornment: a &&  r().createElement(r().Fragment, null, S && i, b()(y) ? "]" : "}", C),
+                endAdornment: a &&  r().createElement(r().Fragment, null, S && l, m()(y) ? "]" : "}", C),
                 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 === (O === null || O === void 0 ? void 0 : O.current) ? r.relatedTarget : null;
-                    if (m.id === "root") {
+                    if (b.id === "root") {
                         var a;
                         O === null || O === void 0 ? void 0 : (a = O.current) === null || a === void 0 ? void 0 : a.focus();
                     }
                     if (!n) {
                         // if JSONTreeItem contains clickable keys/vals, focus should go there
                         if (s && (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();
+                            (l = t.current) === null || l === void 0 ? void 0 : l.focus();
+                        } else if (o === null || o === void 0 ? void 0 : o.current) {
+                            var i;
+                            (i = o.current) === null || i === void 0 ? void 0 : i.focus();
                         }
                     } else {
                         n.focus();
@@ -887,7 +887,7 @@
                 open: u,
                 tabIndex: 0,
                 toggle: a ? I : undefined
-            }, m), a && p);
+            }, b), a && p);
         }
         M.propTypes = F;
         // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
@@ -953,7 +953,7 @@
                 dark: d.variables.accentColorL20,
                 light: d.variables.accentColorD20
             },
-            prisma: d.variables.interactiveColorPrimary
+            prisma: d.variables.contentColorAccent
         }), (0, d.pick)({
             enterprise: d.variables.backgroundColorHover,
             prisma: d.variables.interactiveColorOverlayHover
@@ -974,19 +974,19 @@
             }, te(e);
         }
         function oe(e) {
-            return ue(e) || le(e) || ie(e) || ae();
+            return ue(e) || ie(e) || le(e) || ae();
         }
         function ae() {
             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, r) {
+        function le(e, r) {
             if (e) {
                 if ("string" == typeof e) return ce(e, r);
                 var n = {}.toString.call(e).slice(8, -1);
                 return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? ce(e, r) : void 0;
             }
         }
-        function le(e) {
+        function ie(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
         function ue(e) {
@@ -1000,19 +1000,19 @@
             return t;
         }
         function de(n) {
-            var t = n.id, o = n.childKey, a = n.index, i = n.value, l = n.properties, u = n.propertyDataPath, c = n.obj, d = n.renderValue, f = n.renderKey, s = n.getInitialOpenState, v = n.indentArray, p = n.renderExpandLink, y = n.onFocus;
-            var m = (0, e.useRef)(null);
+            var t = n.id, o = n.childKey, a = n.index, l = n.value, i = n.properties, u = n.propertyDataPath, c = n.obj, d = n.renderValue, f = n.renderKey, s = n.getInitialOpenState, v = n.indentArray, p = n.renderExpandLink, y = n.onFocus;
+            var b = (0, e.useRef)(null);
             var h = (0, e.useRef)(null);
             var S = d({
                 key: o,
-                value: i,
-                clickValueRef: m
+                value: l,
+                clickValueRef: b
             }), k = S.representation, w = S.clickableValRef;
-            var x = !b()(c) ? f(o, h) : {
+            var x = !m()(c) ? f(o, h) : {
                 propertyElement: undefined,
                 clickableKeyRef: undefined
             }, I = x.propertyElement, C = x.clickableKeyRef;
-            var E = O()(i) && !g()(i) || b()(i) && i.length > 0;
+            var E = O()(l) && !g()(l) || m()(l) && l.length > 0;
             
             return r().createElement(M, {
                 id: t,
@@ -1022,9 +1022,9 @@
                 initialOpenState: s(),
                 representation: k,
                 indentArray: v,
-                value: i,
+                value: l,
                 index: a,
-                properties: l,
+                properties: i,
                 renderExpandLink: p,
                 clickableKeyRef: C,
                 clickableValRef: w,
@@ -1036,19 +1036,19 @@
         function fe(n) {
             var t = n.renderValue, o = n.obj;
             var a = (0, e.useRef)(null);
-            var i = t({
+            var l = t({
                 value: o,
                 clickValueRef: a
-            }), l = i.representation;
+            }), i = l.representation;
             
             return r().createElement(T["default"].TreeItem, {
                 id: "0",
                 "data-test-path": ".",
-                content: l
+                content: i
             });
         }
         function se(e) {
-            var n = e.defaultOpen, t = n === void 0 ? false : n, o = e.defaultExpanded, a = o === void 0 ? false : o, i = e.expandChildrenOnShiftKey, u = i === void 0 ? false : i, c = e.indent, d = c === void 0 ? 4 : c, f = e.indentLevel, s = f === void 0 ? 1 : f, v = e.obj, p = e.onClickKey, m = e.onClickValue, h = e.overflow, S = h === void 0 ? "scroll" : h, w = e.path, x = w === void 0 ? [] : w, C = e.shift, T = e.updateShift;
+            var n = e.defaultOpen, t = n === void 0 ? false : n, o = e.defaultExpanded, a = o === void 0 ? false : o, l = e.expandChildrenOnShiftKey, u = l === void 0 ? false : l, c = e.indent, d = c === void 0 ? 4 : c, f = e.indentLevel, s = f === void 0 ? 1 : f, v = e.obj, p = e.onClickKey, b = e.onClickValue, h = e.overflow, S = h === void 0 ? "scroll" : h, w = e.path, x = w === void 0 ? [] : w, C = e.shift, T = e.updateShift;
             var P = y()(Array(s), E()(" ", d));
             var R;
             var K;
@@ -1070,10 +1070,10 @@
                 var t, o;
                 // When rendering a single value key is not present, here we prevent `[undefined]` in path
                                 var a = n !== undefined ? [].concat(oe(x), [ n ]) : oe(x);
-                var i = ".".concat(a.join("."));
+                var l = ".".concat(a.join("."));
                 (t = K) === null || t === void 0 ? void 0 : (o = t.current) === null || o === void 0 ? void 0 : o.focus();
                 p === null || p === void 0 ? void 0 : p(r, {
-                    key: i,
+                    key: l,
                     keyPath: a
                 });
             };
@@ -1081,10 +1081,10 @@
                 var t, o;
                 // When rendering a single value key is not present, here we prevent `[undefined]` in path
                                 var a = n !== undefined ? [].concat(oe(x), [ n ]) : oe(x);
-                var i = ".".concat(a.join("."));
+                var l = ".".concat(a.join("."));
                 (t = R) === null || t === void 0 ? void 0 : (o = t.current) === null || o === void 0 ? void 0 : o.focus();
-                m === null || m === void 0 ? void 0 : m(r, {
-                    key: i,
+                b === null || b === void 0 ? void 0 : b(r, {
+                    key: l,
                     keyPath: a,
                     value: r.target.textContent
                 });
@@ -1093,20 +1093,20 @@
                 var t, o;
                 var a = (0, A.keycode)(r.nativeEvent);
                 if (a === "left" && p && ((t = K) === null || t === void 0 ? void 0 : t.current) && !n) {
-                    var i;
+                    var l;
                     r.stopPropagation();
-                    (i = K.current) === null || i === void 0 ? void 0 : i.focus();
+                    (l = K.current) === null || l === void 0 ? void 0 : l.focus();
                 }
-                if (a === "right" && m && ((o = R) === null || o === void 0 ? void 0 : o.current) && n) {
-                    var l;
+                if (a === "right" && b && ((o = R) === null || o === void 0 ? void 0 : o.current) && n) {
+                    var i;
                     r.stopPropagation();
-                    (l = R.current) === null || l === void 0 ? void 0 : l.focus();
+                    (i = R.current) === null || i === void 0 ? void 0 : i.focus();
                 }
             };
             var q = function e(n) {
                 var t = n.open, o = n.withTooltip, a = n.expandLinkRef;
-                var i = t ? "[-]" : "[+]";
-                var l = t ? (0, j._)("Collapse all") : (0, j._)("Shift click to expand all");
+                var l = t ? "[-]" : "[+]";
+                var i = t ? (0, j._)("Collapse all") : (0, j._)("Shift click to expand all");
                 var c =  r().createElement(re, {
                     elementRef: a,
                     tabIndex: -1,
@@ -1115,14 +1115,14 @@
                     },
                     "aria-expanded": t,
                     "data-test": "toggle"
-                }, " ", i, " ");
+                }, " ", l, " ");
                 if (u && o) {
                     return {
                         expandLink:  r().createElement(ne, {
                             contentRelationship: "description",
                             openDelay: "secondary",
                             defaultPlacement: "above",
-                            content: (0, j._)(l)
+                            content: (0, j._)(i)
                         }, c),
                         expandLinkRef: a
                     };
@@ -1133,7 +1133,7 @@
                 };
             };
             var F = function e(n) {
-                var t = n.value, o = n.key, i = n.clickValueRef;
+                var t = n.value, o = n.key, l = n.clickValueRef;
                 var c;
                 if (!O()(t)) {
                     if (typeof t === "string") {
@@ -1147,14 +1147,14 @@
                     }
                 } else if (g()(t)) {
                     // isObject is true for arrays
-                    c = b()(t) ? "[]" : "{}";
+                    c = m()(t) ? "[]" : "{}";
                 } else {
                     c = se({
                         defaultOpen: a === true,
                         defaultExpanded: a,
                         expandChildrenOnShiftKey: u,
                         onClickKey: p,
-                        onClickValue: m,
+                        onClickValue: b,
                         overflow: S,
                         obj: t,
                         path: o !== undefined ? [].concat(oe(x), [ o ]) : oe(x),
@@ -1163,17 +1163,17 @@
                         updateShift: T
                     });
                 }
-                if (l()(c) || k()(c)) {
+                if (i()(c) || k()(c)) {
                     var d = t === null ? "null" : // TS: bigint, function, symbol are prevented by JSONElement type
                     te(t);
-                    if (m) {
+                    if (b) {
                         return {
                             representation:  r().createElement(Q, {
-                                elementRef: i,
+                                elementRef: l,
                                 valueType: d,
                                 overflowType: S,
                                 onClick: function e(r) {
-                                    R = i;
+                                    R = l;
                                     V(r, o);
                                 },
                                 onKeyDown: function e(r) {
@@ -1181,7 +1181,7 @@
                                 },
                                 tabIndex: -1
                             }, c),
-                            clickableValRef: i
+                            clickableValRef: l
                         };
                     }
                     return {
@@ -1216,17 +1216,17 @@
                     propertyElement:  r().createElement("span", null,  r().createElement(Z, null, n), ":", " ")
                 };
             };
-            if (O()(v) && !g()(v) || b()(v) && v.length > 0) {
+            if (O()(v) && !g()(v) || m()(v) && v.length > 0) {
                 var J = I()(v).map((function(e, n, t) {
                     var o = v[e];
  // TS: should be safe based on (recursive) JSONElement type
-                                        var a = b()(v) ? parseInt(e, 10) : e;
-                    var i = x.length === 0 ? ".".concat(a) : ".".concat(x.join("."), ".").concat(a);
+                                        var a = m()(v) ? parseInt(e, 10) : e;
+                    var l = x.length === 0 ? ".".concat(a) : ".".concat(x.join("."), ".").concat(a);
                     
                     return r().createElement(de, {
-                        id: i,
-                        key: i,
-                        propertyDataPath: i,
+                        id: l,
+                        key: l,
+                        propertyDataPath: l,
                         childKey: a,
                         index: n,
                         value: o,
@@ -1244,7 +1244,7 @@
                     });
                 }));
                 if (x.length === 0) {
-                    var U = O()(v) && !g()(v) || b()(v) && v.length > 0;
+                    var U = O()(v) && !g()(v) || m()(v) && v.length > 0;
                     
                     return r().createElement(M, {
                         id: "root",
@@ -1280,19 +1280,19 @@
             }, ve.apply(null, arguments);
         }
         function pe(e, r) {
-            return ge(e) || he(e, r) || me(e, r) || ye();
+            return ge(e) || he(e, r) || be(e, r) || ye();
         }
         function ye() {
             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 me(e, r) {
+        function be(e, r) {
             if (e) {
-                if ("string" == typeof e) return be(e, r);
+                if ("string" == typeof e) return me(e, r);
                 var n = {}.toString.call(e).slice(8, -1);
-                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? be(e, r) : void 0;
+                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? me(e, r) : void 0;
             }
         }
-        function be(e, r) {
+        function me(e, r) {
             (null == r || r > e.length) && (r = e.length);
             for (var n = 0, t = Array(r); n < r; n++) {
                 t[n] = e[n];
@@ -1302,23 +1302,23 @@
         function he(e, r) {
             var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != n) {
-                var t, o, a, i, l = [], u = !0, c = !1;
+                var t, o, a, l, i = [], u = !0, c = !1;
                 try {
                     if (a = (n = n.call(e)).next, 0 === r) {
                         if (Object(n) !== n) return;
                         u = !1;
-                    } else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
+                    } else for (;!(u = (t = a.call(n)).done) && (i.push(t.value), i.length !== r); u = !0) {
                     }
                 } catch (e) {
                     c = !0, o = e;
                 } finally {
                     try {
-                        if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                        if (!u && null != n["return"] && (l = n["return"](), Object(l) !== l)) return;
                     } finally {
                         if (c) throw o;
                     }
                 }
-                return l;
+                return i;
             }
         }
         function ge(e) {
@@ -1361,9 +1361,9 @@
         /**
  * Used to visualize a JSON string.
  */        function Oe(n) {
-            var t = n.elementRef, o = n.defaultExpanded, a = o === void 0 ? false : o, i = n.indent, u = i === void 0 ? 4 : i, c = n.json, d = n.onClickKey, f = n.onClickValue, p = n.overflow, y = p === void 0 ? "scroll" : p, m = n.expandChildrenOnShiftKey, b = m === void 0 ? true : m, h = Se(n, [ "elementRef", "defaultExpanded", "indent", "json", "onClickKey", "onClickValue", "overflow", "expandChildrenOnShiftKey" ]);
+            var t = n.elementRef, o = n.defaultExpanded, a = o === void 0 ? false : o, l = n.indent, u = l === void 0 ? 4 : l, c = n.json, d = n.onClickKey, f = n.onClickValue, p = n.overflow, y = p === void 0 ? "scroll" : p, b = n.expandChildrenOnShiftKey, m = b === void 0 ? true : b, h = Se(n, [ "elementRef", "defaultExpanded", "indent", "json", "onClickKey", "onClickValue", "overflow", "expandChildrenOnShiftKey" ]);
             // @docs-props-type JSONTreePropsBase
-                        var g = l()(c) ? JSON.parse(c) : c;
+                        var g = i()(c) ? JSON.parse(c) : c;
             var S = y === "wrap" ? v : s;
             var k = (0, e.useState)(undefined), w = pe(k, 2), O = w[0], x = w[1];
             var I = function e(r) {
@@ -1380,7 +1380,7 @@
             }, se({
                 defaultOpen: true,
                 defaultExpanded: a,
-                expandChildrenOnShiftKey: b,
+                expandChildrenOnShiftKey: m,
                 indent: u,
                 obj: g,
                 onClickKey: d,