@itwin/core-react 5.18.0 → 5.20.0

package/lib/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAuB/C;;;GAGG;AACH,MAAM,OAAO,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,WAAW,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","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.js\";\nimport { ContextMenu } from \"./ContextMenu.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\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"]}
+{"version":3,"file":"GlobalContextMenu.js","sourceRoot":"","sources":["../../../src/core-react/contextmenu/GlobalContextMenu.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAuB/C;;;GAGG;AACH,MAAM,OAAO,iBAAkB,SAAQ,KAAK,CAAC,aAG5C;IACS,UAAU,CAAkB;IAEX,KAAK,GAA2B;QACvD,cAAc,EAAE,IAAI;KACrB,CAAC;IAEF,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,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;IAEO,aAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;QACvD,MAAM,cAAc,GAAG,QAAQ,EAAE,aAAa,IAAI,IAAI,CAAC;QACvD,IAAI,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACtD,IAAI,CAAC,UAAU,CAAC,EAAE;gBAChB,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS;oBACjC,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;oBACnC,CAAC,CAAC,0BAA0B,CAAC;YACjC,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CACpC,+BAA+B,CACd,CAAC;YACpB,IAAI,CAAC,EAAE,EAAE,CAAC;gBACR,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACzC,EAAE,CAAC,EAAE,GAAG,+BAA+B,CAAC;gBACxC,CACE,cAAc,CAAC,IAAI,CAAC,aAAa,CAC/B,uCAAuC,CACxC,IAAI,cAAc,CAAC,IAAI,CACzB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC;YACD,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAEhC,wDAAwD;YACxD,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IAEc,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,WAAW,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","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.js\";\nimport { ContextMenu } from \"./ContextMenu.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\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/core-react/contextmenu/TildeFinder.js

@@ -10,66 +10,66 @@ import * as React from "react";
  * @internal
  */
 export class TildeFinder {
-}
-/**
- * Find character following a tilde character within a React.ReactNode.
- * @param node react node to search within for a tilde.
- * @returns character that was found, and the same node with tilde removed, and following character with an underline.
- */
-TildeFinder.findAfterTilde = (node) => {
-    if (typeof node === "string") {
-        // String
-        const tildeIndex = node.indexOf("~");
-        if (tildeIndex !== -1 && tildeIndex <= node.length - 2) {
-            const ch = node.charAt(tildeIndex + 1);
-            const s1 = node.substring(0, tildeIndex);
-            const n = React.createElement("u", { key: "hotkey" }, ch);
-            const s2 = node.substring(tildeIndex + 2);
-            return { character: ch.toUpperCase(), node: [s1, n, s2] };
-        }
-    }
-    else if (node && typeof node === "object") {
-        if (Array.isArray(node)) {
-            // Array
-            let ret = {
-                character: undefined,
-                node,
-            };
-            node = node.map((child) => {
-                const r = TildeFinder.findAfterTilde(child);
-                if (r.character) {
-                    // if character is found, modify node instead of returning unmodified child.
-                    ret = r;
-                    return r.node;
-                }
-                return child;
-            });
-            if (ret.character) {
-                return { character: ret.character, node };
+    /**
+     * Find character following a tilde character within a React.ReactNode.
+     * @param node react node to search within for a tilde.
+     * @returns character that was found, and the same node with tilde removed, and following character with an underline.
+     */
+    static findAfterTilde = (node) => {
+        if (typeof node === "string") {
+            // String
+            const tildeIndex = node.indexOf("~");
+            if (tildeIndex !== -1 && tildeIndex <= node.length - 2) {
+                const ch = node.charAt(tildeIndex + 1);
+                const s1 = node.substring(0, tildeIndex);
+                const n = React.createElement("u", { key: "hotkey" }, ch);
+                const s2 = node.substring(tildeIndex + 2);
+                return { character: ch.toUpperCase(), node: [s1, n, s2] };
             }
         }
-        else if (React.isValidElement(node)) {
-            // React Node
-            const ret = {
-                character: undefined,
-                node,
-            };
-            ret.node = React.cloneElement(node, {
-                children: React.Children.map(node.props.children, (child) => {
+        else if (node && typeof node === "object") {
+            if (Array.isArray(node)) {
+                // Array
+                let ret = {
+                    character: undefined,
+                    node,
+                };
+                node = node.map((child) => {
                     const r = TildeFinder.findAfterTilde(child);
                     if (r.character) {
                         // if character is found, modify node instead of returning unmodified child.
-                        ret.character = r.character;
+                        ret = r;
                         return r.node;
                     }
                     return child;
-                }),
-            });
-            if (ret.character) {
-                return ret;
+                });
+                if (ret.character) {
+                    return { character: ret.character, node };
+                }
+            }
+            else if (React.isValidElement(node)) {
+                // React Node
+                const ret = {
+                    character: undefined,
+                    node,
+                };
+                ret.node = React.cloneElement(node, {
+                    children: React.Children.map(node.props.children, (child) => {
+                        const r = TildeFinder.findAfterTilde(child);
+                        if (r.character) {
+                            // if character is found, modify node instead of returning unmodified child.
+                            ret.character = r.character;
+                            return r.node;
+                        }
+                        return child;
+                    }),
+                });
+                if (ret.character) {
+                    return ret;
+                }
             }
         }
-    }
-    return { character: undefined, node };
-};
+        return { character: undefined, node };
+    };
+}
 //# sourceMappingURL=TildeFinder.js.map

package/lib/core-react/contextmenu/TildeFinder.js.map

@@ -1 +1 @@
-{"version":3,"file":"TildeFinder.js","sourceRoot":"","sources":["../../../src/core-react/contextmenu/TildeFinder.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,OAAO,WAAW;;AACtB;;;;GAIG;AACW,0BAAc,GAAG,CAC7B,IAAqB,EACqC,EAAE;IAC5D,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,SAAS;QACT,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACrC,IAAI,UAAU,KAAK,CAAC,CAAC,IAAI,UAAU,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvD,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;YACvC,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;YACzC,MAAM,CAAC,GAAG,2BAAG,GAAG,EAAC,QAAQ,IAAE,EAAE,CAAK,CAAC;YACnC,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;YAC1C,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;QAC5D,CAAC;IACH,CAAC;SAAM,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC5C,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YACxB,QAAQ;YACR,IAAI,GAAG,GAA6D;gBAClE,SAAS,EAAE,SAAS;gBACpB,IAAI;aACL,CAAC;YACF,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACxB,MAAM,CAAC,GAAG,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;gBAC5C,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC;oBAChB,4EAA4E;oBAC5E,GAAG,GAAG,CAAC,CAAC;oBACR,OAAO,CAAC,CAAC,IAAI,CAAC;gBAChB,CAAC;gBACD,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,CAAC;YACH,IAAI,GAAG,CAAC,SAAS,EAAE,CAAC;gBAClB,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC;YAC5C,CAAC;QACH,CAAC;aAAM,IAAI,KAAK,CAAC,cAAc,CAA0B,IAAI,CAAC,EAAE,CAAC;YAC/D,aAAa;YACb,MAAM,GAAG,GAA6D;gBACpE,SAAS,EAAE,SAAS;gBACpB,IAAI;aACL,CAAC;YACF,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;gBAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAC1B,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnB,CAAC,KAAsB,EAAmB,EAAE;oBAC1C,MAAM,CAAC,GAAG,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;oBAC5C,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC;wBAChB,4EAA4E;wBAC5E,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC;wBAC5B,OAAO,CAAC,CAAC,IAAI,CAAC;oBAChB,CAAC;oBACD,OAAO,KAAK,CAAC;gBACf,CAAC,CACF;aACF,CAAC,CAAC;YACH,IAAI,GAAG,CAAC,SAAS,EAAE,CAAC;gBAClB,OAAO,GAAG,CAAC;YACb,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AACxC,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ContextMenu\n */\n\nimport * as React from \"react\";\n\n/** Finds a tilde character in ContextMenu item label for hot key support\n * @internal\n */\nexport class TildeFinder {\n  /**\n   * Find character following a tilde character within a React.ReactNode.\n   * @param node react node to search within for a tilde.\n   * @returns character that was found, and the same node with tilde removed, and following character with an underline.\n   */\n  public static findAfterTilde = (\n    node: React.ReactNode\n  ): { character: string | undefined; node: React.ReactNode } => {\n    if (typeof node === \"string\") {\n      // String\n      const tildeIndex = node.indexOf(\"~\");\n      if (tildeIndex !== -1 && tildeIndex <= node.length - 2) {\n        const ch = node.charAt(tildeIndex + 1);\n        const s1 = node.substring(0, tildeIndex);\n        const n = <u key=\"hotkey\">{ch}</u>;\n        const s2 = node.substring(tildeIndex + 2);\n        return { character: ch.toUpperCase(), node: [s1, n, s2] };\n      }\n    } else if (node && typeof node === \"object\") {\n      if (Array.isArray(node)) {\n        // Array\n        let ret: { character: string | undefined; node: React.ReactNode } = {\n          character: undefined,\n          node,\n        };\n        node = node.map((child) => {\n          const r = TildeFinder.findAfterTilde(child);\n          if (r.character) {\n            // if character is found, modify node instead of returning unmodified child.\n            ret = r;\n            return r.node;\n          }\n          return child;\n        });\n        if (ret.character) {\n          return { character: ret.character, node };\n        }\n      } else if (React.isValidElement<React.PropsWithChildren>(node)) {\n        // React Node\n        const ret: { character: string | undefined; node: React.ReactNode } = {\n          character: undefined,\n          node,\n        };\n        ret.node = React.cloneElement(node, {\n          children: React.Children.map(\n            node.props.children,\n            (child: React.ReactNode): React.ReactNode => {\n              const r = TildeFinder.findAfterTilde(child);\n              if (r.character) {\n                // if character is found, modify node instead of returning unmodified child.\n                ret.character = r.character;\n                return r.node;\n              }\n              return child;\n            }\n          ),\n        });\n        if (ret.character) {\n          return ret;\n        }\n      }\n    }\n    return { character: undefined, node };\n  };\n}\n"]}
+{"version":3,"file":"TildeFinder.js","sourceRoot":"","sources":["../../../src/core-react/contextmenu/TildeFinder.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 ContextMenu\n */\n\nimport * as React from \"react\";\n\n/** Finds a tilde character in ContextMenu item label for hot key support\n * @internal\n */\nexport class TildeFinder {\n  /**\n   * Find character following a tilde character within a React.ReactNode.\n   * @param node react node to search within for a tilde.\n   * @returns character that was found, and the same node with tilde removed, and following character with an underline.\n   */\n  public static findAfterTilde = (\n    node: React.ReactNode\n  ): { character: string | undefined; node: React.ReactNode } => {\n    if (typeof node === \"string\") {\n      // String\n      const tildeIndex = node.indexOf(\"~\");\n      if (tildeIndex !== -1 && tildeIndex <= node.length - 2) {\n        const ch = node.charAt(tildeIndex + 1);\n        const s1 = node.substring(0, tildeIndex);\n        const n = <u key=\"hotkey\">{ch}</u>;\n        const s2 = node.substring(tildeIndex + 2);\n        return { character: ch.toUpperCase(), node: [s1, n, s2] };\n      }\n    } else if (node && typeof node === \"object\") {\n      if (Array.isArray(node)) {\n        // Array\n        let ret: { character: string | undefined; node: React.ReactNode } = {\n          character: undefined,\n          node,\n        };\n        node = node.map((child) => {\n          const r = TildeFinder.findAfterTilde(child);\n          if (r.character) {\n            // if character is found, modify node instead of returning unmodified child.\n            ret = r;\n            return r.node;\n          }\n          return child;\n        });\n        if (ret.character) {\n          return { character: ret.character, node };\n        }\n      } else if (React.isValidElement<React.PropsWithChildren>(node)) {\n        // React Node\n        const ret: { character: string | undefined; node: React.ReactNode } = {\n          character: undefined,\n          node,\n        };\n        ret.node = React.cloneElement(node, {\n          children: React.Children.map(\n            node.props.children,\n            (child: React.ReactNode): React.ReactNode => {\n              const r = TildeFinder.findAfterTilde(child);\n              if (r.character) {\n                // if character is found, modify node instead of returning unmodified child.\n                ret.character = r.character;\n                return r.node;\n              }\n              return child;\n            }\n          ),\n        });\n        if (ret.character) {\n          return ret;\n        }\n      }\n    }\n    return { character: undefined, node };\n  };\n}\n"]}

package/lib/core-react/dialog/Dialog.js

@@ -35,27 +35,21 @@ export var DialogAlignment;
  */
 // eslint-disable-next-line @typescript-eslint/no-deprecated
 export class Dialog extends React.Component {
+    _parentDocument = document;
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    static defaultProps = {
+        maxWidth: "100%",
+        width: "50%",
+        hideHeader: false,
+        resizable: false,
+        movable: false,
+        modal: true,
+        inset: true,
+        trapFocus: false,
+    };
     // eslint-disable-next-line @typescript-eslint/no-deprecated
     constructor(props) {
         super(props);
-        this._parentDocument = document;
-        this.handleRefSet = (containerDiv) => {
-            if (containerDiv)
-                this._parentDocument = containerDiv.ownerDocument;
-        };
-        this._handleKeyUp = (event) => {
-            if (event.key === Key.Escape.valueOf() &&
-                this.props.opened &&
-                this.props.onEscape) {
-                this.props.onEscape();
-            }
-        };
-        this._handleContainerPointerDown = (event) => {
-            if (!this.props.modal) {
-                if (this.props.onModelessPointerDown && this.props.modelessId)
-                    this.props.onModelessPointerDown(event, this.props.modelessId);
-            }
-        };
     }
     componentWillUnmount() {
         this._parentDocument.removeEventListener("keyup", this._handleKeyUp, true);
@@ -63,6 +57,10 @@ export class Dialog extends React.Component {
     componentDidMount() {
         this._parentDocument.addEventListener("keyup", this._handleKeyUp, true);
     }
+    handleRefSet = (containerDiv) => {
+        if (containerDiv)
+            this._parentDocument = containerDiv.ownerDocument;
+    };
     render() {
         const { opened, title, footer, buttonCluster, onClose, onEscape, onOutsideClick, minWidth, minHeight, x, y, width, height, maxHeight, maxWidth, backgroundStyle, titleStyle, footerStyle, style, contentStyle, contentClassName, modal, resizable, movable, className, alignment, inset, trapFocus, modelessId, onModelessPointerDown, hideHeader, header, as, ...props } = this.props;
         let initialOffset = {};
@@ -143,18 +141,20 @@ export class Dialog extends React.Component {
         });
         return buttons;
     }
+    _handleKeyUp = (event) => {
+        if (event.key === Key.Escape.valueOf() &&
+            this.props.opened &&
+            this.props.onEscape) {
+            this.props.onEscape();
+        }
+    };
+    _handleContainerPointerDown = (event) => {
+        if (!this.props.modal) {
+            if (this.props.onModelessPointerDown && this.props.modelessId)
+                this.props.onModelessPointerDown(event, this.props.modelessId);
+        }
+    };
 }
-// eslint-disable-next-line @typescript-eslint/no-deprecated
-Dialog.defaultProps = {
-    maxWidth: "100%",
-    width: "50%",
-    hideHeader: false,
-    resizable: false,
-    movable: false,
-    modal: true,
-    inset: true,
-    trapFocus: false,
-};
 function DialogButton({ button, primaryStyleType, noCoreButtonClasses, }) {
     const { translate } = useTranslation();
     let buttonText = "";

package/lib/core-react/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/core-react/dialog/Dialog.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 Dialog\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type { DialogButtonDef } from \"@itwin/appui-abstract\";\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\nimport { Dialog as BaseDialog, Button } from \"@itwin/itwinui-react\";\nimport { DivWithOutsideClick } from \"../base/DivWithOutsideClick.js\";\nimport type { CommonProps } from \"../utils/Props.js\";\nimport \"./Dialog.scss\";\nimport { useTranslation } from \"../l10n/useTranslation.js\";\n\ntype ButtonProps = React.ComponentPropsWithoutRef<typeof Button>;\n\n/** Enum for dialog alignment\n * @public\n * @deprecated in 4.12.0. Enum used in a deprecated component {@link Dialog}.\n */\nexport enum DialogAlignment {\n  TopLeft = \"top-left\",\n  Top = \"top\",\n  TopRight = \"top-right\",\n  Left = \"left\",\n  Center = \"center\",\n  Right = \"right\",\n  BottomLeft = \"bottom-left\",\n  Bottom = \"bottom\",\n  BottomRight = \"bottom-right\",\n}\n\n/** Properties for the [[Dialog]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link Dialog}.\n */\nexport interface DialogProps\n  extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"title\">,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    CommonProps {\n  /** Indicates whether to show dialog or not */\n  opened: boolean;\n\n  /** Indicates whether the user can resize dialog with cursor. Default: false */\n  resizable?: boolean;\n  /** Indicates whether the user can move dialog with cursor. Default: false */\n  movable?: boolean;\n  /** Indicates whether the content should be inset. Default: true */\n  inset?: boolean;\n  /** Indicates whether the focus should be trapped within the dialog. Default: false */\n  trapFocus?: boolean;\n\n  /** Whether the hide the header. Default: false */\n  hideHeader?: boolean;\n  /** Override for the header */\n  header?: React.ReactNode;\n  /** Title to show in title bar of dialog */\n  title?: string | React.ReactElement;\n  /** Footer to show at bottom of dialog. Note: will override buttonCluster */\n  footer?: string | React.ReactElement;\n  /** List of DialogButtonDef objects specifying buttons and associated onClick events */\n  buttonCluster?: DialogButtonDef[];\n\n  /** Default alignment of dialog. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  alignment?: DialogAlignment;\n  /** Initial x/left position of dialog in px. */\n  x?: number;\n  /** Initial y/top position of dialog in px. */\n  y?: number;\n\n  /** onClick event for X button for dialog */\n  onClose?: () => void;\n  /** 'keyup' event for Esc key */\n  onEscape?: () => void;\n  /** Triggered when a click is triggered outside of this dialog. */\n  onOutsideClick?: (event: MouseEvent) => any;\n\n  /** Initial width of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: \"50%\" */\n  width?: string | number;\n  /** Initial height of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  height?: string | number;\n  /** Minimum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 300px */\n  minWidth?: string | number;\n  /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 135px */\n  minHeight?: string | number;\n  /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100% */\n  maxWidth?: string | number;\n  /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  maxHeight?: string | number;\n\n  /** Whether to show background overlay. Default: true.\n   * @note Modeless dialogs require an id and an implementation of onModelessPointerDown.\n   */\n  modal?: boolean;\n  /** An id for a modeless dialog */\n  modelessId?: string;\n  /** Pointer Down event handler when modeless (modal = false) */\n  onModelessPointerDown?: (event: React.PointerEvent, id: string) => void;\n\n  /** Custom CSS Style for overlay */\n  backgroundStyle?: React.CSSProperties;\n  /** Custom CSS Style for title */\n  titleStyle?: React.CSSProperties;\n  /** Custom CSS Style for footer */\n  footerStyle?: React.CSSProperties;\n  /** Custom CSS class name for the content */\n  contentClassName?: string;\n  /** Custom CSS Style for the content */\n  contentStyle?: React.CSSProperties;\n}\n\n/** Dialog React component with optional resizing and dragging functionality\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI dialog} instead.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class Dialog extends React.Component<DialogProps> {\n  private _parentDocument = document;\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  public static defaultProps: Partial<DialogProps> = {\n    maxWidth: \"100%\",\n    width: \"50%\",\n    hideHeader: false,\n    resizable: false,\n    movable: false,\n    modal: true,\n    inset: true,\n    trapFocus: false,\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  constructor(props: DialogProps) {\n    super(props);\n  }\n\n  public override componentWillUnmount(): void {\n    this._parentDocument.removeEventListener(\"keyup\", this._handleKeyUp, true);\n  }\n\n  public override componentDidMount(): void {\n    this._parentDocument.addEventListener(\"keyup\", this._handleKeyUp, true);\n  }\n\n  public handleRefSet = (containerDiv: HTMLDivElement | null) => {\n    if (containerDiv) this._parentDocument = containerDiv.ownerDocument;\n  };\n\n  public override render(): React.ReactElement {\n    const {\n      opened,\n      title,\n      footer,\n      buttonCluster,\n      onClose,\n      onEscape,\n      onOutsideClick,\n      minWidth,\n      minHeight,\n      x,\n      y,\n      width,\n      height,\n      maxHeight,\n      maxWidth,\n      backgroundStyle,\n      titleStyle,\n      footerStyle,\n      style,\n      contentStyle,\n      contentClassName,\n      modal,\n      resizable,\n      movable,\n      className,\n      alignment,\n      inset,\n      trapFocus,\n      modelessId,\n      onModelessPointerDown,\n      hideHeader,\n      header,\n      as,\n      ...props\n    } = this.props;\n\n    let initialOffset: React.CSSProperties = {};\n    if (x || y) {\n      initialOffset = {\n        left: x ?? 0,\n        top: y ?? 0,\n        transform: \"none\",\n      };\n    }\n\n    const containerStyle: React.CSSProperties = {\n      ...initialOffset,\n      margin: \"\",\n      width,\n      height,\n    };\n\n    const minMaxStyle: React.CSSProperties = {\n      minWidth,\n      minHeight,\n      maxWidth,\n      maxHeight,\n    };\n    const dialogBaseContainerStyle: React.CSSProperties = {\n      ...containerStyle,\n      ...minMaxStyle,\n    };\n\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const buttons = this.getFooterButtons(\n      buttonCluster,\n      \"high-visibility\",\n      true\n    );\n\n    return (\n      <BaseDialog\n        isOpen={opened}\n        onClose={onClose}\n        closeOnExternalClick={false}\n        closeOnEsc={false}\n        style={style}\n        className={classnames(\"core-dialog\", className)}\n        isDraggable={movable}\n        isResizable={resizable}\n        trapFocus={trapFocus && modal}\n        preventDocumentScroll={true}\n        data-testid=\"core-dialog-root\"\n        {...props}\n      >\n        {modal && <BaseDialog.Backdrop style={backgroundStyle} />}\n        {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n        <DivWithOutsideClick onOutsideClick={onOutsideClick}>\n          <BaseDialog.Main\n            className={classnames(\n              \"core-dialog-main\",\n              alignment && this.getCSSClassNameFromAlignment(alignment)\n            )}\n            data-testid=\"core-dialog-container\"\n            style={dialogBaseContainerStyle}\n            onPointerDown={this._handleContainerPointerDown}\n          >\n            {!hideHeader &&\n              (header || (\n                <BaseDialog.TitleBar\n                  titleText={title}\n                  style={titleStyle}\n                  data-testid=\"core-dialog-head\"\n                />\n              ))}\n            <BaseDialog.Content\n              className={contentClassName}\n              style={{ padding: inset ? undefined : 0, ...contentStyle }}\n            >\n              {this.props.children}\n            </BaseDialog.Content>\n            {footer ||\n              (buttons && (\n                <BaseDialog.ButtonBar style={footerStyle}>\n                  {buttons}\n                </BaseDialog.ButtonBar>\n              ))}\n          </BaseDialog.Main>\n        </DivWithOutsideClick>\n      </BaseDialog>\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  private getCSSClassNameFromAlignment(alignment: DialogAlignment): string {\n    switch (alignment) {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.TopLeft:\n        return \"core-align-top-left\";\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.Top:\n        return \"core-align-top\";\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.TopRight:\n        return \"core-align-top-right\";\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.Left:\n        return \"core-align-left\";\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.Center:\n        return \"core-align-center\";\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.Right:\n        return \"core-align-right\";\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.BottomLeft:\n        return \"core-align-bottom-left\";\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.Bottom:\n        return \"core-align-bottom\";\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.BottomRight:\n        return \"core-align-bottom-right\";\n    }\n  }\n\n  /** @deprecated in 4.12.0. Use iTwinUI Button instead. */\n  protected getFooterButtons(\n    buttonCluster: DialogButtonDef[] | undefined,\n    primaryStyleType: ButtonProps[\"styleType\"] = \"cta\",\n    noCoreButtonClasses: boolean = false\n  ): React.ReactNode[] | undefined {\n    if (buttonCluster === undefined) return undefined;\n\n    const buttons: React.ReactNode[] = [];\n    buttonCluster.forEach((button: DialogButtonDef, index: number) => {\n      buttons.push(\n        <DialogButton\n          key={index.toString()}\n          button={button}\n          primaryStyleType={primaryStyleType}\n          noCoreButtonClasses={noCoreButtonClasses}\n        />\n      );\n    });\n    return buttons;\n  }\n\n  private _handleKeyUp = (event: KeyboardEvent) => {\n    if (\n      event.key === Key.Escape.valueOf() &&\n      this.props.opened &&\n      this.props.onEscape\n    ) {\n      this.props.onEscape();\n    }\n  };\n\n  protected _handleContainerPointerDown = (event: React.PointerEvent): void => {\n    if (!this.props.modal) {\n      if (this.props.onModelessPointerDown && this.props.modelessId)\n        this.props.onModelessPointerDown(event, this.props.modelessId);\n    }\n  };\n}\n\nfunction DialogButton({\n  button,\n  primaryStyleType,\n  noCoreButtonClasses,\n}: {\n  button: DialogButtonDef;\n  primaryStyleType: ButtonProps[\"styleType\"];\n  noCoreButtonClasses: boolean;\n}) {\n  const { translate } = useTranslation();\n\n  let buttonText = \"\";\n\n  let buttonClass = classnames(\n    !noCoreButtonClasses && \"core-dialog-button\",\n    !noCoreButtonClasses && `dialog-button-${button.type}`,\n    button.className\n  );\n  let usePrimaryStyleType = false;\n\n  switch (button.type) {\n    case DialogButtonType.OK:\n      buttonText = translate(\"dialog.ok\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n    case DialogButtonType.Retry:\n      buttonText = translate(\"dialog.retry\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n    case DialogButtonType.Yes:\n      buttonText = translate(\"dialog.yes\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n    case DialogButtonType.No:\n      buttonText = translate(\"dialog.no\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      break;\n    case DialogButtonType.Cancel:\n      buttonText = translate(\"dialog.cancel\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      break;\n    case DialogButtonType.Close:\n      buttonText = translate(\"dialog.close\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      break;\n    case DialogButtonType.Next:\n      buttonText = translate(\"dialog.next\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n    case DialogButtonType.Previous:\n      buttonText = translate(\"dialog.previous\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n  }\n\n  buttonText = button.label || buttonText;\n\n  return (\n    <Button\n      className={buttonClass}\n      disabled={button.disabled}\n      styleType={usePrimaryStyleType ? primaryStyleType : undefined}\n      onClick={button.onClick}\n    >\n      {buttonText}\n    </Button>\n  );\n}\n"]}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/core-react/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAI3D;;;GAGG;AACH,MAAM,CAAN,IAAY,eAUX;AAVD,WAAY,eAAe;IACzB,uCAAoB,CAAA;IACpB,8BAAW,CAAA;IACX,yCAAsB,CAAA;IACtB,gCAAa,CAAA;IACb,oCAAiB,CAAA;IACjB,kCAAe,CAAA;IACf,6CAA0B,CAAA;IAC1B,oCAAiB,CAAA;IACjB,+CAA4B,CAAA;AAC9B,CAAC,EAVW,eAAe,KAAf,eAAe,QAU1B;AAkFD;;;GAGG;AACH,4DAA4D;AAC5D,MAAM,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAsB;IAC9C,eAAe,GAAG,QAAQ,CAAC;IACnC,4DAA4D;IACrD,MAAM,CAAC,YAAY,GAAyB;QACjD,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,KAAK;QACZ,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,IAAI;QACX,SAAS,EAAE,KAAK;KACjB,CAAC;IAEF,4DAA4D;IAC5D,YAAY,KAAkB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,eAAe,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAC7E,CAAC;IAEe,iBAAiB;QAC/B,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAC1E,CAAC;IAEM,YAAY,GAAG,CAAC,YAAmC,EAAE,EAAE;QAC5D,IAAI,YAAY;YAAE,IAAI,CAAC,eAAe,GAAG,YAAY,CAAC,aAAa,CAAC;IACtE,CAAC,CAAC;IAEc,MAAM;QACpB,MAAM,EACJ,MAAM,EACN,KAAK,EACL,MAAM,EACN,aAAa,EACb,OAAO,EACP,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,SAAS,EACT,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,EACN,SAAS,EACT,QAAQ,EACR,eAAe,EACf,UAAU,EACV,WAAW,EACX,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,KAAK,EACL,SAAS,EACT,OAAO,EACP,SAAS,EACT,SAAS,EACT,KAAK,EACL,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,UAAU,EACV,MAAM,EACN,EAAE,EACF,GAAG,KAAK,EACT,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,IAAI,aAAa,GAAwB,EAAE,CAAC;QAC5C,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YACX,aAAa,GAAG;gBACd,IAAI,EAAE,CAAC,IAAI,CAAC;gBACZ,GAAG,EAAE,CAAC,IAAI,CAAC;gBACX,SAAS,EAAE,MAAM;aAClB,CAAC;QACJ,CAAC;QAED,MAAM,cAAc,GAAwB;YAC1C,GAAG,aAAa;YAChB,MAAM,EAAE,EAAE;YACV,KAAK;YACL,MAAM;SACP,CAAC;QAEF,MAAM,WAAW,GAAwB;YACvC,QAAQ;YACR,SAAS;YACT,QAAQ;YACR,SAAS;SACV,CAAC;QACF,MAAM,wBAAwB,GAAwB;YACpD,GAAG,cAAc;YACjB,GAAG,WAAW;SACf,CAAC;QAEF,4DAA4D;QAC5D,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CACnC,aAAa,EACb,iBAAiB,EACjB,IAAI,CACL,CAAC;QAEF,OAAO,CACL,oBAAC,UAAU,IACT,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,KAAK,EAC3B,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,EAC/C,WAAW,EAAE,OAAO,EACpB,WAAW,EAAE,SAAS,EACtB,SAAS,EAAE,SAAS,IAAI,KAAK,EAC7B,qBAAqB,EAAE,IAAI,iBACf,kBAAkB,KAC1B,KAAK;YAER,KAAK,IAAI,oBAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,GAAI;YAEzD,oBAAC,mBAAmB,IAAC,cAAc,EAAE,cAAc;gBACjD,oBAAC,UAAU,CAAC,IAAI,IACd,SAAS,EAAE,UAAU,CACnB,kBAAkB,EAClB,SAAS,IAAI,IAAI,CAAC,4BAA4B,CAAC,SAAS,CAAC,CAC1D,iBACW,uBAAuB,EACnC,KAAK,EAAE,wBAAwB,EAC/B,aAAa,EAAE,IAAI,CAAC,2BAA2B;oBAE9C,CAAC,UAAU;wBACV,CAAC,MAAM,IAAI,CACT,oBAAC,UAAU,CAAC,QAAQ,IAClB,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,UAAU,iBACL,kBAAkB,GAC9B,CACH,CAAC;oBACJ,oBAAC,UAAU,CAAC,OAAO,IACjB,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,YAAY,EAAE,IAEzD,IAAI,CAAC,KAAK,CAAC,QAAQ,CACD;oBACpB,MAAM;wBACL,CAAC,OAAO,IAAI,CACV,oBAAC,UAAU,CAAC,SAAS,IAAC,KAAK,EAAE,WAAW,IACrC,OAAO,CACa,CACxB,CAAC,CACY,CACE,CACX,CACd,CAAC;IACJ,CAAC;IAED,4DAA4D;IACpD,4BAA4B,CAAC,SAA0B;QAC7D,QAAQ,SAAS,EAAE,CAAC;YAClB,4DAA4D;YAC5D,KAAK,eAAe,CAAC,OAAO;gBAC1B,OAAO,qBAAqB,CAAC;YAC/B,4DAA4D;YAC5D,KAAK,eAAe,CAAC,GAAG;gBACtB,OAAO,gBAAgB,CAAC;YAC1B,4DAA4D;YAC5D,KAAK,eAAe,CAAC,QAAQ;gBAC3B,OAAO,sBAAsB,CAAC;YAChC,4DAA4D;YAC5D,KAAK,eAAe,CAAC,IAAI;gBACvB,OAAO,iBAAiB,CAAC;YAC3B,4DAA4D;YAC5D,KAAK,eAAe,CAAC,MAAM;gBACzB,OAAO,mBAAmB,CAAC;YAC7B,4DAA4D;YAC5D,KAAK,eAAe,CAAC,KAAK;gBACxB,OAAO,kBAAkB,CAAC;YAC5B,4DAA4D;YAC5D,KAAK,eAAe,CAAC,UAAU;gBAC7B,OAAO,wBAAwB,CAAC;YAClC,4DAA4D;YAC5D,KAAK,eAAe,CAAC,MAAM;gBACzB,OAAO,mBAAmB,CAAC;YAC7B,4DAA4D;YAC5D,KAAK,eAAe,CAAC,WAAW;gBAC9B,OAAO,yBAAyB,CAAC;QACrC,CAAC;IACH,CAAC;IAED,yDAAyD;IAC/C,gBAAgB,CACxB,aAA4C,EAC5C,mBAA6C,KAAK,EAClD,sBAA+B,KAAK;QAEpC,IAAI,aAAa,KAAK,SAAS;YAAE,OAAO,SAAS,CAAC;QAElD,MAAM,OAAO,GAAsB,EAAE,CAAC;QACtC,aAAa,CAAC,OAAO,CAAC,CAAC,MAAuB,EAAE,KAAa,EAAE,EAAE;YAC/D,OAAO,CAAC,IAAI,CACV,oBAAC,YAAY,IACX,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,EACrB,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB,GACxC,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,OAAO,OAAO,CAAC;IACjB,CAAC;IAEO,YAAY,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC9C,IACE,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE;YAClC,IAAI,CAAC,KAAK,CAAC,MAAM;YACjB,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnB,CAAC;YACD,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEQ,2BAA2B,GAAG,CAAC,KAAyB,EAAQ,EAAE;QAC1E,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACtB,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU;gBAC3D,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACnE,CAAC;IACH,CAAC,CAAC;;AAGJ,SAAS,YAAY,CAAC,EACpB,MAAM,EACN,gBAAgB,EAChB,mBAAmB,GAKpB;IACC,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvC,IAAI,UAAU,GAAG,EAAE,CAAC;IAEpB,IAAI,WAAW,GAAG,UAAU,CAC1B,CAAC,mBAAmB,IAAI,oBAAoB,EAC5C,CAAC,mBAAmB,IAAI,iBAAiB,MAAM,CAAC,IAAI,EAAE,EACtD,MAAM,CAAC,SAAS,CACjB,CAAC;IACF,IAAI,mBAAmB,GAAG,KAAK,CAAC;IAEhC,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,gBAAgB,CAAC,EAAE;YACtB,UAAU,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;YACpC,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;YAC1D,mBAAmB,GAAG,IAAI,CAAC;YAC3B,MAAM;QACR,KAAK,gBAAgB,CAAC,KAAK;YACzB,UAAU,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;YACvC,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;YAC1D,mBAAmB,GAAG,IAAI,CAAC;YAC3B,MAAM;QACR,KAAK,gBAAgB,CAAC,GAAG;YACvB,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;YACrC,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;YAC1D,mBAAmB,GAAG,IAAI,CAAC;YAC3B,MAAM;QACR,KAAK,gBAAgB,CAAC,EAAE;YACtB,UAAU,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;YACpC,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;YAC1D,MAAM;QACR,KAAK,gBAAgB,CAAC,MAAM;YAC1B,UAAU,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;YACxC,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;YAC1D,MAAM;QACR,KAAK,gBAAgB,CAAC,KAAK;YACzB,UAAU,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;YACvC,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;YAC1D,MAAM;QACR,KAAK,gBAAgB,CAAC,IAAI;YACxB,UAAU,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC;YACtC,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;YAC1D,mBAAmB,GAAG,IAAI,CAAC;YAC3B,MAAM;QACR,KAAK,gBAAgB,CAAC,QAAQ;YAC5B,UAAU,GAAG,SAAS,CAAC,iBAAiB,CAAC,CAAC;YAC1C,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;YAC1D,mBAAmB,GAAG,IAAI,CAAC;YAC3B,MAAM;IACV,CAAC;IAED,UAAU,GAAG,MAAM,CAAC,KAAK,IAAI,UAAU,CAAC;IAExC,OAAO,CACL,oBAAC,MAAM,IACL,SAAS,EAAE,WAAW,EACtB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,EAC7D,OAAO,EAAE,MAAM,CAAC,OAAO,IAEtB,UAAU,CACJ,CACV,CAAC;AACJ,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 Dialog\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type { DialogButtonDef } from \"@itwin/appui-abstract\";\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\nimport { Dialog as BaseDialog, Button } from \"@itwin/itwinui-react\";\nimport { DivWithOutsideClick } from \"../base/DivWithOutsideClick.js\";\nimport type { CommonProps } from \"../utils/Props.js\";\nimport \"./Dialog.scss\";\nimport { useTranslation } from \"../l10n/useTranslation.js\";\n\ntype ButtonProps = React.ComponentPropsWithoutRef<typeof Button>;\n\n/** Enum for dialog alignment\n * @public\n * @deprecated in 4.12.0. Enum used in a deprecated component {@link Dialog}.\n */\nexport enum DialogAlignment {\n  TopLeft = \"top-left\",\n  Top = \"top\",\n  TopRight = \"top-right\",\n  Left = \"left\",\n  Center = \"center\",\n  Right = \"right\",\n  BottomLeft = \"bottom-left\",\n  Bottom = \"bottom\",\n  BottomRight = \"bottom-right\",\n}\n\n/** Properties for the [[Dialog]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link Dialog}.\n */\nexport interface DialogProps\n  extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"title\">,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    CommonProps {\n  /** Indicates whether to show dialog or not */\n  opened: boolean;\n\n  /** Indicates whether the user can resize dialog with cursor. Default: false */\n  resizable?: boolean;\n  /** Indicates whether the user can move dialog with cursor. Default: false */\n  movable?: boolean;\n  /** Indicates whether the content should be inset. Default: true */\n  inset?: boolean;\n  /** Indicates whether the focus should be trapped within the dialog. Default: false */\n  trapFocus?: boolean;\n\n  /** Whether the hide the header. Default: false */\n  hideHeader?: boolean;\n  /** Override for the header */\n  header?: React.ReactNode;\n  /** Title to show in title bar of dialog */\n  title?: string | React.ReactElement;\n  /** Footer to show at bottom of dialog. Note: will override buttonCluster */\n  footer?: string | React.ReactElement;\n  /** List of DialogButtonDef objects specifying buttons and associated onClick events */\n  buttonCluster?: DialogButtonDef[];\n\n  /** Default alignment of dialog. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  alignment?: DialogAlignment;\n  /** Initial x/left position of dialog in px. */\n  x?: number;\n  /** Initial y/top position of dialog in px. */\n  y?: number;\n\n  /** onClick event for X button for dialog */\n  onClose?: () => void;\n  /** 'keyup' event for Esc key */\n  onEscape?: () => void;\n  /** Triggered when a click is triggered outside of this dialog. */\n  onOutsideClick?: (event: MouseEvent) => any;\n\n  /** Initial width of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: \"50%\" */\n  width?: string | number;\n  /** Initial height of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  height?: string | number;\n  /** Minimum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 300px */\n  minWidth?: string | number;\n  /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 135px */\n  minHeight?: string | number;\n  /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100% */\n  maxWidth?: string | number;\n  /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  maxHeight?: string | number;\n\n  /** Whether to show background overlay. Default: true.\n   * @note Modeless dialogs require an id and an implementation of onModelessPointerDown.\n   */\n  modal?: boolean;\n  /** An id for a modeless dialog */\n  modelessId?: string;\n  /** Pointer Down event handler when modeless (modal = false) */\n  onModelessPointerDown?: (event: React.PointerEvent, id: string) => void;\n\n  /** Custom CSS Style for overlay */\n  backgroundStyle?: React.CSSProperties;\n  /** Custom CSS Style for title */\n  titleStyle?: React.CSSProperties;\n  /** Custom CSS Style for footer */\n  footerStyle?: React.CSSProperties;\n  /** Custom CSS class name for the content */\n  contentClassName?: string;\n  /** Custom CSS Style for the content */\n  contentStyle?: React.CSSProperties;\n}\n\n/** Dialog React component with optional resizing and dragging functionality\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI dialog} instead.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class Dialog extends React.Component<DialogProps> {\n  private _parentDocument = document;\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  public static defaultProps: Partial<DialogProps> = {\n    maxWidth: \"100%\",\n    width: \"50%\",\n    hideHeader: false,\n    resizable: false,\n    movable: false,\n    modal: true,\n    inset: true,\n    trapFocus: false,\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  constructor(props: DialogProps) {\n    super(props);\n  }\n\n  public override componentWillUnmount(): void {\n    this._parentDocument.removeEventListener(\"keyup\", this._handleKeyUp, true);\n  }\n\n  public override componentDidMount(): void {\n    this._parentDocument.addEventListener(\"keyup\", this._handleKeyUp, true);\n  }\n\n  public handleRefSet = (containerDiv: HTMLDivElement | null) => {\n    if (containerDiv) this._parentDocument = containerDiv.ownerDocument;\n  };\n\n  public override render(): React.ReactElement {\n    const {\n      opened,\n      title,\n      footer,\n      buttonCluster,\n      onClose,\n      onEscape,\n      onOutsideClick,\n      minWidth,\n      minHeight,\n      x,\n      y,\n      width,\n      height,\n      maxHeight,\n      maxWidth,\n      backgroundStyle,\n      titleStyle,\n      footerStyle,\n      style,\n      contentStyle,\n      contentClassName,\n      modal,\n      resizable,\n      movable,\n      className,\n      alignment,\n      inset,\n      trapFocus,\n      modelessId,\n      onModelessPointerDown,\n      hideHeader,\n      header,\n      as,\n      ...props\n    } = this.props;\n\n    let initialOffset: React.CSSProperties = {};\n    if (x || y) {\n      initialOffset = {\n        left: x ?? 0,\n        top: y ?? 0,\n        transform: \"none\",\n      };\n    }\n\n    const containerStyle: React.CSSProperties = {\n      ...initialOffset,\n      margin: \"\",\n      width,\n      height,\n    };\n\n    const minMaxStyle: React.CSSProperties = {\n      minWidth,\n      minHeight,\n      maxWidth,\n      maxHeight,\n    };\n    const dialogBaseContainerStyle: React.CSSProperties = {\n      ...containerStyle,\n      ...minMaxStyle,\n    };\n\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const buttons = this.getFooterButtons(\n      buttonCluster,\n      \"high-visibility\",\n      true\n    );\n\n    return (\n      <BaseDialog\n        isOpen={opened}\n        onClose={onClose}\n        closeOnExternalClick={false}\n        closeOnEsc={false}\n        style={style}\n        className={classnames(\"core-dialog\", className)}\n        isDraggable={movable}\n        isResizable={resizable}\n        trapFocus={trapFocus && modal}\n        preventDocumentScroll={true}\n        data-testid=\"core-dialog-root\"\n        {...props}\n      >\n        {modal && <BaseDialog.Backdrop style={backgroundStyle} />}\n        {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n        <DivWithOutsideClick onOutsideClick={onOutsideClick}>\n          <BaseDialog.Main\n            className={classnames(\n              \"core-dialog-main\",\n              alignment && this.getCSSClassNameFromAlignment(alignment)\n            )}\n            data-testid=\"core-dialog-container\"\n            style={dialogBaseContainerStyle}\n            onPointerDown={this._handleContainerPointerDown}\n          >\n            {!hideHeader &&\n              (header || (\n                <BaseDialog.TitleBar\n                  titleText={title}\n                  style={titleStyle}\n                  data-testid=\"core-dialog-head\"\n                />\n              ))}\n            <BaseDialog.Content\n              className={contentClassName}\n              style={{ padding: inset ? undefined : 0, ...contentStyle }}\n            >\n              {this.props.children}\n            </BaseDialog.Content>\n            {footer ||\n              (buttons && (\n                <BaseDialog.ButtonBar style={footerStyle}>\n                  {buttons}\n                </BaseDialog.ButtonBar>\n              ))}\n          </BaseDialog.Main>\n        </DivWithOutsideClick>\n      </BaseDialog>\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  private getCSSClassNameFromAlignment(alignment: DialogAlignment): string {\n    switch (alignment) {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.TopLeft:\n        return \"core-align-top-left\";\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.Top:\n        return \"core-align-top\";\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.TopRight:\n        return \"core-align-top-right\";\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.Left:\n        return \"core-align-left\";\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.Center:\n        return \"core-align-center\";\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.Right:\n        return \"core-align-right\";\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.BottomLeft:\n        return \"core-align-bottom-left\";\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.Bottom:\n        return \"core-align-bottom\";\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      case DialogAlignment.BottomRight:\n        return \"core-align-bottom-right\";\n    }\n  }\n\n  /** @deprecated in 4.12.0. Use iTwinUI Button instead. */\n  protected getFooterButtons(\n    buttonCluster: DialogButtonDef[] | undefined,\n    primaryStyleType: ButtonProps[\"styleType\"] = \"cta\",\n    noCoreButtonClasses: boolean = false\n  ): React.ReactNode[] | undefined {\n    if (buttonCluster === undefined) return undefined;\n\n    const buttons: React.ReactNode[] = [];\n    buttonCluster.forEach((button: DialogButtonDef, index: number) => {\n      buttons.push(\n        <DialogButton\n          key={index.toString()}\n          button={button}\n          primaryStyleType={primaryStyleType}\n          noCoreButtonClasses={noCoreButtonClasses}\n        />\n      );\n    });\n    return buttons;\n  }\n\n  private _handleKeyUp = (event: KeyboardEvent) => {\n    if (\n      event.key === Key.Escape.valueOf() &&\n      this.props.opened &&\n      this.props.onEscape\n    ) {\n      this.props.onEscape();\n    }\n  };\n\n  protected _handleContainerPointerDown = (event: React.PointerEvent): void => {\n    if (!this.props.modal) {\n      if (this.props.onModelessPointerDown && this.props.modelessId)\n        this.props.onModelessPointerDown(event, this.props.modelessId);\n    }\n  };\n}\n\nfunction DialogButton({\n  button,\n  primaryStyleType,\n  noCoreButtonClasses,\n}: {\n  button: DialogButtonDef;\n  primaryStyleType: ButtonProps[\"styleType\"];\n  noCoreButtonClasses: boolean;\n}) {\n  const { translate } = useTranslation();\n\n  let buttonText = \"\";\n\n  let buttonClass = classnames(\n    !noCoreButtonClasses && \"core-dialog-button\",\n    !noCoreButtonClasses && `dialog-button-${button.type}`,\n    button.className\n  );\n  let usePrimaryStyleType = false;\n\n  switch (button.type) {\n    case DialogButtonType.OK:\n      buttonText = translate(\"dialog.ok\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n    case DialogButtonType.Retry:\n      buttonText = translate(\"dialog.retry\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n    case DialogButtonType.Yes:\n      buttonText = translate(\"dialog.yes\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n    case DialogButtonType.No:\n      buttonText = translate(\"dialog.no\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      break;\n    case DialogButtonType.Cancel:\n      buttonText = translate(\"dialog.cancel\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      break;\n    case DialogButtonType.Close:\n      buttonText = translate(\"dialog.close\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      break;\n    case DialogButtonType.Next:\n      buttonText = translate(\"dialog.next\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n    case DialogButtonType.Previous:\n      buttonText = translate(\"dialog.previous\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n  }\n\n  buttonText = button.label || buttonText;\n\n  return (\n    <Button\n      className={buttonClass}\n      disabled={button.disabled}\n      styleType={usePrimaryStyleType ? primaryStyleType : undefined}\n      onClick={button.onClick}\n    >\n      {buttonText}\n    </Button>\n  );\n}\n"]}

package/lib/core-react/dialog/GlobalDialog.js

@@ -13,33 +13,34 @@ import { Dialog } from "./Dialog.js";
  * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI dialog} instead.
  */
 export class GlobalDialog extends React.Component {
+    _container;
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    state = {
+        parentDocument: null,
+    };
     // eslint-disable-next-line @typescript-eslint/no-deprecated
     constructor(props) {
         super(props);
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        this.state = {
-            parentDocument: null,
-        };
-        this._handleRefSet = (popupDiv) => {
-            const parentDocument = popupDiv?.ownerDocument ?? null;
-            if (parentDocument) {
-                this._container = parentDocument.createElement("div");
-                this._container.id =
-                    this.props.identifier !== undefined
-                        ? `dialog-${this.props.identifier}`
-                        : "core-dialog";
-                let rt = parentDocument.getElementById("core-dialog-root");
-                if (!rt) {
-                    rt = parentDocument.createElement("div");
-                    rt.id = "core-dialog-root";
-                    parentDocument.body.appendChild(rt);
-                }
-                rt.appendChild(this._container);
-                // used to support component rendering in pop-out window
-                this.setState({ parentDocument });
-            }
-        };
     }
+    _handleRefSet = (popupDiv) => {
+        const parentDocument = popupDiv?.ownerDocument ?? null;
+        if (parentDocument) {
+            this._container = parentDocument.createElement("div");
+            this._container.id =
+                this.props.identifier !== undefined
+                    ? `dialog-${this.props.identifier}`
+                    : "core-dialog";
+            let rt = parentDocument.getElementById("core-dialog-root");
+            if (!rt) {
+                rt = parentDocument.createElement("div");
+                rt.id = "core-dialog-root";
+                parentDocument.body.appendChild(rt);
+            }
+            rt.appendChild(this._container);
+            // used to support component rendering in pop-out window
+            this.setState({ parentDocument });
+        }
+    };
     componentWillUnmount() {
         if (this._container && this._container.parentElement) {
             // cleanup

package/lib/core-react/dialog/GlobalDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalDialog.js","sourceRoot":"","sources":["../../../src/core-react/dialog/GlobalDialog.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAmBrC;;;GAGG;AACH,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAKvC;IAQC,4DAA4D;IAC5D,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QAPf,4DAA4D;QACnC,UAAK,GAAsB;YAClD,cAAc,EAAE,IAAI;SACrB,CAAC;QAOM,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,aAAa,CAAC;gBACpB,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CACpC,kBAAkB,CACD,CAAC;gBACpB,IAAI,CAAC,EAAE,EAAE,CAAC;oBACR,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,EAAE,CAAC,EAAE,GAAG,kBAAkB,CAAC;oBAC3B,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;gBACtC,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;IAvBF,CAAC;IAyBe,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;IAEe,MAAM;QACpB,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5C,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,aAAa,IACzB,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,QAAQ,CAAC,YAAY;YACnB,4DAA4D;YAC5D,oBAAC,MAAM,OAAK,KAAK,GAAI,EACrB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAC/B,CACC,CACP,CAAC;IACJ,CAAC;CACF","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 Dialog\n */\n\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport type { DialogProps } from \"./Dialog.js\";\nimport { Dialog } from \"./Dialog.js\";\n\n/** Properties for the [[GlobalDialog]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link GlobalDialog}.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface GlobalDialogProps extends DialogProps {\n  identifier?: string;\n}\n\n/** State properties for the [[GlobalDialog]] component\n * @public\n * @deprecated in 4.12.0. State of deprecated component {@link GlobalDialog}.\n */\nexport interface GlobalDialogState {\n  parentDocument: Document | null;\n}\n\n/** GlobalDialog React component used to display a [[Dialog]] on the top of screen\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI dialog} instead.\n */\nexport class GlobalDialog extends React.Component<\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  GlobalDialogProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  GlobalDialogState\n> {\n  private _container?: HTMLDivElement;\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  public override readonly state: GlobalDialogState = {\n    parentDocument: null,\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  constructor(props: GlobalDialogProps) {\n    super(props);\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-dialog\";\n      let rt = parentDocument.getElementById(\n        \"core-dialog-root\"\n      ) as HTMLDivElement;\n      if (!rt) {\n        rt = parentDocument.createElement(\"div\");\n        rt.id = \"core-dialog-root\";\n        parentDocument.body.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 componentWillUnmount() {\n    if (this._container && this._container.parentElement) {\n      // cleanup\n      this._container.parentElement.removeChild(this._container);\n    }\n  }\n\n  public override render(): React.ReactNode {\n    const { identifier, ...props } = this.props;\n    return (\n      <div ref={this._handleRefSet}>\n        {this.state.parentDocument &&\n          ReactDOM.createPortal(\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            <Dialog {...props} />,\n            this.state.parentDocument.body\n          )}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"GlobalDialog.js","sourceRoot":"","sources":["../../../src/core-react/dialog/GlobalDialog.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAmBrC;;;GAGG;AACH,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAKvC;IACS,UAAU,CAAkB;IAEpC,4DAA4D;IACnC,KAAK,GAAsB;QAClD,cAAc,EAAE,IAAI;KACrB,CAAC;IAEF,4DAA4D;IAC5D,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEO,aAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;QACvD,MAAM,cAAc,GAAG,QAAQ,EAAE,aAAa,IAAI,IAAI,CAAC;QACvD,IAAI,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACtD,IAAI,CAAC,UAAU,CAAC,EAAE;gBAChB,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS;oBACjC,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;oBACnC,CAAC,CAAC,aAAa,CAAC;YACpB,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CACpC,kBAAkB,CACD,CAAC;YACpB,IAAI,CAAC,EAAE,EAAE,CAAC;gBACR,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACzC,EAAE,CAAC,EAAE,GAAG,kBAAkB,CAAC;gBAC3B,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YACtC,CAAC;YACD,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAEhC,wDAAwD;YACxD,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IAEc,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;IAEe,MAAM;QACpB,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5C,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,aAAa,IACzB,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,QAAQ,CAAC,YAAY;YACnB,4DAA4D;YAC5D,oBAAC,MAAM,OAAK,KAAK,GAAI,EACrB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAC/B,CACC,CACP,CAAC;IACJ,CAAC;CACF","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 Dialog\n */\n\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport type { DialogProps } from \"./Dialog.js\";\nimport { Dialog } from \"./Dialog.js\";\n\n/** Properties for the [[GlobalDialog]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link GlobalDialog}.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface GlobalDialogProps extends DialogProps {\n  identifier?: string;\n}\n\n/** State properties for the [[GlobalDialog]] component\n * @public\n * @deprecated in 4.12.0. State of deprecated component {@link GlobalDialog}.\n */\nexport interface GlobalDialogState {\n  parentDocument: Document | null;\n}\n\n/** GlobalDialog React component used to display a [[Dialog]] on the top of screen\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI dialog} instead.\n */\nexport class GlobalDialog extends React.Component<\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  GlobalDialogProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  GlobalDialogState\n> {\n  private _container?: HTMLDivElement;\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  public override readonly state: GlobalDialogState = {\n    parentDocument: null,\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  constructor(props: GlobalDialogProps) {\n    super(props);\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-dialog\";\n      let rt = parentDocument.getElementById(\n        \"core-dialog-root\"\n      ) as HTMLDivElement;\n      if (!rt) {\n        rt = parentDocument.createElement(\"div\");\n        rt.id = \"core-dialog-root\";\n        parentDocument.body.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 componentWillUnmount() {\n    if (this._container && this._container.parentElement) {\n      // cleanup\n      this._container.parentElement.removeChild(this._container);\n    }\n  }\n\n  public override render(): React.ReactNode {\n    const { identifier, ...props } = this.props;\n    return (\n      <div ref={this._handleRefSet}>\n        {this.state.parentDocument &&\n          ReactDOM.createPortal(\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            <Dialog {...props} />,\n            this.state.parentDocument.body\n          )}\n      </div>\n    );\n  }\n}\n"]}

package/lib/core-react/expandable/ExpandableList.js

@@ -15,18 +15,23 @@ export class ExpandableList extends React.PureComponent {
     // eslint-disable-next-line @typescript-eslint/no-deprecated
     constructor(props) {
         super(props);
-        // set active block
-        this._handleBlockToggle = (index, onToggle) => {
-            let activeBlock = index;
-            if (this.props.singleIsCollapsible && index === this.state.activeBlock)
-                activeBlock = -1;
-            this.setState({ activeBlock });
-            if (onToggle) {
-                onToggle(activeBlock === index); // fire the ExpandableBlock onToggle
-            }
-        };
         this.state = { activeBlock: this.props.defaultActiveBlock };
     }
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    static defaultProps = {
+        singleExpandOnly: false,
+        defaultActiveBlock: 0,
+    };
+    // set active block
+    _handleBlockToggle = (index, onToggle) => {
+        let activeBlock = index;
+        if (this.props.singleIsCollapsible && index === this.state.activeBlock)
+            activeBlock = -1;
+        this.setState({ activeBlock });
+        if (onToggle) {
+            onToggle(activeBlock === index); // fire the ExpandableBlock onToggle
+        }
+    };
     renderBlocks() {
         return React.Children.map(this.props.children, (child, i) => {
             return React.cloneElement(child, {
@@ -50,9 +55,4 @@ export class ExpandableList extends React.PureComponent {
         return (React.createElement("div", { className: classnames("uicore-expandable-blocks-list", this.props.className), style: this.props.style }, this.renderBlocks()));
     }
 }
-// eslint-disable-next-line @typescript-eslint/no-deprecated
-ExpandableList.defaultProps = {
-    singleExpandOnly: false,
-    defaultActiveBlock: 0,
-};
 //# sourceMappingURL=ExpandableList.js.map

package/lib/core-react/expandable/ExpandableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableList.js","sourceRoot":"","sources":["../../../src/core-react/expandable/ExpandableList.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B;;;GAGG;AACH,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,aAIzC;IACC,4DAA4D;IAC5D,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAWf,mBAAmB;QACX,uBAAkB,GAAG,CAC3B,KAAa,EACb,QAAuC,EACvC,EAAE;YACF,IAAI,WAAW,GAAG,KAAK,CAAC;YAExB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW;gBACpE,WAAW,GAAG,CAAC,CAAC,CAAC;YAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;YAE/B,IAAI,QAAQ,EAAE,CAAC;gBACb,QAAQ,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,oCAAoC;YACvE,CAAC;QACH,CAAC,CAAC;QAxBA,IAAI,CAAC,KAAK,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAmB,EAAE,CAAC;IAC/D,CAAC;IAyBO,YAAY;QAClB,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,CAAC,EAAE,EAAE;YAC/D,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,GAAG,EAAE,CAAC;gBACN,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB;oBACrC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW;oBAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;gBAC1B,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;aACtE,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IAChB,4DAA4D;IAC5C,kBAAkB,CAAC,SAA8B;QAC/D,IACE,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB;YAC9D,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EACxD,CAAC;YACD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,kBAAmB,EAAE,CAAC,CAAC,CAAC;QAC5E,CAAC;IACH,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,+BAA+B,EAC/B,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAEtB,IAAI,CAAC,YAAY,EAAE,CAChB,CACP,CAAC;IACJ,CAAC;;AA1DD,4DAA4D;AAC9C,2BAAY,GAAiC;IACzD,gBAAgB,EAAE,KAAK;IACvB,kBAAkB,EAAE,CAAC;CACtB,AAHyB,CAGxB","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 Expandable\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props.js\";\n\n/** Properties for [[ExpandableList]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link ExpandableList}.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface ExpandableListProps extends CommonProps {\n  /** Index of the default active block */\n  defaultActiveBlock?: number;\n  /** Indicates whether to allow only one expanded block */\n  singleExpandOnly?: boolean;\n  /** Indicates whether the single expanded block is collapsible */\n  singleIsCollapsible?: boolean;\n  /** Content */\n  children?: React.ReactNode;\n}\n\ninterface ExpandableListState {\n  activeBlock: number;\n}\n\n/** ExpandableList React component is a container for ExpandableBlock components.\n * @public\n * @deprecated in 4.12.0. Use a custom container and manage {@link https://itwinui.bentley.com/docs/expandableblock expandable block} state manually.\n */\nexport class ExpandableList extends React.PureComponent<\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ExpandableListProps,\n  ExpandableListState\n> {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  constructor(props: ExpandableListProps) {\n    super(props);\n\n    this.state = { activeBlock: this.props.defaultActiveBlock! };\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  public static defaultProps: Partial<ExpandableListProps> = {\n    singleExpandOnly: false,\n    defaultActiveBlock: 0,\n  };\n\n  // set active block\n  private _handleBlockToggle = (\n    index: number,\n    onToggle: (isExpanding: boolean) => any\n  ) => {\n    let activeBlock = index;\n\n    if (this.props.singleIsCollapsible && index === this.state.activeBlock)\n      activeBlock = -1;\n\n    this.setState({ activeBlock });\n\n    if (onToggle) {\n      onToggle(activeBlock === index); // fire the ExpandableBlock onToggle\n    }\n  };\n\n  private renderBlocks() {\n    return React.Children.map(this.props.children, (child: any, i) => {\n      return React.cloneElement(child, {\n        key: i,\n        isExpanded: this.props.singleExpandOnly\n          ? i === this.state.activeBlock\n          : child.props.isExpanded,\n        onToggle: this._handleBlockToggle.bind(this, i, child.props.onToggle),\n      });\n    });\n  }\n\n  /** @internal */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  public override componentDidUpdate(prevProps: ExpandableListProps) {\n    if (\n      this.props.defaultActiveBlock !== prevProps.defaultActiveBlock &&\n      this.props.defaultActiveBlock !== this.state.activeBlock\n    ) {\n      this.setState((_, props) => ({ activeBlock: props.defaultActiveBlock! }));\n    }\n  }\n\n  public override render(): React.ReactElement {\n    return (\n      <div\n        className={classnames(\n          \"uicore-expandable-blocks-list\",\n          this.props.className\n        )}\n        style={this.props.style}\n      >\n        {this.renderBlocks()}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ExpandableList.js","sourceRoot":"","sources":["../../../src/core-react/expandable/ExpandableList.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B;;;GAGG;AACH,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,aAIzC;IACC,4DAA4D;IAC5D,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,KAAK,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAmB,EAAE,CAAC;IAC/D,CAAC;IAED,4DAA4D;IACrD,MAAM,CAAC,YAAY,GAAiC;QACzD,gBAAgB,EAAE,KAAK;QACvB,kBAAkB,EAAE,CAAC;KACtB,CAAC;IAEF,mBAAmB;IACX,kBAAkB,GAAG,CAC3B,KAAa,EACb,QAAuC,EACvC,EAAE;QACF,IAAI,WAAW,GAAG,KAAK,CAAC;QAExB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW;YACpE,WAAW,GAAG,CAAC,CAAC,CAAC;QAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;QAE/B,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,oCAAoC;QACvE,CAAC;IACH,CAAC,CAAC;IAEM,YAAY;QAClB,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,CAAC,EAAE,EAAE;YAC/D,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,GAAG,EAAE,CAAC;gBACN,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB;oBACrC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW;oBAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;gBAC1B,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;aACtE,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IAChB,4DAA4D;IAC5C,kBAAkB,CAAC,SAA8B;QAC/D,IACE,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB;YAC9D,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EACxD,CAAC;YACD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,kBAAmB,EAAE,CAAC,CAAC,CAAC;QAC5E,CAAC;IACH,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,+BAA+B,EAC/B,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAEtB,IAAI,CAAC,YAAY,EAAE,CAChB,CACP,CAAC;IACJ,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 Expandable\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props.js\";\n\n/** Properties for [[ExpandableList]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link ExpandableList}.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface ExpandableListProps extends CommonProps {\n  /** Index of the default active block */\n  defaultActiveBlock?: number;\n  /** Indicates whether to allow only one expanded block */\n  singleExpandOnly?: boolean;\n  /** Indicates whether the single expanded block is collapsible */\n  singleIsCollapsible?: boolean;\n  /** Content */\n  children?: React.ReactNode;\n}\n\ninterface ExpandableListState {\n  activeBlock: number;\n}\n\n/** ExpandableList React component is a container for ExpandableBlock components.\n * @public\n * @deprecated in 4.12.0. Use a custom container and manage {@link https://itwinui.bentley.com/docs/expandableblock expandable block} state manually.\n */\nexport class ExpandableList extends React.PureComponent<\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ExpandableListProps,\n  ExpandableListState\n> {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  constructor(props: ExpandableListProps) {\n    super(props);\n\n    this.state = { activeBlock: this.props.defaultActiveBlock! };\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  public static defaultProps: Partial<ExpandableListProps> = {\n    singleExpandOnly: false,\n    defaultActiveBlock: 0,\n  };\n\n  // set active block\n  private _handleBlockToggle = (\n    index: number,\n    onToggle: (isExpanding: boolean) => any\n  ) => {\n    let activeBlock = index;\n\n    if (this.props.singleIsCollapsible && index === this.state.activeBlock)\n      activeBlock = -1;\n\n    this.setState({ activeBlock });\n\n    if (onToggle) {\n      onToggle(activeBlock === index); // fire the ExpandableBlock onToggle\n    }\n  };\n\n  private renderBlocks() {\n    return React.Children.map(this.props.children, (child: any, i) => {\n      return React.cloneElement(child, {\n        key: i,\n        isExpanded: this.props.singleExpandOnly\n          ? i === this.state.activeBlock\n          : child.props.isExpanded,\n        onToggle: this._handleBlockToggle.bind(this, i, child.props.onToggle),\n      });\n    });\n  }\n\n  /** @internal */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  public override componentDidUpdate(prevProps: ExpandableListProps) {\n    if (\n      this.props.defaultActiveBlock !== prevProps.defaultActiveBlock &&\n      this.props.defaultActiveBlock !== this.state.activeBlock\n    ) {\n      this.setState((_, props) => ({ activeBlock: props.defaultActiveBlock! }));\n    }\n  }\n\n  public override render(): React.ReactElement {\n    return (\n      <div\n        className={classnames(\n          \"uicore-expandable-blocks-list\",\n          this.props.className\n        )}\n        style={this.props.style}\n      >\n        {this.renderBlocks()}\n      </div>\n    );\n  }\n}\n"]}

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

@@ -11,12 +11,16 @@ import { Orientation } from "../enums/Orientation.js";
  * @internal
  */
 export class ItemKeyboardNavigator {
+    onFocusItem;
+    onActivateItem;
+    _direction;
+    _itemCount = 0;
+    _orientation = Orientation.Horizontal;
+    _allowWrap = true;
+    _crossAxisArrowKeyHandler;
     constructor(onFocusItem, onActivateItem) {
         this.onFocusItem = onFocusItem;
         this.onActivateItem = onActivateItem;
-        this._itemCount = 0;
-        this._orientation = Orientation.Horizontal;
-        this._allowWrap = true;
         this._direction = new Map([
             [Key.ArrowLeft, -1],
             [Key.ArrowUp, -1],

package/lib/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.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\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.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\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"]}