@itwin/core-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/cjs/core-react/utils/hooks/useRefState.js

@@ -1,36 +1,36 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRefState = void 0;
-const React = require("react");
-/** Hook used to store an HTMLElement in state by using ref callback returned from hook.
- * *Example:*
- * ``` tsx
- *  const [divElementRef, divElement] = useRefState<HTMLDivElement>();
- *  const ownerDoc = divElement?.ownerDocument ?? document;
- *
- *  return (
- *    <div ref={divElementRef} >
- *      ....
- *    </div>
- *  );
- * ```
- * }
-
- * @internal
- */
-function useRefState() {
-    const [element, setElement] = React.useState();
-    const ref = React.useCallback((instance) => {
-        setElement(instance || undefined);
-    }, []);
-    return [ref, element];
-}
-exports.useRefState = useRefState;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRefState = void 0;
+const React = require("react");
+/** Hook used to store an HTMLElement in state by using ref callback returned from hook.
+ * *Example:*
+ * ``` tsx
+ *  const [divElementRef, divElement] = useRefState<HTMLDivElement>();
+ *  const ownerDoc = divElement?.ownerDocument ?? document;
+ *
+ *  return (
+ *    <div ref={divElementRef} >
+ *      ....
+ *    </div>
+ *  );
+ * ```
+ * }
+
+ * @internal
+ */
+function useRefState() {
+    const [element, setElement] = React.useState();
+    const ref = React.useCallback((instance) => {
+        setElement(instance || undefined);
+    }, []);
+    return [ref, element];
+}
+exports.useRefState = useRefState;
 //# sourceMappingURL=useRefState.js.map

package/lib/cjs/core-react/utils/hooks/useRefs.d.ts

@@ -1,13 +1,13 @@
-/** @packageDocumentation
- * @module Utilities
- */
-import * as React from "react";
-/** Hook used to combine multiple refs.
- * @internal
- */
-export declare function useRefs<T>(...refs: ReadonlyArray<React.Ref<T> | undefined>): (instance: T | null) => void;
-/** Used to combine multiple refs for a class component.
- * @internal
- */
-export declare function mergeRefs<T>(...refs: ReadonlyArray<React.Ref<T>>): (instance: T | null) => void;
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** Hook used to combine multiple refs.
+ * @internal
+ */
+export declare function useRefs<T>(...refs: ReadonlyArray<React.Ref<T> | undefined>): (instance: T | null) => void;
+/** Used to combine multiple refs for a class component.
+ * @internal
+ */
+export declare function mergeRefs<T>(...refs: ReadonlyArray<React.Ref<T>>): (instance: T | null) => void;
 //# sourceMappingURL=useRefs.d.ts.map

package/lib/cjs/core-react/utils/hooks/useRefs.js

@@ -1,54 +1,54 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeRefs = exports.useRefs = void 0;
-const React = require("react");
-/** Callback ref type guard. */
-function isRefCallback(ref) {
-    return typeof ref === "function";
-}
-/** Hook used to combine multiple refs.
- * @internal
- */
-function useRefs(...refs) {
-    return React.useCallback((instance) => {
-        for (const ref of refs) {
-            // istanbul ignore else
-            if (ref) {
-                if (isRefCallback(ref)) {
-                    ref(instance);
-                }
-                else {
-                    ref.current = instance;
-                }
-            }
-        }
-    }, [...refs]); // eslint-disable-line react-hooks/exhaustive-deps
-}
-exports.useRefs = useRefs;
-/** Used to combine multiple refs for a class component.
- * @internal
- */
-function mergeRefs(...refs) {
-    return ((instance) => {
-        for (const ref of refs) {
-            // istanbul ignore else
-            if (ref) {
-                if (isRefCallback(ref)) {
-                    ref(instance);
-                }
-                else {
-                    ref.current = instance;
-                }
-            }
-        }
-    });
-}
-exports.mergeRefs = mergeRefs;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeRefs = exports.useRefs = void 0;
+const React = require("react");
+/** Callback ref type guard. */
+function isRefCallback(ref) {
+    return typeof ref === "function";
+}
+/** Hook used to combine multiple refs.
+ * @internal
+ */
+function useRefs(...refs) {
+    return React.useCallback((instance) => {
+        for (const ref of refs) {
+            // istanbul ignore else
+            if (ref) {
+                if (isRefCallback(ref)) {
+                    ref(instance);
+                }
+                else {
+                    ref.current = instance;
+                }
+            }
+        }
+    }, [...refs]); // eslint-disable-line react-hooks/exhaustive-deps
+}
+exports.useRefs = useRefs;
+/** Used to combine multiple refs for a class component.
+ * @internal
+ */
+function mergeRefs(...refs) {
+    return ((instance) => {
+        for (const ref of refs) {
+            // istanbul ignore else
+            if (ref) {
+                if (isRefCallback(ref)) {
+                    ref(instance);
+                }
+                else {
+                    ref.current = instance;
+                }
+            }
+        }
+    });
+}
+exports.mergeRefs = mergeRefs;
 //# sourceMappingURL=useRefs.js.map

package/lib/cjs/core-react/utils/hooks/useResizeObserver.d.ts

@@ -1,40 +1,40 @@
-/** @packageDocumentation
- * @module Utilities
- */
-import * as React from "react";
-/** Uses ResizeObserver API to notify about element bound changes.
-  * @internal
-  */
-export declare function useResizeObserver<T extends Element>(onResize?: (width: number, height: number) => void): (instance: Element | null) => void;
-/** React hook that uses ResizeObserver API to notify about element bound changes. Note: to work similar to ReactResizeDetector
- * width and height are initialized as undefined and only set during after mount if bounds are non-zero. This implementation properly
- * handles observing element in pop-out/child windows.
-  * @internal
-  */
-export declare function useLayoutResizeObserver(inElement: HTMLElement | null, onResize?: (width?: number, height?: number) => void): (number | undefined)[];
-/** Prop the ElementResizeObserver sends to the render function.
- *  @public
- */
-export interface RenderPropsArgs {
-    width?: number;
-    height?: number;
-}
-/** ElementResizeObserver provides functionality similar to ReactResizeDetector when a render function is specified. This implementation properly handles
- * observing element in pop-out/child windows.
- *  @public
- */
-export declare function ElementResizeObserver({ watchedElement, render }: {
-    watchedElement: HTMLElement | null;
-    render: (props: RenderPropsArgs) => JSX.Element;
-}): JSX.Element;
-/** ResizableContainerObserver is a component that provides the functionality similar to the ReactResizeDetector option that call a function when
- * the observed element is resized. This implementation properly handles observing element in pop-out/child windows. If children nodes are defined then
- * the div added by the component is considered the container whose size will be observed. If no children are provided then the component will report
- * size changes from its parent container.
- * @public
- */
-export declare function ResizableContainerObserver({ onResize, children }: {
-    onResize: (width: number, height: number) => void;
-    children?: React.ReactNode;
-}): JSX.Element;
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** Uses ResizeObserver API to notify about element bound changes.
+  * @internal
+  */
+export declare function useResizeObserver<T extends Element>(onResize?: (width: number, height: number) => void): (instance: Element | null) => void;
+/** React hook that uses ResizeObserver API to notify about element bound changes. Note: to work similar to ReactResizeDetector
+ * width and height are initialized as undefined and only set during after mount if bounds are non-zero. This implementation properly
+ * handles observing element in pop-out/child windows.
+  * @internal
+  */
+export declare function useLayoutResizeObserver(inElement: HTMLElement | null, onResize?: (width?: number, height?: number) => void): (number | undefined)[];
+/** Prop the ElementResizeObserver sends to the render function.
+ *  @public
+ */
+export interface RenderPropsArgs {
+    width?: number;
+    height?: number;
+}
+/** ElementResizeObserver provides functionality similar to ReactResizeDetector when a render function is specified. This implementation properly handles
+ * observing element in pop-out/child windows.
+ *  @public
+ */
+export declare function ElementResizeObserver({ watchedElement, render }: {
+    watchedElement: HTMLElement | null;
+    render: (props: RenderPropsArgs) => JSX.Element;
+}): JSX.Element;
+/** ResizableContainerObserver is a component that provides the functionality similar to the ReactResizeDetector option that call a function when
+ * the observed element is resized. This implementation properly handles observing element in pop-out/child windows. If children nodes are defined then
+ * the div added by the component is considered the container whose size will be observed. If no children are provided then the component will report
+ * size changes from its parent container.
+ * @public
+ */
+export declare function ResizableContainerObserver({ onResize, children }: {
+    onResize: (width: number, height: number) => void;
+    children?: React.ReactNode;
+}): JSX.Element;
 //# sourceMappingURL=useResizeObserver.d.ts.map