@splunk/react-ui 4.44.1 → 4.46.0

package/Tree.js

@@ -108,7 +108,7 @@
         n.r(t);
         // EXPORTS
                 n.d(t, {
-            TreeItem: () => /* reexport */ x,
+            Item: () => /* reexport */ x,
             default: () => /* reexport */ re
         });
         // EXTERNAL MODULE: external "react"
@@ -129,14 +129,14 @@
         var f =  n.n(c);
         // EXTERNAL MODULE: external "@splunk/themes"
                 var d = n(3563);
-        // CONCATENATED MODULE: ./src/Tree/TreeItemStyles.ts
+        // CONCATENATED MODULE: ./src/Tree/ItemStyles.ts
         var v = f().span.withConfig({
-            displayName: "TreeItemStyles__StyledTreeItemContent",
-            componentId: "ie7zrw-0"
+            displayName: "ItemStyles__StyledTreeItemContent",
+            componentId: "sc-1ig9nmy-0"
         })([ "font-family:inherit;" ]);
         var s = f().span.withConfig({
-            displayName: "TreeItemStyles__StyledTreeItemNode",
-            componentId: "ie7zrw-1"
+            displayName: "ItemStyles__StyledTreeItemNode",
+            componentId: "sc-1ig9nmy-1"
         })([ "&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}" ], d.variables.focusShadow);
         // CONCATENATED MODULE: ./src/Tree/TreeStyles.ts
         var p = f().ul.withConfig({
@@ -146,7 +146,7 @@
             var r = e.$defaultIndent;
             return r && (0, c.css)([ "padding-left:", ";" ], d.variables.spacingXXXLarge);
         }));
-        // CONCATENATED MODULE: ./src/Tree/TreeItem.tsx
+        // CONCATENATED MODULE: ./src/Tree/Item.tsx
         function y() {
             return y = Object.assign ? Object.assign.bind() : function(e) {
                 for (var r = 1; r < arguments.length; r++) {
@@ -240,46 +240,46 @@
         };
         function A(n) {
             var t = n.id, o = n.children, a = n.content, i = n.customIndent, l = n.endAdornment, c = n.labelledBy, f = n.onFocus, d = n.onKeyDown, b = n.onToggle, g = n.open, h = g === void 0 ? true : g, I = n.toggle, w = S(n, [ "id", "children", "content", "customIndent", "endAdornment", "labelledBy", "onFocus", "onKeyDown", "onToggle", "open", "toggle" ]);
-            var O = (0, e.useContext)(u), j = O.defaultIndent, A = j === void 0 ? true : j, x = O.onItemKeyDown, E = O.onItemClick, P = O.removeNode, k = O.setNode, T = O.itemPaths, C = O.focusedItemId;
-            var D = (0, e.useState)(h), _ = m(D, 2), M = _[0], N = _[1];
+            var O = (0, e.useContext)(u), j = O.defaultIndent, A = j === void 0 ? true : j, x = O.onItemKeyDown, E = O.onItemClick, P = O.removeNode, k = O.setNode, C = O.itemPaths, D = O.focusedItemId;
+            var T = (0, e.useState)(h), _ = m(T, 2), M = _[0], N = _[1];
  // make first tree item tabbable
-                        var $ = (0, e.useState)((T === null || T === void 0 ? void 0 : T.get("".concat(t))) === "0" ? 0 : -1), K = m($, 2), F = K[0], q = K[1];
+                        var $ = (0, e.useState)((C === null || C === void 0 ? void 0 : C.get("".concat(t))) === "0" ? 0 : -1), K = m($, 2), F = K[0], q = K[1];
             var B = (0, e.useRef)(null);
             var U = (0, e.useRef)(null);
             var X = e.Children.toArray(o).filter(e.isValidElement);
             X.forEach((function(e, r) {
                 if (e.props.id) {
                     if (M && k) {
-                        k("".concat(e.props.id), "".concat(T === null || T === void 0 ? void 0 : T.get("".concat(t)), "-").concat(r));
+                        k("".concat(e.props.id), "".concat(C === null || C === void 0 ? void 0 : C.get("".concat(t)), "-").concat(r));
                     } else if (P) {
                         P(e.props.id);
                     }
                 }
             }));
-            var z = function e(r, n) {
+            var L = function e(r, n) {
                 N(r);
                 b === null || b === void 0 ? void 0 : b(r, n);
             };
-            var L = function e(r) {
+            var R = function e(r) {
                 E === null || E === void 0 ? void 0 : E(r, t);
             };
-            var R = function e(r) {
+            var V = function e(r) {
                 var n;
                 r.stopPropagation();
                 B === null || B === void 0 ? void 0 : (n = B.current) === null || n === void 0 ? void 0 : n.focus();
                 f === null || f === void 0 ? void 0 : f(r);
             };
-            var V = function e() {
-                if ((T === null || T === void 0 ? void 0 : T.get("".concat(t))) === "0") {
+            var z = function e() {
+                if ((C === null || C === void 0 ? void 0 : C.get("".concat(t))) === "0") {
                     q(0);
                 }
             };
             (0, e.useEffect)((function() {
-                if (C === t) {
+                if (D === t) {
                     var e;
                     U === null || U === void 0 ? void 0 : (e = U.current) === null || e === void 0 ? void 0 : e.focus();
                 }
-            }), [ C, U ]);
+            }), [ D, U ]);
             var G = function e(r) {
                 r.stopPropagation();
             };
@@ -287,10 +287,10 @@
                 r.stopPropagation();
                 // Used to ensure first item in Tree is tab navigable, i.e. in JSONTree when focus is manually set to the root item,
                 // this allows user to tab backwards to previous item. Tab index is reset to 0 onBlur.
-                                if (r.shiftKey && r.key === "Tab" && (T === null || T === void 0 ? void 0 : T.get("".concat(t))) === "0") {
+                                if (r.shiftKey && r.key === "Tab" && (C === null || C === void 0 ? void 0 : C.get("".concat(t))) === "0") {
                     q(-1);
                 }
-                x === null || x === void 0 ? void 0 : x(r, t, M, X, z);
+                x === null || x === void 0 ? void 0 : x(r, t, M, X, L);
                 d === null || d === void 0 ? void 0 : d(r);
             };
             var J = function r() {
@@ -301,8 +301,8 @@
                 return (0, e.cloneElement)(I, {
                     onClick: function e(r) {
                         var n, t;
-                        z(!M, r);
-                        L(r);
+                        L(!M, r);
+                        R(r);
                         (n = (t = I.props).onClick) === null || n === void 0 ? void 0 : n.call(t, r);
                     },
                     "aria-expanded": M
@@ -312,8 +312,8 @@
             return r().createElement("li", y({}, w, {
                 ref: U,
                 tabIndex: F,
-                onBlur: V,
-                onFocus: R,
+                onBlur: z,
+                onFocus: V,
                 onKeyDown: H,
                 role: "treeitem",
                 "aria-labelledby": c,
@@ -322,7 +322,7 @@
                 ref: B,
                 tabIndex: -1,
                 onFocus: G,
-                onClick: L
+                onClick: R
             },  r().createElement(v, null, a), J(), !M && l), M &&  r().createElement(r().Fragment, null,  r().createElement(p, {
                 role: "group",
                 $defaultIndent: A
@@ -332,26 +332,26 @@
         /* harmony default export */        const x = A;
         // CONCATENATED MODULE: ./src/Tree/treeUtils.ts
         function E(e, r) {
-            return D(e) || C(e, r) || k(e, r) || P();
+            return T(e) || D(e, r) || k(e, r) || P();
         }
         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 k(e, r) {
             if (e) {
-                if ("string" == typeof e) return T(e, r);
+                if ("string" == typeof e) return C(e, r);
                 var n = {}.toString.call(e).slice(8, -1);
-                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? T(e, r) : void 0;
+                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? C(e, r) : void 0;
             }
         }
-        function T(e, r) {
+        function C(e, r) {
             (null == r || r > e.length) && (r = e.length);
             for (var n = 0, t = Array(r); n < r; n++) {
                 t[n] = e[n];
             }
             return t;
         }
-        function C(e, r) {
+        function D(e, r) {
             var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != n) {
                 var t, o, a, i, l = [], u = !0, c = !1;
@@ -373,7 +373,7 @@
                 return l;
             }
         }
-        function D(e) {
+        function T(e) {
             if (Array.isArray(e)) return e;
         }
         /**
@@ -488,7 +488,7 @@
         function X(e) {
             return _(e, "0");
         }
-        function z(e) {
+        function L(e) {
             var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "0";
             var n = _(e, r);
             var t = r;
@@ -507,11 +507,11 @@
             }
             // continue to find its last child recursively
                         t = "".concat(t, "-0");
-            return z(e, t);
+            return L(e, t);
         }
         // CONCATENATED MODULE: ./src/Tree/Tree.tsx
-        function L() {
-            return L = Object.assign ? Object.assign.bind() : function(e) {
+        function R() {
+            return R = Object.assign ? Object.assign.bind() : function(e) {
                 for (var r = 1; r < arguments.length; r++) {
                     var n = arguments[r];
                     for (var t in n) {
@@ -519,12 +519,12 @@
                     }
                 }
                 return e;
-            }, L.apply(null, arguments);
+            }, R.apply(null, arguments);
         }
-        function R(e, r) {
-            return Q(e) || J(e, r) || G(e, r) || V();
+        function V(e, r) {
+            return Q(e) || J(e, r) || G(e, r) || z();
         }
-        function V() {
+        function z() {
             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) {
@@ -594,7 +594,7 @@
         };
         function ee(n) {
             var t = n.children, o = n.defaultIndent, a = o === void 0 ? true : o, l = W(n, [ "children", "defaultIndent" ]);
-            var c = (0, e.useState)(), f = R(c, 2), d = f[0], v = f[1];
+            var c = (0, e.useState)(), f = V(c, 2), d = f[0], v = f[1];
             var s = new Map;
             var y = function e(r, n, t, o, a) {
                 r.stopPropagation();
@@ -636,7 +636,7 @@
 
                   case "end":
                     r.preventDefault();
-                    v(z(s));
+                    v(L(s));
                     break;
 
                   case "enter":
@@ -678,13 +678,13 @@
             
             return r().createElement(u.Provider, {
                 value: I
-            },  r().createElement(p, L({
+            },  r().createElement(p, R({
                 role: "tree",
                 $defaultIndent: a
             }, l), t));
         }
         ee.propTypes = Z;
-        ee.TreeItem = x;
+        ee.Item = x;
         /* harmony default export */        const re = ee;
     }) // CONCATENATED MODULE: ./src/Tree/index.ts
     ();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.44.1",
+  "version": "4.46.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -44,8 +44,8 @@
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@splunk/react-icons": "^4.13.0",
-    "@splunk/themes": "^0.23.0",
+    "@splunk/react-icons": "^4.14.0",
+    "@splunk/themes": "^0.25.0",
     "@splunk/ui-utils": "^1.8.0",
     "commonmark": "^0.30.0",
     "commonmark-react-renderer": "^4.3.2",
@@ -64,7 +64,7 @@
     "@splunk/babel-preset": "^4.0.0",
     "@splunk/docs-gen": "1.0.0-beta.14",
     "@splunk/eslint-config": "^5.0.0",
-    "@splunk/react-docs": "1.0.0-beta.21",
+    "@splunk/react-docs": "1.0.0-beta.22",
     "@splunk/stylelint-config": "^5.0.0",
     "@splunk/test-runner-utils": "^0.4.1",
     "@splunk/webpack-configs": "^7.0.2",

package/types/src/Code/Code.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
-type CodeSupportedLanguages = 'bash' | 'clike' | 'css' | 'html' | 'json' | 'javascript' | 'js' | 'jsx' | 'typescript' | 'ts' | 'tsx' | 'markup' | 'mathml' | 'plain' | 'plaintext' | 'splunk-spl' | 'svg' | 'text' | 'txt' | 'xml' | 'yaml' | 'yml';
+type CodeSupportedLanguages = 'bash' | 'clike' | 'css' | 'html' | 'json' | 'javascript' | 'js' | 'jsx' | 'typescript' | 'ts' | 'tsx' | 'markup' | 'mathml' | 'plain' | 'plaintext' | 'splunk-spl' | 'sql' | 'svg' | 'text' | 'txt' | 'xml' | 'yaml' | 'yml';
 interface CodePropsBase {
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.

package/types/src/Table/HeadCell.d.ts

@@ -71,6 +71,10 @@ interface HeadCellPropsBase {
      * The `sortKey` is passed in the data object to the `onSort` callback, if provided.
      */
     sortKey?: string;
+    /**
+     * Content to show in a tooltip.
+     */
+    tooltip?: React.ReactNode;
     /**
      * Truncate the text in the label. `truncate=false` is not compatible with `Table`'s
      * `onRequestResize`.

package/types/src/Table/HeadInner.d.ts

@@ -12,6 +12,7 @@ interface HeadInnerPropsBase {
     elementRef?: React.Ref<HTMLButtonElement | HTMLDivElement>;
     focusWithin?: boolean;
     hasActionsHead?: boolean;
+    hasTooltip?: boolean;
     id?: string;
     index?: number;
     isMenu?: boolean;
@@ -27,7 +28,7 @@ interface HeadInnerPropsBase {
     variant?: 'toggleAll' | 'info' | 'actions';
 }
 type HeadInnerProps = ComponentProps<HeadInnerPropsBase, 'span'>;
-declare function HeadInner({ index, clickable, columnId, elementRef, focusWithin, id, width: widthProp, onDragEnd, onAutosizeColumn, align, label, hasActionsHead, isMenu, onDragStart, onRequestResize, resizable, sortDir, truncate, variant, ...otherProps }: HeadInnerProps): JSX.Element;
+declare function HeadInner({ index, clickable, columnId, elementRef, focusWithin, id, width: widthProp, onDragEnd, onAutosizeColumn, align, label, hasActionsHead, hasTooltip, isMenu, onDragStart, onRequestResize, resizable, sortDir, truncate, variant, ...otherProps }: HeadInnerProps): JSX.Element;
 declare namespace HeadInner {
     var propTypes: {
         align: PropTypes.Requireable<string>;
@@ -36,6 +37,7 @@ declare namespace HeadInner {
         elementRef: PropTypes.Requireable<object>;
         focusWithin: PropTypes.Requireable<boolean>;
         hasActionsHead: PropTypes.Requireable<boolean>;
+        hasTooltip: PropTypes.Requireable<boolean>;
         id: PropTypes.Requireable<string>;
         index: PropTypes.Requireable<number>;
         isMenu: PropTypes.Requireable<boolean>;

package/types/src/Tree/{TreeItem.d.ts → Item.d.ts}

@@ -24,8 +24,8 @@ type TreeItemProps = ComponentProps<TreeItemPropsBase, 'li'>;
 type TreeItemClickHandler = (event: React.MouseEvent<HTMLSpanElement>, id: string) => void;
 type TreeItemKeyDownHandler = (event: React.KeyboardEvent<HTMLLIElement>, id: string, showChildren: boolean | undefined, childrenCleaned: React.ReactElement[] | undefined | null, handleToggle: TreeItemToggleHandler) => void;
 type TreeItemToggleHandler = (isOpen: boolean, event?: React.KeyboardEvent<HTMLLIElement> | React.MouseEvent<HTMLSpanElement>) => void;
-declare function TreeItem({ id, children, content, customIndent, endAdornment, labelledBy, onFocus, onKeyDown, onToggle, open, toggle, ...otherProps }: TreeItemProps): JSX.Element;
-declare namespace TreeItem {
+declare function Item({ id, children, content, customIndent, endAdornment, labelledBy, onFocus, onKeyDown, onToggle, open, toggle, ...otherProps }: TreeItemProps): JSX.Element;
+declare namespace Item {
     var propTypes: {
         id: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -40,5 +40,5 @@ declare namespace TreeItem {
         toggle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
 }
-export default TreeItem;
+export default Item;
 export { TreeItemClickHandler, TreeItemKeyDownHandler, TreeItemPropsBase, TreeItemToggleHandler };

package/types/src/Tree/Tree.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
-import TreeItem from './TreeItem';
+import Item from './Item';
 type RemoveNodeHandler = (id: string) => void;
 type SetNodeHandler = (id: string, path?: string) => void;
 interface TreePropsBase {
@@ -17,8 +17,7 @@ declare namespace Tree {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         defaultIndent: PropTypes.Requireable<boolean>;
     };
-    var TreeItem: typeof import("./TreeItem").default;
+    var Item: typeof import("./Item").default;
 }
 export default Tree;
-export { TreeItem };
-export { RemoveNodeHandler, SetNodeHandler };
+export { RemoveNodeHandler, SetNodeHandler, Item };

package/types/src/Tree/TreeContext.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { RemoveNodeHandler, SetNodeHandler } from './Tree';
-import { TreeItemClickHandler, TreeItemKeyDownHandler } from './TreeItem';
+import { TreeItemClickHandler, TreeItemKeyDownHandler } from './Item';
 export interface TreeContext {
     defaultIndent?: boolean;
     onItemKeyDown?: TreeItemKeyDownHandler;

package/types/src/Tree/index.d.ts

@@ -1,3 +1,3 @@
 export { default } from './Tree';
 export * from './Tree';
-export * from './TreeItem';
+export * from './Item';