@splunk/react-ui 4.45.0 → 4.47.0

package/CHANGELOG.md

@@ -1,6 +1,18 @@
 Change Log
 ============
 
+4.47.0 - July 3, 2025
+----------
+New Features:
+* Improved focus indicator for `JSONTreeItem` in some scenarios (SUI-7848).
+* New `Tree` component for implementing tree views (SUI-7848).
+
+4.46.0 - June 4, 2025
+----------
+New Features:
+* `Code` now supports `language` `sql` (SUI-7614).
+* `Table.HeadCell` now supports `tooltip` prop (SUI-7734).
+
 4.45.0 - May 6, 2025
 ----------
 Bug Fixes:

package/Code.js

@@ -926,101 +926,101 @@
                                 if (u && u.cause == d + "," + f) {
                                     return;
                                 }
-                                var m = g[f];
-                                var h = m.inside;
-                                var v = !!m.lookbehind;
-                                var b = !!m.greedy;
-                                var y = m.alias;
-                                if (b && !m.pattern.global) {
+                                var E = g[f];
+                                var m = E.inside;
+                                var h = !!E.lookbehind;
+                                var v = !!E.greedy;
+                                var b = E.alias;
+                                if (v && !E.pattern.global) {
                                     // Without the global flag, lastIndex won't work
-                                    var k = m.pattern.toString().match(/[imsuy]*$/)[0];
-                                    m.pattern = RegExp(m.pattern.source, k + "g");
+                                    var S = E.pattern.toString().match(/[imsuy]*$/)[0];
+                                    E.pattern = RegExp(E.pattern.source, S + "g");
                                 }
-                                /** @type {RegExp} */                                var x = m.pattern || m;
+                                /** @type {RegExp} */                                var y = E.pattern || E;
                                 for (// iterate the token list and keep track of the current token/string position
-                                var S = r.next, A = a; S !== t.tail; A += S.value.length, S = S.next) {
-                                    if (u && A >= u.reach) {
+                                var A = r.next, T = a; A !== t.tail; T += A.value.length, A = A.next) {
+                                    if (u && T >= u.reach) {
                                         break;
                                     }
-                                    var w = S.value;
+                                    var I = A.value;
                                     if (t.length > e.length) {
                                         // Something went terribly wrong, ABORT, ABORT!
                                         return;
                                     }
-                                    if (w instanceof i) {
+                                    if (I instanceof i) {
                                         continue;
                                     }
-                                    var F = 1;
+                                    var O = 1;
  // this is the to parameter of removeBetween
-                                                                        var E;
-                                    if (b) {
-                                        E = o(x, A, e, v);
-                                        if (!E || E.index >= e.length) {
+                                                                        var R;
+                                    if (v) {
+                                        R = o(y, T, e, h);
+                                        if (!R || R.index >= e.length) {
                                             break;
                                         }
-                                        var _ = E.index;
-                                        var O = E.index + E[0].length;
-                                        var I = A;
+                                        var N = R.index;
+                                        var k = R.index + R[0].length;
+                                        var x = T;
                                         // find the node that contains the match
-                                                                                I += S.value.length;
-                                        while (_ >= I) {
-                                            S = S.next;
-                                            I += S.value.length;
+                                                                                x += A.value.length;
+                                        while (N >= x) {
+                                            A = A.next;
+                                            x += A.value.length;
                                         }
                                         // adjust pos (and p)
-                                                                                I -= S.value.length;
-                                        A = I;
+                                                                                x -= A.value.length;
+                                        T = x;
                                         // the current node is a Token, then the match starts inside another Token, which is invalid
-                                                                                if (S.value instanceof i) {
+                                                                                if (A.value instanceof i) {
                                             continue;
                                         }
                                         // find the last node which is affected by this match
-                                                                                for (var T = S; T !== t.tail && (I < O || typeof T.value === "string"); T = T.next) {
-                                            F++;
-                                            I += T.value.length;
+                                                                                for (var L = A; L !== t.tail && (x < k || typeof L.value === "string"); L = L.next) {
+                                            O++;
+                                            x += L.value.length;
                                         }
-                                        F--;
+                                        O--;
                                         // replace with the new match
-                                                                                w = e.slice(A, I);
-                                        E.index -= A;
+                                                                                I = e.slice(T, x);
+                                        R.index -= T;
                                     } else {
-                                        E = o(x, 0, w, v);
-                                        if (!E) {
+                                        R = o(y, 0, I, h);
+                                        if (!R) {
                                             continue;
                                         }
                                     }
                                     // eslint-disable-next-line no-redeclare
-                                                                        var _ = E.index;
-                                    var $ = E[0];
-                                    var R = w.slice(0, _);
-                                    var P = w.slice(_ + $.length);
-                                    var N = A + w.length;
-                                    if (u && N > u.reach) {
-                                        u.reach = N;
+                                                                        var N = R.index;
+                                    var F = R[0];
+                                    var C = I.slice(0, N);
+                                    var w = I.slice(N + F.length);
+                                    var D = T + I.length;
+                                    if (u && D > u.reach) {
+                                        u.reach = D;
                                     }
-                                    var C = S.prev;
-                                    if (R) {
-                                        C = c(t, C, R);
-                                        A += R.length;
+                                    var P = A.prev;
+                                    if (C) {
+                                        P = c(t, P, C);
+                                        T += C.length;
                                     }
-                                    p(t, C, F);
-                                    var j = new i(d, h ? s.tokenize($, h) : $, y, $);
-                                    S = c(t, C, j);
-                                    if (P) {
-                                        c(t, S, P);
+                                    p(t, P, O);
+                                    var _ = new i(d, m ? s.tokenize(F, m) : F, b, F);
+                                    A = c(t, P, _);
+                                    if (w) {
+                                        c(t, A, w);
                                     }
-                                    if (F > 1) {
+                                    if (O > 1) {
                                         // at least one Token object was removed, so we have to do some rematching
                                         // this can only happen if the current pattern is greedy
                                         /** @type {RematchOptions} */
-                                        var D = {
+                                        var U = {
                                             cause: d + "," + f,
-                                            reach: N
+                                            reach: D
                                         };
-                                        l(e, t, n, S.prev, A, D);
+                                        l(e, t, n, A.prev, T, U);
                                         // the reach might have been extended because of the rematching
-                                                                                if (u && D.reach > u.reach) {
-                                            u.reach = D.reach;
+                                                                                if (u && U.reach > u.reach) {
+                                            u.reach = U.reach;
                                         }
                                     }
                                 }
@@ -1145,8 +1145,8 @@
                         // might take longer one animation frame to execute which can create a race condition where only some plugins have
                         // been loaded when Prism.highlightAll() is executed, depending on how fast resources are loaded.
                         // See https://github.com/PrismJS/prism/issues/2102
-                        var m = document.readyState;
-                        if (m === "loading" || m === "interactive" && g && g.defer) {
+                        var E = document.readyState;
+                        if (E === "loading" || E === "interactive" && g && g.defer) {
                             document.addEventListener("DOMContentLoaded", f);
                         } else {
                             if (t.requestAnimationFrame) {
@@ -2118,6 +2118,36 @@
                     operator: /[<>=]=?|[-+*/%|]/,
                     punctuation: /[()[\],]/
                 };
+                a.languages.sql = {
+                    comment: {
+                        pattern: /(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,
+                        lookbehind: true
+                    },
+                    variable: [ {
+                        pattern: /@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,
+                        greedy: true
+                    }, /@[\w.$]+/ ],
+                    string: {
+                        pattern: /(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,
+                        greedy: true,
+                        lookbehind: true
+                    },
+                    identifier: {
+                        pattern: /(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,
+                        greedy: true,
+                        lookbehind: true,
+                        inside: {
+                            punctuation: /^`|`$/
+                        }
+                    },
+                    function: /\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,
+                    // Should we highlight user defined functions too?
+                    keyword: /\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,
+                    boolean: /\b(?:FALSE|NULL|TRUE)\b/i,
+                    number: /\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,
+                    operator: /[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,
+                    punctuation: /[;[\]()`,.]/
+                };
             })();
             /***/        },
         /***/ 9497: 
@@ -2212,7 +2242,7 @@
                 n.r(r);
         // EXPORTS
                 n.d(r, {
-            default: () => /* reexport */ Z
+            default: () => /* reexport */ X
         });
         // EXTERNAL MODULE: external "react"
                 var e = n(9497);
@@ -2234,96 +2264,96 @@
         var g =  n.n(d);
         // CONCATENATED MODULE: external "lodash/times"
         const f = require("lodash/times");
-        var m =  n.n(f);
+        var E =  n.n(f);
         // EXTERNAL MODULE: ./src/Code/prism/prism.empty
-                var h = n(74);
-        var v =  n.n(h);
+                var m = n(74);
+        var h =  n.n(m);
         // CONCATENATED MODULE: external "styled-components"
-        const b = require("styled-components");
-        var y =  n.n(b);
+        const v = require("styled-components");
+        var b =  n.n(v);
         // CONCATENATED MODULE: external "@splunk/themes"
-        const k = require("@splunk/themes");
+        const S = require("@splunk/themes");
         // CONCATENATED MODULE: ./src/Code/CodeStyles.ts
-        var x = y().pre.withConfig({
+        var y = b().pre.withConfig({
             displayName: "CodeStyles__Styled",
             componentId: "sc-1eq4k68-0"
-        })([ "", ";", " line-height:", ";text-align:left;tab-size:4;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;overflow-x:auto;margin-bottom:1.3em;&:focus-visible{outline:solid ", ";}" ], k.mixins.reset("block"), (0, 
-        k.pick)({
+        })([ "", ";", " line-height:", ";text-align:left;tab-size:4;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;overflow-x:auto;margin-bottom:1.3em;&:focus-visible{outline:solid ", ";}" ], S.mixins.reset("block"), (0, 
+        S.pick)({
             enterprise: {
-                dark: (0, b.css)([ "color:", ";" ], k.variables.gray92)
+                dark: (0, v.css)([ "color:", ";" ], S.variables.gray92)
             }
-        }), (0, k.pick)({
+        }), (0, S.pick)({
             enterprise: "17px",
-            prisma: k.variables.lineHeight
-        }), k.variables.focusColor);
-        var S = y().code.withConfig({
+            prisma: S.variables.lineHeight
+        }), S.variables.focusColor);
+        var A = b().code.withConfig({
             displayName: "CodeStyles__StyledCode",
             componentId: "sc-1eq4k68-1"
-        })([ "font-family:", ";" ], k.variables.monoFontFamily);
-        var A = y().span.withConfig({
+        })([ "font-family:", ";" ], S.variables.monoFontFamily);
+        var T = b().span.withConfig({
             displayName: "CodeStyles__StyledIndent",
             componentId: "sc-1eq4k68-2"
         })([ "&:not(:last-child){background-image:linear-gradient( to left,rgba(0,0,0,0.15) 1px,transparent 1px,transparent );}" ]);
-        var w = (0, k.pick)({
-            prisma: k.variables.syntaxGray,
+        var I = (0, S.pick)({
+            prisma: S.variables.syntaxGray,
             enterprise: {
-                dark: k.variables.gray60,
-                light: k.variables.syntaxGray
+                dark: S.variables.gray60,
+                light: S.variables.syntaxGray
             }
         });
-        var F = (0, k.pick)({
-            prisma: k.variables.syntaxPurple,
+        var O = (0, S.pick)({
+            prisma: S.variables.syntaxPurple,
             enterprise: {
-                dark: k.variables.syntaxPurpleLight,
-                light: k.variables.syntaxPurple
+                dark: S.variables.syntaxPurpleLight,
+                light: S.variables.syntaxPurple
             }
         });
-        var E = (0, k.pick)({
-            prisma: k.variables.syntaxGreen,
+        var R = (0, S.pick)({
+            prisma: S.variables.syntaxGreen,
             enterprise: {
-                dark: k.variables.syntaxGreenLight,
-                light: k.variables.syntaxGreen
+                dark: S.variables.syntaxGreenLight,
+                light: S.variables.syntaxGreen
             }
         });
-        var _ = k.variables.syntaxBlue;
-        var O = k.variables.syntaxRed;
-        var I = {
-            comment: w,
-            prolog: w,
-            doctype: w,
-            cdata: w,
-            punctuation: w,
-            property: F,
-            tag: F,
-            boolean: F,
-            number: F,
-            constant: F,
-            symbol: F,
-            deleted: F,
-            key: F,
-            selector: E,
-            "attr-name": E,
-            string: E,
-            char: E,
-            builtin: E,
-            inserted: E,
-            operator: k.variables.syntaxBrown,
-            entity: k.variables.syntaxBrown,
-            url: k.variables.syntaxBrown,
-            atrule: _,
-            "attr-value": _,
-            keyword: _,
-            function: O,
-            regex: k.variables.syntaxOrange,
-            important: k.variables.syntaxOrange,
-            variable: k.variables.syntaxOrange
+        var N = S.variables.syntaxBlue;
+        var k = S.variables.syntaxRed;
+        var x = {
+            comment: I,
+            prolog: I,
+            doctype: I,
+            cdata: I,
+            punctuation: I,
+            property: O,
+            tag: O,
+            boolean: O,
+            number: O,
+            constant: O,
+            symbol: O,
+            deleted: O,
+            key: O,
+            selector: R,
+            "attr-name": R,
+            string: R,
+            char: R,
+            builtin: R,
+            inserted: R,
+            operator: S.variables.syntaxBrown,
+            entity: S.variables.syntaxBrown,
+            url: S.variables.syntaxBrown,
+            atrule: N,
+            "attr-value": N,
+            keyword: N,
+            function: k,
+            regex: S.variables.syntaxOrange,
+            important: S.variables.syntaxOrange,
+            variable: S.variables.syntaxOrange
         };
-        var T = y().span.withConfig({
+        var L = b().span.withConfig({
             displayName: "CodeStyles__StyledToken",
             componentId: "sc-1eq4k68-3"
         })([ "color:", ";cursor:", ";opacity:", ";font-style:", ";font-weight:", ";" ], (function(e) {
             var t = e.partType;
-            return I[t];
+            return x[t];
         }), (function(e) {
             var t = e.partType;
             return t === "entity" ? "help" : null;
@@ -2344,7 +2374,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function $(e, t) {
+        function F(e, t) {
             if (e) {
                 if (typeof e === "function") {
                     e(t);
@@ -2357,10 +2387,10 @@
             }
         }
         // EXTERNAL MODULE: ./src/useResizeObserver/index.ts + 1 modules
-                var R = n(6283);
+                var C = n(6283);
         // CONCATENATED MODULE: ./src/Code/Code.tsx
-        function P() {
-            return P = Object.assign ? Object.assign.bind() : function(e) {
+        function w() {
+            return w = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
                     var n = arguments[t];
                     for (var r in n) {
@@ -2368,29 +2398,29 @@
                     }
                 }
                 return e;
-            }, P.apply(null, arguments);
+            }, w.apply(null, arguments);
         }
-        function N(e, t) {
-            return B(e) || L(e, t) || j(e, t) || C();
+        function D(e, t) {
+            return $(e) || M(e, t) || _(e, t) || P();
         }
-        function C() {
+        function P() {
             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 j(e, t) {
+        function _(e, t) {
             if (e) {
-                if ("string" == typeof e) return D(e, t);
+                if ("string" == typeof e) return U(e, t);
                 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) ? D(e, t) : 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) ? U(e, t) : void 0;
             }
         }
-        function D(e, t) {
+        function U(e, t) {
             (null == t || t > e.length) && (t = e.length);
             for (var n = 0, r = Array(t); n < t; n++) {
                 r[n] = e[n];
             }
             return r;
         }
-        function L(e, t) {
+        function M(e, t) {
             var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != n) {
                 var r, a, s, i, o = [], l = !0, u = !1;
@@ -2412,12 +2442,12 @@
                 return o;
             }
         }
-        function B(e) {
+        function $(e) {
             if (Array.isArray(e)) return e;
         }
-        function G(e, t) {
+        function B(e, t) {
             if (null == e) return {};
-            var n, r, a = M(e, t);
+            var n, r, a = G(e, t);
             if (Object.getOwnPropertySymbols) {
                 var s = Object.getOwnPropertySymbols(e);
                 for (r = 0; r < s.length; r++) {
@@ -2426,7 +2456,7 @@
             }
             return a;
         }
-        function M(e, t) {
+        function G(e, t) {
             if (null == e) return {};
             var n = {};
             for (var r in e) {
@@ -2441,63 +2471,63 @@
         // auto formatting. The import below points to an empty file which is replaced at build
         // time, see ./prism/build-isolated-prism.js for details.
         // typed as 'prismjs'
-                var z = [ "bash", "clike", "css", "html", "json", "javascript", "js", "jsx", "typescript", "ts", "tsx", "markup", "mathml", "plain", "plaintext", "splunk-spl", "svg", "text", "txt", "xml", "yaml", "yml" ];
+                var j = [ "bash", "clike", "css", "html", "json", "javascript", "js", "jsx", "typescript", "ts", "tsx", "markup", "mathml", "plain", "plaintext", "splunk-spl", "sql", "svg", "text", "txt", "xml", "yaml", "yml" ];
         function H(e, t) {
             if ([ "plain", "plaintext", "text", "txt" ].indexOf(t) >= 0) {
-                return v().tokenize(e, {});
+                return h().tokenize(e, {});
             }
-            return v().tokenize(e, v().languages[t]);
+            return h().tokenize(e, h().languages[t]);
         }
-        var q = {
+        var Y = {
             elementRef: s().oneOfType([ s().func, s().object ]),
             indentChars: s().number,
-            language: s().oneOf(z),
-            languageFallback: s().oneOf(z),
+            language: s().oneOf(j),
+            languageFallback: s().oneOf(j),
             showIndentGuide: s().bool,
             value: s().string
         };
-        function U(n) {
-            var r = n.elementRef, a = n.indentChars, s = a === void 0 ? 4 : a, i = n.language, l = n.languageFallback, c = l === void 0 ? "javascript" : l, d = n.showIndentGuide, f = d === void 0 ? true : d, h = n.value, v = h === void 0 ? "" : h, b = G(n, [ "elementRef", "indentChars", "language", "languageFallback", "showIndentGuide", "value" ]);
+        function z(n) {
+            var r = n.elementRef, a = n.indentChars, s = a === void 0 ? 4 : a, i = n.language, l = n.languageFallback, c = l === void 0 ? "javascript" : l, d = n.showIndentGuide, f = d === void 0 ? true : d, m = n.value, h = m === void 0 ? "" : m, v = B(n, [ "elementRef", "indentChars", "language", "languageFallback", "showIndentGuide", "value" ]);
             // @docs-props-type CodePropsBase
-                        var y = (0, e.useRef)(null);
-            var k = (0, e.useState)(undefined), w = N(k, 2), F = w[0], E = w[1];
-            var _ = (0, R["default"])(y), O = _.width, I = _.height;
-            var C = (0, e.useCallback)((function(e) {
-                $(y, e);
-                $(r, e);
+                        var b = (0, e.useRef)(null);
+            var S = (0, e.useState)(undefined), I = D(S, 2), O = I[0], R = I[1];
+            var N = (0, C["default"])(b), k = N.width, x = N.height;
+            var P = (0, e.useCallback)((function(e) {
+                F(b, e);
+                F(r, e);
             }), [ r ]);
             (0, e.useEffect)((function() {
-                var e = y.current;
+                var e = b.current;
                 if (e) {
-                    var t = e.scrollHeight > Math.round(I);
-                    var n = e.scrollWidth > Math.round(O);
+                    var t = e.scrollHeight > Math.round(x);
+                    var n = e.scrollWidth > Math.round(k);
                     var r = t || n;
-                    E(r ? 0 : undefined);
+                    R(r ? 0 : undefined);
                 }
-            }), [ y, O, I ]);
-            var j = g()(" ", s);
-            var D = function e(n) {
+            }), [ b, k, x ]);
+            var _ = g()(" ", s);
+            var U = function e(n) {
                 var r = Math.floor(n / s);
                 var a = n % s;
-                var i = m()(r, (function(e) {
+                var i = E()(r, (function(e) {
                     
-                    return t().createElement(A, {
+                    return t().createElement(T, {
                         key: e.toString()
-                    }, j);
+                    }, _);
                 }));
                 if (a) {
                     i.push(g()(" ", a));
                 }
                 return i;
             };
-            var L = p()(z, i) > -1;
+            var M = p()(j, i) > -1;
             (0, e.useEffect)((function() {
                 // a fix for SUI-5425, where the Markdown component doesn't pass a valid language in some circumstances
                 if (false) {}
-            }), [ L, i, c ]);
-            var B = L && i ? i : c;
-            var M = H(v, B);
-            var q = function e(n) {
+            }), [ M, i, c ]);
+            var $ = M && i ? i : c;
+            var G = H(h, $);
+            var Y = function e(n) {
                 return o()(n).map((function(n, r) {
                     if (typeof n === "string") {
                         if (!f) {
@@ -2515,7 +2545,7 @@
                             } else {
                                 a.push( t().createElement("span", {
                                     key: "".concat(r.toString(), ":").concat(n.toString())
-                                }, D(s[1].length)), s[2]);
+                                }, U(s[1].length)), s[2]);
                             }
                             return a;
                         })));
@@ -2523,25 +2553,25 @@
                     var s = typeof n.content === "string" ? n.content : e(n.content);
                     
                     // eslint-disable-next-line react/no-array-index-key
-                    return t().createElement(T, {
+                    return t().createElement(L, {
                         "data-part-type": n.type,
                         partType: n.type,
                         key: r.toString()
                     }, s);
                 }));
             };
-            var U = q(M);
+            var z = Y(G);
             
-            return t().createElement(x, P({
+            return t().createElement(y, w({
                 "data-test": "code",
-                ref: C,
-                tabIndex: F
-            }, b),  t().createElement(S, {
-                className: "language-".concat(B)
-            }, U));
+                ref: P,
+                tabIndex: O
+            }, v),  t().createElement(A, {
+                className: "language-".concat($)
+            }, z));
         }
-        U.propTypes = q;
-        /* harmony default export */        const Z = U;
+        z.propTypes = Y;
+        /* harmony default export */        const X = z;
     }) // CONCATENATED MODULE: ./src/Code/index.ts
     ();
     module.exports = r;