@patternfly/react-table 4.38.0 → 4.38.1

package/dist/umd/react-table.js

@@ -3243,6 +3243,94 @@
         noSpaceHandling: false
     };
 
+    /**
+     * This function creates a ResizeObserver used to handle resize events for the given containerRef. If ResizeObserver
+     * or the given containerRef are not available, a window resize event listener is used by default.
+     *
+     * Example 1:
+     *
+     * private containerRef = React.createRef<HTMLDivElement>();
+     * private observer: any = () => {};
+     *
+     * public componentDidMount() {
+     *   this.observer = getResizeObserver(this.containerRef.current, this.handleResize);
+     * }
+     *
+     * public componentWillUnmount() {
+     *   this.observer();
+     * }
+     *
+     * private handleResize = () => {
+     *   if (this.containerRef.current && this.containerRef.current.clientWidth) {
+     *     this.setState({ width: this.containerRef.current.clientWidth });
+     *   }
+     * };
+     *
+     * public render() {
+     *   return (
+     *     <div ref={this.containerRef} >
+     *       <Chart width={this.state.width} ... />
+     *     </div>
+     *   );
+     * }
+     *
+     * Example 2:
+     *
+     * private inputRef = React.createRef<HTMLInputElement>();
+     * private observer: any = () => {};
+     *
+     * public componentDidMount() {
+     *   this.observer = getResizeObserver(this.inputRef.current, this.handleResize);
+     * }
+     *
+     * public componentWillUnmount() {
+     *   this.observer();
+     * }
+     *
+     * private handleResize = () => {
+     *   if (this.inputRef.current) {
+     *     trimLeft(inputRef.current, String(this.props.value));
+     *   }
+     * };
+     *
+     * public render() {
+     *   return (
+     *     <input ref={this.inputRef} ... />
+     *   );
+     * }
+     *
+     * @param {Element} containerRefElement The container reference to observe
+     * @param {Function} handleResize The function to call for resize events
+     * @return {Function} The function used to unobserve resize events
+     */
+    const getResizeObserver = (containerRefElement, handleResize) => {
+        let unobserve;
+        if (canUseDOM) {
+            const { ResizeObserver } = window;
+            if (containerRefElement && ResizeObserver) {
+                const resizeObserver = new ResizeObserver((entries) => {
+                    // Wrap resize function in requestAnimationFrame to avoid "ResizeObserver loop limit exceeded" errors
+                    window.requestAnimationFrame(() => {
+                        if (Array.isArray(entries) && entries.length > 0) {
+                            handleResize();
+                        }
+                    });
+                });
+                resizeObserver.observe(containerRefElement);
+                unobserve = () => resizeObserver.unobserve(containerRefElement);
+            }
+            else {
+                window.addEventListener('resize', handleResize);
+                unobserve = () => window.removeEventListener('resize', handleResize);
+            }
+        }
+        return () => {
+            if (unobserve) {
+                unobserve();
+            }
+        };
+    };
+
     var _default$j = {
       "bullseye": "pf-l-bullseye"
     };
@@ -4441,94 +4529,6 @@
         }));
     };
 
-    /**
-     * This function creates a ResizeObserver used to handle resize events for the given containerRef. If ResizeObserver
-     * or the given containerRef are not available, a window resize event listener is used by default.
-     *
-     * Example 1:
-     *
-     * private containerRef = React.createRef<HTMLDivElement>();
-     * private observer: any = () => {};
-     *
-     * public componentDidMount() {
-     *   this.observer = getResizeObserver(this.containerRef.current, this.handleResize);
-     * }
-     *
-     * public componentWillUnmount() {
-     *   this.observer();
-     * }
-     *
-     * private handleResize = () => {
-     *   if (this.containerRef.current && this.containerRef.current.clientWidth) {
-     *     this.setState({ width: this.containerRef.current.clientWidth });
-     *   }
-     * };
-     *
-     * public render() {
-     *   return (
-     *     <div ref={this.containerRef} >
-     *       <Chart width={this.state.width} ... />
-     *     </div>
-     *   );
-     * }
-     *
-     * Example 2:
-     *
-     * private inputRef = React.createRef<HTMLInputElement>();
-     * private observer: any = () => {};
-     *
-     * public componentDidMount() {
-     *   this.observer = getResizeObserver(this.inputRef.current, this.handleResize);
-     * }
-     *
-     * public componentWillUnmount() {
-     *   this.observer();
-     * }
-     *
-     * private handleResize = () => {
-     *   if (this.inputRef.current) {
-     *     trimLeft(inputRef.current, String(this.props.value));
-     *   }
-     * };
-     *
-     * public render() {
-     *   return (
-     *     <input ref={this.inputRef} ... />
-     *   );
-     * }
-     *
-     * @param {React.RefObject} containerRef The container reference to observe
-     * @param {Function} handleResize The function to call for resize events
-     * @return {Function} The function used to unobserve resize events
-     */
-    const getResizeObserver = (containerRef, handleResize) => {
-        let unobserve;
-        if (canUseDOM) {
-            const { ResizeObserver } = window;
-            if (containerRef && ResizeObserver) {
-                const resizeObserver = new ResizeObserver((entries) => {
-                    // Wrap resize function in requestAnimationFrame to avoid "ResizeObserver loop limit exceeded" errors
-                    window.requestAnimationFrame(() => {
-                        if (Array.isArray(entries) && entries.length > 0) {
-                            handleResize();
-                        }
-                    });
-                });
-                resizeObserver.observe(containerRef);
-                unobserve = () => resizeObserver.unobserve(containerRef);
-            }
-            else {
-                window.addEventListener('resize', handleResize);
-                unobserve = () => window.removeEventListener('resize', handleResize);
-            }
-        }
-        return () => {
-            if (unobserve) {
-                unobserve();
-            }
-        };
-    };
-
     var TextInputTypes;
     (function (TextInputTypes) {
         TextInputTypes["text"] = "text";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-table",
-  "version": "4.38.0",
+  "version": "4.38.1",
   "description": "This library provides a set of React table components for use with the PatternFly 4",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -31,10 +31,10 @@
     "clean": "rimraf dist"
   },
   "dependencies": {
-    "@patternfly/react-core": "^4.169.0",
-    "@patternfly/react-icons": "^4.20.0",
-    "@patternfly/react-styles": "^4.19.0",
-    "@patternfly/react-tokens": "^4.21.0",
+    "@patternfly/react-core": "^4.169.1",
+    "@patternfly/react-icons": "^4.20.1",
+    "@patternfly/react-styles": "^4.19.1",
+    "@patternfly/react-tokens": "^4.21.1",
     "lodash": "^4.17.19",
     "tslib": "^2.0.0"
   },
@@ -46,5 +46,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "748b26797124dc5ca4d016e585556de4af8134ba"
+  "gitHead": "ee4fbe6fc666c104911264204b14215dd6aefc08"
 }