@itwin/core-react 4.0.0-dev.1 → 4.0.0-dev.3

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

@@ -1,43 +1,43 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import * as React from "react";
-/** withIsPressed is a React higher-order component that adds pointer and mouse events.
- * @public
- */
-export 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 })));
-        }
-    };
-};
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import * as React from "react";
+/** withIsPressed is a React higher-order component that adds pointer and mouse events.
+ * @public
+ */
+export 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 })));
+        }
+    };
+};
 //# sourceMappingURL=withIsPressed.js.map

package/lib/esm/core-react/hocs/withIsPressed.js.map

@@ -1 +1 @@
-{"version":3,"file":"withIsPressed.js","sourceRoot":"","sources":["../../../../src/core-react/hocs/withIsPressed.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;AAC3B,gEAAgE;AAChE,SAA8C,EAC9C,EAAE;IACF,OAAO,MAAM,aAAc,SAAQ,KAAK,CAAC,aAAkD;QAApF;;YACE,wBAAmB,GAAG,GAAG,EAAE;gBAChC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC,CAAC;YAEK,sBAAiB,GAAG,GAAG,EAAE;gBAC9B,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC,CAAC;YAEK,uBAAkB,GAAG,GAAG,EAAE;gBAC/B,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC,CAAC;YAEK,oBAAe,GAAG,CAAC,SAAkB,EAAE,EAAE;gBAC9C,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS;oBACpC,OAAO;gBAET,IAAI,CAAC,KAAK,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;YAC1E,CAAC,CAAC;QAkBJ,CAAC;QAhBiB,MAAM;YACpB,6DAA6D;YAC7D,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,2DAA2D;YAC1H,OAAO;YACL,mEAAmE;YACnE,6BAAK,SAAS,EAAC,uBAAuB,EACpC,WAAW,EAAE,IAAI,CAAC,mBAAmB,EACrC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EACjC,YAAY,EAAE,IAAI,CAAC,mBAAmB,EACtC,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAClC,YAAY,EAAE,IAAI,CAAC,kBAAkB;gBAErC,oBAAC,SAAS,OAAK,KAAuB,KAAM,IAAI,CAAC,KAAK,GAAI,CACtD,CACP,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Common\r\n */\r\n\r\nimport * as React from \"react\";\r\n\r\n/** Properties for [[withIsPressed]] React higher-order component\r\n * @public\r\n */\r\nexport interface WithIsPressedProps {\r\n  /** initial value for pressed status */\r\n  isPressed?: boolean;\r\n  /** callback function for [isPressed] change */\r\n  onIsPressedChange?: (isPressed: boolean) => void;\r\n}\r\n\r\n/** withIsPressed is a React higher-order component that adds pointer and mouse events.\r\n * @public\r\n */\r\nexport const withIsPressed = <ComponentProps extends {}>(\r\n  // eslint-disable-next-line @typescript-eslint/naming-convention\r\n  Component: React.ComponentType<ComponentProps>,\r\n) => {\r\n  return class WithIsPressed extends React.PureComponent<ComponentProps & WithIsPressedProps> {\r\n    public handleOnPointerDown = () => {\r\n      this.changeIsPressed(true);\r\n    };\r\n\r\n    public handleOnPointerUp = () => {\r\n      this.changeIsPressed(false);\r\n    };\r\n\r\n    public handleOnMouseLeave = () => {\r\n      this.changeIsPressed(false);\r\n    };\r\n\r\n    public changeIsPressed = (isPressed: boolean) => {\r\n      if (this.props.isPressed === isPressed)\r\n        return;\r\n\r\n      this.props.onIsPressedChange && this.props.onIsPressedChange(isPressed);\r\n    };\r\n\r\n    public override render() {\r\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n      const { isPressed, onIsPressedChange, ...props } = this.props; // todo: better solution to rest object of intersected type\r\n      return (\r\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions\r\n        <div className=\"withispressed-wrapper\"\r\n          onMouseDown={this.handleOnPointerDown}\r\n          onMouseUp={this.handleOnPointerUp}\r\n          onTouchStart={this.handleOnPointerDown}\r\n          onTouchEnd={this.handleOnPointerUp}\r\n          onMouseLeave={this.handleOnMouseLeave}\r\n        >\r\n          <Component {...props as ComponentProps} {...this.state} />\r\n        </div>\r\n      );\r\n    }\r\n  };\r\n};\r\n"]}
+{"version":3,"file":"withIsPressed.js","sourceRoot":"","sources":["../../../../src/core-react/hocs/withIsPressed.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;AAC3B,gEAAgE;AAChE,SAA8C,EAC9C,EAAE;IACF,OAAO,MAAM,aAAc,SAAQ,KAAK,CAAC,aAAkD;QAApF;;YACE,wBAAmB,GAAG,GAAG,EAAE;gBAChC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC,CAAC;YAEK,sBAAiB,GAAG,GAAG,EAAE;gBAC9B,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC,CAAC;YAEK,uBAAkB,GAAG,GAAG,EAAE;gBAC/B,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC,CAAC;YAEK,oBAAe,GAAG,CAAC,SAAkB,EAAE,EAAE;gBAC9C,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS;oBACpC,OAAO;gBAET,IAAI,CAAC,KAAK,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;YAC1E,CAAC,CAAC;QAkBJ,CAAC;QAhBiB,MAAM;YACpB,6DAA6D;YAC7D,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,2DAA2D;YAC1H,OAAO;YACL,mEAAmE;YACnE,6BAAK,SAAS,EAAC,uBAAuB,EACpC,WAAW,EAAE,IAAI,CAAC,mBAAmB,EACrC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EACjC,YAAY,EAAE,IAAI,CAAC,mBAAmB,EACtC,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAClC,YAAY,EAAE,IAAI,CAAC,kBAAkB;gBAErC,oBAAC,SAAS,OAAK,KAAuB,KAAM,IAAI,CAAC,KAAK,GAAI,CACtD,CACP,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Common\n */\n\nimport * as React from \"react\";\n\n/** Properties for [[withIsPressed]] React higher-order component\n * @public\n */\nexport interface WithIsPressedProps {\n  /** initial value for pressed status */\n  isPressed?: boolean;\n  /** callback function for [isPressed] change */\n  onIsPressedChange?: (isPressed: boolean) => void;\n}\n\n/** withIsPressed is a React higher-order component that adds pointer and mouse events.\n * @public\n */\nexport const withIsPressed = <ComponentProps extends {}>(\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  Component: React.ComponentType<ComponentProps>,\n) => {\n  return class WithIsPressed extends React.PureComponent<ComponentProps & WithIsPressedProps> {\n    public handleOnPointerDown = () => {\n      this.changeIsPressed(true);\n    };\n\n    public handleOnPointerUp = () => {\n      this.changeIsPressed(false);\n    };\n\n    public handleOnMouseLeave = () => {\n      this.changeIsPressed(false);\n    };\n\n    public changeIsPressed = (isPressed: boolean) => {\n      if (this.props.isPressed === isPressed)\n        return;\n\n      this.props.onIsPressedChange && this.props.onIsPressedChange(isPressed);\n    };\n\n    public override render() {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { isPressed, onIsPressedChange, ...props } = this.props; // todo: better solution to rest object of intersected type\n      return (\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n        <div className=\"withispressed-wrapper\"\n          onMouseDown={this.handleOnPointerDown}\n          onMouseUp={this.handleOnPointerUp}\n          onTouchStart={this.handleOnPointerDown}\n          onTouchEnd={this.handleOnPointerUp}\n          onMouseLeave={this.handleOnMouseLeave}\n        >\n          <Component {...props as ComponentProps} {...this.state} />\n        </div>\n      );\n    }\n  };\n};\n"]}

package/lib/esm/core-react/hocs/withOnOutsideClick.d.ts

@@ -1,104 +1,104 @@
-/** @packageDocumentation
- * @module Common
- */
-import * as React from "react";
-/** Properties for [[withOnOutsideClick]] React higher-order component
- * @public
- */
-export interface WithOnOutsideClickProps {
-    /** Outside click callback function */
-    onOutsideClick?: (event: MouseEvent) => any;
-    /** If false outside click processing and closing are skipped if click occurs in another Popup component, default to false. */
-    closeOnNestedPopupOutsideClick?: boolean;
-}
-/** withOnOutsideClick is a React higher-order component that adds outside click support.
- * @public
- */
-export declare const withOnOutsideClick: <ComponentProps extends {}>(Component: React.ComponentType<ComponentProps>, defaultOnOutsideClick?: ((event: MouseEvent) => any) | undefined, useCapture?: boolean, usePointerEvents?: boolean) => {
-    new (props: (ComponentProps & WithOnOutsideClickProps) | Readonly<ComponentProps & WithOnOutsideClickProps>): {
-        /** @internal */
-        outsideClickContainerDiv?: HTMLDivElement | null | undefined;
-        /** @internal */
-        isDownOutside: boolean;
-        /** @internal */
-        isInCorePopup(element: HTMLElement): boolean;
-        /** @internal */
-        onOutsideClick(e: MouseEvent): any;
-        /** @internal */
-        handleDocumentClick: (e: MouseEvent) => any;
-        /** @internal */
-        handleDocumentPointerDown: (e: PointerEvent) => void;
-        /** @internal */
-        handleDocumentPointerUp: (e: PointerEvent) => void;
-        handleOutsideClickContainerDivSet: (outsideClickContainerDiv: HTMLDivElement | null) => void;
-        getParentDocument(): Document;
-        componentDidMount(): void;
-        /** @internal */
-        componentWillUnmount(): void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps & WithOnOutsideClickProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps & WithOnOutsideClickProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<ComponentProps & WithOnOutsideClickProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<ComponentProps & WithOnOutsideClickProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: ComponentProps & WithOnOutsideClickProps, context: any): {
-        /** @internal */
-        outsideClickContainerDiv?: HTMLDivElement | null | undefined;
-        /** @internal */
-        isDownOutside: boolean;
-        /** @internal */
-        isInCorePopup(element: HTMLElement): boolean;
-        /** @internal */
-        onOutsideClick(e: MouseEvent): any;
-        /** @internal */
-        handleDocumentClick: (e: MouseEvent) => any;
-        /** @internal */
-        handleDocumentPointerDown: (e: PointerEvent) => void;
-        /** @internal */
-        handleDocumentPointerUp: (e: PointerEvent) => void;
-        handleOutsideClickContainerDivSet: (outsideClickContainerDiv: HTMLDivElement | null) => void;
-        getParentDocument(): Document;
-        componentDidMount(): void;
-        /** @internal */
-        componentWillUnmount(): void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps & WithOnOutsideClickProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps & WithOnOutsideClickProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<ComponentProps & WithOnOutsideClickProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<ComponentProps & WithOnOutsideClickProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextType?: React.Context<any> | undefined;
-};
+/** @packageDocumentation
+ * @module Common
+ */
+import * as React from "react";
+/** Properties for [[withOnOutsideClick]] React higher-order component
+ * @public
+ */
+export interface WithOnOutsideClickProps {
+    /** Outside click callback function */
+    onOutsideClick?: (event: MouseEvent) => any;
+    /** If false outside click processing and closing are skipped if click occurs in another Popup component, default to false. */
+    closeOnNestedPopupOutsideClick?: boolean;
+}
+/** withOnOutsideClick is a React higher-order component that adds outside click support.
+ * @public
+ */
+export declare const withOnOutsideClick: <ComponentProps extends {}>(Component: React.ComponentType<ComponentProps>, defaultOnOutsideClick?: ((event: MouseEvent) => any) | undefined, useCapture?: boolean, usePointerEvents?: boolean) => {
+    new (props: (ComponentProps & WithOnOutsideClickProps) | Readonly<ComponentProps & WithOnOutsideClickProps>): {
+        /** @internal */
+        outsideClickContainerDiv?: HTMLDivElement | null | undefined;
+        /** @internal */
+        isDownOutside: boolean;
+        /** @internal */
+        isInCorePopup(element: HTMLElement): boolean;
+        /** @internal */
+        onOutsideClick(e: MouseEvent): any;
+        /** @internal */
+        handleDocumentClick: (e: MouseEvent) => any;
+        /** @internal */
+        handleDocumentPointerDown: (e: PointerEvent) => void;
+        /** @internal */
+        handleDocumentPointerUp: (e: PointerEvent) => void;
+        handleOutsideClickContainerDivSet: (outsideClickContainerDiv: HTMLDivElement | null) => void;
+        getParentDocument(): Document;
+        componentDidMount(): void;
+        /** @internal */
+        componentWillUnmount(): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps & WithOnOutsideClickProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<ComponentProps & WithOnOutsideClickProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<ComponentProps & WithOnOutsideClickProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<ComponentProps & WithOnOutsideClickProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: ComponentProps & WithOnOutsideClickProps, context: any): {
+        /** @internal */
+        outsideClickContainerDiv?: HTMLDivElement | null | undefined;
+        /** @internal */
+        isDownOutside: boolean;
+        /** @internal */
+        isInCorePopup(element: HTMLElement): boolean;
+        /** @internal */
+        onOutsideClick(e: MouseEvent): any;
+        /** @internal */
+        handleDocumentClick: (e: MouseEvent) => any;
+        /** @internal */
+        handleDocumentPointerDown: (e: PointerEvent) => void;
+        /** @internal */
+        handleDocumentPointerUp: (e: PointerEvent) => void;
+        handleOutsideClickContainerDivSet: (outsideClickContainerDiv: HTMLDivElement | null) => void;
+        getParentDocument(): Document;
+        componentDidMount(): void;
+        /** @internal */
+        componentWillUnmount(): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps & WithOnOutsideClickProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<ComponentProps & WithOnOutsideClickProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<ComponentProps & WithOnOutsideClickProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<ComponentProps & WithOnOutsideClickProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps & WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
 //# sourceMappingURL=withOnOutsideClick.d.ts.map

package/lib/esm/core-react/hocs/withOnOutsideClick.js

@@ -1,112 +1,112 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import * as React from "react";
-/** withOnOutsideClick is a React higher-order component that adds outside click support.
- * @public
- */
-export const withOnOutsideClick = (
-// eslint-disable-next-line @typescript-eslint/naming-convention
-Component, defaultOnOutsideClick, useCapture = true, usePointerEvents = true) => {
-    return class WithOnOutsideClick extends React.PureComponent {
-        constructor() {
-            super(...arguments);
-            /** @internal */
-            this.outsideClickContainerDiv = null;
-            /** @internal */
-            this.isDownOutside = false;
-            /** @internal */
-            this.handleDocumentClick = (e) => {
-                if (!this.outsideClickContainerDiv || !(e.target instanceof Node) || this.outsideClickContainerDiv.contains(e.target))
-                    return;
-                return this.onOutsideClick(e);
-            };
-            /** @internal */
-            this.handleDocumentPointerDown = (e) => {
-                this.isDownOutside = true;
-                // istanbul ignore else
-                if (this.outsideClickContainerDiv) {
-                    // typically e.target test for instance of Node, but this is not working from pop out windows
-                    this.isDownOutside = !!e.target && !this.outsideClickContainerDiv.contains(e.target);
-                }
-            };
-            /** @internal */
-            this.handleDocumentPointerUp = (e) => {
-                let isUpOutside = true;
-                // istanbul ignore else
-                if (this.outsideClickContainerDiv) {
-                    // typically e.target test for instance of Node, but this is not working from pop out windows
-                    isUpOutside = !!e.target && !this.outsideClickContainerDiv.contains(e.target);
-                }
-                const isOutsideClick = isUpOutside && this.isDownOutside;
-                this.isDownOutside = false;
-                isOutsideClick && this.onOutsideClick(e);
-            };
-            this.handleOutsideClickContainerDivSet = (outsideClickContainerDiv) => {
-                this.outsideClickContainerDiv = outsideClickContainerDiv;
-            };
-        }
-        /** @internal */
-        isInCorePopup(element) {
-            if (element.nodeName === "DIV") {
-                if (element.classList && element.classList.contains("core-popup"))
-                    return true;
-                if (element.parentElement && this.isInCorePopup(element.parentElement))
-                    return true;
-            }
-            else {
-                // istanbul ignore else
-                if (element.parentElement && this.isInCorePopup(element.parentElement))
-                    return true;
-            }
-            return false;
-        }
-        /** @internal */
-        onOutsideClick(e) {
-            // istanbul ignore else
-            if (e.target instanceof Node && e.target.nodeType === Node.ELEMENT_NODE) {
-                // istanbul ignore else
-                if (!this.props.closeOnNestedPopupOutsideClick && this.isInCorePopup(e.target))
-                    return;
-            }
-            if (this.props.onOutsideClick)
-                return this.props.onOutsideClick(e);
-            else if (defaultOnOutsideClick)
-                return defaultOnOutsideClick(e);
-        }
-        getParentDocument() {
-            var _a, _b;
-            // istanbul ignore next
-            return (_b = (_a = this.outsideClickContainerDiv) === null || _a === void 0 ? void 0 : _a.ownerDocument) !== null && _b !== void 0 ? _b : document;
-        }
-        componentDidMount() {
-            const outsideClickParentDocument = this.getParentDocument();
-            if (usePointerEvents) {
-                outsideClickParentDocument.addEventListener("pointerdown", this.handleDocumentPointerDown, useCapture);
-                outsideClickParentDocument.addEventListener("pointerup", this.handleDocumentPointerUp, useCapture);
-            }
-            else
-                outsideClickParentDocument.addEventListener("click", this.handleDocumentClick, useCapture);
-        }
-        /** @internal */
-        componentWillUnmount() {
-            const outsideClickParentDocument = this.getParentDocument();
-            if (usePointerEvents) {
-                outsideClickParentDocument.removeEventListener("pointerdown", this.handleDocumentPointerDown, useCapture);
-                outsideClickParentDocument.removeEventListener("pointerup", this.handleDocumentPointerUp, useCapture);
-            }
-            else
-                outsideClickParentDocument.removeEventListener("click", this.handleDocumentClick, useCapture);
-        }
-        render() {
-            const { onOutsideClick, closeOnNestedPopupOutsideClick, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-            return (React.createElement("div", { ref: this.handleOutsideClickContainerDivSet },
-                React.createElement(Component, { ...props })));
-        }
-    };
-};
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import * as React from "react";
+/** withOnOutsideClick is a React higher-order component that adds outside click support.
+ * @public
+ */
+export const withOnOutsideClick = (
+// eslint-disable-next-line @typescript-eslint/naming-convention
+Component, defaultOnOutsideClick, useCapture = true, usePointerEvents = true) => {
+    return class WithOnOutsideClick extends React.PureComponent {
+        constructor() {
+            super(...arguments);
+            /** @internal */
+            this.outsideClickContainerDiv = null;
+            /** @internal */
+            this.isDownOutside = false;
+            /** @internal */
+            this.handleDocumentClick = (e) => {
+                if (!this.outsideClickContainerDiv || !(e.target instanceof Node) || this.outsideClickContainerDiv.contains(e.target))
+                    return;
+                return this.onOutsideClick(e);
+            };
+            /** @internal */
+            this.handleDocumentPointerDown = (e) => {
+                this.isDownOutside = true;
+                // istanbul ignore else
+                if (this.outsideClickContainerDiv) {
+                    // typically e.target test for instance of Node, but this is not working from pop out windows
+                    this.isDownOutside = !!e.target && !this.outsideClickContainerDiv.contains(e.target);
+                }
+            };
+            /** @internal */
+            this.handleDocumentPointerUp = (e) => {
+                let isUpOutside = true;
+                // istanbul ignore else
+                if (this.outsideClickContainerDiv) {
+                    // typically e.target test for instance of Node, but this is not working from pop out windows
+                    isUpOutside = !!e.target && !this.outsideClickContainerDiv.contains(e.target);
+                }
+                const isOutsideClick = isUpOutside && this.isDownOutside;
+                this.isDownOutside = false;
+                isOutsideClick && this.onOutsideClick(e);
+            };
+            this.handleOutsideClickContainerDivSet = (outsideClickContainerDiv) => {
+                this.outsideClickContainerDiv = outsideClickContainerDiv;
+            };
+        }
+        /** @internal */
+        isInCorePopup(element) {
+            if (element.nodeName === "DIV") {
+                if (element.classList && element.classList.contains("core-popup"))
+                    return true;
+                if (element.parentElement && this.isInCorePopup(element.parentElement))
+                    return true;
+            }
+            else {
+                // istanbul ignore else
+                if (element.parentElement && this.isInCorePopup(element.parentElement))
+                    return true;
+            }
+            return false;
+        }
+        /** @internal */
+        onOutsideClick(e) {
+            // istanbul ignore else
+            if (e.target instanceof Node && e.target.nodeType === Node.ELEMENT_NODE) {
+                // istanbul ignore else
+                if (!this.props.closeOnNestedPopupOutsideClick && this.isInCorePopup(e.target))
+                    return;
+            }
+            if (this.props.onOutsideClick)
+                return this.props.onOutsideClick(e);
+            else if (defaultOnOutsideClick)
+                return defaultOnOutsideClick(e);
+        }
+        getParentDocument() {
+            var _a, _b;
+            // istanbul ignore next
+            return (_b = (_a = this.outsideClickContainerDiv) === null || _a === void 0 ? void 0 : _a.ownerDocument) !== null && _b !== void 0 ? _b : document;
+        }
+        componentDidMount() {
+            const outsideClickParentDocument = this.getParentDocument();
+            if (usePointerEvents) {
+                outsideClickParentDocument.addEventListener("pointerdown", this.handleDocumentPointerDown, useCapture);
+                outsideClickParentDocument.addEventListener("pointerup", this.handleDocumentPointerUp, useCapture);
+            }
+            else
+                outsideClickParentDocument.addEventListener("click", this.handleDocumentClick, useCapture);
+        }
+        /** @internal */
+        componentWillUnmount() {
+            const outsideClickParentDocument = this.getParentDocument();
+            if (usePointerEvents) {
+                outsideClickParentDocument.removeEventListener("pointerdown", this.handleDocumentPointerDown, useCapture);
+                outsideClickParentDocument.removeEventListener("pointerup", this.handleDocumentPointerUp, useCapture);
+            }
+            else
+                outsideClickParentDocument.removeEventListener("click", this.handleDocumentClick, useCapture);
+        }
+        render() {
+            const { onOutsideClick, closeOnNestedPopupOutsideClick, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+            return (React.createElement("div", { ref: this.handleOutsideClickContainerDivSet },
+                React.createElement(Component, { ...props })));
+        }
+    };
+};
 //# sourceMappingURL=withOnOutsideClick.js.map

package/lib/esm/core-react/hocs/withOnOutsideClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"withOnOutsideClick.js","sourceRoot":"","sources":["../../../../src/core-react/hocs/withOnOutsideClick.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Common\r\n */\r\n\r\nimport * as React from \"react\";\r\n\r\n/** Properties for [[withOnOutsideClick]] React higher-order component\r\n * @public\r\n */\r\nexport interface WithOnOutsideClickProps {\r\n  /** Outside click callback function */\r\n  onOutsideClick?: (event: MouseEvent) => any;\r\n  /** If false outside click processing and closing are skipped if click occurs in another Popup component, default to false. */\r\n  closeOnNestedPopupOutsideClick?: boolean;\r\n}\r\n\r\n/** withOnOutsideClick is a React higher-order component that adds outside click support.\r\n * @public\r\n */\r\nexport const withOnOutsideClick = <ComponentProps extends {}>(\r\n  // eslint-disable-next-line @typescript-eslint/naming-convention\r\n  Component: React.ComponentType<ComponentProps>,\r\n  defaultOnOutsideClick?: (event: MouseEvent) => any,\r\n  useCapture: boolean = true,\r\n  usePointerEvents: boolean = true,\r\n) => {\r\n  return class WithOnOutsideClick extends React.PureComponent<ComponentProps & WithOnOutsideClickProps> {\r\n    /** @internal */\r\n    public outsideClickContainerDiv?: HTMLDivElement | null = null;\r\n    /** @internal */\r\n    public isDownOutside = false;\r\n\r\n    /** @internal */\r\n    public isInCorePopup(element: HTMLElement): boolean {\r\n      if (element.nodeName === \"DIV\") {\r\n        if (element.classList && element.classList.contains(\"core-popup\"))\r\n          return true;\r\n        if (element.parentElement && this.isInCorePopup(element.parentElement))\r\n          return true;\r\n      } else {\r\n        // istanbul ignore else\r\n        if (element.parentElement && this.isInCorePopup(element.parentElement))\r\n          return true;\r\n      }\r\n      return false;\r\n    }\r\n\r\n    /** @internal */\r\n    public onOutsideClick(e: MouseEvent) {\r\n      // istanbul ignore else\r\n      if (e.target instanceof Node && e.target.nodeType === Node.ELEMENT_NODE) {\r\n        // istanbul ignore else\r\n        if (!this.props.closeOnNestedPopupOutsideClick && this.isInCorePopup(e.target as HTMLElement))\r\n          return;\r\n      }\r\n\r\n      if (this.props.onOutsideClick)\r\n        return this.props.onOutsideClick(e);\r\n      else if (defaultOnOutsideClick)\r\n        return defaultOnOutsideClick(e);\r\n    }\r\n\r\n    /** @internal */\r\n    public handleDocumentClick = (e: MouseEvent) => {\r\n      if (!this.outsideClickContainerDiv || !(e.target instanceof Node) || this.outsideClickContainerDiv.contains(e.target))\r\n        return;\r\n\r\n      return this.onOutsideClick(e);\r\n    };\r\n\r\n    /** @internal */\r\n    public handleDocumentPointerDown = (e: PointerEvent) => {\r\n      this.isDownOutside = true;\r\n      // istanbul ignore else\r\n      if (this.outsideClickContainerDiv) {\r\n        // typically e.target test for instance of Node, but this is not working from pop out windows\r\n        this.isDownOutside = !!e.target && !this.outsideClickContainerDiv.contains(e.target as any);\r\n      }\r\n    };\r\n\r\n    /** @internal */\r\n    public handleDocumentPointerUp = (e: PointerEvent) => {\r\n      let isUpOutside = true;\r\n      // istanbul ignore else\r\n      if (this.outsideClickContainerDiv) {\r\n        // typically e.target test for instance of Node, but this is not working from pop out windows\r\n        isUpOutside = !!e.target && !this.outsideClickContainerDiv.contains(e.target as any);\r\n      }\r\n\r\n      const isOutsideClick = isUpOutside && this.isDownOutside;\r\n      this.isDownOutside = false;\r\n      isOutsideClick && this.onOutsideClick(e);\r\n    };\r\n\r\n    public handleOutsideClickContainerDivSet = (outsideClickContainerDiv: HTMLDivElement | null) => {\r\n      this.outsideClickContainerDiv = outsideClickContainerDiv;\r\n    };\r\n\r\n    public getParentDocument() {\r\n      // istanbul ignore next\r\n      return this.outsideClickContainerDiv?.ownerDocument ?? document;\r\n    }\r\n\r\n    public override componentDidMount() {\r\n      const outsideClickParentDocument = this.getParentDocument();\r\n      if (usePointerEvents) {\r\n        outsideClickParentDocument.addEventListener(\"pointerdown\", this.handleDocumentPointerDown, useCapture);\r\n        outsideClickParentDocument.addEventListener(\"pointerup\", this.handleDocumentPointerUp, useCapture);\r\n      } else\r\n        outsideClickParentDocument.addEventListener(\"click\", this.handleDocumentClick, useCapture);\r\n    }\r\n\r\n    /** @internal */\r\n    public override componentWillUnmount() {\r\n      const outsideClickParentDocument = this.getParentDocument();\r\n      if (usePointerEvents) {\r\n        outsideClickParentDocument.removeEventListener(\"pointerdown\", this.handleDocumentPointerDown, useCapture);\r\n        outsideClickParentDocument.removeEventListener(\"pointerup\", this.handleDocumentPointerUp, useCapture);\r\n      } else\r\n        outsideClickParentDocument.removeEventListener(\"click\", this.handleDocumentClick, useCapture);\r\n    }\r\n\r\n    public override render() {\r\n      const { onOutsideClick, closeOnNestedPopupOutsideClick, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      return (\r\n        <div ref={this.handleOutsideClickContainerDivSet}>\r\n          <Component {...props as ComponentProps} />\r\n        </div>\r\n      );\r\n    }\r\n  };\r\n};\r\n"]}
+{"version":3,"file":"withOnOutsideClick.js","sourceRoot":"","sources":["../../../../src/core-react/hocs/withOnOutsideClick.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Common\n */\n\nimport * as React from \"react\";\n\n/** Properties for [[withOnOutsideClick]] React higher-order component\n * @public\n */\nexport interface WithOnOutsideClickProps {\n  /** Outside click callback function */\n  onOutsideClick?: (event: MouseEvent) => any;\n  /** If false outside click processing and closing are skipped if click occurs in another Popup component, default to false. */\n  closeOnNestedPopupOutsideClick?: boolean;\n}\n\n/** withOnOutsideClick is a React higher-order component that adds outside click support.\n * @public\n */\nexport const withOnOutsideClick = <ComponentProps extends {}>(\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  Component: React.ComponentType<ComponentProps>,\n  defaultOnOutsideClick?: (event: MouseEvent) => any,\n  useCapture: boolean = true,\n  usePointerEvents: boolean = true,\n) => {\n  return class WithOnOutsideClick extends React.PureComponent<ComponentProps & WithOnOutsideClickProps> {\n    /** @internal */\n    public outsideClickContainerDiv?: HTMLDivElement | null = null;\n    /** @internal */\n    public isDownOutside = false;\n\n    /** @internal */\n    public isInCorePopup(element: HTMLElement): boolean {\n      if (element.nodeName === \"DIV\") {\n        if (element.classList && element.classList.contains(\"core-popup\"))\n          return true;\n        if (element.parentElement && this.isInCorePopup(element.parentElement))\n          return true;\n      } else {\n        // istanbul ignore else\n        if (element.parentElement && this.isInCorePopup(element.parentElement))\n          return true;\n      }\n      return false;\n    }\n\n    /** @internal */\n    public onOutsideClick(e: MouseEvent) {\n      // istanbul ignore else\n      if (e.target instanceof Node && e.target.nodeType === Node.ELEMENT_NODE) {\n        // istanbul ignore else\n        if (!this.props.closeOnNestedPopupOutsideClick && this.isInCorePopup(e.target as HTMLElement))\n          return;\n      }\n\n      if (this.props.onOutsideClick)\n        return this.props.onOutsideClick(e);\n      else if (defaultOnOutsideClick)\n        return defaultOnOutsideClick(e);\n    }\n\n    /** @internal */\n    public handleDocumentClick = (e: MouseEvent) => {\n      if (!this.outsideClickContainerDiv || !(e.target instanceof Node) || this.outsideClickContainerDiv.contains(e.target))\n        return;\n\n      return this.onOutsideClick(e);\n    };\n\n    /** @internal */\n    public handleDocumentPointerDown = (e: PointerEvent) => {\n      this.isDownOutside = true;\n      // istanbul ignore else\n      if (this.outsideClickContainerDiv) {\n        // typically e.target test for instance of Node, but this is not working from pop out windows\n        this.isDownOutside = !!e.target && !this.outsideClickContainerDiv.contains(e.target as any);\n      }\n    };\n\n    /** @internal */\n    public handleDocumentPointerUp = (e: PointerEvent) => {\n      let isUpOutside = true;\n      // istanbul ignore else\n      if (this.outsideClickContainerDiv) {\n        // typically e.target test for instance of Node, but this is not working from pop out windows\n        isUpOutside = !!e.target && !this.outsideClickContainerDiv.contains(e.target as any);\n      }\n\n      const isOutsideClick = isUpOutside && this.isDownOutside;\n      this.isDownOutside = false;\n      isOutsideClick && this.onOutsideClick(e);\n    };\n\n    public handleOutsideClickContainerDivSet = (outsideClickContainerDiv: HTMLDivElement | null) => {\n      this.outsideClickContainerDiv = outsideClickContainerDiv;\n    };\n\n    public getParentDocument() {\n      // istanbul ignore next\n      return this.outsideClickContainerDiv?.ownerDocument ?? document;\n    }\n\n    public override componentDidMount() {\n      const outsideClickParentDocument = this.getParentDocument();\n      if (usePointerEvents) {\n        outsideClickParentDocument.addEventListener(\"pointerdown\", this.handleDocumentPointerDown, useCapture);\n        outsideClickParentDocument.addEventListener(\"pointerup\", this.handleDocumentPointerUp, useCapture);\n      } else\n        outsideClickParentDocument.addEventListener(\"click\", this.handleDocumentClick, useCapture);\n    }\n\n    /** @internal */\n    public override componentWillUnmount() {\n      const outsideClickParentDocument = this.getParentDocument();\n      if (usePointerEvents) {\n        outsideClickParentDocument.removeEventListener(\"pointerdown\", this.handleDocumentPointerDown, useCapture);\n        outsideClickParentDocument.removeEventListener(\"pointerup\", this.handleDocumentPointerUp, useCapture);\n      } else\n        outsideClickParentDocument.removeEventListener(\"click\", this.handleDocumentClick, useCapture);\n    }\n\n    public override render() {\n      const { onOutsideClick, closeOnNestedPopupOutsideClick, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\n      return (\n        <div ref={this.handleOutsideClickContainerDivSet}>\n          <Component {...props as ComponentProps} />\n        </div>\n      );\n    }\n  };\n};\n"]}