@splunk/react-ui 5.0.0-rc.1 → 5.0.0

package/Code.js

@@ -933,101 +933,101 @@
                                 if (u && u.cause == d + "," + f) {
                                     return;
                                 }
-                                var m = g[f];
-                                var v = m.inside;
-                                var h = !!m.lookbehind;
-                                var y = !!m.greedy;
-                                var b = m.alias;
-                                if (y && !m.pattern.global) {
+                                var E = g[f];
+                                var m = E.inside;
+                                var v = !!E.lookbehind;
+                                var h = !!E.greedy;
+                                var b = E.alias;
+                                if (h && !E.pattern.global) {
                                     // Without the global flag, lastIndex won't work
-                                    var x = m.pattern.toString().match(/[imsuy]*$/)[0];
-                                    m.pattern = RegExp(m.pattern.source, x + "g");
+                                    var y = E.pattern.toString().match(/[imsuy]*$/)[0];
+                                    E.pattern = RegExp(E.pattern.source, y + "g");
                                 }
-                                /** @type {RegExp} */                                var k = m.pattern || m;
+                                /** @type {RegExp} */                                var S = E.pattern || E;
                                 for (// iterate the token list and keep track of the current token/string position
-                                var S = a.next, A = r; S !== t.tail; A += S.value.length, S = S.next) {
-                                    if (u && A >= u.reach) {
+                                var A = a.next, T = r; 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 (y) {
-                                        E = o(k, A, e, h);
-                                        if (!E || E.index >= e.length) {
+                                                                        var R;
+                                    if (h) {
+                                        R = o(S, T, e, v);
+                                        if (!R || R.index >= e.length) {
                                             break;
                                         }
-                                        var _ = E.index;
-                                        var O = E.index + E[0].length;
-                                        var T = A;
+                                        var x = R.index;
+                                        var N = R.index + R[0].length;
+                                        var k = T;
                                         // find the node that contains the match
-                                                                                T += S.value.length;
-                                        while (_ >= T) {
-                                            S = S.next;
-                                            T += S.value.length;
+                                                                                k += A.value.length;
+                                        while (x >= k) {
+                                            A = A.next;
+                                            k += A.value.length;
                                         }
                                         // adjust pos (and p)
-                                                                                T -= S.value.length;
-                                        A = T;
+                                                                                k -= A.value.length;
+                                        T = k;
                                         // 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 I = S; I !== t.tail && (T < O || typeof I.value === "string"); I = I.next) {
-                                            F++;
-                                            T += I.value.length;
+                                                                                for (var F = A; F !== t.tail && (k < N || typeof F.value === "string"); F = F.next) {
+                                            O++;
+                                            k += F.value.length;
                                         }
-                                        F--;
+                                        O--;
                                         // replace with the new match
-                                                                                w = e.slice(A, T);
-                                        E.index -= A;
+                                                                                I = e.slice(T, k);
+                                        R.index -= T;
                                     } else {
-                                        E = o(k, 0, w, h);
-                                        if (!E) {
+                                        R = o(S, 0, I, v);
+                                        if (!R) {
                                             continue;
                                         }
                                     }
                                     // eslint-disable-next-line no-redeclare
-                                                                        var _ = E.index;
-                                    var $ = E[0];
-                                    var P = w.slice(0, _);
-                                    var R = w.slice(_ + $.length);
-                                    var N = A + w.length;
-                                    if (u && N > u.reach) {
-                                        u.reach = N;
+                                                                        var x = R.index;
+                                    var L = R[0];
+                                    var w = I.slice(0, x);
+                                    var C = I.slice(x + L.length);
+                                    var D = T + I.length;
+                                    if (u && D > u.reach) {
+                                        u.reach = D;
                                     }
-                                    var C = S.prev;
-                                    if (P) {
-                                        C = c(t, C, P);
-                                        A += P.length;
+                                    var P = A.prev;
+                                    if (w) {
+                                        P = c(t, P, w);
+                                        T += w.length;
                                     }
-                                    p(t, C, F);
-                                    var j = new i(d, v ? s.tokenize($, v) : $, b, $);
-                                    S = c(t, C, j);
-                                    if (R) {
-                                        c(t, S, R);
+                                    p(t, P, O);
+                                    var _ = new i(d, m ? s.tokenize(L, m) : L, b, L);
+                                    A = c(t, P, _);
+                                    if (C) {
+                                        c(t, A, C);
                                     }
-                                    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;
                                         }
                                     }
                                 }
@@ -1152,8 +1152,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) {
@@ -2125,6 +2125,36 @@
                     operator: /[<>=]=?|[-+*/%|]/,
                     punctuation: /[()[\],]/
                 };
+                r.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: 
@@ -2219,7 +2249,7 @@
                 n.r(a);
         // EXPORTS
                 n.d(a, {
-            default: () => /* reexport */ z
+            default: () => /* reexport */ j
         });
         // EXTERNAL MODULE: external "react"
                 var e = n(9497);
@@ -2241,70 +2271,70 @@
         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 v = n(74);
-        var h =  n.n(v);
+                var m = n(74);
+        var v =  n.n(m);
         // CONCATENATED MODULE: external "styled-components"
-        const y = require("styled-components");
-        var b =  n.n(y);
+        const h = require("styled-components");
+        var b =  n.n(h);
         // CONCATENATED MODULE: external "@splunk/themes"
-        const x = require("@splunk/themes");
+        const y = require("@splunk/themes");
         // CONCATENATED MODULE: ./src/Code/CodeStyles.ts
-        var k = b().pre.withConfig({
+        var S = b().pre.withConfig({
             displayName: "CodeStyles__Styled",
             componentId: "sc-1eq4k68-0"
-        })([ "", ";", ";text-align:left;tab-size:4;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;overflow-x:auto;&:focus-visible{box-shadow:", ";}" ], x.mixins.reset("block"), x.mixins.typography("monoBody", {
+        })([ "", ";", ";text-align:left;tab-size:4;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;overflow-x:auto;&:focus-visible{box-shadow:", ";}" ], y.mixins.reset("block"), y.mixins.typography("monoBody", {
             lineHeight: "spacious"
-        }), x.variables.focusShadow);
-        var S = b().code.withConfig({
+        }), y.variables.focusShadow);
+        var A = b().code.withConfig({
             displayName: "CodeStyles__StyledCode",
             componentId: "sc-1eq4k68-1"
-        })([ "font-family:", ";", ";" ], x.variables.monoFontFamily, (function(e) {
+        })([ "font-family:", ";", ";" ], y.variables.monoFontFamily, (function(e) {
             var t = e.$isPlaintext;
-            return !t && (0, y.css)([ "color:", ";" ], x.variables.syntaxTeal);
+            return !t && (0, h.css)([ "color:", ";" ], y.variables.syntaxTeal);
         }));
-        var A = b().span.withConfig({
+        var T = b().span.withConfig({
             displayName: "CodeStyles__StyledIndent",
             componentId: "sc-1eq4k68-2"
-        })([ "&:not(:last-child){background-image:linear-gradient( to left,", " 1px,transparent 1px,transparent );}" ], x.variables.syntaxGray);
-        var w = {
-            comment: x.variables.syntaxGray,
-            prolog: x.variables.syntaxGray,
-            doctype: x.variables.syntaxGray,
-            cdata: x.variables.syntaxGray,
-            punctuation: x.variables.syntaxGray,
-            property: x.variables.syntaxPurple,
-            tag: x.variables.syntaxPurple,
-            boolean: x.variables.syntaxPurple,
-            number: x.variables.syntaxPurple,
-            constant: x.variables.syntaxPurple,
-            symbol: x.variables.syntaxPurple,
-            deleted: x.variables.syntaxPurple,
-            key: x.variables.syntaxPurple,
-            selector: x.variables.syntaxGreen,
-            "attr-name": x.variables.syntaxGreen,
-            string: x.variables.syntaxGreen,
-            char: x.variables.syntaxGreen,
-            builtin: x.variables.syntaxGreen,
-            inserted: x.variables.syntaxGreen,
-            operator: x.variables.syntaxBrown,
-            entity: x.variables.syntaxBrown,
-            url: x.variables.syntaxBrown,
-            atrule: x.variables.syntaxBlue,
-            "attr-value": x.variables.syntaxBlue,
-            keyword: x.variables.syntaxBlue,
-            function: x.variables.syntaxRed,
-            regex: x.variables.syntaxOrange,
-            important: x.variables.syntaxOrange,
-            variable: x.variables.syntaxOrange
+        })([ "&:not(:last-child){background-image:linear-gradient( to left,", " 1px,transparent 1px,transparent );}" ], y.variables.syntaxGray);
+        var I = {
+            comment: y.variables.syntaxGray,
+            prolog: y.variables.syntaxGray,
+            doctype: y.variables.syntaxGray,
+            cdata: y.variables.syntaxGray,
+            punctuation: y.variables.syntaxGray,
+            property: y.variables.syntaxPurple,
+            tag: y.variables.syntaxPurple,
+            boolean: y.variables.syntaxPurple,
+            number: y.variables.syntaxPurple,
+            constant: y.variables.syntaxPurple,
+            symbol: y.variables.syntaxPurple,
+            deleted: y.variables.syntaxPurple,
+            key: y.variables.syntaxPurple,
+            selector: y.variables.syntaxGreen,
+            "attr-name": y.variables.syntaxGreen,
+            string: y.variables.syntaxGreen,
+            char: y.variables.syntaxGreen,
+            builtin: y.variables.syntaxGreen,
+            inserted: y.variables.syntaxGreen,
+            operator: y.variables.syntaxBrown,
+            entity: y.variables.syntaxBrown,
+            url: y.variables.syntaxBrown,
+            atrule: y.variables.syntaxBlue,
+            "attr-value": y.variables.syntaxBlue,
+            keyword: y.variables.syntaxBlue,
+            function: y.variables.syntaxRed,
+            regex: y.variables.syntaxOrange,
+            important: y.variables.syntaxOrange,
+            variable: y.variables.syntaxOrange
         };
-        var F = b().span.withConfig({
+        var O = b().span.withConfig({
             displayName: "CodeStyles__StyledToken",
             componentId: "sc-1eq4k68-3"
         })([ "color:", ";cursor:", ";opacity:", ";font-style:", ";font-weight:", ";" ], (function(e) {
             var t = e.partType;
-            return w[t];
+            return I[t];
         }), (function(e) {
             var t = e.partType;
             return t === "entity" ? "help" : null;
@@ -2316,7 +2346,7 @@
             return t === "italic" ? "italic" : null;
         }), (function(e) {
             var t = e.partType;
-            return t === "important" || t === "bold" ? x.variables.fontWeightBold : null;
+            return t === "important" || t === "bold" ? y.variables.fontWeightBold : null;
         }));
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
@@ -2325,7 +2355,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function E(e, t) {
+        function R(e, t) {
             if (e) {
                 if (typeof e === "function") {
                     e(t);
@@ -2338,10 +2368,10 @@
             }
         }
         // EXTERNAL MODULE: ./src/useResizeObserver/index.ts + 1 modules
-                var _ = n(6283);
+                var x = n(6283);
         // CONCATENATED MODULE: ./src/Code/Code.tsx
-        function O() {
-            return O = Object.assign ? Object.assign.bind() : function(e) {
+        function N() {
+            return N = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
                     var n = arguments[t];
                     for (var a in n) {
@@ -2349,29 +2379,29 @@
                     }
                 }
                 return e;
-            }, O.apply(null, arguments);
+            }, N.apply(null, arguments);
         }
-        function T(e, t) {
-            return N(e) || R(e, t) || $(e, t) || I();
+        function k(e, t) {
+            return D(e) || C(e, t) || L(e, t) || F();
         }
-        function I() {
+        function F() {
             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 $(e, t) {
+        function L(e, t) {
             if (e) {
-                if ("string" == typeof e) return P(e, t);
+                if ("string" == typeof e) return w(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) ? P(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) ? w(e, t) : void 0;
             }
         }
-        function P(e, t) {
+        function w(e, t) {
             (null == t || t > e.length) && (t = e.length);
             for (var n = 0, a = Array(t); n < t; n++) {
                 a[n] = e[n];
             }
             return a;
         }
-        function R(e, t) {
+        function C(e, t) {
             var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != n) {
                 var a, r, s, i, o = [], l = !0, u = !1;
@@ -2393,12 +2423,12 @@
                 return o;
             }
         }
-        function N(e) {
+        function D(e) {
             if (Array.isArray(e)) return e;
         }
-        function C(e, t) {
+        function P(e, t) {
             if (null == e) return {};
-            var n, a, r = j(e, t);
+            var n, a, r = _(e, t);
             if (Object.getOwnPropertySymbols) {
                 var s = Object.getOwnPropertySymbols(e);
                 for (a = 0; a < s.length; a++) {
@@ -2407,7 +2437,7 @@
             }
             return r;
         }
-        function j(e, t) {
+        function _(e, t) {
             if (null == e) return {};
             var n = {};
             for (var a in e) {
@@ -2422,67 +2452,67 @@
         // 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 D = [ "bash", "clike", "css", "html", "json", "javascript", "js", "jsx", "typescript", "ts", "tsx", "markup", "mathml", "plain", "plaintext", "splunk-spl", "svg", "text", "txt", "xml", "yaml", "yml" ];
-        function L(e) {
+                var U = [ "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 M(e) {
             return [ "plain", "plaintext", "text", "txt" ].includes(e);
         }
-        function B(e, t) {
-            if (L(t)) {
-                return h().tokenize(e, {});
+        function $(e, t) {
+            if (M(t)) {
+                return v().tokenize(e, {});
             }
-            return h().tokenize(e, h().languages[t]);
+            return v().tokenize(e, v().languages[t]);
         }
-        var G = {
+        var B = {
             elementRef: s().oneOfType([ s().func, s().object ]),
             indentChars: s().number,
-            language: s().oneOf(D),
-            languageFallback: s().oneOf(D),
+            language: s().oneOf(U),
+            languageFallback: s().oneOf(U),
             showIndentGuide: s().bool,
             value: s().string
         };
-        function M(n) {
-            var a = n.elementRef, r = n.indentChars, s = r === void 0 ? 4 : r, i = n.language, l = n.languageFallback, c = l === void 0 ? "javascript" : l, d = n.showIndentGuide, f = d === void 0 ? true : d, v = n.value, h = v === void 0 ? "" : v, y = C(n, [ "elementRef", "indentChars", "language", "languageFallback", "showIndentGuide", "value" ]);
+        function G(n) {
+            var a = n.elementRef, r = n.indentChars, s = r === void 0 ? 4 : r, i = n.language, l = n.languageFallback, c = l === void 0 ? "javascript" : l, d = n.showIndentGuide, f = d === void 0 ? true : d, m = n.value, v = m === void 0 ? "" : m, h = P(n, [ "elementRef", "indentChars", "language", "languageFallback", "showIndentGuide", "value" ]);
             // @docs-props-type CodePropsBase
                         var b = (0, e.useRef)(null);
-            var x = (0, e.useState)(undefined), w = T(x, 2), I = w[0], $ = w[1];
-            var P = (0, _["default"])(b), R = P.width, N = P.height;
-            var j = (0, e.useCallback)((function(e) {
-                E(b, e);
-                E(a, e);
+            var y = (0, e.useState)(undefined), I = k(y, 2), F = I[0], L = I[1];
+            var w = (0, x["default"])(b), C = w.width, D = w.height;
+            var _ = (0, e.useCallback)((function(e) {
+                R(b, e);
+                R(a, e);
             }), [ a ]);
             (0, e.useEffect)((function() {
                 var e = b.current;
                 if (e) {
-                    var t = e.scrollHeight > Math.round(N);
-                    var n = e.scrollWidth > Math.round(R);
+                    var t = e.scrollHeight > Math.round(D);
+                    var n = e.scrollWidth > Math.round(C);
                     var a = t || n;
-                    $(a ? 0 : undefined);
+                    L(a ? 0 : undefined);
                 }
-            }), [ b, R, N ]);
-            var G = g()(" ", s);
-            var M = function e(n) {
+            }), [ b, C, D ]);
+            var B = g()(" ", s);
+            var G = function e(n) {
                 var a = Math.floor(n / s);
                 var r = n % s;
-                var i = m()(a, (function(e) {
+                var i = E()(a, (function(e) {
                     
-                    return t().createElement(A, {
+                    return t().createElement(T, {
                         key: e.toString()
-                    }, G);
+                    }, B);
                 }));
                 if (r) {
                     i.push(g()(" ", r));
                 }
                 return i;
             };
-            var z = p()(D, i) > -1;
+            var j = p()(U, 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) {}
-            }), [ z, i, c ]);
-            var H = z && i ? i : c;
-            var q = B(h, H);
-            var U = L(H);
-            var Z = function e(n) {
+            }), [ j, i, c ]);
+            var H = j && i ? i : c;
+            var Y = $(v, H);
+            var z = M(H);
+            var X = function e(n) {
                 return o()(n).map((function(n, a) {
                     if (typeof n === "string") {
                         if (!f) {
@@ -2500,7 +2530,7 @@
                             } else {
                                 r.push( t().createElement("span", {
                                     key: "".concat(a.toString(), ":").concat(n.toString())
-                                }, M(s[1].length)), s[2]);
+                                }, G(s[1].length)), s[2]);
                             }
                             return r;
                         })));
@@ -2508,26 +2538,26 @@
                     var s = typeof n.content === "string" ? n.content : e(n.content);
                     
                     // eslint-disable-next-line react/no-array-index-key
-                    return t().createElement(F, {
+                    return t().createElement(O, {
                         "data-part-type": n.type,
                         partType: n.type,
                         key: a.toString()
                     }, s);
                 }));
             };
-            var X = Z(q);
+            var W = X(Y);
             
-            return t().createElement(k, O({
+            return t().createElement(S, N({
                 "data-test": "code",
-                ref: j,
-                tabIndex: I
-            }, y),  t().createElement(S, {
+                ref: _,
+                tabIndex: F
+            }, h),  t().createElement(A, {
                 className: "language-".concat(H),
-                $isPlaintext: U
-            }, X));
+                $isPlaintext: z
+            }, W));
         }
-        M.propTypes = G;
-        /* harmony default export */        const z = M;
+        G.propTypes = B;
+        /* harmony default export */        const j = G;
     }) // CONCATENATED MODULE: ./src/Code/index.ts
     ();
     module.exports = a;