@splunk/react-ui 4.42.0 → 5.0.0-beta.2

package/types/src/TransitionOpen/docs/examples/SlideFromBottom.d.ts

@@ -1,2 +1,3 @@
-declare function SlideFromBottom(): JSX.Element;
+import React from 'react';
+declare function SlideFromBottom(): React.JSX.Element;
 export default SlideFromBottom;

package/types/src/TransitionOpen/docs/examples/SlideFromLeft.d.ts

@@ -1,2 +1,3 @@
-declare function SlideFromLeft(): JSX.Element;
+import React from 'react';
+declare function SlideFromLeft(): React.JSX.Element;
 export default SlideFromLeft;

package/types/src/TransitionOpen/docs/examples/SlideFromRight.d.ts

@@ -1,2 +1,3 @@
-declare function SlideFromRight(): JSX.Element;
+import React from 'react';
+declare function SlideFromRight(): React.JSX.Element;
 export default SlideFromRight;

package/types/src/TransitionOpen/docs/examples/SlideFromTop.d.ts

@@ -1,2 +1,3 @@
-declare function SlideFromTop(): JSX.Element;
+import React from 'react';
+declare function SlideFromTop(): React.JSX.Element;
 export default SlideFromTop;

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

@@ -11,7 +11,7 @@ interface TreePropsBase {
     defaultIndent?: boolean;
 }
 type TreeProps = ComponentProps<TreePropsBase, 'ul'>;
-declare function Tree({ children, defaultIndent, ...otherProps }: TreeProps): JSX.Element;
+declare function Tree({ children, defaultIndent, ...otherProps }: TreeProps): React.JSX.Element;
 declare namespace Tree {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

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

@@ -24,7 +24,7 @@ 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 function TreeItem({ id, children, content, customIndent, endAdornment, labelledBy, onFocus, onKeyDown, onToggle, open, toggle, ...otherProps }: TreeItemProps): React.JSX.Element;
 declare namespace TreeItem {
     var propTypes: {
         id: PropTypes.Requireable<string>;

package/types/src/Typography/Typography.d.ts

@@ -3,8 +3,7 @@ import PropTypes from 'prop-types';
 import { TypographyVariant, TypographyParams } from '@splunk/themes/mixins';
 import { ComponentProps } from '../utils/types';
 type TypographyElementTypes = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'blockquote' | 'dd' | 'dl' | 'dt' | 'figcaption' | 'figure' | 'li' | 'ol' | 'ul' | 'pre' | 'abbr' | 'cite' | 'code' | 'data' | 'dfn' | 'em' | 'u' | 'time' | 'sup' | 'sub' | 'strong' | 'small' | 'samp' | 's' | 'var' | 'ruby' | 'rt' | 'rp';
-type DeprecatedTypographyWeightValues = 300 | 400 | 500 | 600 | 700 | 800 | 900;
-interface TypographyPropsBase extends Omit<TypographyParams, 'weight'> {
+interface TypographyPropsBase extends TypographyParams {
     /**
      * Text and inline icons
      * */
@@ -21,22 +20,21 @@ interface TypographyPropsBase extends Omit<TypographyParams, 'weight'> {
     as: TypographyElementTypes;
     /**
      * A variant from the Splunk Design System's Type: 'body', 'title1', 'title2', 'title3',
-     * 'title4', 'title5', 'title6', 'title7', 'largeBody', 'smallBody',
-     * 'footnote', 'monoBody', or 'monoSmallBody'.
+     * 'title4', 'title5', 'title6', 'largeBody', 'smallBody', 'monoBody', or 'monoSmallBody'.
      */
     variant?: TypographyVariant;
     /**
      * Set the font-family to sans-serif or monospace based on current theme.
      */
-    family?: 'sansSerif' | 'monospace';
+    family?: 'sansSerif' | 'monospace' | 'title';
     /**
      * Set the size to a system-standard size.
      */
-    size?: 56 | 36 | 32 | 24 | 20 | 18 | 16 | 14 | 12 | 10;
+    size?: 24 | 20 | 18 | 16 | 14 | 12;
     /**
      * Set the line-height to a system-standard size.
      */
-    lineHeight?: 64 | 40 | 32 | 28 | 24 | 22 | 20 | 16 | 13;
+    lineHeight?: 'single' | 'tight' | 'snug' | 'comfortable' | 'relaxed' | 'spacious' | 'normal';
     /**
      * Set the color to a system-standard color: e.g. `active` for `@splunk/themes/variables.contentColorActive`.
      */
@@ -44,34 +42,27 @@ interface TypographyPropsBase extends Omit<TypographyParams, 'weight'> {
     /**
      * Set the font-weight to a system-standard value.
      *
-     * ___Numeric values are deprecated___ and will be removed in the next release.
-     *
      * The following standard weight names are supported, using camelCase syntax.
      * See: [font-weight | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight#common_weight_name_mapping)
      */
-    weight?: DeprecatedTypographyWeightValues | 'light' | 'normal' | 'semiBold' | 'bold' | 'extraBold' | 'heavy';
-    /**
-     * Apply a reset to the element's margin and padding. This defaults to true if using a `variant`.
-     */
-    withReset?: boolean;
+    weight?: 'light' | 'normal' | 'semiBold' | 'bold' | 'extraBold' | 'heavy';
 }
 type TypographyProps = ComponentProps<TypographyPropsBase, TypographyElementTypes>;
 /**
  * Typography renders text content with styling based on the Splunk Design System.
  */
-export declare function Typography({ children, as, elementRef, variant, family, size, lineHeight, color, weight, withReset, ...otherProps }: TypographyProps): JSX.Element;
+export declare function Typography({ children, as, elementRef, variant, family, size, lineHeight, color, weight, ...otherProps }: TypographyProps): React.JSX.Element;
 export declare namespace Typography {
     var propTypes: {
         children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         as: PropTypes.Validator<string>;
         elementRef: PropTypes.Requireable<object>;
         family: PropTypes.Requireable<string>;
-        variant: PropTypes.Requireable<"body" | "title1" | "title2" | "title3" | "title4" | "title5" | "title6" | "title7" | "largeBody" | "smallBody" | "footnote" | "monoBody" | "monoSmallBody">;
+        variant: PropTypes.Requireable<"body" | "title1" | "title2" | "title3" | "title4" | "title5" | "title6" | "largeBody" | "smallBody" | "monoBody" | "monoSmallBody">;
         size: PropTypes.Requireable<number>;
-        lineHeight: PropTypes.Requireable<number>;
+        lineHeight: PropTypes.Requireable<string>;
         color: PropTypes.Requireable<string>;
-        weight: PropTypes.Requireable<string | number>;
-        withReset: PropTypes.Requireable<boolean>;
+        weight: PropTypes.Requireable<string>;
     };
 }
 export default Typography;

package/types/src/Typography/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/WaitSpinner/WaitSpinner.d.ts

@@ -2,12 +2,11 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
 interface WaitSpinnerPropsBase {
-    /** @deprecated This prop is deprecated and will be removed in the next major version. */
     children?: never;
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
-    elementRef?: React.Ref<SVGSVGElement>;
+    elementRef?: React.Ref<HTMLDivElement>;
     /** A string to display to screen readers. Set the prop to `null` or an empty string to hide the
      * spinner from screen readers, such as when there is already a text label beside it. */
     screenReaderText?: string | null;
@@ -17,7 +16,7 @@ interface WaitSpinnerPropsBase {
     size?: 'small' | 'medium' | 'large';
 }
 type WaitSpinnerProps = ComponentProps<WaitSpinnerPropsBase, 'div'>;
-declare function WaitSpinner({ elementRef, screenReaderText, size, ...otherProps }: WaitSpinnerProps): JSX.Element;
+declare function WaitSpinner({ elementRef, screenReaderText, size, ...otherProps }: WaitSpinnerProps): React.JSX.Element;
 declare namespace WaitSpinner {
     var propTypes: {
         elementRef: PropTypes.Requireable<object>;

package/types/src/WaitSpinner/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/utils/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type ClassComponentProps<P extends {}, D extends {}, I extends keyof JSX.IntrinsicElements, B extends keyof P | keyof JSX.IntrinsicElements[I] = never> = P & D & Omit<JSX.IntrinsicElements[I], keyof P | B | 'ref' | 'css'>;
 type ComponentProps<P extends {}, I extends keyof JSX.IntrinsicElements, B extends keyof P | keyof JSX.IntrinsicElements[I] = never> = P & Omit<JSX.IntrinsicElements[I], keyof P | B | 'ref' | 'css'>;
 type ObjKeys = <T>(o: T) => Extract<keyof T, string>[];

package/useResizeObserver.js

@@ -1,19 +1,48 @@
 /******/ (() => {
     // webpackBootstrap
     /******/ "use strict";
-    /******/ // The require scope
-    /******/    var e = {};
+    /******/    var e = {
+        /***/ 9497: 
+        /***/ e => {
+            e.exports = require("react");
+            /***/
+            /******/        }
+    };
+    /************************************************************************/
+    /******/ // The module cache
+    /******/    var r = {};
+    /******/
+    /******/ // The require function
+    /******/    function t(n) {
+        /******/ // Check if module is in cache
+        /******/ var o = r[n];
+        /******/        if (o !== undefined) {
+            /******/ return o.exports;
+            /******/        }
+        /******/ // Create a new module (and put it into the cache)
+        /******/        var i = r[n] = {
+            /******/ // no module.id needed
+            /******/ // no module.loaded needed
+            /******/ exports: {}
+            /******/        };
+        /******/
+        /******/ // Execute the module function
+        /******/        e[n](i, i.exports, t);
+        /******/
+        /******/ // Return the exports of the module
+        /******/        return i.exports;
+        /******/    }
     /******/
     /************************************************************************/
     /******/ /* 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, {
+        /******/ t.d = (e, r) => {
+            /******/ for (var n in r) {
+                /******/ if (t.o(r, n) && !t.o(e, n)) {
+                    /******/ Object.defineProperty(e, n, {
                         enumerable: true,
-                        get: t[n]
+                        get: r[n]
                     });
                     /******/                }
                 /******/            }
@@ -22,14 +51,14 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/ t.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ e.r = e => {
+        /******/ t.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
                 /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
@@ -41,97 +70,100 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var r = {};
-    // ESM COMPAT FLAG
-        e.r(r);
-    // EXPORTS
-        e.d(r, {
-        default: () => /* reexport */ c
-    });
-    // CONCATENATED MODULE: external "react"
-    const t = require("react");
-    // CONCATENATED MODULE: ./src/useResizeObserver/useResizeObserver.ts
-    function n(e, r) {
-        return a(e) || l(e, r) || i(e, r) || o();
-    }
-    function o() {
-        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 i(e, r) {
-        if (e) {
-            if ("string" == typeof e) return u(e, r);
-            var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? u(e, r) : void 0;
+    /************************************************************************/    var n = {};
+    // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+        (() => {
+        // ESM COMPAT FLAG
+        t.r(n);
+        // EXPORTS
+                t.d(n, {
+            default: () => /* reexport */ c
+        });
+        // EXTERNAL MODULE: external "react"
+                var e = t(9497);
+        // CONCATENATED MODULE: ./src/useResizeObserver/useResizeObserver.ts
+        function r(e, r) {
+            return a(e) || l(e, r) || i(e, r) || o();
         }
-    }
-    function u(e, r) {
-        (null == r || r > e.length) && (r = e.length);
-        for (var t = 0, n = Array(r); t < r; t++) {
-            n[t] = e[t];
+        function o() {
+            throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
         }
-        return n;
-    }
-    function l(e, r) {
-        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-        if (null != t) {
-            var n, o, i, u, l = [], a = !0, f = !1;
-            try {
-                if (i = (t = t.call(e)).next, 0 === r) {
-                    if (Object(t) !== t) return;
-                    a = !1;
-                } else for (;!(a = (n = i.call(t)).done) && (l.push(n.value), l.length !== r); a = !0) {
-                }
-            } catch (e) {
-                f = !0, o = e;
-            } finally {
+        function i(e, r) {
+            if (e) {
+                if ("string" == typeof e) return u(e, r);
+                var t = {}.toString.call(e).slice(8, -1);
+                return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? u(e, r) : void 0;
+            }
+        }
+        function u(e, r) {
+            (null == r || r > e.length) && (r = e.length);
+            for (var t = 0, n = Array(r); t < r; t++) {
+                n[t] = e[t];
+            }
+            return n;
+        }
+        function l(e, r) {
+            var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+            if (null != t) {
+                var n, o, i, u, l = [], a = !0, f = !1;
                 try {
-                    if (!a && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+                    if (i = (t = t.call(e)).next, 0 === r) {
+                        if (Object(t) !== t) return;
+                        a = !1;
+                    } else for (;!(a = (n = i.call(t)).done) && (l.push(n.value), l.length !== r); a = !0) {
+                    }
+                } catch (e) {
+                    f = !0, o = e;
                 } finally {
-                    if (f) throw o;
+                    try {
+                        if (!a && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+                    } finally {
+                        if (f) throw o;
+                    }
                 }
+                return l;
             }
-            return l;
         }
-    }
-    function a(e) {
-        if (Array.isArray(e)) return e;
-    }
-    /**
+        function a(e) {
+            if (Array.isArray(e)) return e;
+        }
+        /**
  * Watches a React ref element for changes in size.
  *
  * @param ref - The React ref to observe size changes on
- */    var f = function e(r) {
-        var o = (0, t.useState)({
-            width: 0,
-            height: 0
-        }), i = n(o, 2), u = i[0], l = i[1];
-        (0, t.useEffect)((function() {
-            var e = r.current;
-            if (typeof window !== "undefined" && window.ResizeObserver) {
-                var t = new ResizeObserver((function(e) {
-                    if (e[0]) {
-                        var t, n;
-                        l({
-                            width: (r === null || r === void 0 ? void 0 : (t = r.current) === null || t === void 0 ? void 0 : t.getBoundingClientRect().width) || 0,
-                            height: (r === null || r === void 0 ? void 0 : (n = r.current) === null || n === void 0 ? void 0 : n.getBoundingClientRect().height) || 0
-                        });
-                    }
-                }));
-                if (e) {
-                    t.observe(e);
-                }
-                return function() {
+ */        var f = function t(n) {
+            var o = (0, e.useState)({
+                width: 0,
+                height: 0
+            }), i = r(o, 2), u = i[0], l = i[1];
+            (0, e.useEffect)((function() {
+                var e = n.current;
+                if (typeof window !== "undefined" && window.ResizeObserver) {
+                    var r = new ResizeObserver((function(e) {
+                        if (e[0]) {
+                            var r, t;
+                            l({
+                                width: (n === null || n === void 0 ? void 0 : (r = n.current) === null || r === void 0 ? void 0 : r.getBoundingClientRect().width) || 0,
+                                height: (n === null || n === void 0 ? void 0 : (t = n.current) === null || t === void 0 ? void 0 : t.getBoundingClientRect().height) || 0
+                            });
+                        }
+                    }));
                     if (e) {
-                        t.unobserve(e);
+                        r.observe(e);
                     }
-                };
-            }
-            // Return a no-op function to satisfy consistent-return rule
-                        return function() {};
-        }), [ r ]);
-        return u;
-    };
-    /* harmony default export */    const c = f;
-    // CONCATENATED MODULE: ./src/useResizeObserver/index.ts
-    module.exports = r;
+                    return function() {
+                        if (e) {
+                            r.unobserve(e);
+                        }
+                    };
+                }
+                // Return a no-op function to satisfy consistent-return rule
+                                return function() {};
+            }), [ n ]);
+            return u;
+        };
+        /* harmony default export */        const c = f;
+    }) // CONCATENATED MODULE: ./src/useResizeObserver/index.ts
+    ();
+    module.exports = n;
     /******/})();

package/Concertina.d.ts

@@ -1,2 +0,0 @@
-export { default } from './types/src/Concertina';
-export * from './types/src/Concertina';