@splunk/react-ui 5.7.1 → 5.9.0

package/Dropdown.js

@@ -171,7 +171,7 @@
         toggle: a().element.isRequired
     };
     function O(e) {
-        var o = e["aria-labelledby"], t = e.align, a = t === void 0 ? "center" : t, l = e.canCoverAnchor, u = l === void 0 ? true : l, p = e.children, v = e.closeReasons, y = v === void 0 ? C : v, g = e.defaultPlacement, b = g === void 0 ? "below" : g, m = e.elementRef, h = e.focusToggleReasons, O = h === void 0 ? k : h, w = e.inputId, R = e.open, S = e.openWithArrowKeys, A = e.onRequestClose, I = e.onRequestOpen, q = e.repositionMode, P = q === void 0 ? "flip" : q, K = e.retainFocus, j = K === void 0 ? false : K, D = e.takeFocus, M = D === void 0 ? true : D, T = e.toggle;
+        var o = e["aria-labelledby"], t = e.align, a = t === void 0 ? "center" : t, l = e.canCoverAnchor, u = l === void 0 ? true : l, p = e.children, v = e.closeReasons, y = v === void 0 ? C : v, g = e.defaultPlacement, b = g === void 0 ? "below" : g, m = e.elementRef, h = e.focusToggleReasons, O = h === void 0 ? k : h, w = e.inputId, R = e.open, S = e.openWithArrowKeys, A = e.onRequestClose, I = e.onRequestOpen, q = e.repositionMode, P = q === void 0 ? "flip" : q, D = e.retainFocus, K = D === void 0 ? false : D, j = e.takeFocus, M = j === void 0 ? true : j, T = e.toggle;
         // @docs-props-type DropdownPropsBase
                 var F = (0, n.useState)(null), E = d(F, 2), N = E[0], _ = E[1];
         var x = (0, n.useState)(false), W = d(x, 2), U = W[0], z = W[1];
@@ -198,8 +198,13 @@
             // TS: ref does not exist on React.ReactElement - technically, this is undocumented API
                         f(T.ref, e);
         }), [ T ]);
-        var Z = (0, n.useCallback)((function(e) {
+        var Z = T.props.disabled;
+        var ee = Z === true || Z === "disabled" || Z === "dimmed";
+        var oe = (0, n.useCallback)((function(e) {
             var o, n;
+            if (ee) {
+                return;
+            }
             (o = (n = T.props).onKeyDown) === null || o === void 0 ? void 0 : o.call(n, e);
             if (!S) {
                 return;
@@ -214,8 +219,8 @@
                     z(true);
                 }
             }
-        }), [ $, S, I, T ]);
-        var ee = (0, n.useCallback)((function(e) {
+        }), [ $, ee, S, I, T ]);
+        var ne = (0, n.useCallback)((function(e) {
             var o = e.event, n = e.reason;
             if (o && n === "clickAway") {
                 var r = o.target;
@@ -238,17 +243,21 @@
                 A === null || A === void 0 ? void 0 : A(e);
             }
         }), [ y, O, $, B, A ]);
-        var oe = (0, n.useCallback)((function(e) {
-            ee({
+        var re = (0, n.useCallback)((function(e) {
+            ne({
                 reason: "contentClick",
                 event: e
             });
-        }), [ ee ]);
-        var ne = (0, n.useCallback)((function(e) {
+        }), [ ne ]);
+        var te = (0, n.useCallback)((function(e) {
             var o, n;
+            if (ee) {
+                e.preventDefault();
+                return;
+            }
             (o = (n = T.props).onClick) === null || o === void 0 ? void 0 : o.call(n, e);
             if (B) {
-                ee({
+                ne({
                     reason: "toggleClick",
                     event: e
                 });
@@ -260,10 +269,10 @@
                     z(true);
                 }
             }
-        }), [ ee, $, B, I, T ]);
-        var re =  (0, n.cloneElement)(T, {
-            onClick: ne,
-            onKeyDown: Z,
+        }), [ ne, $, B, ee, I, T ]);
+        var ae =  (0, n.cloneElement)(T, {
+            onClick: te,
+            onKeyDown: oe,
             ref: Y,
             "aria-controls": B ? L : undefined,
             "aria-haspopup": T.props["aria-haspopup"] || true,
@@ -273,16 +282,16 @@
             id: X
         });
         
-        return r().createElement(r().Fragment, null, re,  r().createElement(i(), {
+        return r().createElement(r().Fragment, null, ae,  r().createElement(i(), {
             align: a,
             open: !!N && B,
             autoCloseWhenOffScreen: y.includes("offScreen"),
             anchor: N,
             canCoverAnchor: u,
             elementRef: m,
-            retainFocus: j,
+            retainFocus: K,
             defaultPlacement: b,
-            onRequestClose: ee,
+            onRequestClose: ne,
             repositionMode: P,
             id: L,
             "aria-labelledby": "".concat(o !== null && o !== void 0 ? o : "", " ").concat(X).trim(),
@@ -292,13 +301,13 @@
             
             // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
             return r().createElement("div", {
-                onClick: oe
+                onClick: re
             }, p.apply(void 0, arguments));
         } : 
         
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
         r().createElement("div", {
-            onClick: oe
+            onClick: re
         }, p)));
     }
     O.propTypes = h;

package/DualListbox.js

@@ -1408,7 +1408,7 @@
         
         return n().createElement(O, xe({
             "data-test": "dual-listbox",
-            elementRef: h,
+            ref: h,
             $inline: y ? false : C,
             $fill: y
         }, E),  n().createElement(m.Provider, {

package/File.js

@@ -136,7 +136,7 @@
         return !n && (0, h.css)([ "&:hover{background-color:", ";", "{color:", ";}", "{fill:", ";}}" ], w.variables.actionColorBackgroundSubtleHover, /* sc-sel */ _, w.variables.contentColorAccentStrong, /* sc-sel */ E, w.variables.contentColorAccentStrong);
     }), (function(e) {
         var n = e.$screenMode;
-        return n === "normal" && (0, h.css)([ "border:", " dashed ", ";" ], w.variables.inputBorderWidth, w.variables.borderColor);
+        return n === "normal" && (0, h.css)([ "border:", " dashed ", ";" ], w.variables.inputBorderWidth, w.variables.interactiveColorBorder);
     }), (function(e) {
         var n = e.$dragOver, r = e.$focused, t = e.$error;
         return (n || r && !t) && (0, h.css)([ "", "{color:", ";}", "{fill:", ";}" ], /* sc-sel */ _, w.variables.contentColorAccentStrong, /* sc-sel */ E, w.variables.contentColorAccentStrong);
@@ -148,7 +148,7 @@
         return n && (0, h.css)([ "box-shadow:", ";" ], w.variables.focusShadow);
     }), (function(e) {
         var n = e.$disabled;
-        return n && (0, h.css)([ "border-color:", ";cursor:not-allowed;", ",", "{color:", ";}", "{fill:", ";}" ], w.variables.borderColorWeak, /* sc-sel */ _, /* sc-sel */ R, w.variables.contentColorDisabled, /* sc-sel */ E, w.variables.contentColorDisabled);
+        return n && (0, h.css)([ "border-color:", ";cursor:not-allowed;", ",", "{color:", ";}", "{fill:", ";}" ], w.variables.interactiveColorBorderDisabled, /* sc-sel */ _, /* sc-sel */ R, w.variables.contentColorDisabled, /* sc-sel */ E, w.variables.contentColorDisabled);
     }), (function(e) {
         var n = e.$error, r = e.$dragOver;
         return n && !r && (0, h.css)([ "border-color:", ";" ], w.variables.interactiveColorAccentError);
@@ -167,10 +167,10 @@
     })([ "display:flex;flex-direction:column;gap:", ";" ], w.variables.spacingXSmall);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowsCircularDouble"
     const j = require("@splunk/react-icons/ArrowsCircularDouble");
-    var N =  e.n(j);
+    var D =  e.n(j);
     // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
-    const D = require("@splunk/react-icons/Cross");
-    var M =  e.n(D);
+    const N = require("@splunk/react-icons/Cross");
+    var M =  e.n(N);
     // CONCATENATED MODULE: external "@splunk/react-icons/TrashCanCross"
     const $ = require("@splunk/react-icons/TrashCanCross");
     var B =  e.n($);
@@ -179,10 +179,10 @@
     var X =  e.n(L);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileCss"
     const U = require("@splunk/react-icons/FileCss");
-    var W =  e.n(U);
+    var z =  e.n(U);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileCsv"
-    const z = require("@splunk/react-icons/FileCsv");
-    var H =  e.n(z);
+    const H = require("@splunk/react-icons/FileCsv");
+    var W =  e.n(H);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileDat"
     const J = require("@splunk/react-icons/FileDat");
     var G =  e.n(J);
@@ -248,10 +248,10 @@
     var Pe =  e.n(Te);
     // CONCATENATED MODULE: external "@splunk/react-icons/FilePng"
     const je = require("@splunk/react-icons/FilePng");
-    var Ne =  e.n(je);
+    var De =  e.n(je);
     // CONCATENATED MODULE: external "@splunk/react-icons/FilePpt"
-    const De = require("@splunk/react-icons/FilePpt");
-    var Me =  e.n(De);
+    const Ne = require("@splunk/react-icons/FilePpt");
+    var Me =  e.n(Ne);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileRar"
     const $e = require("@splunk/react-icons/FileRar");
     var Be =  e.n($e);
@@ -260,10 +260,10 @@
     var Xe =  e.n(Le);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileSql"
     const Ue = require("@splunk/react-icons/FileSql");
-    var We =  e.n(Ue);
+    var ze =  e.n(Ue);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileSvg"
-    const ze = require("@splunk/react-icons/FileSvg");
-    var He =  e.n(ze);
+    const He = require("@splunk/react-icons/FileSvg");
+    var We =  e.n(He);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileText"
     const Je = require("@splunk/react-icons/FileText");
     var Ge =  e.n(Je);
@@ -341,8 +341,8 @@
     var xn = {
         aif: X(),
         aiff: X(),
-        css: W(),
-        csv: H(),
+        css: z(),
+        csv: W(),
         dat: G(),
         db: Z(),
         dbf: Q(),
@@ -364,12 +364,12 @@
         mpg: Re(),
         pdf: Ae(),
         php: Pe(),
-        png: Ne(),
+        png: De(),
         ppt: Me(),
         rar: Be(),
         rtf: Xe(),
-        sql: We(),
-        svg: He(),
+        sql: ze(),
+        svg: We(),
         txt: Ge(),
         tgz: Ze(),
         tiff: Qe(),
@@ -501,7 +501,7 @@
             onClick: q,
             "aria-label": F,
             appearance: "subtle"
-        },  t().createElement(N(), {
+        },  t().createElement(D(), {
             "aria-label": (0, m._)("Retry")
         })), !_ && (p === undefined && !o ?  t().createElement(wn, {
             "data-test": "remove",
@@ -577,12 +577,12 @@
             search: ""
         }
     };
-    function Nn() {
+    function Dn() {
         var e = typeof document !== "undefined" ? document : jn;
         return e;
     }
-    var Dn = Nn();
-    /* harmony default export */    const Mn = /* unused pure expression or super */ null && Dn;
+    var Nn = Dn();
+    /* harmony default export */    const Mn = /* unused pure expression or super */ null && Nn;
     // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
     var $n = {
@@ -658,13 +658,13 @@
             return e;
         }, Un.apply(null, arguments);
     }
-    function Wn(e, n) {
-        return Vn(e) || Gn(e, n) || Hn(e, n) || zn();
+    function zn(e, n) {
+        return Vn(e) || Gn(e, n) || Wn(e, n) || Hn();
     }
-    function zn() {
+    function Hn() {
         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 Hn(e, n) {
+    function Wn(e, n) {
         if (e) {
             if ("string" == typeof e) return Jn(e, n);
             var r = {}.toString.call(e).slice(8, -1);
@@ -750,13 +750,13 @@
  * file readers, only a reference to the file. This can be used to post binary content, or
  * upload using an array buffer.
  */    function Yn(e) {
-        var n = e.accept, a = e.allowMultiple, o = e.children, s = e.disabled, u = e.dropAnywhere, d = e.elementRef, p = e.error, b = e.fullscreen, h = e.help, k = e.inputId, S = e.name, q = e.onRequestAdd, w = e.onRequestRemove, C = e.onRequestRetry, x = e.required, j = e.supportsMessage, N = Zn(e, [ "accept", "allowMultiple", "children", "disabled", "dropAnywhere", "elementRef", "error", "fullscreen", "help", "inputId", "name", "onRequestAdd", "onRequestRemove", "onRequestRetry", "required", "supportsMessage" ]);
+        var n = e.accept, a = e.allowMultiple, o = e.children, s = e.disabled, u = e.dropAnywhere, d = e.elementRef, p = e.error, b = e.fullscreen, h = e.help, k = e.inputId, S = e.name, q = e.onRequestAdd, w = e.onRequestRemove, C = e.onRequestRetry, x = e.required, j = e.supportsMessage, D = Zn(e, [ "accept", "allowMultiple", "children", "disabled", "dropAnywhere", "elementRef", "error", "fullscreen", "help", "inputId", "name", "onRequestAdd", "onRequestRemove", "onRequestRetry", "required", "supportsMessage" ]);
         // @docs-props-type FilePropsBase
-                var D = (0, r.useState)(false), M = Wn(D, 2), $ = M[0], B = M[1];
-        var L = (0, r.useState)(false), X = Wn(L, 2), U = X[0], W = X[1];
+                var N = (0, r.useState)(false), M = zn(N, 2), $ = M[0], B = M[1];
+        var L = (0, r.useState)(false), X = zn(L, 2), U = X[0], z = X[1];
         /* Each time a file is uploaded this is incremented and used to generate the
-   * file input's key. In this way we get a new input without a value. */        var z = (0, 
-        r.useState)(0), H = Wn(z, 2), J = H[0], G = H[1];
+   * file input's key. In this way we get a new input without a value. */        var H = (0, 
+        r.useState)(0), W = zn(H, 2), J = W[0], G = W[1];
         var V = (0, r.useMemo)((function() {
             return k || (0, y.createDOMID)("file");
         }), [ k ]);
@@ -780,10 +780,10 @@
             Z((n = e.currentTarget.files) !== null && n !== void 0 ? n : undefined);
         }), [ Z ]);
         var Q = (0, r.useCallback)((function() {
-            W(true);
+            z(true);
         }), []);
         var Y = (0, r.useCallback)((function() {
-            W(false);
+            z(false);
         }), []);
         var ee = (0, r.useCallback)((function(e) {
             if (!$) {
@@ -856,7 +856,7 @@
             "data-test": "file",
             "data-test-disabled": s ? "disabled" : undefined,
             "data-test-error": !!p
-        }, N),  t().createElement("label", {
+        }, D),  t().createElement("label", {
             htmlFor: V,
             "data-test": "file-label"
         },  t().createElement(O, {

package/JSONTree.js

@@ -89,7 +89,7 @@
     var y = d().code.withConfig({
         displayName: "JSONTreeStyles__StyledScrollCode",
         componentId: "vrdt21-0"
-    })([ "", ";overflow-x:auto;white-space:nowrap;" ], v);
+    })([ "", ";overflow-x:auto;white-space:pre;" ], v);
     var b = d()(f()).withConfig({
         displayName: "JSONTreeStyles__StyledTree",
         componentId: "vrdt21-1"
@@ -115,10 +115,10 @@
     var I =  e.n(E);
     // CONCATENATED MODULE: external "lodash/keys"
     const j = require("lodash/keys");
-    var T =  e.n(j);
+    var R =  e.n(j);
     // CONCATENATED MODULE: external "lodash/repeat"
-    const R = require("lodash/repeat");
-    var A =  e.n(R);
+    const T = require("lodash/repeat");
+    var A =  e.n(T);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
     const P = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
@@ -139,8 +139,8 @@
         object: p.variables.syntaxGray,
         array: p.variables.syntaxGray
     };
-    var F = (0, c.css)([ "word-break:break-word;word-wrap:break-word;" ]);
-    var J = (0, c.css)([ "white-space:nowrap;" ]);
+    var J = (0, c.css)([ "word-break:break-word;word-wrap:break-word;" ]);
+    var F = (0, c.css)([ "white-space:pre;" ]);
     /* Using this magic number to set the height to be at least the minimum target size of 24 by 24 */    var M = (0, 
     c.css)([ "padding-block:2px;" ]);
     var B = (0, c.css)([ "font-family:inherit;&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}&:hover{background-color:", ";}" ], p.variables.focusShadow, p.variables.neutral50);
@@ -149,7 +149,7 @@
         return D[n];
     }), (function(e) {
         var n = e.overflowType;
-        return n === "wrap" ? F : J;
+        return n === "wrap" ? J : F;
     }), M);
     var U = d().span.withConfig({
         displayName: "JSONTreeItemStyles__StyledContentWrapper",
@@ -411,11 +411,11 @@
         });
     }
     function ge(e) {
-        var n = e.baseId, r = e.defaultOpen, a = r === void 0 ? false : r, l = e.defaultExpanded, i = l === void 0 ? false : l, u = e.expandChildrenOnShiftKey, c = u === void 0 ? false : u, d = e.indent, s = d === void 0 ? 4 : d, f = e.indentLevel, p = f === void 0 ? 1 : f, v = e.obj, y = e.onClickKey, b = e.onClickValue, m = e.overflow, h = m === void 0 ? "scroll" : m, S = e.path, x = S === void 0 ? [] : S, w = e.shift, E = e.updateShift;
-        var j = g()(Array(p), A()(" ", s));
-        var R;
-        var _;
-        var K = function e() {
+        var n = e.baseId, r = e.defaultOpen, a = r === void 0 ? false : r, l = e.defaultExpanded, i = l === void 0 ? false : l, u = e.expandChildrenOnShiftKey, c = u === void 0 ? false : u, d = e.indent, s = d === void 0 ? 4 : d, f = e.indentLevel, p = f === void 0 ? 1 : f, v = e.obj, y = e.onClickKey, b = e.onClickValue, m = e.overflow, h = m === void 0 ? "scroll" : m, S = e.path, x = S === void 0 ? [] : S, w = e.shift, E = e.stringRenderer, j = E === void 0 ? "literal" : E, T = e.updateShift;
+        var _ = g()(Array(p), A()(" ", s));
+        var K;
+        var N;
+        var V = function e() {
             if (i && w == null) {
                 return true;
             }
@@ -424,49 +424,49 @@
             }
             return a;
         };
-        var N = function e(n) {
-            if (c && E != null) {
-                E(n.shiftKey);
+        var q = function e(n) {
+            if (c && T != null) {
+                T(n.shiftKey);
             }
         };
-        var V = function e(n, r) {
+        var L = function e(n, r) {
             var t, a;
             // When rendering a single value key is not present, here we prevent `[undefined]` in path
                         var o = r !== undefined ? [].concat(se(x), [ r ]) : se(x);
             var l = ".".concat(o.join("."));
-            (t = _) === null || t === void 0 ? void 0 : (a = t.current) === null || a === void 0 ? void 0 : a.focus();
+            (t = N) === null || t === void 0 ? void 0 : (a = t.current) === null || a === void 0 ? void 0 : a.focus();
             y === null || y === void 0 ? void 0 : y(n, {
                 key: l,
                 keyPath: o
             });
         };
-        var q = function e(n, r) {
+        var D = function e(n, r) {
             var t, a;
             // When rendering a single value key is not present, here we prevent `[undefined]` in path
                         var o = r !== undefined ? [].concat(se(x), [ r ]) : se(x);
             var l = ".".concat(o.join("."));
-            (t = R) === null || t === void 0 ? void 0 : (a = t.current) === null || a === void 0 ? void 0 : a.focus();
+            (t = K) === null || t === void 0 ? void 0 : (a = t.current) === null || a === void 0 ? void 0 : a.focus();
             b === null || b === void 0 ? void 0 : b(n, {
                 key: l,
                 keyPath: o,
                 value: n.target.textContent
             });
         };
-        var L = function e(n, r) {
+        var J = function e(n, r) {
             var t, a;
             var o = n.key;
-            if (o === "ArrowLeft" && y && ((t = _) === null || t === void 0 ? void 0 : t.current) && !r) {
+            if (o === "ArrowLeft" && y && ((t = N) === null || t === void 0 ? void 0 : t.current) && !r) {
                 var l;
                 n.stopPropagation();
-                (l = _.current) === null || l === void 0 ? void 0 : l.focus();
+                (l = N.current) === null || l === void 0 ? void 0 : l.focus();
             }
-            if (o === "ArrowRight" && b && ((a = R) === null || a === void 0 ? void 0 : a.current) && r) {
+            if (o === "ArrowRight" && b && ((a = K) === null || a === void 0 ? void 0 : a.current) && r) {
                 var i;
                 n.stopPropagation();
-                (i = R.current) === null || i === void 0 ? void 0 : i.focus();
+                (i = K.current) === null || i === void 0 ? void 0 : i.focus();
             }
         };
-        var D = function e(n) {
+        var F = function e(n) {
             var r = n.onToggleExpansion, a = n.open, o = n.withTooltip, l = n.expandLinkRef;
             var i = a ? "[-]" : "[+]";
             var u = a ? (0, P._)("Collapse all") : (0, P._)("Shift click to expand all");
@@ -475,7 +475,7 @@
                 elementRef: l,
                 tabIndex: -1,
                 onClick: function e(n) {
-                    N(n);
+                    q(n);
                     r === null || r === void 0 ? void 0 : r(n);
                 },
                 "aria-expanded": a,
@@ -497,12 +497,12 @@
                 expandLinkRef: l
             };
         };
-        var F = function e(r) {
+        var M = function e(r) {
             var a = r.value, l = r.key, u = r.clickValueRef;
             var d;
             if (!I()(a)) {
                 if (typeof a === "string") {
-                    d = '"'.concat(a, '"');
+                    d = j === "stringify" ? JSON.stringify(a) : '"'.concat(a, '"');
                 } else if (typeof a === "boolean") {
                     d = a.toString();
                 } else if (a === null) {
@@ -526,7 +526,7 @@
                     path: l !== undefined ? [].concat(se(x), [ l ]) : se(x),
                     indentLevel: p + 1,
                     shift: w,
-                    updateShift: E
+                    updateShift: T
                 });
             }
             if (o()(d) || C()(d)) {
@@ -539,11 +539,11 @@
                             valueType: s,
                             overflowType: h,
                             onClick: function e(n) {
-                                R = u;
-                                q(n, l);
+                                K = u;
+                                D(n, l);
                             },
                             onKeyDown: function e(n) {
-                                L(n, false);
+                                J(n, false);
                             },
                             tabIndex: -1
                         }, d),
@@ -561,18 +561,18 @@
                 representation: d
             };
         };
-        var J = function e(n, r) {
+        var B = function e(n, r) {
             if (y) {
                 return {
                     propertyElement:  t().createElement(t().Fragment, null,  t().createElement(z, {
                         elementRef: r,
                         tabIndex: -1,
                         onClick: function e(t) {
-                            _ = r;
-                            V(t, n);
+                            N = r;
+                            L(t, n);
                         },
                         onKeyDown: function e(n) {
-                            L(n, true);
+                            J(n, true);
                         }
                     }, n), ":", " "),
                     clickableKeyRef: r
@@ -583,7 +583,7 @@
             };
         };
         if (I()(v) && !O()(v) || k()(v) && v.length > 0) {
-            var M = T()(v).map((function(e, r, a) {
+            var G = R()(v).map((function(e, r, a) {
                 var o = v[e];
  // TS: should be safe based on (recursive) JSONElement type
                                 var l = k()(v) ? parseInt(e, 10) : e;
@@ -598,41 +598,41 @@
                     value: o,
                     properties: a,
                     obj: v,
-                    renderValue: F,
-                    renderKey: J,
-                    getInitialOpenState: K,
-                    indentArray: j,
-                    renderExpandLink: D,
+                    renderValue: M,
+                    renderKey: B,
+                    getInitialOpenState: V,
+                    indentArray: _,
+                    renderExpandLink: F,
                     onFocus: function e(n, r) {
-                        _ = n;
-                        R = r;
+                        N = n;
+                        K = r;
                     }
                 });
             }));
             if (x.length === 0) {
-                var B = I()(v) && !O()(v) || k()(v) && v.length > 0;
+                var U = I()(v) && !O()(v) || k()(v) && v.length > 0;
                 
                 return t().createElement(ce, {
                     id: "".concat(n, "-root"),
                     isRoot: true,
                     propertyDataPath: ".",
                     key: ".",
-                    hasChildren: B,
+                    hasChildren: U,
                     initialOpenState: a || i,
                     value: v,
                     index: 0,
-                    renderExpandLink: D,
-                    representation: M
+                    renderExpandLink: F,
+                    representation: G
                 });
             }
-            return M;
+            return G;
         }
         // edge case: a single number/string/boolean being rendered (still valid JSON)
                 
         return t().createElement(he, {
             baseId: n,
             obj: v,
-            renderValue: F
+            renderValue: M
         });
     }
     // CONCATENATED MODULE: ./src/JSONTree/JSONTree.tsx
@@ -716,7 +716,7 @@
     }
     /** @public */
     /** @public */
-    /** @public */    var Te = {
+    /** @public */    var Re = {
         elementRef: i().oneOfType([ i().func, i().object ]),
         defaultExpanded: i().bool,
         indent: i().number,
@@ -728,45 +728,46 @@
     };
     /**
  * Used to visualize a JSON string.
- */    function Re(e) {
-        var n = e.elementRef, a = e.defaultExpanded, l = a === void 0 ? false : a, i = e.indent, c = i === void 0 ? 4 : i, d = e.json, s = e.onClickKey, f = e.onClickValue, p = e.overflow, v = p === void 0 ? "scroll" : p, h = e.expandChildrenOnShiftKey, g = h === void 0 ? true : h, S = Ie(e, [ "elementRef", "defaultExpanded", "indent", "json", "onClickKey", "onClickValue", "overflow", "expandChildrenOnShiftKey" ]);
+ */    function Te(e) {
+        var n = e.elementRef, a = e.defaultExpanded, l = a === void 0 ? false : a, i = e.indent, c = i === void 0 ? 4 : i, d = e.json, s = e.onClickKey, f = e.onClickValue, p = e.overflow, v = p === void 0 ? "scroll" : p, h = e.expandChildrenOnShiftKey, g = h === void 0 ? true : h, S = e.stringRenderer, k = S === void 0 ? "literal" : S, x = Ie(e, [ "elementRef", "defaultExpanded", "indent", "json", "onClickKey", "onClickValue", "overflow", "expandChildrenOnShiftKey", "stringRenderer" ]);
         // @docs-props-type JSONTreePropsBase
-                var k = (0, r.useMemo)((function() {
-            return S.id || (0, u.createDOMID)("json-tree");
-        }), [ S.id ]);
-        var x = o()(d) ? JSON.parse(d) : d;
-        var O = v === "wrap" ? m : y;
-        var w = (0, r.useState)(undefined), C = ke(w, 2), E = C[0], I = C[1];
-        var j = (0, r.useCallback)((function(e) {
-            I(e);
+                var O = (0, r.useMemo)((function() {
+            return x.id || (0, u.createDOMID)("json-tree");
+        }), [ x.id ]);
+        var w = o()(d) ? JSON.parse(d) : d;
+        var C = v === "wrap" ? m : y;
+        var E = (0, r.useState)(undefined), I = ke(E, 2), j = I[0], R = I[1];
+        var T = (0, r.useCallback)((function(e) {
+            R(e);
         }), []);
-        var T = (0, r.useMemo)((function() {
+        var A = (0, r.useMemo)((function() {
             return ge({
-                baseId: k,
+                baseId: O,
                 defaultOpen: true,
                 defaultExpanded: l,
                 expandChildrenOnShiftKey: g,
                 indent: c,
-                obj: x,
+                obj: w,
                 onClickKey: s,
                 onClickValue: f,
                 overflow: v,
-                shift: E,
-                updateShift: j
+                shift: j,
+                stringRenderer: k,
+                updateShift: T
             });
-        }), [ k, l, g, c, x, s, f, v, E, j ]);
+        }), [ O, l, g, c, w, s, f, v, j, k, T ]);
         
-        return t().createElement(O, Se({
+        return t().createElement(C, Se({
             "data-language": "language-json",
             "data-test": "json-tree",
             ref: n,
             role: "tree"
-        }, S),  t().createElement(b, {
+        }, x),  t().createElement(b, {
             defaultIndent: false
-        }, T));
+        }, A));
     }
-    Re.propTypes = Te;
-    /* harmony default export */    const Ae = Re;
+    Te.propTypes = Re;
+    /* harmony default export */    const Ae = Te;
     // CONCATENATED MODULE: ./src/JSONTree/index.ts
     module.exports = n;
     /******/})();

package/Link.js

@@ -117,11 +117,11 @@
     var w = c()(S()).withConfig({
         displayName: "LinkStyles__StyledClickable",
         componentId: "sc-1hhltcf-0"
-    })([ "", ";text-decoration:none;font-size:inherit;font-weight:inherit;line-height:inherit;color:", ";", " &:not([disabled],[aria-disabled='true']){cursor:pointer;&:hover,&:active,&:focus{color:", ";text-decoration:underline;text-decoration-thickness:2px;}&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}}&[disabled],&[aria-disabled='true']{color:", ";}", "" ], v.mixins.reset("inline"), v.variables.contentColorLink, (0, 
+    })([ "", ";text-decoration:none;font-size:inherit;font-weight:inherit;line-height:inherit;color:", ";", " &:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}&:not([disabled],[aria-disabled='true']){cursor:pointer;&:hover,&:active,&:focus{color:", ";text-decoration:underline;text-decoration-thickness:2px;}}&[disabled],&[aria-disabled='true']{color:", ";}", "" ], v.mixins.reset("inline"), v.variables.contentColorLink, (0, 
     v.pickVariant)("$appearance", {
         inline: (0, d.css)([ "text-decoration:underline;" ]),
         standalone: (0, d.css)([ "font-weight:", ";" ], v.variables.fontWeightSemiBold)
-    }), v.variables.contentColorLink, v.variables.focusShadow, v.variables.contentColorLinkDisabled, (function(e) {
+    }), v.variables.focusShadow, v.variables.contentColorLink, v.variables.contentColorLinkDisabled, (function(e) {
         var n = e.$enableVisitedStyling;
         return n && (0, d.css)([ "&:visited{color:", ";}&:where([disabled],[aria-disabled='true']):visited{color:", ";}" ], v.variables.contentColorLinkVisited, v.variables.contentColorLinkVisitedDisabled);
     }));