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

package/lib/cjs/appui-react/navigationaids/StandardRotationNavigationAid.d.ts

@@ -1,45 +1,45 @@
-/** @packageDocumentation
- * @module NavigationAids
- */
-import "./StandardRotationNavigationAid.scss";
-import * as React from "react";
-import { StandardViewId } from "@itwin/core-frontend";
-import { CommonProps, IconSpec } from "@itwin/core-react";
-import { ConfigurableCreateInfo } from "../configurableui/ConfigurableUiControl";
-import { NavigationAidControl } from "./NavigationAidControl";
-/** A 3D Standard Rotation Navigation Aid control.
- * @alpha
- */
-export declare class StandardRotationNavigationAidControl extends NavigationAidControl {
-    static navigationAidId: string;
-    constructor(info: ConfigurableCreateInfo, options: any);
-}
-/** @internal */
-export interface RotationData {
-    label: string;
-    iconsSpec?: IconSpec;
-}
-/** @internal */
-interface StandardRotationNavigationAidState {
-    element: HTMLDivElement | null;
-    isExpanded: boolean;
-    list: RotationData[];
-    selected: StandardViewId;
-}
-/** A 3D Standard Rotation Navigation Aid.
- * @alpha
- */
-export declare class StandardRotationNavigationAid extends React.Component<CommonProps, StandardRotationNavigationAidState> {
-    private _title;
-    /** @internal */
-    readonly state: Readonly<StandardRotationNavigationAidState>;
-    constructor(props: any);
-    render(): React.ReactNode;
-    private _handleRef;
-    private _handlePopupClose;
-    private _toggleIsExpanded;
-    private _handleListItemClicked;
-    private getExpandedContent;
-}
-export {};
+/** @packageDocumentation
+ * @module NavigationAids
+ */
+import "./StandardRotationNavigationAid.scss";
+import * as React from "react";
+import { StandardViewId } from "@itwin/core-frontend";
+import { CommonProps, IconSpec } from "@itwin/core-react";
+import { ConfigurableCreateInfo } from "../configurableui/ConfigurableUiControl";
+import { NavigationAidControl } from "./NavigationAidControl";
+/** A 3D Standard Rotation Navigation Aid control.
+ * @alpha
+ */
+export declare class StandardRotationNavigationAidControl extends NavigationAidControl {
+    static navigationAidId: string;
+    constructor(info: ConfigurableCreateInfo, options: any);
+}
+/** @internal */
+export interface RotationData {
+    label: string;
+    iconsSpec?: IconSpec;
+}
+/** @internal */
+interface StandardRotationNavigationAidState {
+    element: HTMLDivElement | null;
+    isExpanded: boolean;
+    list: RotationData[];
+    selected: StandardViewId;
+}
+/** A 3D Standard Rotation Navigation Aid.
+ * @alpha
+ */
+export declare class StandardRotationNavigationAid extends React.Component<CommonProps, StandardRotationNavigationAidState> {
+    private _title;
+    /** @internal */
+    readonly state: Readonly<StandardRotationNavigationAidState>;
+    constructor(props: any);
+    render(): React.ReactNode;
+    private _handleRef;
+    private _handlePopupClose;
+    private _toggleIsExpanded;
+    private _handleListItemClicked;
+    private getExpandedContent;
+}
+export {};
 //# sourceMappingURL=StandardRotationNavigationAid.d.ts.map

package/lib/cjs/appui-react/navigationaids/StandardRotationNavigationAid.js

@@ -1,114 +1,114 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module NavigationAids
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StandardRotationNavigationAid = exports.StandardRotationNavigationAidControl = void 0;
-require("./StandardRotationNavigationAid.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const core_frontend_1 = require("@itwin/core-frontend");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const imodel_components_react_1 = require("@itwin/imodel-components-react");
-const core_react_1 = require("@itwin/core-react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const UiFramework_1 = require("../UiFramework");
-const NavigationAidControl_1 = require("./NavigationAidControl");
-const components_react_1 = require("@itwin/components-react");
-const top_svg_1 = require("@bentley/icons-generic/icons/cube-faces/top.svg");
-const bottom_svg_1 = require("@bentley/icons-generic/icons/cube-faces/bottom.svg");
-const left_svg_1 = require("@bentley/icons-generic/icons/cube-faces/left.svg");
-const right_svg_1 = require("@bentley/icons-generic/icons/cube-faces/right.svg");
-const front_svg_1 = require("@bentley/icons-generic/icons/cube-faces/front.svg");
-const rear_svg_1 = require("@bentley/icons-generic/icons/cube-faces/rear.svg");
-const iso_left_svg_1 = require("@bentley/icons-generic/icons/cube-faces/iso-left.svg");
-const iso_right_svg_1 = require("@bentley/icons-generic/icons/cube-faces/iso-right.svg");
-/** A 3D Standard Rotation Navigation Aid control.
- * @alpha
- */
-class StandardRotationNavigationAidControl extends NavigationAidControl_1.NavigationAidControl {
-    constructor(info, options) {
-        super(info, options);
-        this.reactNode = React.createElement(StandardRotationNavigationAid, null);
-    }
-}
-exports.StandardRotationNavigationAidControl = StandardRotationNavigationAidControl;
-StandardRotationNavigationAidControl.navigationAidId = "StandardRotationNavigationAid";
-/** A 3D Standard Rotation Navigation Aid.
- * @alpha
- */
-class StandardRotationNavigationAid extends React.Component {
-    constructor(props) {
-        super(props);
-        this._title = UiFramework_1.UiFramework.translate("standardRotationNavigationAid.title");
-        this._handleRef = (element) => {
-            this.setState(() => ({ element }));
-        };
-        this._handlePopupClose = () => {
-            this.setState(() => ({ isExpanded: false }));
-        };
-        this._toggleIsExpanded = () => {
-            this.setState((prevState) => ({ isExpanded: !prevState.isExpanded }));
-        };
-        this._handleListItemClicked = (item) => {
-            const selected = item;
-            this.setState(() => ({ isExpanded: false, selected }), () => imodel_components_react_1.ViewportComponentEvents.setStandardRotation(selected));
-        };
-        const list = [
-            {
-                label: UiFramework_1.UiFramework.translate("rotations.top"),
-                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(top_svg_1.default),
-            }, {
-                label: UiFramework_1.UiFramework.translate("rotations.bottom"),
-                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(bottom_svg_1.default),
-            }, {
-                label: UiFramework_1.UiFramework.translate("rotations.left"),
-                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(left_svg_1.default),
-            }, {
-                label: UiFramework_1.UiFramework.translate("rotations.right"),
-                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(right_svg_1.default),
-            }, {
-                label: UiFramework_1.UiFramework.translate("rotations.front"),
-                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(front_svg_1.default),
-            }, {
-                label: UiFramework_1.UiFramework.translate("rotations.rear"),
-                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(rear_svg_1.default),
-            }, {
-                label: UiFramework_1.UiFramework.translate("rotations.isoLeft"),
-                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(iso_left_svg_1.default),
-            }, {
-                label: UiFramework_1.UiFramework.translate("rotations.isoRight"),
-                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(iso_right_svg_1.default),
-            },
-        ];
-        this.state = {
-            element: null,
-            isExpanded: false,
-            list,
-            selected: core_frontend_1.StandardViewId.Top,
-        };
-    }
-    render() {
-        const className = (0, classnames_1.default)("uifw-standard-rotation-navigation", this.props.className);
-        return (React.createElement("div", { className: className, style: this.props.style, ref: this._handleRef },
-            React.createElement(appui_layout_react_1.ExpandableButton, { className: "expandable" },
-                React.createElement(appui_layout_react_1.ToolbarIcon, { className: "icon-button", icon: React.createElement("span", { className: (0, classnames_1.default)("three-d-icon", "icon") },
-                        React.createElement(core_react_1.Icon, { iconSpec: this.state.list[this.state.selected].iconsSpec })), onClick: this._toggleIsExpanded, title: this._title })),
-            React.createElement(core_react_1.Popup, { isOpen: this.state.isExpanded, offset: 0, onClose: this._handlePopupClose, position: appui_abstract_1.RelativePosition.Bottom, target: this.state.element }, this.getExpandedContent())));
-    }
-    getExpandedContent() {
-        if (!this.state.isExpanded)
-            return undefined;
-        return (React.createElement(components_react_1.Panel, null,
-            React.createElement(components_react_1.Columns, null,
-                React.createElement(components_react_1.GroupColumn, null, this.state.list.map((item, itemIndex) => {
-                    return (React.createElement(components_react_1.GroupTool, { key: itemIndex.toString(), label: item.label, icon: React.createElement(core_react_1.Icon, { iconSpec: item.iconsSpec }), isActive: this.state.selected === itemIndex, onClick: () => this._handleListItemClicked(itemIndex), item: appui_abstract_1.ToolbarItemUtilities.createActionButton("", 0, "", "", () => { }) }));
-                })))));
-    }
-}
-exports.StandardRotationNavigationAid = StandardRotationNavigationAid;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module NavigationAids
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StandardRotationNavigationAid = exports.StandardRotationNavigationAidControl = void 0;
+require("./StandardRotationNavigationAid.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const core_frontend_1 = require("@itwin/core-frontend");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const imodel_components_react_1 = require("@itwin/imodel-components-react");
+const core_react_1 = require("@itwin/core-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const UiFramework_1 = require("../UiFramework");
+const NavigationAidControl_1 = require("./NavigationAidControl");
+const components_react_1 = require("@itwin/components-react");
+const top_svg_1 = require("@bentley/icons-generic/icons/cube-faces/top.svg");
+const bottom_svg_1 = require("@bentley/icons-generic/icons/cube-faces/bottom.svg");
+const left_svg_1 = require("@bentley/icons-generic/icons/cube-faces/left.svg");
+const right_svg_1 = require("@bentley/icons-generic/icons/cube-faces/right.svg");
+const front_svg_1 = require("@bentley/icons-generic/icons/cube-faces/front.svg");
+const rear_svg_1 = require("@bentley/icons-generic/icons/cube-faces/rear.svg");
+const iso_left_svg_1 = require("@bentley/icons-generic/icons/cube-faces/iso-left.svg");
+const iso_right_svg_1 = require("@bentley/icons-generic/icons/cube-faces/iso-right.svg");
+/** A 3D Standard Rotation Navigation Aid control.
+ * @alpha
+ */
+class StandardRotationNavigationAidControl extends NavigationAidControl_1.NavigationAidControl {
+    constructor(info, options) {
+        super(info, options);
+        this.reactNode = React.createElement(StandardRotationNavigationAid, null);
+    }
+}
+StandardRotationNavigationAidControl.navigationAidId = "StandardRotationNavigationAid";
+exports.StandardRotationNavigationAidControl = StandardRotationNavigationAidControl;
+/** A 3D Standard Rotation Navigation Aid.
+ * @alpha
+ */
+class StandardRotationNavigationAid extends React.Component {
+    constructor(props) {
+        super(props);
+        this._title = UiFramework_1.UiFramework.translate("standardRotationNavigationAid.title");
+        this._handleRef = (element) => {
+            this.setState(() => ({ element }));
+        };
+        this._handlePopupClose = () => {
+            this.setState(() => ({ isExpanded: false }));
+        };
+        this._toggleIsExpanded = () => {
+            this.setState((prevState) => ({ isExpanded: !prevState.isExpanded }));
+        };
+        this._handleListItemClicked = (item) => {
+            const selected = item;
+            this.setState(() => ({ isExpanded: false, selected }), () => imodel_components_react_1.ViewportComponentEvents.setStandardRotation(selected));
+        };
+        const list = [
+            {
+                label: UiFramework_1.UiFramework.translate("rotations.top"),
+                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(top_svg_1.default),
+            }, {
+                label: UiFramework_1.UiFramework.translate("rotations.bottom"),
+                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(bottom_svg_1.default),
+            }, {
+                label: UiFramework_1.UiFramework.translate("rotations.left"),
+                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(left_svg_1.default),
+            }, {
+                label: UiFramework_1.UiFramework.translate("rotations.right"),
+                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(right_svg_1.default),
+            }, {
+                label: UiFramework_1.UiFramework.translate("rotations.front"),
+                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(front_svg_1.default),
+            }, {
+                label: UiFramework_1.UiFramework.translate("rotations.rear"),
+                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(rear_svg_1.default),
+            }, {
+                label: UiFramework_1.UiFramework.translate("rotations.isoLeft"),
+                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(iso_left_svg_1.default),
+            }, {
+                label: UiFramework_1.UiFramework.translate("rotations.isoRight"),
+                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(iso_right_svg_1.default),
+            },
+        ];
+        this.state = {
+            element: null,
+            isExpanded: false,
+            list,
+            selected: core_frontend_1.StandardViewId.Top,
+        };
+    }
+    render() {
+        const className = (0, classnames_1.default)("uifw-standard-rotation-navigation", this.props.className);
+        return (React.createElement("div", { className: className, style: this.props.style, ref: this._handleRef },
+            React.createElement(appui_layout_react_1.ExpandableButton, { className: "expandable" },
+                React.createElement(appui_layout_react_1.ToolbarIcon, { className: "icon-button", icon: React.createElement("span", { className: (0, classnames_1.default)("three-d-icon", "icon") },
+                        React.createElement(core_react_1.Icon, { iconSpec: this.state.list[this.state.selected].iconsSpec })), onClick: this._toggleIsExpanded, title: this._title })),
+            React.createElement(core_react_1.Popup, { isOpen: this.state.isExpanded, offset: 0, onClose: this._handlePopupClose, position: appui_abstract_1.RelativePosition.Bottom, target: this.state.element }, this.getExpandedContent())));
+    }
+    getExpandedContent() {
+        if (!this.state.isExpanded)
+            return undefined;
+        return (React.createElement(components_react_1.Panel, null,
+            React.createElement(components_react_1.Columns, null,
+                React.createElement(components_react_1.GroupColumn, null, this.state.list.map((item, itemIndex) => {
+                    return (React.createElement(components_react_1.GroupTool, { key: itemIndex.toString(), label: item.label, icon: React.createElement(core_react_1.Icon, { iconSpec: item.iconsSpec }), isActive: this.state.selected === itemIndex, onClick: () => this._handleListItemClicked(itemIndex), item: appui_abstract_1.ToolbarItemUtilities.createActionButton("", 0, "", "", () => { }) }));
+                })))));
+    }
+}
+exports.StandardRotationNavigationAid = StandardRotationNavigationAid;
 //# sourceMappingURL=StandardRotationNavigationAid.js.map

package/lib/cjs/appui-react/navigationaids/StandardRotationNavigationAid.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardRotationNavigationAid.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/StandardRotationNavigationAid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module NavigationAids\r\n */\r\n\r\nimport \"./StandardRotationNavigationAid.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { StandardViewId } from \"@itwin/core-frontend\";\r\nimport { IconSpecUtilities, RelativePosition, ToolbarItemUtilities } from \"@itwin/appui-abstract\";\r\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\r\nimport { CommonProps, Icon, IconSpec, Popup } from \"@itwin/core-react\";\r\nimport { ExpandableButton as NZ_Expandable, ToolbarIcon as NZ_Icon } from \"@itwin/appui-layout-react\";\r\nimport { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { NavigationAidControl } from \"./NavigationAidControl\";\r\nimport { Columns, GroupColumn, GroupTool, Panel } from \"@itwin/components-react\";\r\nimport svgCubeFacesTop from \"@bentley/icons-generic/icons/cube-faces/top.svg\";\r\nimport svgCubeFacesBottom from \"@bentley/icons-generic/icons/cube-faces/bottom.svg\";\r\nimport svgCubeFacesLeft from \"@bentley/icons-generic/icons/cube-faces/left.svg\";\r\nimport svgCubeFacesRight from \"@bentley/icons-generic/icons/cube-faces/right.svg\";\r\nimport svgCubeFacesFront from \"@bentley/icons-generic/icons/cube-faces/front.svg\";\r\nimport svgCubeFacesRear from \"@bentley/icons-generic/icons/cube-faces/rear.svg\";\r\nimport svgCubeFacesIsoLeft from \"@bentley/icons-generic/icons/cube-faces/iso-left.svg\";\r\nimport svgCubeFacesIsoRight from \"@bentley/icons-generic/icons/cube-faces/iso-right.svg\";\r\n\r\n/** A 3D Standard Rotation Navigation Aid control.\r\n * @alpha\r\n */\r\nexport class StandardRotationNavigationAidControl extends NavigationAidControl {\r\n  public static navigationAidId = \"StandardRotationNavigationAid\";\r\n\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n    this.reactNode = <StandardRotationNavigationAid />;\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport interface RotationData {\r\n  label: string;\r\n  iconsSpec?: IconSpec;\r\n}\r\n\r\n/** @internal */\r\ninterface StandardRotationNavigationAidState {\r\n  element: HTMLDivElement | null;\r\n  isExpanded: boolean;\r\n  list: RotationData[];\r\n  selected: StandardViewId;\r\n}\r\n\r\n/** A 3D Standard Rotation Navigation Aid.\r\n * @alpha\r\n */\r\nexport class StandardRotationNavigationAid extends React.Component<CommonProps, StandardRotationNavigationAidState> {\r\n  private _title = UiFramework.translate(\"standardRotationNavigationAid.title\");\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<StandardRotationNavigationAidState>;\r\n\r\n  constructor(props: any) {\r\n    super(props);\r\n    const list: RotationData[] = [\r\n      {\r\n        label: UiFramework.translate(\"rotations.top\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesTop),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.bottom\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesBottom),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.left\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesLeft),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.right\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesRight),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.front\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesFront),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.rear\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesRear),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.isoLeft\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesIsoLeft),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.isoRight\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesIsoRight),\r\n      },\r\n    ];\r\n    this.state = {\r\n      element: null,\r\n      isExpanded: false,\r\n      list,\r\n      selected: StandardViewId.Top,\r\n    };\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    const className = classnames(\r\n      \"uifw-standard-rotation-navigation\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <div className={className} style={this.props.style}\r\n        ref={this._handleRef}\r\n      >\r\n        <NZ_Expandable\r\n          className={\"expandable\"}\r\n        >\r\n          <NZ_Icon\r\n            className={\"icon-button\"}\r\n            icon={\r\n              <span className={classnames(\"three-d-icon\", \"icon\")}><Icon iconSpec={this.state.list[this.state.selected].iconsSpec}/></span>\r\n            }\r\n            onClick={this._toggleIsExpanded}\r\n            title={this._title}\r\n          >\r\n          </NZ_Icon>\r\n        </NZ_Expandable>\r\n        <Popup\r\n          isOpen={this.state.isExpanded}\r\n          offset={0}\r\n          onClose={this._handlePopupClose}\r\n          position={RelativePosition.Bottom}\r\n          target={this.state.element}\r\n        >\r\n          {this.getExpandedContent()}\r\n        </Popup>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _handleRef = (element: HTMLDivElement | null) => {\r\n    this.setState(() => ({ element }));\r\n  };\r\n\r\n  private _handlePopupClose = () => {\r\n    this.setState(() => ({ isExpanded: false }));\r\n  };\r\n\r\n  private _toggleIsExpanded = () => {\r\n    this.setState((prevState) => ({ isExpanded: !prevState.isExpanded }));\r\n  };\r\n\r\n  private _handleListItemClicked = (item: number) => {\r\n    const selected = item;\r\n\r\n    this.setState(\r\n      () => ({ isExpanded: false, selected }),\r\n      () => ViewportComponentEvents.setStandardRotation(selected),\r\n    );\r\n  };\r\n\r\n  private getExpandedContent(): React.ReactNode {\r\n    if (!this.state.isExpanded)\r\n      return undefined;\r\n\r\n    return (\r\n      <Panel>\r\n        <Columns>\r\n          <GroupColumn>\r\n            {this.state.list.map((item, itemIndex) => {\r\n              return (\r\n                <GroupTool\r\n                  key={itemIndex.toString()}\r\n                  label={item.label}\r\n                  icon={<Icon iconSpec={item.iconsSpec} />}\r\n                  isActive={this.state.selected === itemIndex}\r\n                  onClick={() => this._handleListItemClicked(itemIndex)}\r\n                  item={ToolbarItemUtilities.createActionButton(\"\", 0, \"\", \"\", () => { })}\r\n                />\r\n              );\r\n            })}\r\n          </GroupColumn>\r\n        </Columns>\r\n      </Panel>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"StandardRotationNavigationAid.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/StandardRotationNavigationAid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module NavigationAids\r\n */\r\n\r\nimport \"./StandardRotationNavigationAid.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { StandardViewId } from \"@itwin/core-frontend\";\r\nimport { IconSpecUtilities, RelativePosition, ToolbarItemUtilities } from \"@itwin/appui-abstract\";\r\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\r\nimport { CommonProps, Icon, IconSpec, Popup } from \"@itwin/core-react\";\r\nimport { ExpandableButton as NZ_Expandable, ToolbarIcon as NZ_Icon } from \"@itwin/appui-layout-react\";\r\nimport { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { NavigationAidControl } from \"./NavigationAidControl\";\r\nimport { Columns, GroupColumn, GroupTool, Panel } from \"@itwin/components-react\";\r\nimport svgCubeFacesTop from \"@bentley/icons-generic/icons/cube-faces/top.svg\";\r\nimport svgCubeFacesBottom from \"@bentley/icons-generic/icons/cube-faces/bottom.svg\";\r\nimport svgCubeFacesLeft from \"@bentley/icons-generic/icons/cube-faces/left.svg\";\r\nimport svgCubeFacesRight from \"@bentley/icons-generic/icons/cube-faces/right.svg\";\r\nimport svgCubeFacesFront from \"@bentley/icons-generic/icons/cube-faces/front.svg\";\r\nimport svgCubeFacesRear from \"@bentley/icons-generic/icons/cube-faces/rear.svg\";\r\nimport svgCubeFacesIsoLeft from \"@bentley/icons-generic/icons/cube-faces/iso-left.svg\";\r\nimport svgCubeFacesIsoRight from \"@bentley/icons-generic/icons/cube-faces/iso-right.svg\";\r\n\r\n/** A 3D Standard Rotation Navigation Aid control.\r\n * @alpha\r\n */\r\nexport class StandardRotationNavigationAidControl extends NavigationAidControl {\r\n  public static navigationAidId = \"StandardRotationNavigationAid\";\r\n\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n    this.reactNode = <StandardRotationNavigationAid />;\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport interface RotationData {\r\n  label: string;\r\n  iconsSpec?: IconSpec;\r\n}\r\n\r\n/** @internal */\r\ninterface StandardRotationNavigationAidState {\r\n  element: HTMLDivElement | null;\r\n  isExpanded: boolean;\r\n  list: RotationData[];\r\n  selected: StandardViewId;\r\n}\r\n\r\n/** A 3D Standard Rotation Navigation Aid.\r\n * @alpha\r\n */\r\nexport class StandardRotationNavigationAid extends React.Component<CommonProps, StandardRotationNavigationAidState> {\r\n  private _title = UiFramework.translate(\"standardRotationNavigationAid.title\");\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<StandardRotationNavigationAidState>;\r\n\r\n  constructor(props: any) {\r\n    super(props);\r\n    const list: RotationData[] = [\r\n      {\r\n        label: UiFramework.translate(\"rotations.top\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesTop),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.bottom\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesBottom),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.left\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesLeft),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.right\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesRight),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.front\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesFront),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.rear\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesRear),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.isoLeft\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesIsoLeft),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.isoRight\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesIsoRight),\r\n      },\r\n    ];\r\n    this.state = {\r\n      element: null,\r\n      isExpanded: false,\r\n      list,\r\n      selected: StandardViewId.Top,\r\n    };\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    const className = classnames(\r\n      \"uifw-standard-rotation-navigation\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <div className={className} style={this.props.style}\r\n        ref={this._handleRef}\r\n      >\r\n        <NZ_Expandable\r\n          className={\"expandable\"}\r\n        >\r\n          <NZ_Icon\r\n            className={\"icon-button\"}\r\n            icon={\r\n              <span className={classnames(\"three-d-icon\", \"icon\")}><Icon iconSpec={this.state.list[this.state.selected].iconsSpec}/></span>\r\n            }\r\n            onClick={this._toggleIsExpanded}\r\n            title={this._title}\r\n          >\r\n          </NZ_Icon>\r\n        </NZ_Expandable>\r\n        <Popup\r\n          isOpen={this.state.isExpanded}\r\n          offset={0}\r\n          onClose={this._handlePopupClose}\r\n          position={RelativePosition.Bottom}\r\n          target={this.state.element}\r\n        >\r\n          {this.getExpandedContent()}\r\n        </Popup>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _handleRef = (element: HTMLDivElement | null) => {\r\n    this.setState(() => ({ element }));\r\n  };\r\n\r\n  private _handlePopupClose = () => {\r\n    this.setState(() => ({ isExpanded: false }));\r\n  };\r\n\r\n  private _toggleIsExpanded = () => {\r\n    this.setState((prevState) => ({ isExpanded: !prevState.isExpanded }));\r\n  };\r\n\r\n  private _handleListItemClicked = (item: number) => {\r\n    const selected = item;\r\n\r\n    this.setState(\r\n      () => ({ isExpanded: false, selected }),\r\n      () => ViewportComponentEvents.setStandardRotation(selected),\r\n    );\r\n  };\r\n\r\n  private getExpandedContent(): React.ReactNode {\r\n    if (!this.state.isExpanded)\r\n      return undefined;\r\n\r\n    return (\r\n      <Panel>\r\n        <Columns>\r\n          <GroupColumn>\r\n            {this.state.list.map((item, itemIndex) => {\r\n              return (\r\n                <GroupTool\r\n                  key={itemIndex.toString()}\r\n                  label={item.label}\r\n                  icon={<Icon iconSpec={item.iconsSpec} />}\r\n                  isActive={this.state.selected === itemIndex}\r\n                  onClick={() => this._handleListItemClicked(itemIndex)}\r\n                  item={ToolbarItemUtilities.createActionButton(\"\", 0, \"\", \"\", () => { })}\r\n                />\r\n              );\r\n            })}\r\n          </GroupColumn>\r\n        </Columns>\r\n      </Panel>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/pickers/ListPicker.d.ts

@@ -1,112 +1,115 @@
-/** @packageDocumentation
- * @module Picker
- */
-import "./ListPicker.scss";
-import * as React from "react";
-import { CommonProps, SizeProps } from "@itwin/core-react";
-/** Enum for the list picker item type
- * @beta
- */
-export declare enum ListItemType {
-    Item = 0,
-    Separator = 1,
-    Container = 2
-}
-/** List picker item
- * @beta
- */
-export interface ListItem {
-    [key: string]: any;
-    id?: string;
-    name?: string;
-    enabled: boolean;
-    type?: ListItemType;
-    children?: ListItem[];
-}
-/** Properties for the [[ListPicker]] component
- * @beta
- */
-export interface ListPickerProps {
-    title: string;
-    items: ListItem[];
-    iconSpec?: string | React.ReactNode;
-    setEnabled: (item: ListItem, enabled: boolean) => any;
-    onExpanded?: (expand: boolean) => void;
-    onSizeKnown?: (size: SizeProps) => void;
-}
-/** Properties for the [[ListPickerItem]] component
- * @beta
- */
-export interface ListPickerItemProps extends CommonProps {
-    key: any;
-    isActive?: boolean;
-    isFocused?: boolean;
-    onClick?: () => void;
-    label?: string;
-}
-/** List Picker Item React component
- * @beta
- */
-export declare class ListPickerItem extends React.PureComponent<ListPickerItemProps> {
-    /** Renders ListPickerItem */
-    render(): JSX.Element;
-}
-/** Properties for the [[ExpandableSection]] component
- * @beta
- */
-export interface ExpandableSectionProps extends CommonProps {
-    title?: string;
-    expanded?: boolean;
-    /** Content */
-    children?: React.ReactNode;
-}
-/** State for the [[ExpandableSection]] component
- * @internal
- */
-interface ExpandableSectionState {
-    expanded: boolean;
-}
-/** Expandable Section React component
- * @beta
- */
-export declare class ExpandableSection extends React.PureComponent<ExpandableSectionProps, ExpandableSectionState> {
-    /** Creates an ExpandableSection */
-    constructor(props: ExpandableSectionProps);
-    private _onClick;
-    /** Renders ExpandableSection */
-    render(): JSX.Element;
-}
-/** @beta */
-export declare function getListPanel(props: ListPickerProps): React.ReactNode;
-/** Properties for the [[ListPicker]] component
- * @beta
- */
-export interface ListPickerPropsExtended extends ListPickerProps {
-    enableAllFunc?: () => void;
-    disableAllFunc?: () => void;
-    invertFunc?: () => void;
-}
-/**
- * List Picker that lets the user pick from a list of items to enable/disable
- * It also provides options to enable all, disable all and invert selection
- * @beta
- */
-export declare class ListPicker extends React.Component<ListPickerPropsExtended> {
-    static get Key_All(): number;
-    static get Key_None(): number;
-    static get Key_Invert(): number;
-    static get Key_Separator(): number;
-    /** Creates a ListPicker */
-    constructor(props: ListPickerPropsExtended);
-    private createItems;
-    /**
-     * Checks if item is a special item.
-     * @param item Item to check
-     */
-    isSpecialItem(item: ListItem): boolean;
-    private _setEnabled;
-    /** Renders ListPicker */
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module Picker
+ */
+import "./ListPicker.scss";
+import * as React from "react";
+import { CommonProps, SizeProps } from "@itwin/core-react";
+/** Enum for the list picker item type
+ * @beta
+ */
+export declare enum ListItemType {
+    Item = 0,
+    Separator = 1,
+    Container = 2
+}
+/** List picker item
+ * @beta
+ */
+export interface ListItem {
+    [key: string]: any;
+    id?: string;
+    name?: string;
+    enabled: boolean;
+    type?: ListItemType;
+    children?: ListItem[];
+}
+/** Properties for the [[ListPicker]] component
+ * @beta
+ */
+export interface ListPickerProps {
+    title: string;
+    items: ListItem[];
+    iconSpec?: string | React.ReactNode;
+    setEnabled: (item: ListItem, enabled: boolean) => any;
+    onExpanded?: (expand: boolean) => void;
+    onSizeKnown?: (size: SizeProps) => void;
+    searchBox?: boolean;
+    onSearchValueChange?: (search: string) => void;
+    panelOnly?: boolean;
+}
+/** Properties for the [[ListPickerItem]] component
+ * @beta
+ */
+export interface ListPickerItemProps extends CommonProps {
+    key: any;
+    isActive?: boolean;
+    isFocused?: boolean;
+    onClick?: () => void;
+    label?: string;
+}
+/** List Picker Item React component
+ * @beta
+ */
+export declare class ListPickerItem extends React.PureComponent<ListPickerItemProps> {
+    /** Renders ListPickerItem */
+    render(): JSX.Element;
+}
+/** Properties for the [[ExpandableSection]] component
+ * @beta
+ */
+export interface ExpandableSectionProps extends CommonProps {
+    title?: string;
+    expanded?: boolean;
+    /** Content */
+    children?: React.ReactNode;
+}
+/** State for the [[ExpandableSection]] component
+ * @internal
+ */
+interface ExpandableSectionState {
+    expanded: boolean;
+}
+/** Expandable Section React component
+ * @beta
+ */
+export declare class ExpandableSection extends React.PureComponent<ExpandableSectionProps, ExpandableSectionState> {
+    /** Creates an ExpandableSection */
+    constructor(props: ExpandableSectionProps);
+    private _onClick;
+    /** Renders ExpandableSection */
+    render(): JSX.Element;
+}
+/** @beta */
+export declare function getListPanel(props: ListPickerProps): React.ReactNode;
+/** Properties for the [[ListPicker]] component
+ * @beta
+ */
+export interface ListPickerPropsExtended extends ListPickerProps {
+    enableAllFunc?: () => void;
+    disableAllFunc?: () => void;
+    invertFunc?: () => void;
+}
+/**
+ * List Picker that lets the user pick from a list of items to enable/disable
+ * It also provides options to enable all, disable all and invert selection
+ * @beta
+ */
+export declare class ListPicker extends React.Component<ListPickerPropsExtended> {
+    static get Key_All(): number;
+    static get Key_None(): number;
+    static get Key_Invert(): number;
+    static get Key_Separator(): number;
+    /** Creates a ListPicker */
+    constructor(props: ListPickerPropsExtended);
+    private createItems;
+    /**
+     * Checks if item is a special item.
+     * @param item Item to check
+     */
+    isSpecialItem(item: ListItem): boolean;
+    private _setEnabled;
+    /** Renders ListPicker */
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=ListPicker.d.ts.map

package/lib/cjs/appui-react/pickers/ListPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListPicker.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ListPicker.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAQ,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAKjE;;GAEG;AACH,oBAAY,YAAY;IACtB,IAAI,IAAI;IACR,SAAS,IAAI;IACb,SAAS,IAAI;CACd;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACpC,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,KAAK,GAAG,CAAC;IACtD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,GAAG,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC;IAC1E,6BAA6B;IACb,MAAM;CAmBvB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IACxG,mCAAmC;gBACvB,KAAK,EAAE,sBAAsB;IAKzC,OAAO,CAAC,QAAQ,CAEd;IAEF,gCAAgC;IAChB,MAAM;CA4BvB;AAED,YAAY;AACZ,wBAAgB,YAAY,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,SAAS,CA8DpE;AAyBD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,eAAe;IAC9D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;;;GAIG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC;IACtE,WAAkB,OAAO,WAAiB;IAC1C,WAAkB,QAAQ,WAAiB;IAC3C,WAAkB,UAAU,WAAiB;IAC7C,WAAkB,aAAa,WAAiB;IAEhD,2BAA2B;gBACf,KAAK,EAAE,uBAAuB;IAK1C,OAAO,CAAC,WAAW;IA0BnB;;;OAGG;IACI,aAAa,CAAC,IAAI,EAAE,QAAQ;IAMnC,OAAO,CAAC,WAAW,CA0BjB;IAEF,yBAAyB;IACT,MAAM;CAYvB"}
+{"version":3,"file":"ListPicker.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ListPicker.tsx"],"names":[],"mappings":"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"}