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

package/lib/cjs/core-react/focustrap/FocusTrap.js

@@ -1,197 +1,197 @@
-"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 Popup
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FocusTrap = exports.focusIntoContainer = void 0;
-const React = require("react");
-const core_bentley_1 = require("@itwin/core-bentley");
-const UiCore_1 = require("../UiCore");
-// cSpell:ignore focusable
-function isFocusable(element) {
-    if (!element || element.tabIndex < 0)
-        return false;
-    if (element.classList && element.classList.contains("core-focus-trap-ignore-initial"))
-        return false;
-    if (element.getAttribute && (typeof element.getAttribute === "function") && element.getAttribute("disabled") !== null)
-        return false;
-    if (element.tabIndex > 0 || (element.tabIndex === 0 && element.getAttribute("tabIndex") !== null))
-        return true;
-    switch (element.nodeName) {
-        case "A":
-            const anchorElement = element;
-            return !!anchorElement.href && anchorElement.rel !== "ignore";
-        case "INPUT":
-            const inputElement = element;
-            return inputElement.type !== "hidden" && inputElement.type !== "file";
-        case "BUTTON":
-        case "SELECT":
-        case "TEXTAREA":
-            return true;
-        default:
-            return false;
-    }
-}
-function processFindFocusableDescendant(element) {
-    // istanbul ignore next
-    if (!element)
-        return null;
-    for (const child of element.childNodes) {
-        // istanbul ignore else
-        if (isFocusable(child))
-            return child;
-        const focusable = processFindFocusableDescendant(child);
-        if (focusable)
-            return focusable;
-    }
-    return null;
-}
-function findFirstFocusableDescendant(focusContainer) {
-    return processFindFocusableDescendant(focusContainer);
-}
-function processFindLastFocusableDescendant(element) {
-    for (let i = element.childNodes.length - 1; i >= 0; i--) {
-        const child = element.childNodes[i];
-        const focusable = processFindLastFocusableDescendant(child);
-        // istanbul ignore else
-        if (focusable)
-            return focusable;
-        // istanbul ignore else
-        if (isFocusable(child))
-            return child;
-    }
-    return null;
-}
-function findLastFocusableDescendant(focusContainer) {
-    return processFindLastFocusableDescendant(focusContainer);
-}
-function getInitialFocusElement(focusContainer, initialFocusSpec) {
-    // istanbul ignore next
-    if (!focusContainer)
-        return null;
-    if (initialFocusSpec) {
-        if (typeof initialFocusSpec === "string") {
-            const node = focusContainer.querySelector(initialFocusSpec);
-            if (node) {
-                return node;
-            }
-            else {
-                core_bentley_1.Logger.logError(`${UiCore_1.UiCore.packageName}.FocusTrap`, `Unable to locate element via selector ${initialFocusSpec}`);
-            }
-        }
-        else {
-            return initialFocusSpec.current;
-        }
-    }
-    return findFirstFocusableDescendant(focusContainer);
-}
-function attemptFocus(element, preventScroll) {
-    // istanbul ignore next
-    if (!isFocusable(element))
-        return false;
-    try {
-        // istanbul ignore else
-        if (document.activeElement !== element)
-            element.focus({ preventScroll: preventScroll ? true : /* istanbul ignore next */ false });
-    }
-    catch (e) {
-        // istanbul ignore next
-        return false;
-    }
-    return (document.activeElement === element);
-} // end attemptFocus
-/** Focus into first focusable element of a container.
- * @internal
- */
-function focusIntoContainer(focusContainer, initialFocusElement) {
-    let result = false;
-    const focusElement = getInitialFocusElement(focusContainer, initialFocusElement);
-    if (focusElement) {
-        // delay setting focus immediately because in some browsers other focus events happen when popup is initially opened.
-        setTimeout(() => {
-            attemptFocus(focusElement, true);
-        }, 60);
-        result = true;
-    }
-    return result;
-}
-exports.focusIntoContainer = focusIntoContainer;
-/** Trap Focus in container while trap is active.
- * @internal
- */
-function FocusTrap(props) {
-    const restoreFocusElement = React.useRef(null);
-    const initialFocusElement = React.useRef(null);
-    const focusContainer = React.useRef(null);
-    const isInitialMount = React.useRef(true);
-    const timeoutRef = React.useRef();
-    // Run on initial mount and when dependencies change. which could happen often.
-    React.useEffect(() => {
-        // istanbul ignore else
-        if (isInitialMount.current) {
-            isInitialMount.current = false;
-            if (props.active) {
-                if (props.returnFocusOnDeactivate) {
-                    restoreFocusElement.current = document.activeElement;
-                }
-                initialFocusElement.current = getInitialFocusElement(focusContainer.current, props.initialFocusElement);
-                if (initialFocusElement.current) {
-                    // delay setting focus immediately because in some browsers other focus events happen when popup is initially opened.
-                    timeoutRef.current = window.setTimeout(() => {
-                        attemptFocus(initialFocusElement.current, true);
-                    }, 60);
-                }
-            }
-        }
-    }, [props.children, props.initialFocusElement, props.active, props.returnFocusOnDeactivate]);
-    // Return function to run only when FocusTrap is unmounted to restore focus
-    React.useEffect(() => {
-        return () => {
-            window.clearTimeout(timeoutRef.current);
-            if (restoreFocusElement.current)
-                restoreFocusElement.current.focus({ preventScroll: true });
-        };
-    }, []);
-    // this is hit if Shift tab is used.
-    const cycleFocusToEnd = React.useCallback((event) => {
-        // istanbul ignore next
-        if (!props.active)
-            return;
-        if (focusContainer.current && event.target === focusContainer.current) {
-            event.stopPropagation();
-            event.preventDefault();
-            const focusable = findLastFocusableDescendant(focusContainer.current);
-            // istanbul ignore else
-            if (focusable) {
-                focusable.focus();
-            }
-            else {
-                if (initialFocusElement.current && initialFocusElement.current !== document.activeElement)
-                    attemptFocus(initialFocusElement.current, true);
-            }
-        }
-    }, [props.active]);
-    // this is hit if tab is used on last focusable item in child container.
-    const cycleFocusToStart = React.useCallback((event) => {
-        // istanbul ignore next
-        if (!props.active)
-            return;
-        event.stopPropagation();
-        // istanbul ignore else
-        if (initialFocusElement.current && initialFocusElement.current !== document.activeElement)
-            initialFocusElement.current.focus();
-    }, [props.active]);
-    if (!props.children)
-        return null;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { "data-testid": "focus-trap-div", onFocus: cycleFocusToEnd, ref: focusContainer, tabIndex: 0, 
-            // eslint-disable-next-line @typescript-eslint/naming-convention
-            style: { outline: "none", WebkitTapHighlightColor: "rgba(0,0,0,0)" } }, props.children),
-        React.createElement("div", { "data-testid": "focus-trap-limit-div", onFocus: cycleFocusToStart, tabIndex: 0 })));
-}
-exports.FocusTrap = FocusTrap;
+"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 Popup
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FocusTrap = exports.focusIntoContainer = void 0;
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const UiCore_1 = require("../UiCore");
+// cSpell:ignore focusable
+function isFocusable(element) {
+    if (!element || element.tabIndex < 0)
+        return false;
+    if (element.classList && element.classList.contains("core-focus-trap-ignore-initial"))
+        return false;
+    if (element.getAttribute && (typeof element.getAttribute === "function") && element.getAttribute("disabled") !== null)
+        return false;
+    if (element.tabIndex > 0 || (element.tabIndex === 0 && element.getAttribute("tabIndex") !== null))
+        return true;
+    switch (element.nodeName) {
+        case "A":
+            const anchorElement = element;
+            return !!anchorElement.href && anchorElement.rel !== "ignore";
+        case "INPUT":
+            const inputElement = element;
+            return inputElement.type !== "hidden" && inputElement.type !== "file";
+        case "BUTTON":
+        case "SELECT":
+        case "TEXTAREA":
+            return true;
+        default:
+            return false;
+    }
+}
+function processFindFocusableDescendant(element) {
+    // istanbul ignore next
+    if (!element)
+        return null;
+    for (const child of element.childNodes) {
+        // istanbul ignore else
+        if (isFocusable(child))
+            return child;
+        const focusable = processFindFocusableDescendant(child);
+        if (focusable)
+            return focusable;
+    }
+    return null;
+}
+function findFirstFocusableDescendant(focusContainer) {
+    return processFindFocusableDescendant(focusContainer);
+}
+function processFindLastFocusableDescendant(element) {
+    for (let i = element.childNodes.length - 1; i >= 0; i--) {
+        const child = element.childNodes[i];
+        const focusable = processFindLastFocusableDescendant(child);
+        // istanbul ignore else
+        if (focusable)
+            return focusable;
+        // istanbul ignore else
+        if (isFocusable(child))
+            return child;
+    }
+    return null;
+}
+function findLastFocusableDescendant(focusContainer) {
+    return processFindLastFocusableDescendant(focusContainer);
+}
+function getInitialFocusElement(focusContainer, initialFocusSpec) {
+    // istanbul ignore next
+    if (!focusContainer)
+        return null;
+    if (initialFocusSpec) {
+        if (typeof initialFocusSpec === "string") {
+            const node = focusContainer.querySelector(initialFocusSpec);
+            if (node) {
+                return node;
+            }
+            else {
+                core_bentley_1.Logger.logError(`${UiCore_1.UiCore.packageName}.FocusTrap`, `Unable to locate element via selector ${initialFocusSpec}`);
+            }
+        }
+        else {
+            return initialFocusSpec.current;
+        }
+    }
+    return findFirstFocusableDescendant(focusContainer);
+}
+function attemptFocus(element, preventScroll) {
+    // istanbul ignore next
+    if (!isFocusable(element))
+        return false;
+    try {
+        // istanbul ignore else
+        if (document.activeElement !== element)
+            element.focus({ preventScroll: preventScroll ? true : /* istanbul ignore next */ false });
+    }
+    catch (e) {
+        // istanbul ignore next
+        return false;
+    }
+    return (document.activeElement === element);
+} // end attemptFocus
+/** Focus into first focusable element of a container.
+ * @internal
+ */
+function focusIntoContainer(focusContainer, initialFocusElement) {
+    let result = false;
+    const focusElement = getInitialFocusElement(focusContainer, initialFocusElement);
+    if (focusElement) {
+        // delay setting focus immediately because in some browsers other focus events happen when popup is initially opened.
+        setTimeout(() => {
+            attemptFocus(focusElement, true);
+        }, 60);
+        result = true;
+    }
+    return result;
+}
+exports.focusIntoContainer = focusIntoContainer;
+/** Trap Focus in container while trap is active.
+ * @internal
+ */
+function FocusTrap(props) {
+    const restoreFocusElement = React.useRef(null);
+    const initialFocusElement = React.useRef(null);
+    const focusContainer = React.useRef(null);
+    const isInitialMount = React.useRef(true);
+    const timeoutRef = React.useRef();
+    // Run on initial mount and when dependencies change. which could happen often.
+    React.useEffect(() => {
+        // istanbul ignore else
+        if (isInitialMount.current) {
+            isInitialMount.current = false;
+            if (props.active) {
+                if (props.returnFocusOnDeactivate) {
+                    restoreFocusElement.current = document.activeElement;
+                }
+                initialFocusElement.current = getInitialFocusElement(focusContainer.current, props.initialFocusElement);
+                if (initialFocusElement.current) {
+                    // delay setting focus immediately because in some browsers other focus events happen when popup is initially opened.
+                    timeoutRef.current = window.setTimeout(() => {
+                        attemptFocus(initialFocusElement.current, true);
+                    }, 60);
+                }
+            }
+        }
+    }, [props.children, props.initialFocusElement, props.active, props.returnFocusOnDeactivate]);
+    // Return function to run only when FocusTrap is unmounted to restore focus
+    React.useEffect(() => {
+        return () => {
+            window.clearTimeout(timeoutRef.current);
+            if (restoreFocusElement.current)
+                restoreFocusElement.current.focus({ preventScroll: true });
+        };
+    }, []);
+    // this is hit if Shift tab is used.
+    const cycleFocusToEnd = React.useCallback((event) => {
+        // istanbul ignore next
+        if (!props.active)
+            return;
+        if (focusContainer.current && event.target === focusContainer.current) {
+            event.stopPropagation();
+            event.preventDefault();
+            const focusable = findLastFocusableDescendant(focusContainer.current);
+            // istanbul ignore else
+            if (focusable) {
+                focusable.focus();
+            }
+            else {
+                if (initialFocusElement.current && initialFocusElement.current !== document.activeElement)
+                    attemptFocus(initialFocusElement.current, true);
+            }
+        }
+    }, [props.active]);
+    // this is hit if tab is used on last focusable item in child container.
+    const cycleFocusToStart = React.useCallback((event) => {
+        // istanbul ignore next
+        if (!props.active)
+            return;
+        event.stopPropagation();
+        // istanbul ignore else
+        if (initialFocusElement.current && initialFocusElement.current !== document.activeElement)
+            initialFocusElement.current.focus();
+    }, [props.active]);
+    if (!props.children)
+        return null;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { "data-testid": "focus-trap-div", onFocus: cycleFocusToEnd, ref: focusContainer, tabIndex: 0, 
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            style: { outline: "none", WebkitTapHighlightColor: "rgba(0,0,0,0)" } }, props.children),
+        React.createElement("div", { "data-testid": "focus-trap-limit-div", onFocus: cycleFocusToStart, tabIndex: 0 })));
+}
+exports.FocusTrap = FocusTrap;
 //# sourceMappingURL=FocusTrap.js.map

package/lib/cjs/core-react/hocs/withIsPressed.d.ts

@@ -1,78 +1,78 @@
-/** @packageDocumentation
- * @module Common
- */
-import * as React from "react";
-/** Properties for [[withIsPressed]] React higher-order component
- * @public
- */
-export interface WithIsPressedProps {
-    /** initial value for pressed status */
-    isPressed?: boolean;
-    /** callback function for [isPressed] change */
-    onIsPressedChange?: (isPressed: boolean) => void;
-}
-/** withIsPressed is a React higher-order component that adds pointer and mouse events.
- * @public
- */
-export declare const withIsPressed: <ComponentProps extends {}>(Component: React.ComponentType<ComponentProps>) => {
-    new (props: (ComponentProps & WithIsPressedProps) | Readonly<ComponentProps & WithIsPressedProps>): {
-        handleOnPointerDown: () => void;
-        handleOnPointerUp: () => void;
-        handleOnMouseLeave: () => void;
-        changeIsPressed: (isPressed: boolean) => void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps & WithIsPressedProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps & WithIsPressedProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<ComponentProps & WithIsPressedProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<ComponentProps & WithIsPressedProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: ComponentProps & WithIsPressedProps, context: any): {
-        handleOnPointerDown: () => void;
-        handleOnPointerUp: () => void;
-        handleOnMouseLeave: () => void;
-        changeIsPressed: (isPressed: boolean) => void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps & WithIsPressedProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps & WithIsPressedProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<ComponentProps & WithIsPressedProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<ComponentProps & WithIsPressedProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextType?: React.Context<any> | undefined;
-};
+/** @packageDocumentation
+ * @module Common
+ */
+import * as React from "react";
+/** Properties for [[withIsPressed]] React higher-order component
+ * @public
+ */
+export interface WithIsPressedProps {
+    /** initial value for pressed status */
+    isPressed?: boolean;
+    /** callback function for [isPressed] change */
+    onIsPressedChange?: (isPressed: boolean) => void;
+}
+/** withIsPressed is a React higher-order component that adds pointer and mouse events.
+ * @public
+ */
+export declare const withIsPressed: <ComponentProps extends {}>(Component: React.ComponentType<ComponentProps>) => {
+    new (props: (ComponentProps & WithIsPressedProps) | Readonly<ComponentProps & WithIsPressedProps>): {
+        handleOnPointerDown: () => void;
+        handleOnPointerUp: () => void;
+        handleOnMouseLeave: () => void;
+        changeIsPressed: (isPressed: boolean) => void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps & WithIsPressedProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<ComponentProps & WithIsPressedProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<ComponentProps & WithIsPressedProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<ComponentProps & WithIsPressedProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: ComponentProps & WithIsPressedProps, context: any): {
+        handleOnPointerDown: () => void;
+        handleOnPointerUp: () => void;
+        handleOnMouseLeave: () => void;
+        changeIsPressed: (isPressed: boolean) => void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps & WithIsPressedProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<ComponentProps & WithIsPressedProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<ComponentProps & WithIsPressedProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<ComponentProps & WithIsPressedProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps & WithIsPressedProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
 //# sourceMappingURL=withIsPressed.d.ts.map

package/lib/cjs/core-react/hocs/withIsPressed.js

@@ -1,47 +1,47 @@
-"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 Common
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withIsPressed = void 0;
-const React = require("react");
-/** withIsPressed is a React higher-order component that adds pointer and mouse events.
- * @public
- */
-const withIsPressed = (
-// eslint-disable-next-line @typescript-eslint/naming-convention
-Component) => {
-    return class WithIsPressed extends React.PureComponent {
-        constructor() {
-            super(...arguments);
-            this.handleOnPointerDown = () => {
-                this.changeIsPressed(true);
-            };
-            this.handleOnPointerUp = () => {
-                this.changeIsPressed(false);
-            };
-            this.handleOnMouseLeave = () => {
-                this.changeIsPressed(false);
-            };
-            this.changeIsPressed = (isPressed) => {
-                if (this.props.isPressed === isPressed)
-                    return;
-                this.props.onIsPressedChange && this.props.onIsPressedChange(isPressed);
-            };
-        }
-        render() {
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const { isPressed, onIsPressedChange, ...props } = this.props; // todo: better solution to rest object of intersected type
-            return (
-            // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-            React.createElement("div", { className: "withispressed-wrapper", onMouseDown: this.handleOnPointerDown, onMouseUp: this.handleOnPointerUp, onTouchStart: this.handleOnPointerDown, onTouchEnd: this.handleOnPointerUp, onMouseLeave: this.handleOnMouseLeave },
-                React.createElement(Component, { ...props, ...this.state })));
-        }
-    };
-};
-exports.withIsPressed = withIsPressed;
+"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 Common
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withIsPressed = void 0;
+const React = require("react");
+/** withIsPressed is a React higher-order component that adds pointer and mouse events.
+ * @public
+ */
+const withIsPressed = (
+// eslint-disable-next-line @typescript-eslint/naming-convention
+Component) => {
+    return class WithIsPressed extends React.PureComponent {
+        constructor() {
+            super(...arguments);
+            this.handleOnPointerDown = () => {
+                this.changeIsPressed(true);
+            };
+            this.handleOnPointerUp = () => {
+                this.changeIsPressed(false);
+            };
+            this.handleOnMouseLeave = () => {
+                this.changeIsPressed(false);
+            };
+            this.changeIsPressed = (isPressed) => {
+                if (this.props.isPressed === isPressed)
+                    return;
+                this.props.onIsPressedChange && this.props.onIsPressedChange(isPressed);
+            };
+        }
+        render() {
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            const { isPressed, onIsPressedChange, ...props } = this.props; // todo: better solution to rest object of intersected type
+            return (
+            // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+            React.createElement("div", { className: "withispressed-wrapper", onMouseDown: this.handleOnPointerDown, onMouseUp: this.handleOnPointerUp, onTouchStart: this.handleOnPointerDown, onTouchEnd: this.handleOnPointerUp, onMouseLeave: this.handleOnMouseLeave },
+                React.createElement(Component, { ...props, ...this.state })));
+        }
+    };
+};
+exports.withIsPressed = withIsPressed;
 //# sourceMappingURL=withIsPressed.js.map