@splunk/react-ui 4.23.0 → 4.25.0

package/TabBar.js

@@ -110,7 +110,7 @@
     var m = c()(y()).withConfig({
         displayName: "TabStyles__StyledClickable",
         componentId: "sc-1ry8mzj-0"
-    })([ "flex:0 1 auto;display:block;position:relative;line-height:", ";text-align:center;white-space:nowrap;color:", ";&::after{display:block;content:attr(title);font-weight:", ";height:0;color:transparent;overflow:hidden;visibility:hidden;}", ";&[aria-selected='true']{cursor:default;", "}&[aria-selected='false']{box-shadow:none;font-weight:", ";&:hover:not([disabled]){", "}}&:focus{box-shadow:", ";", "}" ], (0, 
+    })([ "flex:0 1 auto;display:block;position:relative;line-height:", ";text-align:center;white-space:nowrap;color:", ";&::after{display:block;content:attr(data-title);font-weight:", ";height:0;color:transparent;overflow:hidden;visibility:hidden;}", ";&[aria-selected='true']{cursor:default;", "}&[aria-selected='false']{box-shadow:none;font-weight:", ";&:hover:not([disabled]){", "}}&:focus{box-shadow:", ";", "}" ], (0, 
     s.pick)({
         enterprise: "24px",
         prisma: "20px"
@@ -549,7 +549,7 @@
                     onMouseLeave: this.handleTooltipClose,
                     role: "tab",
                     tabIndex: r ? undefined : -1,
-                    title: W,
+                    "data-title": W,
                     to: f
                 }),  n().createElement(k, {
                     "data-test": "label",

package/Table.js

@@ -816,8 +816,8 @@
         }
     }), (0, P.pickVariant)("$appearance", {
         rowLink: {
-            enterprise: (0, j.css)([ "color:", ";*:hover > &{cursor:pointer;}" ], P.variables.linkColor),
-            prisma: (0, j.css)([ "color:", ";*:hover > &{cursor:pointer;}" ], P.variables.contentColorDefault)
+            enterprise: (0, j.css)([ "color:", ";*:hover > &&{cursor:pointer;}" ], P.variables.linkColor),
+            prisma: (0, j.css)([ "color:", ";*:hover > &&{cursor:pointer;}" ], P.variables.contentColorDefault)
         },
         link: {
             enterprise: (0, j.css)([ "color:", ";&:hover{cursor:pointer;color:{dark:variables.accentColorL20,light:variables.linkColor,};box-shadow:", ";}&:focus{color:{dark:variables.accentColorL20,light:variables.focusColor,};box-shadow:", ";}" ], P.variables.linkColor, P.variables.focusShadowInset, P.variables.focusShadowInset)

package/Tree.js

@@ -0,0 +1,617 @@
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* webpack/runtime/compat get default export */
+    /******/    (() => {
+        /******/ // getDefaultExport function for compatibility with non-harmony modules
+        /******/ e.n = r => {
+            /******/ var t = r && r.__esModule ? 
+            /******/ () => r["default"]
+            /******/ : () => r
+            /******/;
+            e.d(t, {
+                a: t
+            });
+            /******/            return t;
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/define property getters */
+    /******/    (() => {
+        /******/ // define getter functions for harmony exports
+        /******/ e.d = (r, t) => {
+            /******/ for (var n in t) {
+                /******/ if (e.o(t, n) && !e.o(r, n)) {
+                    /******/ Object.defineProperty(r, n, {
+                        enumerable: true,
+                        get: t[n]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ e.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var r = {};
+    // ESM COMPAT FLAG
+        e.r(r);
+    // EXPORTS
+        e.d(r, {
+        TreeItem: () => /* reexport */ k,
+        default: () => /* reexport */ re
+    });
+    // CONCATENATED MODULE: external "react"
+    const t = require("react");
+    var n =  e.n(t);
+    // CONCATENATED MODULE: external "prop-types"
+    const o = require("prop-types");
+    var a =  e.n(o);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
+    const i = require("@splunk/ui-utils/keyboard");
+    // CONCATENATED MODULE: ./src/Tree/TreeContext.tsx
+    var u =  (0, t.createContext)({
+        defaultIndent: true
+    });
+    /* harmony default export */    const l = u;
+    // CONCATENATED MODULE: external "styled-components"
+    const f = require("styled-components");
+    var c =  e.n(f);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const d = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/Tree/TreeItemStyles.ts
+    var v = c().span.withConfig({
+        displayName: "TreeItemStyles__StyledTreeItemContent",
+        componentId: "ie7zrw-0"
+    })([ "font-family:inherit;" ]);
+    var s = c().span.withConfig({
+        displayName: "TreeItemStyles__StyledTreeItemNode",
+        componentId: "ie7zrw-1"
+    })([ "&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}" ], d.variables.focusShadow);
+    // CONCATENATED MODULE: ./src/Tree/TreeStyles.ts
+    var p = c().ul.withConfig({
+        displayName: "TreeStyles__StyledUnorderedList",
+        componentId: "sc-13pokwt-0"
+    })([ "", ";font-family:inherit;list-style:none;", ";" ], d.mixins.reset("ul"), (function(e) {
+        var r = e.$defaultIndent;
+        return r && (0, f.css)([ "padding-left:", ";" ], d.variables.spacingXXXLarge);
+    }));
+    // CONCATENATED MODULE: ./src/Tree/TreeItem.tsx
+    function y() {
+        y = Object.assign || function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var n in t) {
+                    if (Object.prototype.hasOwnProperty.call(t, n)) {
+                        e[n] = t[n];
+                    }
+                }
+            }
+            return e;
+        };
+        return y.apply(this, arguments);
+    }
+    function b(e, r) {
+        return w(e) || I(e, r) || h(e, r) || m();
+    }
+    function m() {
+        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 h(e, r) {
+        if (!e) return;
+        if (typeof e === "string") return g(e, r);
+        var t = Object.prototype.toString.call(e).slice(8, -1);
+        if (t === "Object" && e.constructor) t = e.constructor.name;
+        if (t === "Map" || t === "Set") return Array.from(e);
+        if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return g(e, r);
+    }
+    function g(e, r) {
+        if (r == null || r > e.length) r = e.length;
+        for (var t = 0, n = new Array(r); t < r; t++) {
+            n[t] = e[t];
+        }
+        return n;
+    }
+    function I(e, r) {
+        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
+        var t = [];
+        var n = true;
+        var o = false;
+        var a = undefined;
+        try {
+            for (var i = e[Symbol.iterator](), u; !(n = (u = i.next()).done); n = true) {
+                t.push(u.value);
+                if (r && t.length === r) break;
+            }
+        } catch (e) {
+            o = true;
+            a = e;
+        } finally {
+            try {
+                if (!n && i["return"] != null) i["return"]();
+            } finally {
+                if (o) throw a;
+            }
+        }
+        return t;
+    }
+    function w(e) {
+        if (Array.isArray(e)) return e;
+    }
+    function O(e, r) {
+        if (e == null) return {};
+        var t = S(e, r);
+        var n, o;
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < a.length; o++) {
+                n = a[o];
+                if (r.indexOf(n) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
+                t[n] = e[n];
+            }
+        }
+        return t;
+    }
+    function S(e, r) {
+        if (e == null) return {};
+        var t = {};
+        var n = Object.keys(e);
+        var o, a;
+        for (a = 0; a < n.length; a++) {
+            o = n[a];
+            if (r.indexOf(o) >= 0) continue;
+            t[o] = e[o];
+        }
+        return t;
+    }
+    var j = {
+        id: a().string,
+        children: a().node,
+        content: a().node,
+        labelledBy: a().string,
+        onFocus: a().func,
+        open: a().bool
+    };
+    function A(e) {
+        var r = e.id, o = e.children, a = e.content, i = e.labelledBy, u = e.onFocus, f = O(e, [ "id", "children", "content", "labelledBy", "onFocus" ]);
+        var c = (0, t.useContext)(l), d = c.defaultIndent, m = d === void 0 ? true : d, h = c.onItemKeyDown, g = c.removeNode, I = c.setNode, w = c.itemPaths, S = c.focusedItemId;
+        var j = (0, t.useState)(true), A = b(j, 2), k = A[0], P = A[1];
+        var E = (0, t.useRef)(null);
+        var x = t.Children.toArray(o).filter(t.isValidElement);
+        x.forEach((function(e, t) {
+            if (e.props.id) {
+                if (k && I) {
+                    I("".concat(e.props.id), "".concat(w === null || w === void 0 ? void 0 : w.get("".concat(r)), "-").concat(t));
+                } else if (g) {
+                    g(e.props.id);
+                }
+            }
+        }));
+        var T = function e(r) {
+            P(r);
+        };
+        var C = function e() {
+            P(!k);
+        };
+        var _ = function e(r) {
+            var t;
+            r.stopPropagation();
+            E === null || E === void 0 ? void 0 : (t = E.current) === null || t === void 0 ? void 0 : t.focus();
+            u === null || u === void 0 ? void 0 : u(r);
+        };
+        if (S === r) {
+            var D;
+            E === null || E === void 0 ? void 0 : (D = E.current) === null || D === void 0 ? void 0 : D.focus();
+        }
+ // make first tree item tabbable
+                var N = -1;
+        if ((w === null || w === void 0 ? void 0 : w.get("".concat(r))) === "0") {
+            N = 0;
+        }
+        var $ = function e(r) {
+            r.stopPropagation();
+        };
+        var M = function e(t) {
+            t.stopPropagation();
+            h === null || h === void 0 ? void 0 : h(t, r, k, x, T);
+        };
+        
+        return n().createElement("li", y({}, f, {
+            onFocus: _,
+            onKeyDown: M,
+            role: "treeitem",
+            "aria-labelledby": i,
+            "aria-expanded": x.length ? k : undefined
+        }),  n().createElement(s, {
+            ref: E,
+            tabIndex: N,
+            onFocus: $,
+            onClick: C
+        },  n().createElement(v, null, a)), k &&  n().createElement(p, {
+            role: "group",
+            $defaultIndent: m
+        }, o));
+    }
+    A.propTypes = j;
+    /* harmony default export */    const k = A;
+    // CONCATENATED MODULE: ./src/Tree/treeUtils.ts
+    function P(e, r) {
+        return _(e) || C(e, r) || x(e, r) || E();
+    }
+    function E() {
+        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 x(e, r) {
+        if (!e) return;
+        if (typeof e === "string") return T(e, r);
+        var t = Object.prototype.toString.call(e).slice(8, -1);
+        if (t === "Object" && e.constructor) t = e.constructor.name;
+        if (t === "Map" || t === "Set") return Array.from(e);
+        if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return T(e, r);
+    }
+    function T(e, r) {
+        if (r == null || r > e.length) r = e.length;
+        for (var t = 0, n = new Array(r); t < r; t++) {
+            n[t] = e[t];
+        }
+        return n;
+    }
+    function C(e, r) {
+        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
+        var t = [];
+        var n = true;
+        var o = false;
+        var a = undefined;
+        try {
+            for (var i = e[Symbol.iterator](), u; !(n = (u = i.next()).done); n = true) {
+                t.push(u.value);
+                if (r && t.length === r) break;
+            }
+        } catch (e) {
+            o = true;
+            a = e;
+        } finally {
+            try {
+                if (!n && i["return"] != null) i["return"]();
+            } finally {
+                if (o) throw a;
+            }
+        }
+        return t;
+    }
+    function _(e) {
+        if (Array.isArray(e)) return e;
+    }
+    /**
+ * A helper function to get first key in Map that matches given value
+ */    function D(e, r) {
+        var t;
+        var n = Array.from(e.entries());
+        return (t = n.find((function(e) {
+            var t = P(e, 2), n = t[1];
+            return n === r;
+        }))) === null || t === void 0 ? void 0 : t[0];
+    }
+    /**
+ * A helper function to get parent path of current item path
+ */    function N(e) {
+        // remove last index number of the current item path string to get parent
+        return e.split("-").slice(0, -1).join("-");
+    }
+    /**
+ * A helper function to get next path of current item path in same level
+ */    function $(e, r) {
+        return e === null || e === void 0 ? void 0 : e.replace(/([^-]*)$/, "".concat(r + 1));
+    }
+    /**
+ * A helper function to get the last index number of an item path string
+ */    function M(e) {
+        var r = e.split("-").pop();
+        if (!r) {
+            return 0;
+        }
+        return parseInt(r, 10) || 0;
+    }
+    function q(e, r) {
+        var t = e.get(r);
+        if (!t) {
+            return r;
+        }
+        var n = N(t);
+        return D(e, n) || r;
+    }
+    /**
+ * A helper function for getNextTreeItem
+ */    function F(e, r) {
+        var t = N(r);
+        if (!t) {
+            return D(e, r);
+        }
+ // get next node in the parent level
+                var n = M(t);
+        var o = $(t, n);
+        var a = D(e, o);
+        if (a) {
+            return a;
+        }
+ // continue getting parents until find next node or reach root
+                return F(e, o);
+    }
+    function U(e, r) {
+        var t = e.get(r);
+        if (!t) {
+            return r;
+        }
+ // case where next tree item is the first visible child
+                var n = D(e, "".concat(t, "-0"));
+        if (n) {
+            return n;
+        }
+ // case where next tree item is the next node in the same level
+                var o = M(t);
+        var a = $(t, o);
+        var i = D(e, a);
+        if (i) {
+            return i;
+        }
+ // case where next tree item is a higher level or does not exist
+                return F(e, t) || r;
+    }
+    /**
+ * A helper function for getPrevTreeItem
+ */    function B(e, r) {
+        var t = D(e, "".concat(r, "-0"));
+        if (!t) {
+            return D(e, r);
+        }
+        var n = D(e, r);
+        var o = "".concat(r, "-0");
+ // get the last child in current node, and continue to find its children recursively
+                while (n) {
+            var a = M(o);
+            var i = $(o, a);
+            n = D(e, i);
+            if (n) {
+                o = i;
+            }
+        }
+        return B(e, o);
+    }
+    function K(e, r) {
+        var t = e.get(r);
+        if (!t) {
+            return r;
+        }
+        var n = M(t);
+ // case where current is first child of parent or root item
+                if (n === 0) {
+            return q(e, r);
+        }
+ // case where previous tree item is or is a child of previous node in same level
+                var o = t.replace(/[^-]+$/, "".concat(n - 1));
+        return B(e, o) || r;
+    }
+    function X(e) {
+        return D(e, "0");
+    }
+    function z(e) {
+        var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "0";
+        var t = D(e, r);
+        var n = r;
+ // find last child in current node
+                while (t) {
+            var o = M(n);
+            t = D(e, $(n, o));
+            if (t) {
+                n = $(n, o);
+            }
+        }
+ // check if last child has children
+                var a = D(e, "".concat(n, "-0"));
+        if (!a) {
+            return D(e, n);
+        }
+ // continue to find its last child recursively
+                n = "".concat(n, "-0");
+        return z(e, n);
+    }
+    // CONCATENATED MODULE: ./src/Tree/Tree.tsx
+    function L() {
+        L = Object.assign || function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var n in t) {
+                    if (Object.prototype.hasOwnProperty.call(t, n)) {
+                        e[n] = t[n];
+                    }
+                }
+            }
+            return e;
+        };
+        return L.apply(this, arguments);
+    }
+    function V(e, r) {
+        return Q(e) || J(e, r) || G(e, r) || R();
+    }
+    function R() {
+        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 G(e, r) {
+        if (!e) return;
+        if (typeof e === "string") return H(e, r);
+        var t = Object.prototype.toString.call(e).slice(8, -1);
+        if (t === "Object" && e.constructor) t = e.constructor.name;
+        if (t === "Map" || t === "Set") return Array.from(e);
+        if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return H(e, r);
+    }
+    function H(e, r) {
+        if (r == null || r > e.length) r = e.length;
+        for (var t = 0, n = new Array(r); t < r; t++) {
+            n[t] = e[t];
+        }
+        return n;
+    }
+    function J(e, r) {
+        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
+        var t = [];
+        var n = true;
+        var o = false;
+        var a = undefined;
+        try {
+            for (var i = e[Symbol.iterator](), u; !(n = (u = i.next()).done); n = true) {
+                t.push(u.value);
+                if (r && t.length === r) break;
+            }
+        } catch (e) {
+            o = true;
+            a = e;
+        } finally {
+            try {
+                if (!n && i["return"] != null) i["return"]();
+            } finally {
+                if (o) throw a;
+            }
+        }
+        return t;
+    }
+    function Q(e) {
+        if (Array.isArray(e)) return e;
+    }
+    function W(e, r) {
+        if (e == null) return {};
+        var t = Y(e, r);
+        var n, o;
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < a.length; o++) {
+                n = a[o];
+                if (r.indexOf(n) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
+                t[n] = e[n];
+            }
+        }
+        return t;
+    }
+    function Y(e, r) {
+        if (e == null) return {};
+        var t = {};
+        var n = Object.keys(e);
+        var o, a;
+        for (a = 0; a < n.length; a++) {
+            o = n[a];
+            if (r.indexOf(o) >= 0) continue;
+            t[o] = e[o];
+        }
+        return t;
+    }
+    var Z = {
+        children: a().node,
+        defaultIndent: a().bool
+    };
+    function ee(e) {
+        var r = e.children, o = e.defaultIndent, a = o === void 0 ? true : o, u = W(e, [ "children", "defaultIndent" ]);
+        var f = (0, t.useState)(), c = V(f, 2), d = c[0], v = c[1];
+        var s = new Map;
+        var y = function e(r, t, n, o, a) {
+            var u = (0, i.keycode)(r.nativeEvent);
+            r.stopPropagation();
+            switch (u) {
+              case "up":
+                r.preventDefault();
+                v(K(s, t));
+                break;
+
+              case "down":
+                r.preventDefault();
+                v(U(s, t));
+                break;
+
+              case "left":
+                r.preventDefault();
+                if (n && (o === null || o === void 0 ? void 0 : o.length)) {
+                    a(false);
+                } else {
+                    v(q(s, t));
+                }
+                break;
+
+              case "right":
+                r.preventDefault();
+                if (n && (o === null || o === void 0 ? void 0 : o.length)) {
+                    v(U(s, t));
+                } else {
+                    a(true);
+                }
+                break;
+
+              case "home":
+                r.preventDefault();
+                v(X(s));
+                break;
+
+              case "end":
+                r.preventDefault();
+                v(z(s));
+                break;
+
+              default:
+ // do nothing
+                        }
+        };
+        var b = function e(r) {
+            s["delete"](r);
+        };
+        var m = function e(r, t) {
+            s.set(r, t);
+        };
+        var h = t.Children.toArray(r).filter(t.isValidElement);
+        h.forEach((function(e, r) {
+            if (e.props.id && m) {
+                m("".concat(e.props.id), "".concat(r));
+            }
+        }));
+        
+        return n().createElement(l.Provider, {
+            value: {
+                defaultIndent: a,
+                onItemKeyDown: y,
+                removeNode: b,
+                setNode: m,
+                itemPaths: s,
+                focusedItemId: d
+            }
+        },  n().createElement(p, L({
+            role: "tree",
+            $defaultIndent: a
+        }, u), r));
+    }
+    ee.propTypes = Z;
+    ee.TreeItem = k;
+    /* harmony default export */    const re = ee;
+    // CONCATENATED MODULE: ./src/Tree/index.ts
+    module.exports = r;
+    /******/})();

package/cypress/README.md

@@ -0,0 +1,11 @@
+#TS Configuration
+
+Cypress' expect type clashes with Jest's: see https://docs.cypress.io/guides/tooling/typescript-support#Clashing-types-with-Jest.
+To get around this we use separate tsconfigs to check src files from Cypress tests (.spec.tsx) files, following [cypress' example](https://github.com/cypress-io/cypress-and-jest-typescript-example)
+
+There are some notable specifics in the cypress config that need to be maintained:
+* Cypress tests only need to be compiled but do not have public types, so this config sets `"noEmit": true,`
+* When types are specified they must be relative paths to the tsconfig, hence the `../node_modules`.
+* The inheritance method when using `extends` means that `include` and `exclude` entries need to be explicitly listed or repeated. This affects:
+    * Common types, jest and cypress types.
+    * `include` must be repeated in `cypress.tsconfig` so that `.spec` files are not excluded

package/cypress/support/commands.ts

@@ -1 +1,2 @@
 import '@testing-library/cypress/add-commands';
+import 'cypress-real-events';

package/cypress/support/component.ts

@@ -1,5 +1,4 @@
 import { mount } from 'cypress/react';
-import 'cypress-real-events';
 import { setGlobalConfig } from '@storybook/testing-react';
 import { configure } from '@testing-library/cypress';
 

package/cypress/tsconfig.cypress.json

@@ -0,0 +1,14 @@
+// Cypress tests (.spec.tsx files) need a separate config to avoid clashing types with jest, see README for more details
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "noEmit": true,
+    "types": [
+      "../../../node_modules/@testing-library/cypress",
+      "../../../node_modules/cypress",
+      "../../../node_modules/cypress-real-events"
+    ]
+  },
+  "include": ["../stubs-*.d.ts", "../src/**/tests/*.spec.tsx", "../src/**/tests/*.spec.ts"],
+  "exclude": ["../src/docs/*"]
+}