@splunk/react-ui 5.0.0-beta.3 → 5.0.0-beta.5

package/types/src/useResizeObserver/useResizeObserver.d.ts

@@ -3,10 +3,11 @@ type Dimensions = {
     width: number;
     height: number;
 };
+type ResizeHandler = (data: Dimensions) => void;
 /**
  * Watches a React ref element for changes in size.
  *
  * @param ref - The React ref to observe size changes on
  */
-declare const useResizeObserver: (ref: React.MutableRefObject<HTMLElement | null>) => Dimensions;
+declare const useResizeObserver: (ref: React.MutableRefObject<HTMLElement | null>, onResize?: ResizeHandler) => Dimensions;
 export default useResizeObserver;

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

@@ -1,6 +1,5 @@
-/// <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 ClassComponentProps<P extends object, D extends object, 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 object, 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>[];
 type Writable<T> = {
     -readonly [P in keyof T]: T[P];

package/useResizeObserver.js

@@ -15,22 +15,22 @@
     /******/ // The require function
     /******/    function t(n) {
         /******/ // Check if module is in cache
-        /******/ var o = r[n];
-        /******/        if (o !== undefined) {
-            /******/ return o.exports;
+        /******/ var i = r[n];
+        /******/        if (i !== undefined) {
+            /******/ return i.exports;
             /******/        }
         /******/ // Create a new module (and put it into the cache)
-        /******/        var i = r[n] = {
+        /******/        var o = r[n] = {
             /******/ // no module.id needed
             /******/ // no module.loaded needed
             /******/ exports: {}
             /******/        };
         /******/
         /******/ // Execute the module function
-        /******/        e[n](i, i.exports, t);
+        /******/        e[n](o, o.exports, t);
         /******/
         /******/ // Return the exports of the module
-        /******/        return i.exports;
+        /******/        return o.exports;
         /******/    }
     /******/
     /************************************************************************/
@@ -83,12 +83,12 @@
                 var e = t(9497);
         // CONCATENATED MODULE: ./src/useResizeObserver/useResizeObserver.ts
         function r(e, r) {
-            return a(e) || l(e, r) || i(e, r) || o();
+            return a(e) || l(e, r) || o(e, r) || i();
         }
-        function o() {
+        function i() {
             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) {
+        function o(e, r) {
             if (e) {
                 if ("string" == typeof e) return u(e, r);
                 var t = {}.toString.call(e).slice(8, -1);
@@ -105,20 +105,20 @@
         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;
+                var n, i, o, u, l = [], a = !0, f = !1;
                 try {
-                    if (i = (t = t.call(e)).next, 0 === r) {
+                    if (o = (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) {
+                    } else for (;!(a = (n = o.call(t)).done) && (l.push(n.value), l.length !== r); a = !0) {
                     }
                 } catch (e) {
-                    f = !0, o = e;
+                    f = !0, i = e;
                 } finally {
                     try {
                         if (!a && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
                     } finally {
-                        if (f) throw o;
+                        if (f) throw i;
                     }
                 }
                 return l;
@@ -131,21 +131,28 @@
  * Watches a React ref element for changes in size.
  *
  * @param ref - The React ref to observe size changes on
- */        var f = function t(n) {
+ */        var f = function t(n, i) {
             var o = (0, e.useState)({
                 width: 0,
                 height: 0
-            }), i = r(o, 2), u = i[0], l = i[1];
+            }), u = r(o, 2), l = u[0], a = u[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({
+                            var o = {
                                 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
-                            });
+                            };
+                            a((function(e) {
+                                if (e.height !== o.height || e.width !== o.width) {
+                                    i === null || i === void 0 ? void 0 : i(o);
+                                    return o;
+                                }
+                                return l;
+                            }));
                         }
                     }));
                     if (e) {
@@ -160,7 +167,7 @@
                 // Return a no-op function to satisfy consistent-return rule
                                 return function() {};
             }), [ n ]);
-            return u;
+            return l;
         };
         /* harmony default export */        const c = f;
     }) // CONCATENATED MODULE: ./src/useResizeObserver/index.ts

package/types/src/Date/Icon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
-export default function CalendarIcon(props: SVGPropsOptionalViewBox): React.JSX.Element;

package/types/src/Image/icons/Cross.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const CrossIcon: () => React.JSX.Element;
-export default CrossIcon;

package/types/src/TabBar/docs/examples/IconsAbove.d.ts

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

package/types/src/TabBar/docs/examples/VerticalIconsAbove.d.ts

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

package/types/src/Table/docs/examples/prisma/DockedHeaderScrollbar.d.ts

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

package/types/src/Tooltip/InfoIcon.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
-declare function InfoCircle(props: SVGPropsOptionalViewBox): React.JSX.Element;
-export default InfoCircle;