@itwin/core-react 4.15.5 → 4.16.0

package/lib/cjs/core-react/contextmenu/GlobalContextMenu.d.ts

@@ -5,6 +5,7 @@ import * as React from "react";
 import type { ContextMenuProps } from "./ContextMenu";
 /** Properties for the [[GlobalContextMenu]] component
  * @public
+ * @deprecated in 4.16.0. Props of deprecated {@link GlobalContextMenu} component.
  */
 export interface GlobalContextMenuProps extends ContextMenuProps {
     /** Unique identifier, to distinguish from other GlobalContextMenu components. Needed only if multiple GlobalContextMenus are used simultaneously. */
@@ -16,12 +17,12 @@ export interface GlobalContextMenuProps extends ContextMenuProps {
     /** Context menu element. Default: ContextMenu */
     contextMenuComponent?: React.ComponentType<ContextMenuProps>;
 }
-/** @internal */
 interface GlobalContextMenuState {
     parentDocument: Document | null;
 }
 /** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor
  * @public
+ * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.
  */
 export declare class GlobalContextMenu extends React.PureComponent<GlobalContextMenuProps, GlobalContextMenuState> {
     private _container?;

package/lib/cjs/core-react/contextmenu/GlobalContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/GlobalContextMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,qJAAqJ;IACrJ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnB,yDAAyD;IACzD,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnB,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC9D;AAED,gBAAgB;AAChB,UAAU,sBAAsB;IAC9B,cAAc,EAAE,QAAQ,GAAG,IAAI,CAAC;CACjC;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CACxD,sBAAsB,EACtB,sBAAsB,CACvB;IACC,OAAO,CAAC,UAAU,CAAC,CAAiB;IAEpC,SAAyB,KAAK,EAAE,sBAAsB,CAEpD;gBAEU,KAAK,EAAE,sBAAsB;IAIzB,oBAAoB;IAOpC,OAAO,CAAC,aAAa,CAyBnB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CAuB1C"}
+{"version":3,"file":"GlobalContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/GlobalContextMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAKtD;;;GAGG;AACH,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,qJAAqJ;IACrJ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnB,yDAAyD;IACzD,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnB,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC9D;AAED,UAAU,sBAAsB;IAC9B,cAAc,EAAE,QAAQ,GAAG,IAAI,CAAC;CACjC;AAED;;;GAGG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CACxD,sBAAsB,EACtB,sBAAsB,CACvB;IACC,OAAO,CAAC,UAAU,CAAC,CAAiB;IAEpC,SAAyB,KAAK,EAAE,sBAAsB,CAEpD;gBAEU,KAAK,EAAE,sBAAsB;IAIzB,oBAAoB;IAOpC,OAAO,CAAC,aAAa,CAyBnB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CAuB1C"}

package/lib/cjs/core-react/contextmenu/GlobalContextMenu.js

@@ -13,6 +13,7 @@ const ReactDOM = require("react-dom");
 const ContextMenu_1 = require("./ContextMenu");
 /** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor
  * @public
+ * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.
  */
 class GlobalContextMenu extends React.PureComponent {
     constructor(props) {

package/lib/cjs/core-react/contextmenu/GlobalContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/GlobalContextMenu.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,sCAAsC;AAEtC,+CAA4C;AAqB5C;;GAEG;AACH,MAAa,iBAAkB,SAAQ,KAAK,CAAC,aAG5C;IAOC,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QALU,UAAK,GAA2B;YACvD,cAAc,EAAE,IAAI;SACrB,CAAC;QAaM,kBAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;YACvD,MAAM,cAAc,GAAG,QAAQ,EAAE,aAAa,IAAI,IAAI,CAAC;YACvD,IAAI,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtD,IAAI,CAAC,UAAU,CAAC,EAAE;oBAChB,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS;wBACjC,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;wBACnC,CAAC,CAAC,0BAA0B,CAAC;gBACjC,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CACpC,+BAA+B,CACd,CAAC;gBACpB,IAAI,CAAC,EAAE,EAAE,CAAC;oBACR,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,EAAE,CAAC,EAAE,GAAG,+BAA+B,CAAC;oBACxC,CACE,cAAc,CAAC,IAAI,CAAC,aAAa,CAC/B,uCAAuC,CACxC,IAAI,cAAc,CAAC,IAAI,CACzB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;gBACpB,CAAC;gBACD,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAEhC,wDAAwD;gBACxD,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;YACpC,CAAC;QACH,CAAC,CAAC;IAlCF,CAAC;IAEe,oBAAoB;QAClC,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;YACrD,UAAU;YACV,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC;IA6Be,MAAM;QACpB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxE,MAAM,gBAAgB,GAAwB;YAC5C,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;SACP,CAAC;QAEF,MAAM,OAAO,GAAG,oBAAoB,IAAI,yBAAW,CAAC;QAEpD,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IACrD,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,QAAQ,CAAC,YAAY,CACnB,6BAAK,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,gBAAgB;gBAC/D,oBAAC,OAAO,OAAK,KAAK,GAAI,CAClB,EACN,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAC1C,uCAAuC,CACxC,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CACpC,CACC,CACP,CAAC;IACJ,CAAC;CACF;AAvED,8CAuEC","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 ContextMenu\n */\n\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport type { ContextMenuProps } from \"./ContextMenu\";\nimport { ContextMenu } from \"./ContextMenu\";\n\n/** Properties for the [[GlobalContextMenu]] component\n * @public\n */\nexport interface GlobalContextMenuProps extends ContextMenuProps {\n  /** Unique identifier, to distinguish from other GlobalContextMenu components. Needed only if multiple GlobalContextMenus are used simultaneously. */\n  identifier?: string;\n  /** Specifies the x/horizontal position on the viewport. */\n  x: number | string;\n  /** Specifies the y/vertical position on the viewport. */\n  y: number | string;\n  /** Context menu element. Default: ContextMenu */\n  contextMenuComponent?: React.ComponentType<ContextMenuProps>;\n}\n\n/** @internal */\ninterface GlobalContextMenuState {\n  parentDocument: Document | null;\n}\n\n/** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor\n * @public\n */\nexport class GlobalContextMenu extends React.PureComponent<\n  GlobalContextMenuProps,\n  GlobalContextMenuState\n> {\n  private _container?: HTMLDivElement;\n\n  public override readonly state: GlobalContextMenuState = {\n    parentDocument: null,\n  };\n\n  constructor(props: GlobalContextMenuProps) {\n    super(props);\n  }\n\n  public override componentWillUnmount() {\n    if (this._container && this._container.parentElement) {\n      // cleanup\n      this._container.parentElement.removeChild(this._container);\n    }\n  }\n\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\n    const parentDocument = popupDiv?.ownerDocument ?? null;\n    if (parentDocument) {\n      this._container = parentDocument.createElement(\"div\");\n      this._container.id =\n        this.props.identifier !== undefined\n          ? `dialog-${this.props.identifier}`\n          : \"core-global-context-menu\";\n      let rt = parentDocument.getElementById(\n        \"core-global-context-menu-root\"\n      ) as HTMLDivElement;\n      if (!rt) {\n        rt = parentDocument.createElement(\"div\");\n        rt.id = \"core-global-context-menu-root\";\n        (\n          parentDocument.body.querySelector(\n            '[data-root-container=\"appui-root-id\"]'\n          ) ?? parentDocument.body\n        ).appendChild(rt);\n      }\n      rt.appendChild(this._container);\n\n      // used to support component rendering in pop-out window\n      this.setState({ parentDocument });\n    }\n  };\n\n  public override render(): React.ReactNode {\n    const { x, y, identifier, contextMenuComponent, ...props } = this.props;\n    const positioningStyle: React.CSSProperties = {\n      left: x,\n      top: y,\n    };\n\n    const CtxMenu = contextMenuComponent || ContextMenu;\n\n    return (\n      <div ref={this._handleRefSet} style={{ display: \"none\" }}>\n        {this.state.parentDocument &&\n          ReactDOM.createPortal(\n            <div className=\"core-context-menu-global\" style={positioningStyle}>\n              <CtxMenu {...props} />\n            </div>,\n            this.state.parentDocument.body.querySelector(\n              '[data-root-container=\"appui-root-id\"]'\n            ) ?? this.state.parentDocument.body\n          )}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"GlobalContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/GlobalContextMenu.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,sCAAsC;AAEtC,+CAA4C;AAuB5C;;;GAGG;AACH,MAAa,iBAAkB,SAAQ,KAAK,CAAC,aAG5C;IAOC,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QALU,UAAK,GAA2B;YACvD,cAAc,EAAE,IAAI;SACrB,CAAC;QAaM,kBAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;YACvD,MAAM,cAAc,GAAG,QAAQ,EAAE,aAAa,IAAI,IAAI,CAAC;YACvD,IAAI,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtD,IAAI,CAAC,UAAU,CAAC,EAAE;oBAChB,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS;wBACjC,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;wBACnC,CAAC,CAAC,0BAA0B,CAAC;gBACjC,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CACpC,+BAA+B,CACd,CAAC;gBACpB,IAAI,CAAC,EAAE,EAAE,CAAC;oBACR,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,EAAE,CAAC,EAAE,GAAG,+BAA+B,CAAC;oBACxC,CACE,cAAc,CAAC,IAAI,CAAC,aAAa,CAC/B,uCAAuC,CACxC,IAAI,cAAc,CAAC,IAAI,CACzB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;gBACpB,CAAC;gBACD,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAEhC,wDAAwD;gBACxD,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;YACpC,CAAC;QACH,CAAC,CAAC;IAlCF,CAAC;IAEe,oBAAoB;QAClC,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;YACrD,UAAU;YACV,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC;IA6Be,MAAM;QACpB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxE,MAAM,gBAAgB,GAAwB;YAC5C,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;SACP,CAAC;QAEF,MAAM,OAAO,GAAG,oBAAoB,IAAI,yBAAW,CAAC;QAEpD,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IACrD,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,QAAQ,CAAC,YAAY,CACnB,6BAAK,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,gBAAgB;gBAC/D,oBAAC,OAAO,OAAK,KAAK,GAAI,CAClB,EACN,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAC1C,uCAAuC,CACxC,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CACpC,CACC,CACP,CAAC;IACJ,CAAC;CACF;AAvED,8CAuEC","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 ContextMenu\n */\n\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport type { ContextMenuProps } from \"./ContextMenu\";\nimport { ContextMenu } from \"./ContextMenu\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for the [[GlobalContextMenu]] component\n * @public\n * @deprecated in 4.16.0. Props of deprecated {@link GlobalContextMenu} component.\n */\nexport interface GlobalContextMenuProps extends ContextMenuProps {\n  /** Unique identifier, to distinguish from other GlobalContextMenu components. Needed only if multiple GlobalContextMenus are used simultaneously. */\n  identifier?: string;\n  /** Specifies the x/horizontal position on the viewport. */\n  x: number | string;\n  /** Specifies the y/vertical position on the viewport. */\n  y: number | string;\n  /** Context menu element. Default: ContextMenu */\n  contextMenuComponent?: React.ComponentType<ContextMenuProps>;\n}\n\ninterface GlobalContextMenuState {\n  parentDocument: Document | null;\n}\n\n/** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor\n * @public\n * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.\n */\nexport class GlobalContextMenu extends React.PureComponent<\n  GlobalContextMenuProps,\n  GlobalContextMenuState\n> {\n  private _container?: HTMLDivElement;\n\n  public override readonly state: GlobalContextMenuState = {\n    parentDocument: null,\n  };\n\n  constructor(props: GlobalContextMenuProps) {\n    super(props);\n  }\n\n  public override componentWillUnmount() {\n    if (this._container && this._container.parentElement) {\n      // cleanup\n      this._container.parentElement.removeChild(this._container);\n    }\n  }\n\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\n    const parentDocument = popupDiv?.ownerDocument ?? null;\n    if (parentDocument) {\n      this._container = parentDocument.createElement(\"div\");\n      this._container.id =\n        this.props.identifier !== undefined\n          ? `dialog-${this.props.identifier}`\n          : \"core-global-context-menu\";\n      let rt = parentDocument.getElementById(\n        \"core-global-context-menu-root\"\n      ) as HTMLDivElement;\n      if (!rt) {\n        rt = parentDocument.createElement(\"div\");\n        rt.id = \"core-global-context-menu-root\";\n        (\n          parentDocument.body.querySelector(\n            '[data-root-container=\"appui-root-id\"]'\n          ) ?? parentDocument.body\n        ).appendChild(rt);\n      }\n      rt.appendChild(this._container);\n\n      // used to support component rendering in pop-out window\n      this.setState({ parentDocument });\n    }\n  };\n\n  public override render(): React.ReactNode {\n    const { x, y, identifier, contextMenuComponent, ...props } = this.props;\n    const positioningStyle: React.CSSProperties = {\n      left: x,\n      top: y,\n    };\n\n    const CtxMenu = contextMenuComponent || ContextMenu;\n\n    return (\n      <div ref={this._handleRefSet} style={{ display: \"none\" }}>\n        {this.state.parentDocument &&\n          ReactDOM.createPortal(\n            <div className=\"core-context-menu-global\" style={positioningStyle}>\n              <CtxMenu {...props} />\n            </div>,\n            this.state.parentDocument.body.querySelector(\n              '[data-root-container=\"appui-root-id\"]'\n            ) ?? this.state.parentDocument.body\n          )}\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/core-react/contextmenu/PopupContextMenu.d.ts

@@ -7,6 +7,7 @@ import { RelativePosition } from "@itwin/appui-abstract";
 import type { CommonProps } from "../utils/Props";
 /** Properties for [[PopupContextMenu]] component
  * @public
+ * @deprecated in 4.16.0. Props of deprecated {@link PopupContextMenu} component.
  */
 export interface PopupContextMenuProps extends CommonProps {
     /** Indicates whether the popup is shown or not (defaults to false) */
@@ -50,6 +51,7 @@ export interface PopupContextMenuProps extends CommonProps {
 }
 /** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.
  * @public
+ * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.
  */
 export declare function PopupContextMenu(props: PopupContextMenuProps): React.JSX.Element;
 //# sourceMappingURL=PopupContextMenu.d.ts.map

package/lib/cjs/core-react/contextmenu/PopupContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/PopupContextMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;GAEG;AAEH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,sEAAsE;IACtE,MAAM,EAAE,OAAO,CAAC;IAChB,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,uCAAuC;IACvC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,oCAAoC;IACpC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC7C,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAwC5D"}
+{"version":3,"file":"PopupContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/PopupContextMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD;;;GAGG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,sEAAsE;IACtE,MAAM,EAAE,OAAO,CAAC;IAChB,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,uCAAuC;IACvC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,oCAAoC;IACpC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC7C,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAuC5D"}

package/lib/cjs/core-react/contextmenu/PopupContextMenu.js

@@ -16,13 +16,12 @@ const appui_abstract_1 = require("@itwin/appui-abstract");
 const ContextMenuDirection_1 = require("./ContextMenuDirection");
 /** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.
  * @public
+ * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.
  */
 function PopupContextMenu(props) {
     const { style, onSelect, onEsc, autoflip, edgeLimit, hotkeySelect, selectedIndex, children, ...popupProps } = props;
     const menuDirection = getContextMenuDirectionFromRelativePosition(popupProps.position);
-    return (
-    // eslint-disable-next-line deprecation/deprecation
-    React.createElement(Popup_1.Popup, { ...popupProps, closeOnNestedPopupOutsideClick: true, showShadow: false, showArrow: false, moveFocus: true, style: { ...style, border: "none" } },
+    return (React.createElement(Popup_1.Popup, { ...popupProps, closeOnNestedPopupOutsideClick: true, showShadow: false, showArrow: false, moveFocus: true, style: { ...style, border: "none" } },
         React.createElement(ContextMenu_1.ContextMenu, { className: "core-contextMenu-popupContextMenu_menu", opened: true, onSelect: onSelect, onEsc: onEsc, autoflip: autoflip, edgeLimit: edgeLimit, hotkeySelect: hotkeySelect, selectedIndex: selectedIndex, direction: menuDirection }, children)));
 }
 exports.PopupContextMenu = PopupContextMenu;

package/lib/cjs/core-react/contextmenu/PopupContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/PopupContextMenu.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,mCAAiC;AACjC,+BAA+B;AAC/B,0CAAuC;AACvC,+CAA4C;AAC5C,0DAAyD;AAEzD,iEAA8D;AAiD9D;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,2CAA2C,CAC/D,UAAU,CAAC,QAAQ,CACpB,CAAC;IACF,OAAO;IACL,mDAAmD;IACnD,oBAAC,aAAK,OACA,UAAU,EACd,8BAA8B,QAC9B,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;QAEnC,oBAAC,yBAAW,IACV,SAAS,EAAC,wCAAwC,EAClD,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,aAAa,IAEvB,QAAQ,CACG,CACR,CACT,CAAC;AACJ,CAAC;AAxCD,4CAwCC;AAED,SAAS,2CAA2C,CAClD,gBAAmC;IAEnC,IAAI,aAAa,GAAG,2CAAoB,CAAC,MAAM,CAAC;IAChD,QAAQ,gBAAgB,EAAE,CAAC;QACzB,KAAK,iCAAgB,CAAC,GAAG;YACvB,aAAa,GAAG,2CAAoB,CAAC,GAAG,CAAC;YACzC,MAAM;QACR,KAAK,iCAAgB,CAAC,OAAO;YAC3B,aAAa,GAAG,2CAAoB,CAAC,QAAQ,CAAC;YAC9C,MAAM;QACR,KAAK,iCAAgB,CAAC,QAAQ;YAC5B,aAAa,GAAG,2CAAoB,CAAC,OAAO,CAAC;YAC7C,MAAM;QACR,KAAK,iCAAgB,CAAC,IAAI;YACxB,aAAa,GAAG,2CAAoB,CAAC,IAAI,CAAC;YAC1C,MAAM;QACR,KAAK,iCAAgB,CAAC,KAAK;YACzB,aAAa,GAAG,2CAAoB,CAAC,KAAK,CAAC;YAC3C,MAAM;QACR,KAAK,iCAAgB,CAAC,MAAM;YAC1B,aAAa,GAAG,2CAAoB,CAAC,MAAM,CAAC;YAC5C,MAAM;QACR,KAAK,iCAAgB,CAAC,UAAU;YAC9B,aAAa,GAAG,2CAAoB,CAAC,WAAW,CAAC;YACjD,MAAM;QACR,KAAK,iCAAgB,CAAC,WAAW;YAC/B,aAAa,GAAG,2CAAoB,CAAC,UAAU,CAAC;YAChD,MAAM;IACV,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,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 ContextMenu\n */\n\nimport \"./PopupContextMenu.scss\";\nimport * as React from \"react\";\nimport { Popup } from \"../popup/Popup\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\n\n/** Properties for [[PopupContextMenu]] component\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface PopupContextMenuProps extends CommonProps {\n  /** Indicates whether the popup is shown or not (defaults to false) */\n  isOpen: boolean;\n  /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */\n  position?: RelativePosition;\n  /** Target element to position popup */\n  target?: HTMLElement | null;\n  /** Function called when the popup is opened */\n  onOpen?: () => void;\n  /** Function called when user clicks outside the popup  */\n  onOutsideClick?: (e: MouseEvent) => void;\n  /** Function called when the popup is closed */\n  onClose?: () => void;\n  /** Function called when the popup is closed on Enter */\n  onEnter?: () => void;\n  /** Top position (absolute positioning - defaults to 0) */\n  top?: number;\n  /** Left position (absolute positioning - defaults to 0) */\n  left?: number;\n  /** Offset from the parent (defaults to 4) */\n  offset?: number;\n  /** accessibility label */\n  ariaLabel?: string;\n  /** Indicates whether to use animation for open/close (defaults to true) */\n  animate?: boolean;\n\n  /** When list item or submenu is selected */\n  onSelect?: (event: React.MouseEvent | undefined) => void;\n  /** when Escape button is pressed */\n  onEsc?: (event: React.KeyboardEvent) => void;\n  /** Whether menu flips directions based on screen edge. Default: true */\n  autoflip?: boolean;\n  /** Whether menu hugs screen edge when autoflip is off. Default: true */\n  edgeLimit?: boolean;\n  /** Whether Hotkey press selects item, or just highlights item. Default: true */\n  hotkeySelect?: boolean;\n  /** starting menu item selected index Default: -1 */\n  selectedIndex?: number;\n\n  /** ContextMenu items */\n  children?: React.ReactNode;\n}\n\n/** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.\n * @public\n */\nexport function PopupContextMenu(props: PopupContextMenuProps) {\n  const {\n    style,\n    onSelect,\n    onEsc,\n    autoflip,\n    edgeLimit,\n    hotkeySelect,\n    selectedIndex,\n    children,\n    ...popupProps\n  } = props;\n  const menuDirection = getContextMenuDirectionFromRelativePosition(\n    popupProps.position\n  );\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <Popup\n      {...popupProps}\n      closeOnNestedPopupOutsideClick\n      showShadow={false}\n      showArrow={false}\n      moveFocus={true}\n      style={{ ...style, border: \"none\" }}\n    >\n      <ContextMenu\n        className=\"core-contextMenu-popupContextMenu_menu\"\n        opened={true}\n        onSelect={onSelect}\n        onEsc={onEsc}\n        autoflip={autoflip}\n        edgeLimit={edgeLimit}\n        hotkeySelect={hotkeySelect}\n        selectedIndex={selectedIndex}\n        direction={menuDirection}\n      >\n        {children}\n      </ContextMenu>\n    </Popup>\n  );\n}\n\nfunction getContextMenuDirectionFromRelativePosition(\n  relativePosition?: RelativePosition\n): ContextMenuDirection {\n  let menuDirection = ContextMenuDirection.Bottom;\n  switch (relativePosition) {\n    case RelativePosition.Top:\n      menuDirection = ContextMenuDirection.Top;\n      break;\n    case RelativePosition.TopLeft:\n      menuDirection = ContextMenuDirection.TopRight;\n      break;\n    case RelativePosition.TopRight:\n      menuDirection = ContextMenuDirection.TopLeft;\n      break;\n    case RelativePosition.Left:\n      menuDirection = ContextMenuDirection.Left;\n      break;\n    case RelativePosition.Right:\n      menuDirection = ContextMenuDirection.Right;\n      break;\n    case RelativePosition.Bottom:\n      menuDirection = ContextMenuDirection.Bottom;\n      break;\n    case RelativePosition.BottomLeft:\n      menuDirection = ContextMenuDirection.BottomRight;\n      break;\n    case RelativePosition.BottomRight:\n      menuDirection = ContextMenuDirection.BottomLeft;\n      break;\n  }\n  return menuDirection;\n}\n"]}
+{"version":3,"file":"PopupContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/PopupContextMenu.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,mCAAiC;AACjC,+BAA+B;AAC/B,0CAAuC;AACvC,+CAA4C;AAC5C,0DAAyD;AAEzD,iEAA8D;AAmD9D;;;GAGG;AACH,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,2CAA2C,CAC/D,UAAU,CAAC,QAAQ,CACpB,CAAC;IACF,OAAO,CACL,oBAAC,aAAK,OACA,UAAU,EACd,8BAA8B,QAC9B,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;QAEnC,oBAAC,yBAAW,IACV,SAAS,EAAC,wCAAwC,EAClD,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,aAAa,IAEvB,QAAQ,CACG,CACR,CACT,CAAC;AACJ,CAAC;AAvCD,4CAuCC;AAED,SAAS,2CAA2C,CAClD,gBAAmC;IAEnC,IAAI,aAAa,GAAG,2CAAoB,CAAC,MAAM,CAAC;IAChD,QAAQ,gBAAgB,EAAE,CAAC;QACzB,KAAK,iCAAgB,CAAC,GAAG;YACvB,aAAa,GAAG,2CAAoB,CAAC,GAAG,CAAC;YACzC,MAAM;QACR,KAAK,iCAAgB,CAAC,OAAO;YAC3B,aAAa,GAAG,2CAAoB,CAAC,QAAQ,CAAC;YAC9C,MAAM;QACR,KAAK,iCAAgB,CAAC,QAAQ;YAC5B,aAAa,GAAG,2CAAoB,CAAC,OAAO,CAAC;YAC7C,MAAM;QACR,KAAK,iCAAgB,CAAC,IAAI;YACxB,aAAa,GAAG,2CAAoB,CAAC,IAAI,CAAC;YAC1C,MAAM;QACR,KAAK,iCAAgB,CAAC,KAAK;YACzB,aAAa,GAAG,2CAAoB,CAAC,KAAK,CAAC;YAC3C,MAAM;QACR,KAAK,iCAAgB,CAAC,MAAM;YAC1B,aAAa,GAAG,2CAAoB,CAAC,MAAM,CAAC;YAC5C,MAAM;QACR,KAAK,iCAAgB,CAAC,UAAU;YAC9B,aAAa,GAAG,2CAAoB,CAAC,WAAW,CAAC;YACjD,MAAM;QACR,KAAK,iCAAgB,CAAC,WAAW;YAC/B,aAAa,GAAG,2CAAoB,CAAC,UAAU,CAAC;YAChD,MAAM;IACV,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,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 ContextMenu\n */\n\nimport \"./PopupContextMenu.scss\";\nimport * as React from \"react\";\nimport { Popup } from \"../popup/Popup\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for [[PopupContextMenu]] component\n * @public\n * @deprecated in 4.16.0. Props of deprecated {@link PopupContextMenu} component.\n */\nexport interface PopupContextMenuProps extends CommonProps {\n  /** Indicates whether the popup is shown or not (defaults to false) */\n  isOpen: boolean;\n  /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */\n  position?: RelativePosition;\n  /** Target element to position popup */\n  target?: HTMLElement | null;\n  /** Function called when the popup is opened */\n  onOpen?: () => void;\n  /** Function called when user clicks outside the popup  */\n  onOutsideClick?: (e: MouseEvent) => void;\n  /** Function called when the popup is closed */\n  onClose?: () => void;\n  /** Function called when the popup is closed on Enter */\n  onEnter?: () => void;\n  /** Top position (absolute positioning - defaults to 0) */\n  top?: number;\n  /** Left position (absolute positioning - defaults to 0) */\n  left?: number;\n  /** Offset from the parent (defaults to 4) */\n  offset?: number;\n  /** accessibility label */\n  ariaLabel?: string;\n  /** Indicates whether to use animation for open/close (defaults to true) */\n  animate?: boolean;\n\n  /** When list item or submenu is selected */\n  onSelect?: (event: React.MouseEvent | undefined) => void;\n  /** when Escape button is pressed */\n  onEsc?: (event: React.KeyboardEvent) => void;\n  /** Whether menu flips directions based on screen edge. Default: true */\n  autoflip?: boolean;\n  /** Whether menu hugs screen edge when autoflip is off. Default: true */\n  edgeLimit?: boolean;\n  /** Whether Hotkey press selects item, or just highlights item. Default: true */\n  hotkeySelect?: boolean;\n  /** starting menu item selected index Default: -1 */\n  selectedIndex?: number;\n\n  /** ContextMenu items */\n  children?: React.ReactNode;\n}\n\n/** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.\n * @public\n * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.\n */\nexport function PopupContextMenu(props: PopupContextMenuProps) {\n  const {\n    style,\n    onSelect,\n    onEsc,\n    autoflip,\n    edgeLimit,\n    hotkeySelect,\n    selectedIndex,\n    children,\n    ...popupProps\n  } = props;\n  const menuDirection = getContextMenuDirectionFromRelativePosition(\n    popupProps.position\n  );\n  return (\n    <Popup\n      {...popupProps}\n      closeOnNestedPopupOutsideClick\n      showShadow={false}\n      showArrow={false}\n      moveFocus={true}\n      style={{ ...style, border: \"none\" }}\n    >\n      <ContextMenu\n        className=\"core-contextMenu-popupContextMenu_menu\"\n        opened={true}\n        onSelect={onSelect}\n        onEsc={onEsc}\n        autoflip={autoflip}\n        edgeLimit={edgeLimit}\n        hotkeySelect={hotkeySelect}\n        selectedIndex={selectedIndex}\n        direction={menuDirection}\n      >\n        {children}\n      </ContextMenu>\n    </Popup>\n  );\n}\n\nfunction getContextMenuDirectionFromRelativePosition(\n  relativePosition?: RelativePosition\n): ContextMenuDirection {\n  let menuDirection = ContextMenuDirection.Bottom;\n  switch (relativePosition) {\n    case RelativePosition.Top:\n      menuDirection = ContextMenuDirection.Top;\n      break;\n    case RelativePosition.TopLeft:\n      menuDirection = ContextMenuDirection.TopRight;\n      break;\n    case RelativePosition.TopRight:\n      menuDirection = ContextMenuDirection.TopLeft;\n      break;\n    case RelativePosition.Left:\n      menuDirection = ContextMenuDirection.Left;\n      break;\n    case RelativePosition.Right:\n      menuDirection = ContextMenuDirection.Right;\n      break;\n    case RelativePosition.Bottom:\n      menuDirection = ContextMenuDirection.Bottom;\n      break;\n    case RelativePosition.BottomLeft:\n      menuDirection = ContextMenuDirection.BottomRight;\n      break;\n    case RelativePosition.BottomRight:\n      menuDirection = ContextMenuDirection.BottomLeft;\n      break;\n  }\n  return menuDirection;\n}\n"]}

package/lib/cjs/core-react/elementseparator/ElementSeparator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementSeparator.d.ts","sourceRoot":"","sources":["../../../../src/core-react/elementseparator/ElementSeparator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AAEH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,4BAA4B;IAC5B,WAAW,EAAE,WAAW,CAAC;IACzB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sCAAsC;IAEtC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,iBAAiB,CAAC;IAC7D,+BAA+B;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,oCAAoC;IACpC,yBAAyB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9D;AA8KD;;;GAGG;AAEH,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,sBA8C5D,CAAC"}
+{"version":3,"file":"ElementSeparator.d.ts","sourceRoot":"","sources":["../../../../src/core-react/elementseparator/ElementSeparator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,4BAA4B;IAC5B,WAAW,EAAE,WAAW,CAAC;IACzB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,iBAAiB,CAAC;IAC7D,+BAA+B;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,oCAAoC;IACpC,yBAAyB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9D;AA6KD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,sBA8C5D,CAAC"}

package/lib/cjs/core-react/elementseparator/ElementSeparator.js

@@ -140,7 +140,6 @@ function getStyle(orientation, separatorSize) {
  * @public
  * @deprecated in 4.12.0. Basic components that need to be user-resized support this out of the box. Use {@link https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent pointer events} API to implement a custom resizer.
  */
-// eslint-disable-next-line deprecation/deprecation
 const ElementSeparator = (props) => {
     const { translate } = (0, useTranslation_1.useTranslation)();
     const [hasHoverHappened, setHasHoverHappened] = (0, react_1.useState)(false);

package/lib/cjs/core-react/elementseparator/ElementSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementSeparator.js","sourceRoot":"","sources":["../../../../src/core-react/elementseparator/ElementSeparator.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 ElementSeparator\n */\n\nimport \"./ElementSeparator.scss\";\nimport * as React from \"react\";\nimport {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Orientation } from \"../enums/Orientation\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { useThrottledFn } from \"../utils/hooks/useThrottledFn\";\nimport { useTranslation } from \"../l10n/useTranslation\";\n\n/** Results returned by onRatioChanged callback for determining new ratio and whether the ratio was updated.\n * @public\n * @deprecated in 4.12.0. Interface used in a deprecated component {@link ElementSeparator}.\n */\nexport interface RatioChangeResult {\n  ratio: number;\n}\n\n/** Properties of [[ElementSeparator]] React component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link ElementSeparator}.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface ElementSeparatorProps extends CommonProps {\n  /** Separator orientation */\n  orientation: Orientation;\n  /** Ratio between left cell and right cell */\n  ratio: number;\n  /** Area width or height (depending on orientation) in pixels */\n  movableArea?: number;\n  /** Separator width or height in pixels. 30 by default */\n  separatorSize?: number;\n  /** Callback to ratio changed event */\n  // eslint-disable-next-line deprecation/deprecation\n  onRatioChanged?: (ratio: number) => void | RatioChangeResult;\n  /** Is resize handle hovered */\n  isResizeHandleHovered?: boolean;\n  /** Callback to hover event change */\n  onResizeHandleHoverChanged?: (isHovered: boolean) => void;\n  /** Is resize handle being dragged */\n  isResizeHandleBeingDragged?: boolean;\n  /** Callback to drag event change */\n  onResizeHandleDragChanged?: (isDragStarted: boolean) => void;\n}\n\nfunction getCurrentGlobalPosition(\n  orientation: Orientation,\n  e: PointerEvent | React.PointerEvent\n) {\n  return orientation === Orientation.Horizontal ? e.clientX : e.clientY;\n}\n\nconst useConditionalCleanup = (condition: boolean, cleanup: () => void) => {\n  const conditionRef = useRef(condition);\n  const cleanupRef = useRef(cleanup);\n\n  conditionRef.current = condition;\n  cleanupRef.current = cleanup;\n\n  useEffect(() => {\n    return () => {\n      if (conditionRef.current) cleanupRef.current();\n    };\n  }, []);\n};\n\nconst useElementSeparatorPointerHandler = ({\n  onResizeHandleDragChanged,\n  onResizeHandleHoverChanged,\n  isResizeHandleBeingDragged,\n  isResizeHandleHovered,\n  movableArea,\n  ratio,\n  orientation,\n  onRatioChanged,\n}: // eslint-disable-next-line deprecation/deprecation\nElementSeparatorProps) => {\n  const globalPosition = useRef(0);\n  const pointerOutOfBounds = useRef(false);\n\n  const [isElementDragged, setIsDragged] = useState(false);\n  const [isElementHovered, setIsHovered] = useState(false);\n  const isGroupDragged = isResizeHandleBeingDragged ?? isElementDragged;\n  const isGroupHovered = isResizeHandleHovered ?? isElementHovered;\n\n  useConditionalCleanup(isElementDragged && !!onResizeHandleDragChanged, () =>\n    onResizeHandleDragChanged!(false)\n  );\n  useConditionalCleanup(isElementHovered && !!onResizeHandleHoverChanged, () =>\n    onResizeHandleHoverChanged!(false)\n  );\n\n  if (isGroupHovered && pointerOutOfBounds.current)\n    pointerOutOfBounds.current = false;\n\n  const stopDrag = useCallback(() => {\n    if (isGroupDragged) {\n      setIsDragged(false);\n      if (onResizeHandleDragChanged) onResizeHandleDragChanged(false);\n    }\n  }, [isGroupDragged, onResizeHandleDragChanged]);\n\n  const startDrag = useCallback(\n    (e: PointerEvent | React.PointerEvent) => {\n      globalPosition.current = getCurrentGlobalPosition(orientation, e);\n\n      if (!isGroupDragged) {\n        setIsDragged(true);\n        if (onResizeHandleDragChanged) onResizeHandleDragChanged(true);\n      }\n    },\n    [isGroupDragged, orientation, onResizeHandleDragChanged]\n  );\n\n  const onPointerUp = useCallback(() => {\n    stopDrag();\n  }, [stopDrag]);\n\n  const onThrottledPointerMove = useThrottledFn(\n    (e: PointerEvent | React.PointerEvent) => {\n      if (!movableArea) {\n        stopDrag();\n        return;\n      }\n\n      const currentPosition = getCurrentGlobalPosition(orientation, e);\n      const positionChange = currentPosition - globalPosition.current;\n\n      // Should not need to recalculate if position on our movement axis does not change\n      if (Math.abs(positionChange) < 1) return;\n\n      const currentLocalPosition = movableArea * ratio + positionChange;\n      const newRatio = currentLocalPosition / movableArea;\n\n      globalPosition.current = currentPosition;\n      if (pointerOutOfBounds.current || !onRatioChanged) return;\n\n      const result = onRatioChanged(newRatio);\n      if (\n        result &&\n        result.ratio === ratio &&\n        !isGroupHovered &&\n        !pointerOutOfBounds.current\n      )\n        pointerOutOfBounds.current = true;\n    },\n    16,\n    [stopDrag, isGroupHovered, ratio, movableArea, onRatioChanged, orientation]\n  );\n\n  useEffect(() => {\n    return () => onThrottledPointerMove.cancel();\n  }, [onThrottledPointerMove]);\n\n  useLayoutEffect(() => {\n    if (isElementDragged) {\n      document.addEventListener(\"pointerup\", onPointerUp);\n      document.addEventListener(\"pointermove\", onThrottledPointerMove);\n    }\n\n    return () => {\n      document.removeEventListener(\"pointerup\", onPointerUp);\n      document.removeEventListener(\"pointermove\", onThrottledPointerMove);\n    };\n  }, [isElementDragged, onPointerUp, onThrottledPointerMove]);\n\n  const onPointerDown = useCallback(\n    (e: PointerEvent | React.PointerEvent) => {\n      if (!isGroupDragged) {\n        startDrag(e);\n      } else {\n        stopDrag();\n      }\n    },\n    [isGroupDragged, startDrag, stopDrag]\n  );\n\n  const onPointerOver = useCallback(() => {\n    if (isGroupHovered) return;\n\n    setIsHovered(true);\n    if (onResizeHandleHoverChanged) onResizeHandleHoverChanged(true);\n  }, [isGroupHovered, onResizeHandleHoverChanged]);\n\n  const onPointerOut = useCallback(() => {\n    if (!isGroupHovered) return;\n\n    setIsHovered(false);\n    if (onResizeHandleHoverChanged) onResizeHandleHoverChanged(false);\n  }, [isGroupHovered, onResizeHandleHoverChanged]);\n\n  return {\n    isHovered: isGroupHovered,\n    isDragged: isGroupDragged,\n    onPointerDown,\n    onPointerOver,\n    onPointerOut,\n  };\n};\n\nfunction getStyle(\n  orientation: Orientation,\n  separatorSize?: number\n): React.CSSProperties {\n  separatorSize = separatorSize || 30;\n\n  if (orientation === Orientation.Horizontal)\n    return {\n      width: separatorSize,\n      margin: `0px ${-Math.floor(separatorSize / 2)}px`,\n    };\n  return {\n    height: separatorSize,\n    margin: `${-Math.floor(separatorSize / 2)}px 1px`,\n  };\n}\n\n/** A movable button, which allows to change the ratio between left element and right element\n * @public\n * @deprecated in 4.12.0. Basic components that need to be user-resized support this out of the box. Use {@link https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent pointer events} API to implement a custom resizer.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport const ElementSeparator = (props: ElementSeparatorProps) => {\n  const { translate } = useTranslation();\n\n  const [hasHoverHappened, setHasHoverHappened] = useState(false);\n  const { isDragged, isHovered, onPointerDown, onPointerOver, onPointerOut } =\n    useElementSeparatorPointerHandler(props);\n\n  const isHoverNeeded = isHovered || isDragged;\n  if (!hasHoverHappened && isHoverNeeded) setHasHoverHappened(isHoverNeeded);\n\n  // This is done to avoid fade-out animation when first rendering.\n  const unhoverClass = hasHoverHappened\n    ? \"core-element-separator-group-unhovered\"\n    : \"\";\n\n  const classNames = classnames(\n    \"core-element-separator\",\n    props.orientation === Orientation.Horizontal\n      ? \"core-element-separator--horizontal\"\n      : \"core-element-separator--vertical\",\n    props.className,\n    isHoverNeeded ? \"core-element-separator-group-hovered\" : unhoverClass\n  );\n\n  const orientation = props.orientation;\n  const separatorSize = props.separatorSize;\n  const style = useMemo(\n    () => getStyle(orientation, separatorSize),\n    [orientation, separatorSize]\n  );\n  const styles: React.CSSProperties = {\n    ...style,\n    ...props.style,\n  };\n\n  return (\n    <button\n      style={styles}\n      className={classNames}\n      onPointerDown={onPointerDown}\n      onPointerOver={onPointerOver}\n      onPointerOut={onPointerOut}\n      aria-label={translate(\"elementSeparator.label\")}\n      tabIndex={-1}\n    />\n  );\n};\n"]}
+{"version":3,"file":"ElementSeparator.js","sourceRoot":"","sources":["../../../../src/core-react/elementseparator/ElementSeparator.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 ElementSeparator\n */\n\nimport \"./ElementSeparator.scss\";\nimport * as React from \"react\";\nimport {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Orientation } from \"../enums/Orientation\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { useThrottledFn } from \"../utils/hooks/useThrottledFn\";\nimport { useTranslation } from \"../l10n/useTranslation\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Results returned by onRatioChanged callback for determining new ratio and whether the ratio was updated.\n * @public\n * @deprecated in 4.12.0. Interface used in a deprecated component {@link ElementSeparator}.\n */\nexport interface RatioChangeResult {\n  ratio: number;\n}\n\n/** Properties of [[ElementSeparator]] React component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link ElementSeparator}.\n */\nexport interface ElementSeparatorProps extends CommonProps {\n  /** Separator orientation */\n  orientation: Orientation;\n  /** Ratio between left cell and right cell */\n  ratio: number;\n  /** Area width or height (depending on orientation) in pixels */\n  movableArea?: number;\n  /** Separator width or height in pixels. 30 by default */\n  separatorSize?: number;\n  /** Callback to ratio changed event */\n  onRatioChanged?: (ratio: number) => void | RatioChangeResult;\n  /** Is resize handle hovered */\n  isResizeHandleHovered?: boolean;\n  /** Callback to hover event change */\n  onResizeHandleHoverChanged?: (isHovered: boolean) => void;\n  /** Is resize handle being dragged */\n  isResizeHandleBeingDragged?: boolean;\n  /** Callback to drag event change */\n  onResizeHandleDragChanged?: (isDragStarted: boolean) => void;\n}\n\nfunction getCurrentGlobalPosition(\n  orientation: Orientation,\n  e: PointerEvent | React.PointerEvent\n) {\n  return orientation === Orientation.Horizontal ? e.clientX : e.clientY;\n}\n\nconst useConditionalCleanup = (condition: boolean, cleanup: () => void) => {\n  const conditionRef = useRef(condition);\n  const cleanupRef = useRef(cleanup);\n\n  conditionRef.current = condition;\n  cleanupRef.current = cleanup;\n\n  useEffect(() => {\n    return () => {\n      if (conditionRef.current) cleanupRef.current();\n    };\n  }, []);\n};\n\nconst useElementSeparatorPointerHandler = ({\n  onResizeHandleDragChanged,\n  onResizeHandleHoverChanged,\n  isResizeHandleBeingDragged,\n  isResizeHandleHovered,\n  movableArea,\n  ratio,\n  orientation,\n  onRatioChanged,\n}: ElementSeparatorProps) => {\n  const globalPosition = useRef(0);\n  const pointerOutOfBounds = useRef(false);\n\n  const [isElementDragged, setIsDragged] = useState(false);\n  const [isElementHovered, setIsHovered] = useState(false);\n  const isGroupDragged = isResizeHandleBeingDragged ?? isElementDragged;\n  const isGroupHovered = isResizeHandleHovered ?? isElementHovered;\n\n  useConditionalCleanup(isElementDragged && !!onResizeHandleDragChanged, () =>\n    onResizeHandleDragChanged!(false)\n  );\n  useConditionalCleanup(isElementHovered && !!onResizeHandleHoverChanged, () =>\n    onResizeHandleHoverChanged!(false)\n  );\n\n  if (isGroupHovered && pointerOutOfBounds.current)\n    pointerOutOfBounds.current = false;\n\n  const stopDrag = useCallback(() => {\n    if (isGroupDragged) {\n      setIsDragged(false);\n      if (onResizeHandleDragChanged) onResizeHandleDragChanged(false);\n    }\n  }, [isGroupDragged, onResizeHandleDragChanged]);\n\n  const startDrag = useCallback(\n    (e: PointerEvent | React.PointerEvent) => {\n      globalPosition.current = getCurrentGlobalPosition(orientation, e);\n\n      if (!isGroupDragged) {\n        setIsDragged(true);\n        if (onResizeHandleDragChanged) onResizeHandleDragChanged(true);\n      }\n    },\n    [isGroupDragged, orientation, onResizeHandleDragChanged]\n  );\n\n  const onPointerUp = useCallback(() => {\n    stopDrag();\n  }, [stopDrag]);\n\n  const onThrottledPointerMove = useThrottledFn(\n    (e: PointerEvent | React.PointerEvent) => {\n      if (!movableArea) {\n        stopDrag();\n        return;\n      }\n\n      const currentPosition = getCurrentGlobalPosition(orientation, e);\n      const positionChange = currentPosition - globalPosition.current;\n\n      // Should not need to recalculate if position on our movement axis does not change\n      if (Math.abs(positionChange) < 1) return;\n\n      const currentLocalPosition = movableArea * ratio + positionChange;\n      const newRatio = currentLocalPosition / movableArea;\n\n      globalPosition.current = currentPosition;\n      if (pointerOutOfBounds.current || !onRatioChanged) return;\n\n      const result = onRatioChanged(newRatio);\n      if (\n        result &&\n        result.ratio === ratio &&\n        !isGroupHovered &&\n        !pointerOutOfBounds.current\n      )\n        pointerOutOfBounds.current = true;\n    },\n    16,\n    [stopDrag, isGroupHovered, ratio, movableArea, onRatioChanged, orientation]\n  );\n\n  useEffect(() => {\n    return () => onThrottledPointerMove.cancel();\n  }, [onThrottledPointerMove]);\n\n  useLayoutEffect(() => {\n    if (isElementDragged) {\n      document.addEventListener(\"pointerup\", onPointerUp);\n      document.addEventListener(\"pointermove\", onThrottledPointerMove);\n    }\n\n    return () => {\n      document.removeEventListener(\"pointerup\", onPointerUp);\n      document.removeEventListener(\"pointermove\", onThrottledPointerMove);\n    };\n  }, [isElementDragged, onPointerUp, onThrottledPointerMove]);\n\n  const onPointerDown = useCallback(\n    (e: PointerEvent | React.PointerEvent) => {\n      if (!isGroupDragged) {\n        startDrag(e);\n      } else {\n        stopDrag();\n      }\n    },\n    [isGroupDragged, startDrag, stopDrag]\n  );\n\n  const onPointerOver = useCallback(() => {\n    if (isGroupHovered) return;\n\n    setIsHovered(true);\n    if (onResizeHandleHoverChanged) onResizeHandleHoverChanged(true);\n  }, [isGroupHovered, onResizeHandleHoverChanged]);\n\n  const onPointerOut = useCallback(() => {\n    if (!isGroupHovered) return;\n\n    setIsHovered(false);\n    if (onResizeHandleHoverChanged) onResizeHandleHoverChanged(false);\n  }, [isGroupHovered, onResizeHandleHoverChanged]);\n\n  return {\n    isHovered: isGroupHovered,\n    isDragged: isGroupDragged,\n    onPointerDown,\n    onPointerOver,\n    onPointerOut,\n  };\n};\n\nfunction getStyle(\n  orientation: Orientation,\n  separatorSize?: number\n): React.CSSProperties {\n  separatorSize = separatorSize || 30;\n\n  if (orientation === Orientation.Horizontal)\n    return {\n      width: separatorSize,\n      margin: `0px ${-Math.floor(separatorSize / 2)}px`,\n    };\n  return {\n    height: separatorSize,\n    margin: `${-Math.floor(separatorSize / 2)}px 1px`,\n  };\n}\n\n/** A movable button, which allows to change the ratio between left element and right element\n * @public\n * @deprecated in 4.12.0. Basic components that need to be user-resized support this out of the box. Use {@link https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent pointer events} API to implement a custom resizer.\n */\nexport const ElementSeparator = (props: ElementSeparatorProps) => {\n  const { translate } = useTranslation();\n\n  const [hasHoverHappened, setHasHoverHappened] = useState(false);\n  const { isDragged, isHovered, onPointerDown, onPointerOver, onPointerOut } =\n    useElementSeparatorPointerHandler(props);\n\n  const isHoverNeeded = isHovered || isDragged;\n  if (!hasHoverHappened && isHoverNeeded) setHasHoverHappened(isHoverNeeded);\n\n  // This is done to avoid fade-out animation when first rendering.\n  const unhoverClass = hasHoverHappened\n    ? \"core-element-separator-group-unhovered\"\n    : \"\";\n\n  const classNames = classnames(\n    \"core-element-separator\",\n    props.orientation === Orientation.Horizontal\n      ? \"core-element-separator--horizontal\"\n      : \"core-element-separator--vertical\",\n    props.className,\n    isHoverNeeded ? \"core-element-separator-group-hovered\" : unhoverClass\n  );\n\n  const orientation = props.orientation;\n  const separatorSize = props.separatorSize;\n  const style = useMemo(\n    () => getStyle(orientation, separatorSize),\n    [orientation, separatorSize]\n  );\n  const styles: React.CSSProperties = {\n    ...style,\n    ...props.style,\n  };\n\n  return (\n    <button\n      style={styles}\n      className={classNames}\n      onPointerDown={onPointerDown}\n      onPointerOver={onPointerOver}\n      onPointerOut={onPointerOut}\n      aria-label={translate(\"elementSeparator.label\")}\n      tabIndex={-1}\n    />\n  );\n};\n"]}

package/lib/cjs/core-react/enums/CheckBoxState.d.ts

@@ -3,6 +3,7 @@
  */
 /** State of a checkbox
  * @public
+ * @deprecated in 4.16.0. Use {@link @itwin/components-react#CheckBoxState} instead.
  */
 export declare enum CheckBoxState {
     Off = 0,

package/lib/cjs/core-react/enums/CheckBoxState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxState.d.ts","sourceRoot":"","sources":["../../../../src/core-react/enums/CheckBoxState.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,oBAAY,aAAa;IACvB,GAAG,IAAA;IACH,EAAE,IAAA;IACF,OAAO,IAAA;CACR;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}
+{"version":3,"file":"CheckBoxState.d.ts","sourceRoot":"","sources":["../../../../src/core-react/enums/CheckBoxState.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;GAGG;AACH,oBAAY,aAAa;IACvB,GAAG,IAAA;IACH,EAAE,IAAA;IACF,OAAO,IAAA;CACR;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/lib/cjs/core-react/enums/CheckBoxState.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckBoxState = void 0;
 /** State of a checkbox
  * @public
+ * @deprecated in 4.16.0. Use {@link @itwin/components-react#CheckBoxState} instead.
  */
 var CheckBoxState;
 (function (CheckBoxState) {

package/lib/cjs/core-react/enums/CheckBoxState.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxState.js","sourceRoot":"","sources":["../../../../src/core-react/enums/CheckBoxState.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH;;GAEG;AACH,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,+CAAG,CAAA;IACH,6CAAE,CAAA;IACF,uDAAO,CAAA;AACT,CAAC,EAJW,aAAa,6BAAb,aAAa,QAIxB","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\n/** State of a checkbox\n * @public\n */\nexport enum CheckBoxState {\n  Off,\n  On,\n  Partial,\n}\n\n/** A data type that holds all the checkbox display attributes\n * @public\n * @deprecated in 4.15.0. Not used by AppUI.\n */\nexport interface CheckBoxInfo {\n  isVisible?: boolean;\n  isDisabled?: boolean;\n  state?: CheckBoxState;\n  tooltip?: string;\n}\n"]}
+{"version":3,"file":"CheckBoxState.js","sourceRoot":"","sources":["../../../../src/core-react/enums/CheckBoxState.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH;;;GAGG;AACH,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,+CAAG,CAAA;IACH,6CAAE,CAAA;IACF,uDAAO,CAAA;AACT,CAAC,EAJW,aAAa,6BAAb,aAAa,QAIxB","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\n/** State of a checkbox\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/components-react#CheckBoxState} instead.\n */\nexport enum CheckBoxState {\n  Off,\n  On,\n  Partial,\n}\n\n/** A data type that holds all the checkbox display attributes\n * @public\n * @deprecated in 4.15.0. Not used by AppUI.\n */\nexport interface CheckBoxInfo {\n  isVisible?: boolean;\n  isDisabled?: boolean;\n  // eslint-disable-next-line deprecation/deprecation\n  state?: CheckBoxState;\n  tooltip?: string;\n}\n"]}

package/lib/cjs/core-react/enums/Orientation.d.ts

@@ -4,6 +4,7 @@
 /**
  * Enumeration of orientation.
  * @public
+ * @deprecated in 4.16.0. Use {@link @itwin/components-react#Orientation} instead.
  */
 export declare enum Orientation {
     Horizontal = 0,

package/lib/cjs/core-react/enums/Orientation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Orientation.d.ts","sourceRoot":"","sources":["../../../../src/core-react/enums/Orientation.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;GAGG;AACH,oBAAY,WAAW;IACrB,UAAU,IAAA;IACV,QAAQ,IAAA;CACT"}
+{"version":3,"file":"Orientation.d.ts","sourceRoot":"","sources":["../../../../src/core-react/enums/Orientation.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;;GAIG;AACH,oBAAY,WAAW;IACrB,UAAU,IAAA;IACV,QAAQ,IAAA;CACT"}

package/lib/cjs/core-react/enums/Orientation.js

@@ -11,6 +11,7 @@ exports.Orientation = void 0;
 /**
  * Enumeration of orientation.
  * @public
+ * @deprecated in 4.16.0. Use {@link @itwin/components-react#Orientation} instead.
  */
 var Orientation;
 (function (Orientation) {

package/lib/cjs/core-react/enums/Orientation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Orientation.js","sourceRoot":"","sources":["../../../../src/core-react/enums/Orientation.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH;;;GAGG;AACH,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,yDAAU,CAAA;IACV,qDAAQ,CAAA;AACV,CAAC,EAHW,WAAW,2BAAX,WAAW,QAGtB","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\n/**\n * Enumeration of orientation.\n * @public\n */\nexport enum Orientation {\n  Horizontal,\n  Vertical,\n}\n"]}
+{"version":3,"file":"Orientation.js","sourceRoot":"","sources":["../../../../src/core-react/enums/Orientation.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH;;;;GAIG;AACH,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,yDAAU,CAAA;IACV,qDAAQ,CAAA;AACV,CAAC,EAHW,WAAW,2BAAX,WAAW,QAGtB","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\n/**\n * Enumeration of orientation.\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/components-react#Orientation} instead.\n */\nexport enum Orientation {\n  Horizontal,\n  Vertical,\n}\n"]}

package/lib/cjs/core-react/enums/TimeFormat.d.ts

@@ -3,6 +3,7 @@
  */
 /** Enumeration of time formats.
  * @public
+ * @deprecated in 4.16.0. Use {@link @itwin/components-react#TimeFormat} instead.
  */
 export declare enum TimeFormat {
     /** Show Date and time using toISOString */

package/lib/cjs/core-react/enums/TimeFormat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeFormat.d.ts","sourceRoot":"","sources":["../../../../src/core-react/enums/TimeFormat.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,oBAAY,UAAU;IACpB,2CAA2C;IAC3C,IAAI,IAAI;IACR,yCAAyC;IACzC,KAAK,IAAA;IACL,0CAA0C;IAC1C,IAAI,IAAA;CACL"}
+{"version":3,"file":"TimeFormat.d.ts","sourceRoot":"","sources":["../../../../src/core-react/enums/TimeFormat.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;GAGG;AACH,oBAAY,UAAU;IACpB,2CAA2C;IAC3C,IAAI,IAAI;IACR,yCAAyC;IACzC,KAAK,IAAA;IACL,0CAA0C;IAC1C,IAAI,IAAA;CACL"}

package/lib/cjs/core-react/enums/TimeFormat.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimeFormat = void 0;
 /** Enumeration of time formats.
  * @public
+ * @deprecated in 4.16.0. Use {@link @itwin/components-react#TimeFormat} instead.
  */
 var TimeFormat;
 (function (TimeFormat) {

package/lib/cjs/core-react/enums/TimeFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeFormat.js","sourceRoot":"","sources":["../../../../src/core-react/enums/TimeFormat.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH;;GAEG;AACH,IAAY,UAOX;AAPD,WAAY,UAAU;IACpB,2CAA2C;IAC3C,2CAAQ,CAAA;IACR,yCAAyC;IACzC,6CAAK,CAAA;IACL,0CAA0C;IAC1C,2CAAI,CAAA;AACN,CAAC,EAPW,UAAU,0BAAV,UAAU,QAOrB","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\n/** Enumeration of time formats.\n * @public\n */\nexport enum TimeFormat {\n  /** Show Date and time using toISOString */\n  None = 0,\n  /** Show Date using toLocaleDateString */\n  Short,\n  /** Show Date Time using toLocaleString */\n  Long,\n}\n"]}
+{"version":3,"file":"TimeFormat.js","sourceRoot":"","sources":["../../../../src/core-react/enums/TimeFormat.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH;;;GAGG;AACH,IAAY,UAOX;AAPD,WAAY,UAAU;IACpB,2CAA2C;IAC3C,2CAAQ,CAAA;IACR,yCAAyC;IACzC,6CAAK,CAAA;IACL,0CAA0C;IAC1C,2CAAI,CAAA;AACN,CAAC,EAPW,UAAU,0BAAV,UAAU,QAOrB","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\n/** Enumeration of time formats.\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/components-react#TimeFormat} instead.\n */\nexport enum TimeFormat {\n  /** Show Date and time using toISOString */\n  None = 0,\n  /** Show Date using toLocaleDateString */\n  Short,\n  /** Show Date Time using toLocaleString */\n  Long,\n}\n"]}

package/lib/cjs/core-react/focus/ItemKeyboardNavigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemKeyboardNavigator.d.ts","sourceRoot":"","sources":["../../../../src/core-react/focus/ItemKeyboardNavigator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAE/D;;GAEG;AACH,qBAAa,qBAAqB;IAQvB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IACpC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IARhD,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,YAAY,CAA0B;IAC9C,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,yBAAyB,CAAC,CAAwB;gBAGjD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACpC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAUhD,qBAAqB;IACrB,IAAW,SAAS,IAAI,MAAM,CAE7B;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,EAEjC;IAED,8BAA8B;IAC9B,IAAW,WAAW,IAAI,WAAW,CAEpC;IACD,IAAW,WAAW,CAAC,WAAW,EAAE,WAAW,EAE9C;IAED,2GAA2G;IAC3G,IAAW,SAAS,IAAI,OAAO,CAE9B;IACD,IAAW,SAAS,CAAC,CAAC,EAAE,OAAO,EAE9B;IAED,+FAA+F;IAC/F,IAAW,wBAAwB,IAAI,qBAAqB,GAAG,SAAS,CAEvE;IACD,IAAW,wBAAwB,CAAC,CAAC,EAAE,qBAAqB,GAAG,SAAS,EAEvE;IAED,8BAA8B;IACvB,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IA6B1E,4BAA4B;IACrB,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAWxE,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,aAAa;IAKrB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAkC5B;OACG;IACH,OAAO,CAAC,sBAAsB;IA4B9B,OAAO,CAAC,YAAY;CAGrB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAQpD"}
+{"version":3,"file":"ItemKeyboardNavigator.d.ts","sourceRoot":"","sources":["../../../../src/core-react/focus/ItemKeyboardNavigator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAInD;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAE/D;;GAEG;AACH,qBAAa,qBAAqB;IAQvB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IACpC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IARhD,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,YAAY,CAA0B;IAC9C,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,yBAAyB,CAAC,CAAwB;gBAGjD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACpC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAUhD,qBAAqB;IACrB,IAAW,SAAS,IAAI,MAAM,CAE7B;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,EAEjC;IAED,8BAA8B;IAC9B,IAAW,WAAW,IAAI,WAAW,CAEpC;IACD,IAAW,WAAW,CAAC,WAAW,EAAE,WAAW,EAE9C;IAED,2GAA2G;IAC3G,IAAW,SAAS,IAAI,OAAO,CAE9B;IACD,IAAW,SAAS,CAAC,CAAC,EAAE,OAAO,EAE9B;IAED,+FAA+F;IAC/F,IAAW,wBAAwB,IAAI,qBAAqB,GAAG,SAAS,CAEvE;IACD,IAAW,wBAAwB,CAAC,CAAC,EAAE,qBAAqB,GAAG,SAAS,EAEvE;IAED,8BAA8B;IACvB,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IA6B1E,4BAA4B;IACrB,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAWxE,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,aAAa;IAKrB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAkC5B;OACG;IACH,OAAO,CAAC,sBAAsB;IA4B9B,OAAO,CAAC,YAAY;CAGrB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAQpD"}

package/lib/cjs/core-react/focus/ItemKeyboardNavigator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemKeyboardNavigator.js","sourceRoot":"","sources":["../../../../src/core-react/focus/ItemKeyboardNavigator.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 Focus\n */\n\nimport { Key } from \"ts-key-enum\";\nimport { Orientation } from \"../enums/Orientation\";\n\n/** Cross-Axis Arrow Key Callback\n * @internal\n */\nexport type CrossAxisArrowKeyFunc = (forward: boolean) => void;\n\n/** Keyboard Navigator for parent components\n * @internal\n */\nexport class ItemKeyboardNavigator {\n  private _direction: Map<string, number>;\n  private _itemCount = 0;\n  private _orientation = Orientation.Horizontal;\n  private _allowWrap = true;\n  private _crossAxisArrowKeyHandler?: CrossAxisArrowKeyFunc;\n\n  constructor(\n    public onFocusItem: (index: number) => void,\n    public onActivateItem: (index: number) => void\n  ) {\n    this._direction = new Map<string, number>([\n      [Key.ArrowLeft, -1],\n      [Key.ArrowUp, -1],\n      [Key.ArrowRight, 1],\n      [Key.ArrowDown, 1],\n    ]);\n  }\n\n  /** The item count */\n  public get itemCount(): number {\n    return this._itemCount;\n  }\n  public set itemCount(count: number) {\n    this._itemCount = count;\n  }\n\n  /** The primary orientation */\n  public get orientation(): Orientation {\n    return this._orientation;\n  }\n  public set orientation(orientation: Orientation) {\n    this._orientation = orientation;\n  }\n\n  /** The allow wrap property controls whether the movement will stop at the first and last items or wrap  */\n  public get allowWrap(): boolean {\n    return this._allowWrap;\n  }\n  public set allowWrap(v: boolean) {\n    this._allowWrap = v;\n  }\n\n  /** Called when the arrow keys that run perpendicular to the primary orientation are pressed */\n  public get crossAxisArrowKeyHandler(): CrossAxisArrowKeyFunc | undefined {\n    return this._crossAxisArrowKeyHandler;\n  }\n  public set crossAxisArrowKeyHandler(v: CrossAxisArrowKeyFunc | undefined) {\n    this._crossAxisArrowKeyHandler = v;\n  }\n\n  /** Handle KeyDown on items */\n  public handleKeyDownEvent(event: React.KeyboardEvent, index: number): void {\n    const key = event.key;\n\n    switch (key) {\n      case Key.Home.valueOf():\n        event.preventDefault();\n        // Activate first item\n        this.focusFirstItem();\n        break;\n      case Key.End.valueOf():\n        event.preventDefault();\n        // Activate last item\n        this.focusLastItem();\n        break;\n\n      // Up and down are in keydown\n      // because we need to prevent page scroll >:)\n      case Key.ArrowUp.valueOf():\n      case Key.ArrowDown.valueOf():\n        this.determineOrientation(event, index);\n        break;\n\n      case Key.Enter.valueOf():\n      case \" \":\n        this.activateItem(index);\n        break;\n    }\n  }\n\n  /** Handle KeyUp on items */\n  public handleKeyUpEvent(event: React.KeyboardEvent, index: number): void {\n    const key = event.key;\n\n    switch (key) {\n      case Key.ArrowLeft.valueOf():\n      case Key.ArrowRight.valueOf():\n        this.determineOrientation(event, index);\n        break;\n    }\n  }\n\n  private focusFirstItem(): void {\n    this.onFocusItem(0);\n  }\n\n  private focusLastItem(): void {\n    const index = this._itemCount - 1;\n    this.onFocusItem(index);\n  }\n\n  /** When an item list's orientation is set to vertical,\n   * only up and down arrow should function.\n   * In all other cases only left and right arrow function.\n   */\n  private determineOrientation(\n    event: React.KeyboardEvent,\n    index: number\n  ): void {\n    const key = event.key;\n    const vertical = this._orientation === Orientation.Vertical;\n    let proceed = false;\n\n    if (vertical) {\n      if (key === Key.ArrowUp.valueOf() || key === Key.ArrowDown.valueOf()) {\n        event.preventDefault();\n        proceed = true;\n      } else if (\n        this.crossAxisArrowKeyHandler &&\n        (key === Key.ArrowLeft.valueOf() || key === Key.ArrowRight.valueOf())\n      ) {\n        this.crossAxisArrowKeyHandler(key === Key.ArrowRight.valueOf());\n      }\n    } else {\n      if (key === Key.ArrowLeft.valueOf() || key === Key.ArrowRight.valueOf()) {\n        proceed = true;\n      } else if (\n        this.crossAxisArrowKeyHandler &&\n        (key === Key.ArrowUp.valueOf() || key === Key.ArrowDown.valueOf())\n      ) {\n        this.crossAxisArrowKeyHandler(key === Key.ArrowDown.valueOf());\n      }\n    }\n\n    if (proceed) {\n      this.switchItemOnArrowPress(event, index);\n    }\n  }\n\n  /** Either focus the next, previous, first, or last item depending on key pressed\n   */\n  private switchItemOnArrowPress(\n    event: React.KeyboardEvent,\n    index: number\n  ): void {\n    // Add or subtract depending on key pressed\n    const pressed = event.key;\n    const targetDirection = this._direction.get(pressed);\n\n    if (targetDirection) {\n      const newIndex = index + targetDirection;\n\n      if (0 <= newIndex && newIndex < this._itemCount) {\n        this.onFocusItem(newIndex);\n      } else {\n        if (this._allowWrap) {\n          if (\n            pressed === Key.ArrowLeft.valueOf() ||\n            pressed === Key.ArrowUp.valueOf()\n          ) {\n            this.focusLastItem();\n          } else {\n            this.focusFirstItem();\n          }\n        }\n      }\n    }\n  }\n\n  private activateItem(index: number): void {\n    this.onActivateItem(index);\n  }\n}\n\n/** Determines if a KeyboardEvent.key is an Item Navigation key\n * @internal\n */\nexport function isNavigationKey(key: string): boolean {\n  return (\n    isArrowKey(key) ||\n    key === Key.Home.valueOf() ||\n    key === Key.End.valueOf() ||\n    key === \" \" ||\n    key === Key.Enter.valueOf()\n  );\n}\n\nfunction isArrowKey(key: string): boolean {\n  return (\n    key === Key.ArrowLeft.valueOf() ||\n    key === Key.ArrowRight.valueOf() ||\n    key === Key.ArrowUp.valueOf() ||\n    key === Key.ArrowDown.valueOf()\n  );\n}\n"]}
+{"version":3,"file":"ItemKeyboardNavigator.js","sourceRoot":"","sources":["../../../../src/core-react/focus/ItemKeyboardNavigator.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 Focus\n */\n\nimport { Key } from \"ts-key-enum\";\nimport { Orientation } from \"../enums/Orientation\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Cross-Axis Arrow Key Callback\n * @internal\n */\nexport type CrossAxisArrowKeyFunc = (forward: boolean) => void;\n\n/** Keyboard Navigator for parent components\n * @internal\n */\nexport class ItemKeyboardNavigator {\n  private _direction: Map<string, number>;\n  private _itemCount = 0;\n  private _orientation = Orientation.Horizontal;\n  private _allowWrap = true;\n  private _crossAxisArrowKeyHandler?: CrossAxisArrowKeyFunc;\n\n  constructor(\n    public onFocusItem: (index: number) => void,\n    public onActivateItem: (index: number) => void\n  ) {\n    this._direction = new Map<string, number>([\n      [Key.ArrowLeft, -1],\n      [Key.ArrowUp, -1],\n      [Key.ArrowRight, 1],\n      [Key.ArrowDown, 1],\n    ]);\n  }\n\n  /** The item count */\n  public get itemCount(): number {\n    return this._itemCount;\n  }\n  public set itemCount(count: number) {\n    this._itemCount = count;\n  }\n\n  /** The primary orientation */\n  public get orientation(): Orientation {\n    return this._orientation;\n  }\n  public set orientation(orientation: Orientation) {\n    this._orientation = orientation;\n  }\n\n  /** The allow wrap property controls whether the movement will stop at the first and last items or wrap  */\n  public get allowWrap(): boolean {\n    return this._allowWrap;\n  }\n  public set allowWrap(v: boolean) {\n    this._allowWrap = v;\n  }\n\n  /** Called when the arrow keys that run perpendicular to the primary orientation are pressed */\n  public get crossAxisArrowKeyHandler(): CrossAxisArrowKeyFunc | undefined {\n    return this._crossAxisArrowKeyHandler;\n  }\n  public set crossAxisArrowKeyHandler(v: CrossAxisArrowKeyFunc | undefined) {\n    this._crossAxisArrowKeyHandler = v;\n  }\n\n  /** Handle KeyDown on items */\n  public handleKeyDownEvent(event: React.KeyboardEvent, index: number): void {\n    const key = event.key;\n\n    switch (key) {\n      case Key.Home.valueOf():\n        event.preventDefault();\n        // Activate first item\n        this.focusFirstItem();\n        break;\n      case Key.End.valueOf():\n        event.preventDefault();\n        // Activate last item\n        this.focusLastItem();\n        break;\n\n      // Up and down are in keydown\n      // because we need to prevent page scroll >:)\n      case Key.ArrowUp.valueOf():\n      case Key.ArrowDown.valueOf():\n        this.determineOrientation(event, index);\n        break;\n\n      case Key.Enter.valueOf():\n      case \" \":\n        this.activateItem(index);\n        break;\n    }\n  }\n\n  /** Handle KeyUp on items */\n  public handleKeyUpEvent(event: React.KeyboardEvent, index: number): void {\n    const key = event.key;\n\n    switch (key) {\n      case Key.ArrowLeft.valueOf():\n      case Key.ArrowRight.valueOf():\n        this.determineOrientation(event, index);\n        break;\n    }\n  }\n\n  private focusFirstItem(): void {\n    this.onFocusItem(0);\n  }\n\n  private focusLastItem(): void {\n    const index = this._itemCount - 1;\n    this.onFocusItem(index);\n  }\n\n  /** When an item list's orientation is set to vertical,\n   * only up and down arrow should function.\n   * In all other cases only left and right arrow function.\n   */\n  private determineOrientation(\n    event: React.KeyboardEvent,\n    index: number\n  ): void {\n    const key = event.key;\n    const vertical = this._orientation === Orientation.Vertical;\n    let proceed = false;\n\n    if (vertical) {\n      if (key === Key.ArrowUp.valueOf() || key === Key.ArrowDown.valueOf()) {\n        event.preventDefault();\n        proceed = true;\n      } else if (\n        this.crossAxisArrowKeyHandler &&\n        (key === Key.ArrowLeft.valueOf() || key === Key.ArrowRight.valueOf())\n      ) {\n        this.crossAxisArrowKeyHandler(key === Key.ArrowRight.valueOf());\n      }\n    } else {\n      if (key === Key.ArrowLeft.valueOf() || key === Key.ArrowRight.valueOf()) {\n        proceed = true;\n      } else if (\n        this.crossAxisArrowKeyHandler &&\n        (key === Key.ArrowUp.valueOf() || key === Key.ArrowDown.valueOf())\n      ) {\n        this.crossAxisArrowKeyHandler(key === Key.ArrowDown.valueOf());\n      }\n    }\n\n    if (proceed) {\n      this.switchItemOnArrowPress(event, index);\n    }\n  }\n\n  /** Either focus the next, previous, first, or last item depending on key pressed\n   */\n  private switchItemOnArrowPress(\n    event: React.KeyboardEvent,\n    index: number\n  ): void {\n    // Add or subtract depending on key pressed\n    const pressed = event.key;\n    const targetDirection = this._direction.get(pressed);\n\n    if (targetDirection) {\n      const newIndex = index + targetDirection;\n\n      if (0 <= newIndex && newIndex < this._itemCount) {\n        this.onFocusItem(newIndex);\n      } else {\n        if (this._allowWrap) {\n          if (\n            pressed === Key.ArrowLeft.valueOf() ||\n            pressed === Key.ArrowUp.valueOf()\n          ) {\n            this.focusLastItem();\n          } else {\n            this.focusFirstItem();\n          }\n        }\n      }\n    }\n  }\n\n  private activateItem(index: number): void {\n    this.onActivateItem(index);\n  }\n}\n\n/** Determines if a KeyboardEvent.key is an Item Navigation key\n * @internal\n */\nexport function isNavigationKey(key: string): boolean {\n  return (\n    isArrowKey(key) ||\n    key === Key.Home.valueOf() ||\n    key === Key.End.valueOf() ||\n    key === \" \" ||\n    key === Key.Enter.valueOf()\n  );\n}\n\nfunction isArrowKey(key: string): boolean {\n  return (\n    key === Key.ArrowLeft.valueOf() ||\n    key === Key.ArrowRight.valueOf() ||\n    key === Key.ArrowUp.valueOf() ||\n    key === Key.ArrowDown.valueOf()\n  );\n}\n"]}

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

@@ -11,7 +11,7 @@ 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
+/* eslint-disable deprecation/deprecation */
 function isFocusable(element) {
     if (!element || element.tabIndex < 0)
         return false;

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

@@ -1 +1 @@
-{"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../../../src/core-react/focustrap/FocusTrap.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,sDAA6C;AAC7C,sCAAmC;AAEnC,0BAA0B;AAE1B,SAAS,WAAW,CAAC,OAAoB;IACvC,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,QAAQ,GAAG,CAAC;QAAE,OAAO,KAAK,CAAC;IAEnD,IACE,OAAO,CAAC,SAAS;QACjB,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,gCAAgC,CAAC;QAE5D,OAAO,KAAK,CAAC;IAEf,IACE,OAAO,CAAC,YAAY;QACpB,OAAO,OAAO,CAAC,YAAY,KAAK,UAAU;QAC1C,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI;QAEzC,OAAO,KAAK,CAAC;IAEf,IACE,OAAO,CAAC,QAAQ,GAAG,CAAC;QACpB,CAAC,OAAO,CAAC,QAAQ,KAAK,CAAC,IAAI,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;QAErE,OAAO,IAAI,CAAC;IAEd,QAAQ,OAAO,CAAC,QAAQ,EAAE,CAAC;QACzB,KAAK,GAAG;YACN,MAAM,aAAa,GAAG,OAA4B,CAAC;YACnD,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,IAAI,aAAa,CAAC,GAAG,KAAK,QAAQ,CAAC;QAChE,KAAK,OAAO;YACV,MAAM,YAAY,GAAG,OAA2B,CAAC;YACjD,OAAO,YAAY,CAAC,IAAI,KAAK,QAAQ,IAAI,YAAY,CAAC,IAAI,KAAK,MAAM,CAAC;QACxE,KAAK,QAAQ,CAAC;QACd,KAAK,QAAQ,CAAC;QACd,KAAK,UAAU;YACb,OAAO,IAAI,CAAC;QACd;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC;AAED,SAAS,8BAA8B,CACrC,OAA2B;IAE3B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC;QACvC,IAAI,WAAW,CAAC,KAAoB,CAAC;YAAE,OAAO,KAAoB,CAAC;QAEnE,MAAM,SAAS,GAAG,8BAA8B,CAAC,KAAoB,CAAC,CAAC;QACvE,IAAI,SAAS;YAAE,OAAO,SAAS,CAAC;IAClC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,4BAA4B,CACnC,cAAqC;IAErC,OAAO,8BAA8B,CAAC,cAAc,CAAC,CAAC;AACxD,CAAC;AAED,SAAS,kCAAkC,CACzC,OAAoB;IAEpB,KAAK,IAAI,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACxD,MAAM,KAAK,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC,CAAgB,CAAC;QAEnD,MAAM,SAAS,GAAG,kCAAkC,CAAC,KAAK,CAAC,CAAC;QAC5D,IAAI,SAAS;YAAE,OAAO,SAAS,CAAC;QAEhC,IAAI,WAAW,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;IACvC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,2BAA2B,CAClC,cAA8B;IAE9B,OAAO,kCAAkC,CAAC,cAAc,CAAC,CAAC;AAC5D,CAAC;AAED,SAAS,sBAAsB,CAC7B,cAAqC,EACrC,gBAAmE;IAEnE,IAAI,CAAC,cAAc;QAAE,OAAO,IAAI,CAAC;IAEjC,IAAI,gBAAgB,EAAE,CAAC;QACrB,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE,CAAC;YACzC,MAAM,IAAI,GAAG,cAAc,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;YAC5D,IAAI,IAAI,EAAE,CAAC;gBACT,OAAO,IAAmB,CAAC;YAC7B,CAAC;iBAAM,CAAC;gBACN,qBAAM,CAAC,QAAQ,CACb,GAAG,eAAM,CAAC,WAAW,YAAY,EACjC,yCAAyC,gBAAgB,EAAE,CAC5D,CAAC;YACJ,CAAC;QACH,CAAC;aAAM,CAAC;YACN,OAAO,gBAAgB,CAAC,OAAO,CAAC;QAClC,CAAC;IACH,CAAC;IACD,OAAO,4BAA4B,CAAC,cAAc,CAAC,CAAC;AACtD,CAAC;AAED,SAAS,YAAY,CAAC,OAAoB,EAAE,aAAsB;IAChE,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;QAAE,OAAO,KAAK,CAAC;IAExC,IAAI,CAAC;QACH,IAAI,QAAQ,CAAC,aAAa,KAAK,OAAO;YACpC,OAAO,CAAC,KAAK,CAAC;gBACZ,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;aAC5C,CAAC,CAAC;IACP,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,QAAQ,CAAC,aAAa,KAAK,OAAO,CAAC;AAC5C,CAAC,CAAC,mBAAmB;AAErB;;GAEG;AACH,SAAgB,kBAAkB,CAChC,cAA8B,EAC9B,mBAA2D;IAE3D,IAAI,MAAM,GAAG,KAAK,CAAC;IACnB,MAAM,YAAY,GAAG,sBAAsB,CACzC,cAAc,EACd,mBAAmB,CACpB,CAAC;IACF,IAAI,YAAY,EAAE,CAAC;QACjB,qHAAqH;QACrH,UAAU,CAAC,GAAG,EAAE;YACd,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QACnC,CAAC,EAAE,EAAE,CAAC,CAAC;QACP,MAAM,GAAG,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAjBD,gDAiBC;AAmBD;;GAEG;AACH,SAAgB,SAAS,CAAC,KAAqB;IAC7C,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/D,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/D,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IACjE,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,EAAsB,CAAC;IAEtD,+EAA+E;IAC/E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC3B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;gBACjB,IAAI,KAAK,CAAC,uBAAuB,EAAE,CAAC;oBAClC,mBAAmB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC;gBACvD,CAAC;gBAED,mBAAmB,CAAC,OAAO,GAAG,sBAAsB,CAClD,cAAc,CAAC,OAAO,EACtB,KAAK,CAAC,mBAAmB,CAC1B,CAAC;gBACF,IAAI,mBAAmB,CAAC,OAAO,EAAE,CAAC;oBAChC,qHAAqH;oBACrH,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;wBAC1C,YAAY,CAAC,mBAAmB,CAAC,OAAsB,EAAE,IAAI,CAAC,CAAC;oBACjE,CAAC,EAAE,EAAE,CAAC,CAAC;gBACT,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,EAAE;QACD,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,mBAAmB;QACzB,KAAK,CAAC,MAAM;QACZ,KAAK,CAAC,uBAAuB;KAC9B,CAAC,CAAC;IAEH,2EAA2E;IAC3E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACxC,IAAI,mBAAmB,CAAC,OAAO;gBAC5B,mBAAmB,CAAC,OAAuB,CAAC,KAAK,CAAC;oBACjD,aAAa,EAAE,IAAI;iBACpB,CAAC,CAAC;QACP,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,oCAAoC;IACpC,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACvC,CAAC,KAAuC,EAAE,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAE1B,IAAI,cAAc,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,KAAK,cAAc,CAAC,OAAO,EAAE,CAAC;YACtE,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,SAAS,GAAG,2BAA2B,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YAEtE,IAAI,SAAS,EAAE,CAAC;gBACd,SAAS,CAAC,KAAK,EAAE,CAAC;YACpB,CAAC;iBAAM,CAAC;gBACN,IACE,mBAAmB,CAAC,OAAO;oBAC3B,mBAAmB,CAAC,OAAO,KAAK,QAAQ,CAAC,aAAa;oBAEtD,YAAY,CAAC,mBAAmB,CAAC,OAAsB,EAAE,IAAI,CAAC,CAAC;YACnE,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,KAAK,CAAC,MAAM,CAAC,CACf,CAAC;IAEF,wEAAwE;IACxE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,CAAC,KAAuC,EAAE,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAE1B,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IACE,mBAAmB,CAAC,OAAO;YAC3B,mBAAmB,CAAC,OAAO,KAAK,QAAQ,CAAC,aAAa;YAErD,mBAAmB,CAAC,OAAuB,CAAC,KAAK,EAAE,CAAC;IACzD,CAAC,EACD,CAAC,KAAK,CAAC,MAAM,CAAC,CACf,CAAC;IAEF,IAAI,CAAC,KAAK,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IACjC,OAAO,CACL;QACE,4CACc,gBAAgB,EAC5B,OAAO,EAAE,eAAe,EACxB,GAAG,EAAE,cAAc;YACnB,kEAAkE;YAClE,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,uBAAuB,EAAE,eAAe,EAAE,IAEnE,KAAK,CAAC,QAAQ,CACX;QACN,4CACc,sBAAsB,EAClC,OAAO,EAAE,iBAAiB;YAC1B,kEAAkE;YAClE,QAAQ,EAAE,CAAC,GACX,CACD,CACJ,CAAC;AACJ,CAAC;AA1GD,8BA0GC","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 Popup\n */\n\nimport * as React from \"react\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { UiCore } from \"../UiCore\";\n\n// cSpell:ignore focusable\n\nfunction isFocusable(element: HTMLElement): boolean {\n  if (!element || element.tabIndex < 0) return false;\n\n  if (\n    element.classList &&\n    element.classList.contains(\"core-focus-trap-ignore-initial\")\n  )\n    return false;\n\n  if (\n    element.getAttribute &&\n    typeof element.getAttribute === \"function\" &&\n    element.getAttribute(\"disabled\") !== null\n  )\n    return false;\n\n  if (\n    element.tabIndex > 0 ||\n    (element.tabIndex === 0 && element.getAttribute(\"tabIndex\") !== null)\n  )\n    return true;\n\n  switch (element.nodeName) {\n    case \"A\":\n      const anchorElement = element as HTMLAnchorElement;\n      return !!anchorElement.href && anchorElement.rel !== \"ignore\";\n    case \"INPUT\":\n      const inputElement = element as HTMLInputElement;\n      return inputElement.type !== \"hidden\" && inputElement.type !== \"file\";\n    case \"BUTTON\":\n    case \"SELECT\":\n    case \"TEXTAREA\":\n      return true;\n    default:\n      return false;\n  }\n}\n\nfunction processFindFocusableDescendant(\n  element: HTMLElement | null\n): HTMLElement | null {\n  if (!element) return null;\n\n  for (const child of element.childNodes) {\n    if (isFocusable(child as HTMLElement)) return child as HTMLElement;\n\n    const focusable = processFindFocusableDescendant(child as HTMLElement);\n    if (focusable) return focusable;\n  }\n  return null;\n}\n\nfunction findFirstFocusableDescendant(\n  focusContainer: HTMLDivElement | null\n): HTMLElement | null {\n  return processFindFocusableDescendant(focusContainer);\n}\n\nfunction processFindLastFocusableDescendant(\n  element: HTMLElement\n): HTMLElement | null {\n  for (let i = element.childNodes.length - 1; i >= 0; i--) {\n    const child = element.childNodes[i] as HTMLElement;\n\n    const focusable = processFindLastFocusableDescendant(child);\n    if (focusable) return focusable;\n\n    if (isFocusable(child)) return child;\n  }\n  return null;\n}\n\nfunction findLastFocusableDescendant(\n  focusContainer: HTMLDivElement\n): HTMLElement | null {\n  return processFindLastFocusableDescendant(focusContainer);\n}\n\nfunction getInitialFocusElement(\n  focusContainer: HTMLDivElement | null,\n  initialFocusSpec: React.RefObject<HTMLElement> | string | undefined\n): HTMLElement | null {\n  if (!focusContainer) return null;\n\n  if (initialFocusSpec) {\n    if (typeof initialFocusSpec === \"string\") {\n      const node = focusContainer.querySelector(initialFocusSpec);\n      if (node) {\n        return node as HTMLElement;\n      } else {\n        Logger.logError(\n          `${UiCore.packageName}.FocusTrap`,\n          `Unable to locate element via selector ${initialFocusSpec}`\n        );\n      }\n    } else {\n      return initialFocusSpec.current;\n    }\n  }\n  return findFirstFocusableDescendant(focusContainer);\n}\n\nfunction attemptFocus(element: HTMLElement, preventScroll: boolean): boolean {\n  if (!isFocusable(element)) return false;\n\n  try {\n    if (document.activeElement !== element)\n      element.focus({\n        preventScroll: preventScroll ? true : false,\n      });\n  } catch (e) {\n    return false;\n  }\n  return document.activeElement === element;\n} // end attemptFocus\n\n/** Focus into first focusable element of a container.\n * @internal\n */\nexport function focusIntoContainer(\n  focusContainer: HTMLDivElement,\n  initialFocusElement?: React.RefObject<HTMLElement> | string\n): boolean {\n  let result = false;\n  const focusElement = getInitialFocusElement(\n    focusContainer,\n    initialFocusElement\n  );\n  if (focusElement) {\n    // delay setting focus immediately because in some browsers other focus events happen when popup is initially opened.\n    setTimeout(() => {\n      attemptFocus(focusElement, true);\n    }, 60);\n    result = true;\n  }\n  return result;\n}\n\n/** Properties supported by [[FocusTrap]] component.\n * @internal\n */\nexport interface FocusTrapProps extends React.AllHTMLAttributes<any> {\n  /** child components */\n  children: React.ReactNode;\n  /** if active is not true then no trapping of focus is attempted. */\n  active?: boolean;\n  /** restore focus to element that had focus before trap was activated */\n  returnFocusOnDeactivate: boolean;\n  /** Optional reference to element to receive focus when trap is activated. Optionally a CSS Selector\n   * string can be supplied to locate an element in the FocusTrap container. If no specification is defined\n   * the first focusable element is used.\n   */\n  initialFocusElement?: React.RefObject<HTMLElement> | string;\n}\n\n/** Trap Focus in container while trap is active.\n * @internal\n */\nexport function FocusTrap(props: FocusTrapProps) {\n  const restoreFocusElement = React.useRef<Element | null>(null);\n  const initialFocusElement = React.useRef<Element | null>(null);\n  const focusContainer = React.useRef<HTMLDivElement | null>(null);\n  const isInitialMount = React.useRef(true);\n  const timeoutRef = React.useRef<number | undefined>();\n\n  // Run on initial mount and when dependencies change. which could happen often.\n  React.useEffect(() => {\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      if (props.active) {\n        if (props.returnFocusOnDeactivate) {\n          restoreFocusElement.current = document.activeElement;\n        }\n\n        initialFocusElement.current = getInitialFocusElement(\n          focusContainer.current,\n          props.initialFocusElement\n        );\n        if (initialFocusElement.current) {\n          // delay setting focus immediately because in some browsers other focus events happen when popup is initially opened.\n          timeoutRef.current = window.setTimeout(() => {\n            attemptFocus(initialFocusElement.current as HTMLElement, true);\n          }, 60);\n        }\n      }\n    }\n  }, [\n    props.children,\n    props.initialFocusElement,\n    props.active,\n    props.returnFocusOnDeactivate,\n  ]);\n\n  // Return function to run only when FocusTrap is unmounted to restore focus\n  React.useEffect(() => {\n    return () => {\n      window.clearTimeout(timeoutRef.current);\n      if (restoreFocusElement.current)\n        (restoreFocusElement.current as HTMLElement).focus({\n          preventScroll: true,\n        });\n    };\n  }, []);\n\n  // this is hit if Shift tab is used.\n  const cycleFocusToEnd = React.useCallback(\n    (event: React.FocusEvent<HTMLDivElement>) => {\n      if (!props.active) return;\n\n      if (focusContainer.current && event.target === focusContainer.current) {\n        event.stopPropagation();\n        event.preventDefault();\n        const focusable = findLastFocusableDescendant(focusContainer.current);\n\n        if (focusable) {\n          focusable.focus();\n        } else {\n          if (\n            initialFocusElement.current &&\n            initialFocusElement.current !== document.activeElement\n          )\n            attemptFocus(initialFocusElement.current as HTMLElement, true);\n        }\n      }\n    },\n    [props.active]\n  );\n\n  // this is hit if tab is used on last focusable item in child container.\n  const cycleFocusToStart = React.useCallback(\n    (event: React.FocusEvent<HTMLDivElement>) => {\n      if (!props.active) return;\n\n      event.stopPropagation();\n      if (\n        initialFocusElement.current &&\n        initialFocusElement.current !== document.activeElement\n      )\n        (initialFocusElement.current as HTMLElement).focus();\n    },\n    [props.active]\n  );\n\n  if (!props.children) return null;\n  return (\n    <>\n      <div\n        data-testid=\"focus-trap-div\"\n        onFocus={cycleFocusToEnd}\n        ref={focusContainer}\n        /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */\n        tabIndex={0}\n        style={{ outline: \"none\", WebkitTapHighlightColor: \"rgba(0,0,0,0)\" }}\n      >\n        {props.children}\n      </div>\n      <div\n        data-testid=\"focus-trap-limit-div\"\n        onFocus={cycleFocusToStart}\n        /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */\n        tabIndex={0}\n      />\n    </>\n  );\n}\n"]}
+{"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../../../src/core-react/focustrap/FocusTrap.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 Popup\n */\n\nimport * as React from \"react\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { UiCore } from \"../UiCore\";\n\n/* eslint-disable deprecation/deprecation */\n\nfunction isFocusable(element: HTMLElement): boolean {\n  if (!element || element.tabIndex < 0) return false;\n\n  if (\n    element.classList &&\n    element.classList.contains(\"core-focus-trap-ignore-initial\")\n  )\n    return false;\n\n  if (\n    element.getAttribute &&\n    typeof element.getAttribute === \"function\" &&\n    element.getAttribute(\"disabled\") !== null\n  )\n    return false;\n\n  if (\n    element.tabIndex > 0 ||\n    (element.tabIndex === 0 && element.getAttribute(\"tabIndex\") !== null)\n  )\n    return true;\n\n  switch (element.nodeName) {\n    case \"A\":\n      const anchorElement = element as HTMLAnchorElement;\n      return !!anchorElement.href && anchorElement.rel !== \"ignore\";\n    case \"INPUT\":\n      const inputElement = element as HTMLInputElement;\n      return inputElement.type !== \"hidden\" && inputElement.type !== \"file\";\n    case \"BUTTON\":\n    case \"SELECT\":\n    case \"TEXTAREA\":\n      return true;\n    default:\n      return false;\n  }\n}\n\nfunction processFindFocusableDescendant(\n  element: HTMLElement | null\n): HTMLElement | null {\n  if (!element) return null;\n\n  for (const child of element.childNodes) {\n    if (isFocusable(child as HTMLElement)) return child as HTMLElement;\n\n    const focusable = processFindFocusableDescendant(child as HTMLElement);\n    if (focusable) return focusable;\n  }\n  return null;\n}\n\nfunction findFirstFocusableDescendant(\n  focusContainer: HTMLDivElement | null\n): HTMLElement | null {\n  return processFindFocusableDescendant(focusContainer);\n}\n\nfunction processFindLastFocusableDescendant(\n  element: HTMLElement\n): HTMLElement | null {\n  for (let i = element.childNodes.length - 1; i >= 0; i--) {\n    const child = element.childNodes[i] as HTMLElement;\n\n    const focusable = processFindLastFocusableDescendant(child);\n    if (focusable) return focusable;\n\n    if (isFocusable(child)) return child;\n  }\n  return null;\n}\n\nfunction findLastFocusableDescendant(\n  focusContainer: HTMLDivElement\n): HTMLElement | null {\n  return processFindLastFocusableDescendant(focusContainer);\n}\n\nfunction getInitialFocusElement(\n  focusContainer: HTMLDivElement | null,\n  initialFocusSpec: React.RefObject<HTMLElement> | string | undefined\n): HTMLElement | null {\n  if (!focusContainer) return null;\n\n  if (initialFocusSpec) {\n    if (typeof initialFocusSpec === \"string\") {\n      const node = focusContainer.querySelector(initialFocusSpec);\n      if (node) {\n        return node as HTMLElement;\n      } else {\n        Logger.logError(\n          `${UiCore.packageName}.FocusTrap`,\n          `Unable to locate element via selector ${initialFocusSpec}`\n        );\n      }\n    } else {\n      return initialFocusSpec.current;\n    }\n  }\n  return findFirstFocusableDescendant(focusContainer);\n}\n\nfunction attemptFocus(element: HTMLElement, preventScroll: boolean): boolean {\n  if (!isFocusable(element)) return false;\n\n  try {\n    if (document.activeElement !== element)\n      element.focus({\n        preventScroll: preventScroll ? true : false,\n      });\n  } catch (e) {\n    return false;\n  }\n  return document.activeElement === element;\n} // end attemptFocus\n\n/** Focus into first focusable element of a container.\n * @internal\n */\nexport function focusIntoContainer(\n  focusContainer: HTMLDivElement,\n  initialFocusElement?: React.RefObject<HTMLElement> | string\n): boolean {\n  let result = false;\n  const focusElement = getInitialFocusElement(\n    focusContainer,\n    initialFocusElement\n  );\n  if (focusElement) {\n    // delay setting focus immediately because in some browsers other focus events happen when popup is initially opened.\n    setTimeout(() => {\n      attemptFocus(focusElement, true);\n    }, 60);\n    result = true;\n  }\n  return result;\n}\n\n/** Properties supported by [[FocusTrap]] component.\n * @internal\n */\nexport interface FocusTrapProps extends React.AllHTMLAttributes<any> {\n  /** child components */\n  children: React.ReactNode;\n  /** if active is not true then no trapping of focus is attempted. */\n  active?: boolean;\n  /** restore focus to element that had focus before trap was activated */\n  returnFocusOnDeactivate: boolean;\n  /** Optional reference to element to receive focus when trap is activated. Optionally a CSS Selector\n   * string can be supplied to locate an element in the FocusTrap container. If no specification is defined\n   * the first focusable element is used.\n   */\n  initialFocusElement?: React.RefObject<HTMLElement> | string;\n}\n\n/** Trap Focus in container while trap is active.\n * @internal\n */\nexport function FocusTrap(props: FocusTrapProps) {\n  const restoreFocusElement = React.useRef<Element | null>(null);\n  const initialFocusElement = React.useRef<Element | null>(null);\n  const focusContainer = React.useRef<HTMLDivElement | null>(null);\n  const isInitialMount = React.useRef(true);\n  const timeoutRef = React.useRef<number | undefined>();\n\n  // Run on initial mount and when dependencies change. which could happen often.\n  React.useEffect(() => {\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      if (props.active) {\n        if (props.returnFocusOnDeactivate) {\n          restoreFocusElement.current = document.activeElement;\n        }\n\n        initialFocusElement.current = getInitialFocusElement(\n          focusContainer.current,\n          props.initialFocusElement\n        );\n        if (initialFocusElement.current) {\n          // delay setting focus immediately because in some browsers other focus events happen when popup is initially opened.\n          timeoutRef.current = window.setTimeout(() => {\n            attemptFocus(initialFocusElement.current as HTMLElement, true);\n          }, 60);\n        }\n      }\n    }\n  }, [\n    props.children,\n    props.initialFocusElement,\n    props.active,\n    props.returnFocusOnDeactivate,\n  ]);\n\n  // Return function to run only when FocusTrap is unmounted to restore focus\n  React.useEffect(() => {\n    return () => {\n      window.clearTimeout(timeoutRef.current);\n      if (restoreFocusElement.current)\n        (restoreFocusElement.current as HTMLElement).focus({\n          preventScroll: true,\n        });\n    };\n  }, []);\n\n  // this is hit if Shift tab is used.\n  const cycleFocusToEnd = React.useCallback(\n    (event: React.FocusEvent<HTMLDivElement>) => {\n      if (!props.active) return;\n\n      if (focusContainer.current && event.target === focusContainer.current) {\n        event.stopPropagation();\n        event.preventDefault();\n        const focusable = findLastFocusableDescendant(focusContainer.current);\n\n        if (focusable) {\n          focusable.focus();\n        } else {\n          if (\n            initialFocusElement.current &&\n            initialFocusElement.current !== document.activeElement\n          )\n            attemptFocus(initialFocusElement.current as HTMLElement, true);\n        }\n      }\n    },\n    [props.active]\n  );\n\n  // this is hit if tab is used on last focusable item in child container.\n  const cycleFocusToStart = React.useCallback(\n    (event: React.FocusEvent<HTMLDivElement>) => {\n      if (!props.active) return;\n\n      event.stopPropagation();\n      if (\n        initialFocusElement.current &&\n        initialFocusElement.current !== document.activeElement\n      )\n        (initialFocusElement.current as HTMLElement).focus();\n    },\n    [props.active]\n  );\n\n  if (!props.children) return null;\n  return (\n    <>\n      <div\n        data-testid=\"focus-trap-div\"\n        onFocus={cycleFocusToEnd}\n        ref={focusContainer}\n        /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */\n        tabIndex={0}\n        style={{ outline: \"none\", WebkitTapHighlightColor: \"rgba(0,0,0,0)\" }}\n      >\n        {props.children}\n      </div>\n      <div\n        data-testid=\"focus-trap-limit-div\"\n        onFocus={cycleFocusToStart}\n        /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */\n        tabIndex={0}\n      />\n    </>\n  );\n}\n"]}

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

@@ -35,7 +35,6 @@ export declare const withOnOutsideClick: <ComponentProps extends {}>(Component:
         handleOutsideClickContainerDivSet: (outsideClickContainerDiv: HTMLDivElement | null) => void;
         getParentDocument(): Document;
         componentDidMount(): void;
-        /** @internal */
         componentWillUnmount(): void;
         render(): React.JSX.Element;
         context: unknown;
@@ -75,7 +74,6 @@ export declare const withOnOutsideClick: <ComponentProps extends {}>(Component:
         handleOutsideClickContainerDivSet: (outsideClickContainerDiv: HTMLDivElement | null) => void;
         getParentDocument(): Document;
         componentDidMount(): void;
-        /** @internal */
         componentWillUnmount(): void;
         render(): React.JSX.Element;
         context: unknown;

package/lib/cjs/core-react/hocs/withOnOutsideClick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../../src/core-react/hocs/withOnOutsideClick.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACtC,sCAAsC;IACtC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG,CAAC;IAC5C,8HAA8H;IAC9H,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,+GAEG,UAAU,KAAK,GAAG,4BACtC,OAAO,qBACD,OAAO;;QAKvB,gBAAgB;;QAEhB,gBAAgB;;QAGhB,gBAAgB;+BACc,WAAW,GAAG,OAAO;QAanD,gBAAgB;0BACS,UAAU;QAanC,gBAAgB;iCACiB,UAAU;QAW3C,gBAAgB;uCACuB,YAAY;QAUnD,gBAAgB;qCACqB,YAAY;sEAerB,cAAc,GAAG,IAAI;;;QA8BjD,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;QAtGhB,gBAAgB;;QAEhB,gBAAgB;;QAGhB,gBAAgB;+BACc,WAAW,GAAG,OAAO;QAanD,gBAAgB;0BACS,UAAU;QAanC,gBAAgB;iCACiB,UAAU;QAW3C,gBAAgB;uCACuB,YAAY;QAUnD,gBAAgB;qCACqB,YAAY;sEAerB,cAAc,GAAG,IAAI;;;QA8BjD,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;CAgCnB,CAAC"}
+{"version":3,"file":"withOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../../src/core-react/hocs/withOnOutsideClick.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACtC,sCAAsC;IACtC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG,CAAC;IAC5C,8HAA8H;IAC9H,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,+GAEG,UAAU,KAAK,GAAG,4BACtC,OAAO,qBACD,OAAO;;QAKvB,gBAAgB;;QAEhB,gBAAgB;;QAGhB,gBAAgB;+BACc,WAAW,GAAG,OAAO;QAanD,gBAAgB;0BACS,UAAU;QAanC,gBAAgB;iCACiB,UAAU;QAW3C,gBAAgB;uCACuB,YAAY;QAUnD,gBAAgB;qCACqB,YAAY;sEAerB,cAAc,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;QAxEjD,gBAAgB;;QAEhB,gBAAgB;;QAGhB,gBAAgB;+BACc,WAAW,GAAG,OAAO;QAanD,gBAAgB;0BACS,UAAU;QAanC,gBAAgB;iCACiB,UAAU;QAW3C,gBAAgB;uCACuB,YAAY;QAUnD,gBAAgB;qCACqB,YAAY;sEAerB,cAAc,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;CA6DpD,CAAC"}

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

@@ -94,7 +94,6 @@ const withOnOutsideClick = (Component, defaultOnOutsideClick, useCapture = true,
             else
                 outsideClickParentDocument.addEventListener("click", this.handleDocumentClick, useCapture);
         }
-        /** @internal */
         componentWillUnmount() {
             const outsideClickParentDocument = this.getParentDocument();
             if (usePointerEvents) {

package/lib/cjs/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":["/*---------------------------------------------------------------------------------------------\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 * @deprecated in 4.15.0. Props of deprecated {@link withOnOutsideClick} HOC.\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 * @deprecated in 4.15.0. Used internally.\n */\nexport const withOnOutsideClick = <ComponentProps extends {}>(\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<\n    ComponentProps & WithOnOutsideClickProps // eslint-disable-line deprecation/deprecation\n  > {\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        if (element.parentElement && this.isInCorePopup(element.parentElement))\n          return true;\n      }\n      return false;\n    }\n\n    /** @internal */\n    public onOutsideClick(e: MouseEvent) {\n      if (e.target instanceof Node && e.target.nodeType === Node.ELEMENT_NODE) {\n        if (\n          !this.props.closeOnNestedPopupOutsideClick &&\n          this.isInCorePopup(e.target as HTMLElement)\n        )\n          return;\n      }\n\n      if (this.props.onOutsideClick) return this.props.onOutsideClick(e);\n      else if (defaultOnOutsideClick) return defaultOnOutsideClick(e);\n    }\n\n    /** @internal */\n    public handleDocumentClick = (e: MouseEvent) => {\n      if (\n        !this.outsideClickContainerDiv ||\n        !(e.target instanceof Node) ||\n        this.outsideClickContainerDiv.contains(e.target)\n      )\n        return;\n\n      return this.onOutsideClick(e);\n    };\n\n    /** @internal */\n    public handleDocumentPointerDown = (e: PointerEvent) => {\n      this.isDownOutside = true;\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 =\n          !!e.target &&\n          !this.outsideClickContainerDiv.contains(e.target as any);\n      }\n    };\n\n    /** @internal */\n    public handleDocumentPointerUp = (e: PointerEvent) => {\n      let isUpOutside = true;\n      if (this.outsideClickContainerDiv) {\n        // typically e.target test for instance of Node, but this is not working from pop out windows\n        isUpOutside =\n          !!e.target &&\n          !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 = (\n      outsideClickContainerDiv: HTMLDivElement | null\n    ) => {\n      this.outsideClickContainerDiv = outsideClickContainerDiv;\n    };\n\n    public getParentDocument() {\n      return this.outsideClickContainerDiv?.ownerDocument ?? document;\n    }\n\n    public override componentDidMount() {\n      const outsideClickParentDocument = this.getParentDocument();\n      if (usePointerEvents) {\n        outsideClickParentDocument.addEventListener(\n          \"pointerdown\",\n          this.handleDocumentPointerDown,\n          useCapture\n        );\n        outsideClickParentDocument.addEventListener(\n          \"pointerup\",\n          this.handleDocumentPointerUp,\n          useCapture\n        );\n      } else\n        outsideClickParentDocument.addEventListener(\n          \"click\",\n          this.handleDocumentClick,\n          useCapture\n        );\n    }\n\n    /** @internal */\n    public override componentWillUnmount() {\n      const outsideClickParentDocument = this.getParentDocument();\n      if (usePointerEvents) {\n        outsideClickParentDocument.removeEventListener(\n          \"pointerdown\",\n          this.handleDocumentPointerDown,\n          useCapture\n        );\n        outsideClickParentDocument.removeEventListener(\n          \"pointerup\",\n          this.handleDocumentPointerUp,\n          useCapture\n        );\n      } else\n        outsideClickParentDocument.removeEventListener(\n          \"click\",\n          this.handleDocumentClick,\n          useCapture\n        );\n    }\n\n    public override render() {\n      const { onOutsideClick, closeOnNestedPopupOutsideClick, ...props } =\n        this.props;\n      return (\n        <div ref={this.handleOutsideClickContainerDivSet}>\n          <Component {...(props as ComponentProps)} />\n        </div>\n      );\n    }\n  };\n};\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 * @deprecated in 4.15.0. Props of deprecated {@link withOnOutsideClick} HOC.\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 * @deprecated in 4.15.0. Used internally.\n */\nexport const withOnOutsideClick = <ComponentProps extends {}>(\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<\n    ComponentProps & WithOnOutsideClickProps // eslint-disable-line deprecation/deprecation\n  > {\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        if (element.parentElement && this.isInCorePopup(element.parentElement))\n          return true;\n      }\n      return false;\n    }\n\n    /** @internal */\n    public onOutsideClick(e: MouseEvent) {\n      if (e.target instanceof Node && e.target.nodeType === Node.ELEMENT_NODE) {\n        if (\n          !this.props.closeOnNestedPopupOutsideClick &&\n          this.isInCorePopup(e.target as HTMLElement)\n        )\n          return;\n      }\n\n      if (this.props.onOutsideClick) return this.props.onOutsideClick(e);\n      else if (defaultOnOutsideClick) return defaultOnOutsideClick(e);\n    }\n\n    /** @internal */\n    public handleDocumentClick = (e: MouseEvent) => {\n      if (\n        !this.outsideClickContainerDiv ||\n        !(e.target instanceof Node) ||\n        this.outsideClickContainerDiv.contains(e.target)\n      )\n        return;\n\n      return this.onOutsideClick(e);\n    };\n\n    /** @internal */\n    public handleDocumentPointerDown = (e: PointerEvent) => {\n      this.isDownOutside = true;\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 =\n          !!e.target &&\n          !this.outsideClickContainerDiv.contains(e.target as any);\n      }\n    };\n\n    /** @internal */\n    public handleDocumentPointerUp = (e: PointerEvent) => {\n      let isUpOutside = true;\n      if (this.outsideClickContainerDiv) {\n        // typically e.target test for instance of Node, but this is not working from pop out windows\n        isUpOutside =\n          !!e.target &&\n          !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 = (\n      outsideClickContainerDiv: HTMLDivElement | null\n    ) => {\n      this.outsideClickContainerDiv = outsideClickContainerDiv;\n    };\n\n    public getParentDocument() {\n      return this.outsideClickContainerDiv?.ownerDocument ?? document;\n    }\n\n    public override componentDidMount() {\n      const outsideClickParentDocument = this.getParentDocument();\n      if (usePointerEvents) {\n        outsideClickParentDocument.addEventListener(\n          \"pointerdown\",\n          this.handleDocumentPointerDown,\n          useCapture\n        );\n        outsideClickParentDocument.addEventListener(\n          \"pointerup\",\n          this.handleDocumentPointerUp,\n          useCapture\n        );\n      } else\n        outsideClickParentDocument.addEventListener(\n          \"click\",\n          this.handleDocumentClick,\n          useCapture\n        );\n    }\n\n    public override componentWillUnmount() {\n      const outsideClickParentDocument = this.getParentDocument();\n      if (usePointerEvents) {\n        outsideClickParentDocument.removeEventListener(\n          \"pointerdown\",\n          this.handleDocumentPointerDown,\n          useCapture\n        );\n        outsideClickParentDocument.removeEventListener(\n          \"pointerup\",\n          this.handleDocumentPointerUp,\n          useCapture\n        );\n      } else\n        outsideClickParentDocument.removeEventListener(\n          \"click\",\n          this.handleDocumentClick,\n          useCapture\n        );\n    }\n\n    public override render() {\n      const { onOutsideClick, closeOnNestedPopupOutsideClick, ...props } =\n        this.props;\n      return (\n        <div ref={this.handleOutsideClickContainerDivSet}>\n          <Component {...(props as ComponentProps)} />\n        </div>\n      );\n    }\n  };\n};\n"]}

package/lib/cjs/core-react/icons/ConditionalIconItem.d.ts

@@ -4,6 +4,7 @@
 import type { IconSpec } from "./IconComponent";
 /** Class used to return an icon. The icon is variable and can be changed in response to subscribed event ids.
  * @public
+ * @deprecated in 4.16.0. Use {@link @itwin/appui-react#ConditionalIconValue} instead.
  */
 export declare class ConditionalIconItem {
     readonly iconGetter: () => IconSpec;