npm - @itwin/appui-react - Versions diffs - 4.1.0-dev.0 → 4.1.0-dev.1 - Mend

@itwin/appui-react 4.1.0-dev.0 → 4.1.0-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1597) hide show

package/lib/cjs/appui-react/navigationaids/NavigationAidControl.d.ts CHANGED Viewed

@@ -1,10 +1,11 @@
 /** @packageDocumentation
  * @module NavigationAids
  */
-import * as React from "react";
-import { IModelConnection } from "@itwin/core-frontend";
+import type * as React from "react";
+import type { IModelConnection } from "@itwin/core-frontend";
 import { UiEvent } from "@itwin/appui-abstract";
-import { ConfigurableCreateInfo, ConfigurableUiControl, ConfigurableUiControlType } from "../configurableui/ConfigurableUiControl";
+import type { ConfigurableCreateInfo } from "../configurableui/ConfigurableUiControl";
+import { ConfigurableUiControl, ConfigurableUiControlType } from "../configurableui/ConfigurableUiControl";
 /** NavigationAid Activated Event Args interface.
  * @public
  */

package/lib/cjs/appui-react/navigationaids/NavigationAidControl.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationAidControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/NavigationAidControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;~~AAC/B~~,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;~~AACxD~~,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;~~AAEnI~~;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC9C,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED;;GAEG;AACH,qBAAa,2BAA4B,SAAQ,OAAO,CAAC,+BAA+B,CAAC;CAAI;AAE7F;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,qBAAqB;IAC7D,OAAO,CAAC,UAAU,CAAkB;gBAExB,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAItD,qDAAqD;IACrD,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAA4B;IACnE,IAAW,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAA0B;IAEjE,+FAA+F;IACxF,OAAO,IAAI,MAAM,GAAG,SAAS;IAEpC,oCAAoC;IAC7B,OAAO,IAAI,yBAAyB;CAC5C"}
1	+ {"version":3,"file":"NavigationAidControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/NavigationAidControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,EAAE,sBAAsB,EAAC,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAE3G;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC9C,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED;;GAEG;AACH,qBAAa,2BAA4B,SAAQ,OAAO,CAAC,+BAA+B,CAAC;CAAI;AAE7F;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,qBAAqB;IAC7D,OAAO,CAAC,UAAU,CAAkB;gBAExB,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAItD,qDAAqD;IACrD,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAA4B;IACnE,IAAW,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAA0B;IAEjE,+FAA+F;IACxF,OAAO,IAAI,MAAM,GAAG,SAAS;IAEpC,oCAAoC;IAC7B,OAAO,IAAI,yBAAyB;CAC5C"}

package/lib/cjs/appui-react/navigationaids/NavigationAidControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationAidControl.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/NavigationAidControl.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,0DAAgD;~~AAChD~~,~~mFAAmI~~;~~AAUnI~~;;GAEG;AACH,MAAa,2BAA4B,SAAQ,wBAAwC;CAAI;AAA7F,kEAA6F;AAE7F;;GAEG;AACH,MAAa,oBAAqB,SAAQ,6CAAqB;IAG7D,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAED,qDAAqD;IACrD,IAAW,SAAS,KAAsB,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IACnE,IAAW,SAAS,CAAC,CAAkB,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;IAEjE,+FAA+F;IACxF,OAAO,KAAyB,OAAO,SAAS,CAAC,CAAC,CAAC;IAE1D,oCAAoC;IAC7B,OAAO,KAAgC,OAAO,iDAAyB,CAAC,aAAa,CAAC,CAAC,CAAC;CAChG;AAhBD,oDAgBC","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 as React from \"react\";\r\nimport { IModelConnection } from \"@itwin/core-frontend\";\r\nimport { UiEvent } from \"@itwin/appui-abstract\";\r\nimport { ConfigurableCreateInfo, ConfigurableUiControl, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\n\r\n/** NavigationAid Activated Event Args interface.\r\n * @public\r\n /\r\nexport interface NavigationAidActivatedEventArgs {\r\n navigationAidId: string;\r\n iModelConnection: IModelConnection;\r\n}\r\n\r\n/* NavigationAid Activated Event class.\r\n * @public\r\n /\r\nexport class NavigationAidActivatedEvent extends UiEvent<NavigationAidActivatedEventArgs> { }\r\n\r\n/* The base class for Navigation Aid controls.\r\n * @public\r\n /\r\nexport class NavigationAidControl extends ConfigurableUiControl {\r\n private _reactNode: React.ReactNode;\r\n\r\n constructor(info: ConfigurableCreateInfo, options: any) {\r\n super(info, options);\r\n }\r\n\r\n /* The React element associated with this control /\r\n public get reactNode(): React.ReactNode { return this._reactNode; }\r\n public set reactNode(r: React.ReactNode) { this._reactNode = r; }\r\n\r\n /* Square size of navigation aid. Default size is \"64px\". Override to set a different size. /\r\n public getSize(): string \| undefined { return undefined; }\r\n\r\n /* Get the type of this control. */\r\n public getType(): ConfigurableUiControlType { return ConfigurableUiControlType.NavigationAid; }\r\n}\r\n"]}
1	+ {"version":3,"file":"NavigationAidControl.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/NavigationAidControl.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,0DAAgD;AAEhD,mFAA2G;AAU3G;;GAEG;AACH,MAAa,2BAA4B,SAAQ,wBAAwC;CAAI;AAA7F,kEAA6F;AAE7F;;GAEG;AACH,MAAa,oBAAqB,SAAQ,6CAAqB;IAG7D,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAED,qDAAqD;IACrD,IAAW,SAAS,KAAsB,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IACnE,IAAW,SAAS,CAAC,CAAkB,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;IAEjE,+FAA+F;IACxF,OAAO,KAAyB,OAAO,SAAS,CAAC,CAAC,CAAC;IAE1D,oCAAoC;IAC7B,OAAO,KAAgC,OAAO,iDAAyB,CAAC,aAAa,CAAC,CAAC,CAAC;CAChG;AAhBD,oDAgBC","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 NavigationAids\n /\n\nimport type as React from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport type { ConfigurableCreateInfo} from \"../configurableui/ConfigurableUiControl\";\nimport { ConfigurableUiControl, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\n\n/** NavigationAid Activated Event Args interface.\n * @public\n /\nexport interface NavigationAidActivatedEventArgs {\n navigationAidId: string;\n iModelConnection: IModelConnection;\n}\n\n/* NavigationAid Activated Event class.\n * @public\n /\nexport class NavigationAidActivatedEvent extends UiEvent<NavigationAidActivatedEventArgs> { }\n\n/* The base class for Navigation Aid controls.\n * @public\n /\nexport class NavigationAidControl extends ConfigurableUiControl {\n private _reactNode: React.ReactNode;\n\n constructor(info: ConfigurableCreateInfo, options: any) {\n super(info, options);\n }\n\n /* The React element associated with this control /\n public get reactNode(): React.ReactNode { return this._reactNode; }\n public set reactNode(r: React.ReactNode) { this._reactNode = r; }\n\n /* Square size of navigation aid. Default size is \"64px\". Override to set a different size. /\n public getSize(): string \| undefined { return undefined; }\n\n /* Get the type of this control. */\n public getType(): ConfigurableUiControlType { return ConfigurableUiControlType.NavigationAid; }\n}\n"]}

package/lib/cjs/appui-react/navigationaids/SheetNavigationAid.d.ts CHANGED Viewed

@@ -3,9 +3,9 @@
  */
 import "./SheetNavigationAid.scss";
 import * as React from "react";
-import { IModelConnection } from "@itwin/core-frontend";
-import { CommonProps } from "@itwin/core-react";
-import { ConfigurableCreateInfo } from "../configurableui/ConfigurableUiControl";
+import type { IModelConnection } from "@itwin/core-frontend";
+import type { CommonProps } from "@itwin/core-react";
+import type { ConfigurableCreateInfo } from "../configurableui/ConfigurableUiControl";
 import { NavigationAidControl } from "./NavigationAidControl";
 /** A Sheet Navigation Aid control.
  * @alpha

package/lib/cjs/appui-react/navigationaids/SheetNavigationAid.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SheetNavigationAid.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetNavigationAid.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AAEnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,~~EAAa~~,gBAAgB,EAA+C,MAAM,sBAAsB,CAAC;~~AAGhH~~,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;~~AAChD~~,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;~~AAIjF~~,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;~~AAK9D~~;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,oBAAoB;IACjE,OAAc,eAAe,SAAwB;gBAEzC,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAMtC,OAAO,IAAI,MAAM,GAAG,SAAS;CAC9C;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED,gBAAgB;AAChB,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,EAAE,CAAC;CACxB;AAED;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;IACjG,OAAO,CAAC,UAAU,CAAS;IAE3B,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAG5D;IAEF,OAAO,CAAC,SAAS,CAA6B;gBAElC,KAAK,EAAE,oBAAoB;IAMvC,4CAA4C;IACtB,iBAAiB;IAcvC,oDAAoD;IACpC,oBAAoB;IASpC,mDAAmD;YACrC,YAAY;IA8B1B,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;IA2CzC,wCAAwC;IACxC,OAAO,CAAC,mBAAmB,CAIzB;IAEF,yDAAyD;IAEzD,OAAO,CAAC,uBAAuB,CAI7B;IAEF,sDAAsD;IAEtD,OAAO,CAAC,wBAAwB,CAI9B;IAEF,mDAAmD;IAEnD,OAAO,CAAC,8BAA8B,CAIpC;IAGF,OAAO,CAAC,oBAAoB,CAG1B;IAEF,mDAAmD;IAEnD,OAAO,CAAC,sBAAsB,CAe5B;IAEF,0CAA0C;YAE5B,WAAW;IAMzB,0CAA0C;IAE1C,OAAO,CAAC,eAAe;IAIvB,2DAA2D;IAE3D,OAAO,CAAC,uBAAuB,CAE7B;CACH"}
1	+ {"version":3,"file":"SheetNavigationAid.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetNavigationAid.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AAEnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAA+C,MAAM,sBAAsB,CAAC;AAK1G,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAItF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAM9D;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,oBAAoB;IACjE,OAAc,eAAe,SAAwB;gBAEzC,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAMtC,OAAO,IAAI,MAAM,GAAG,SAAS;CAC9C;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED,gBAAgB;AAChB,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,EAAE,CAAC;CACxB;AAED;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;IACjG,OAAO,CAAC,UAAU,CAAS;IAE3B,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAG5D;IAEF,OAAO,CAAC,SAAS,CAA6B;gBAElC,KAAK,EAAE,oBAAoB;IAMvC,4CAA4C;IACtB,iBAAiB;IAcvC,oDAAoD;IACpC,oBAAoB;IASpC,mDAAmD;YACrC,YAAY;IA8B1B,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;IA2CzC,wCAAwC;IACxC,OAAO,CAAC,mBAAmB,CAIzB;IAEF,yDAAyD;IAEzD,OAAO,CAAC,uBAAuB,CAI7B;IAEF,sDAAsD;IAEtD,OAAO,CAAC,wBAAwB,CAI9B;IAEF,mDAAmD;IAEnD,OAAO,CAAC,8BAA8B,CAIpC;IAGF,OAAO,CAAC,oBAAoB,CAG1B;IAEF,mDAAmD;IAEnD,OAAO,CAAC,sBAAsB,CAe5B;IAEF,0CAA0C;YAE5B,WAAW;IAMzB,0CAA0C;IAE1C,OAAO,CAAC,eAAe;IAIvB,2DAA2D;IAE3D,OAAO,CAAC,uBAAuB,CAE7B;CACH"}

package/lib/cjs/appui-react/navigationaids/SheetNavigationAid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SheetNavigationAid.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetNavigationAid.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 \"./SheetNavigationAid.scss\";\r\nimport classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { IModelApp, IModelConnection, ScreenViewport, SelectedViewportChangedArgs } from \"@itwin/core-frontend\";\r\nimport { UiComponents } from \"@itwin/components-react\";\r\nimport { ViewIdChangedEventArgs, ViewportComponentEvents } from \"@itwin/imodel-components-react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\r\nimport { ModalFrontstageInfo } from \"../framework/FrameworkFrontstages\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\r\nimport { NavigationAidControl } from \"./NavigationAidControl\";\r\nimport { CardContainer, CardSelectedEventArgs, SheetsModalFrontstage } from \"./SheetsModalFrontstage\";\r\nimport { IconButton, ProgressRadial } from \"@itwin/itwinui-react\";\r\nimport { SvgChevronLeft, SvgChevronRight } from \"@itwin/itwinui-icons-react\";\r\n\r\n/** A Sheet Navigation Aid control.\r\n * @alpha\r\n /\r\nexport class SheetNavigationAidControl extends NavigationAidControl {\r\n public static navigationAidId = \"SheetNavigationAid\";\r\n\r\n constructor(info: ConfigurableCreateInfo, options: any) {\r\n super(info, options);\r\n this.reactNode = <SheetNavigationAid iModelConnection={options.imodel} />;\r\n }\r\n\r\n // istanbul ignore next\r\n public override getSize(): string \| undefined { return \"96px\"; }\r\n}\r\n\r\n/* Data displayed about sheet\r\n * @alpha\r\n /\r\nexport interface SheetData {\r\n name: string;\r\n viewId: string;\r\n}\r\n\r\n/* Properties for the [[SheetNavigationAid]] component\r\n * @alpha\r\n /\r\nexport interface SheetNavigationProps extends CommonProps {\r\n iModelConnection: IModelConnection;\r\n}\r\n\r\n/* @internal /\r\ninterface SheetNavigationState {\r\n index: number;\r\n sheetData: SheetData[];\r\n}\r\n\r\n/* A Sheet Navigation Aid.\r\n * @alpha\r\n /\r\nexport class SheetNavigationAid extends React.Component<SheetNavigationProps, SheetNavigationState> {\r\n private _isMounted = false;\r\n\r\n /* @internal /\r\n public override readonly state: Readonly<SheetNavigationState> = {\r\n index: 0,\r\n sheetData: [],\r\n };\r\n\r\n private _viewport: ScreenViewport \| undefined;\r\n\r\n constructor(props: SheetNavigationProps) {\r\n super(props);\r\n\r\n this._viewport = IModelApp.viewManager.selectedView;\r\n }\r\n\r\n /* Adds listeners when components mounts /\r\n public override async componentDidMount() {\r\n this._isMounted = true;\r\n\r\n CardContainer.onCardSelectedEvent.addListener(this._handleCardSelected);\r\n ViewportComponentEvents.onViewIdChangedEvent.addListener(this._handleViewIdChanged);\r\n\r\n IModelApp.viewManager.onSelectedViewportChanged.addListener(this._handleSelectedViewportChanged);\r\n\r\n const stateData = await this._setupSheets();\r\n\r\n if (this._isMounted)\r\n this.setState(stateData);\r\n }\r\n\r\n /* Removes listeners when component will unmount /\r\n public override componentWillUnmount() {\r\n this._isMounted = false;\r\n\r\n CardContainer.onCardSelectedEvent.removeListener(this._handleCardSelected);\r\n ViewportComponentEvents.onViewIdChangedEvent.removeListener(this._handleViewIdChanged);\r\n\r\n IModelApp.viewManager.onSelectedViewportChanged.removeListener(this._handleSelectedViewportChanged);\r\n }\r\n\r\n /* Queries for sheet info and sets as sheetData /\r\n private async _setupSheets(): Promise<SheetNavigationState> {\r\n const stateData: SheetNavigationState = {\r\n index: 0,\r\n sheetData: [],\r\n };\r\n\r\n // istanbul ignore else\r\n if (!this.props.iModelConnection \|\| !this.props.iModelConnection.views.getViewList)\r\n return stateData;\r\n\r\n // istanbul ignore next\r\n let viewId = \"\";\r\n // istanbul ignore next\r\n if (this._viewport) {\r\n viewId = this._viewport.view.id.toString();\r\n }\r\n\r\n // istanbul ignore next\r\n const sheets = await this.props.iModelConnection.views.getViewList({ from: \"BisCore.SheetViewDefinition\" });\r\n // istanbul ignore next\r\n sheets.forEach((viewSpec: IModelConnection.ViewSpec, index: number) => {\r\n stateData.sheetData.push({ name: viewSpec.name, viewId: viewSpec.id });\r\n if (viewSpec.id === viewId)\r\n stateData.index = index;\r\n });\r\n\r\n // istanbul ignore next\r\n return stateData;\r\n }\r\n\r\n /* @internal /\r\n public override render(): React.ReactNode {\r\n const name = (this.state.sheetData.length > 0) ? / istanbul ignore next / this.state.sheetData[this.state.index].name : \"\";\r\n const sheet = UiFramework.translate(\"general.sheet\");\r\n const ofStr = UiComponents.translate(\"general.of\");\r\n const leftIndex = this.state.index === 0 ? this.state.sheetData.length - 1 : / istanbul ignore next / this.state.index - 1;\r\n const rightIndex = this.state.index >= this.state.sheetData.length - 1 ? 0 : / istanbul ignore next /this.state.index + 1;\r\n const leftTitle = this.state.sheetData[leftIndex] ? / istanbul ignore next / this.state.sheetData[leftIndex].name : undefined;\r\n const rightTitle = this.state.sheetData[rightIndex] ? / istanbul ignore next / this.state.sheetData[rightIndex].name : undefined;\r\n\r\n let content: React.ReactNode;\r\n // istanbul ignore if\r\n if (this.state.sheetData.length > 0) {\r\n content = (\r\n <>\r\n <div className=\"sheet-title\">{sheet}</div>\r\n {/ eslint-disable-next-line jsx-a11y/click-events-have-key-events /}\r\n <div className=\"sheet-name\" title={name} onClick={this._handleOnClickSheetName}\r\n role=\"button\" tabIndex={-1}>\r\n {name}\r\n </div>\r\n <div className=\"sheet-container\">\r\n {/ eslint-disable-next-line jsx-a11y/click-events-have-key-events /}\r\n <IconButton size=\"small\" styleType=\"borderless\" onClick={this._handleOnClickLeftArrow}\r\n tabIndex={-1} title={leftTitle}><SvgChevronLeft /></IconButton>\r\n <div>{this.state.index + 1} {ofStr} {this.state.sheetData.length}</div>\r\n {/ eslint-disable-next-line jsx-a11y/click-events-have-key-events /}\r\n <IconButton size=\"small\" styleType=\"borderless\" onClick={this._handleOnClickRightArrow}\r\n role=\"button\" tabIndex={-1} title={rightTitle}><SvgChevronRight /></IconButton>\r\n </div>\r\n </>\r\n );\r\n } else {\r\n content = <ProgressRadial size=\"x-small\" indeterminate />;\r\n }\r\n\r\n return (\r\n <div className={classnames(\"uifw-sheet-navigation\", this.props.className)} style={this.props.style}>\r\n <div className=\"gradient\"></div>\r\n {content}\r\n </div>\r\n );\r\n }\r\n\r\n /* Sets index of newly selected card /\r\n private _handleCardSelected = (event: CardSelectedEventArgs) => {\r\n event && this.setState({\r\n index: event.index,\r\n });\r\n };\r\n\r\n /* Updates view to the next lowest index in sheetData /\r\n // istanbul ignore next\r\n private _handleOnClickLeftArrow = () => {\r\n this.setState(\r\n (prevState) => ({ index: prevState.index <= 0 ? prevState.sheetData.length - 1 : prevState.index - 1 }),\r\n async () => this._updateView());\r\n };\r\n\r\n /* Updates view to next highest index in sheetData /\r\n // istanbul ignore next\r\n private _handleOnClickRightArrow = () => {\r\n this.setState(\r\n (prevState) => ({ index: (prevState.index + 1) % prevState.sheetData.length }),\r\n async () => this._updateView());\r\n };\r\n\r\n /* Handles a Viewport change & synchs the index /\r\n // istanbul ignore next\r\n private _handleSelectedViewportChanged = (args: SelectedViewportChangedArgs) => {\r\n if (args.current) {\r\n this._handleViewportChanged(args.current);\r\n }\r\n };\r\n\r\n // istanbul ignore next\r\n private _handleViewIdChanged = (args: ViewIdChangedEventArgs) => {\r\n if (this._viewport === args.viewport)\r\n this._handleViewportChanged(args.viewport as ScreenViewport);\r\n };\r\n\r\n /* Handles a Viewport change & synchs the index /\r\n // istanbul ignore next\r\n private _handleViewportChanged = (viewport: ScreenViewport) => {\r\n const className = ViewUtilities.getBisBaseClass(viewport.view.classFullName);\r\n\r\n if (ViewUtilities.isSheet(className)) {\r\n this._viewport = viewport;\r\n\r\n const viewId = this._viewport.view.id.toString();\r\n\r\n const index = this.state.sheetData.findIndex((sheetData: SheetData) => {\r\n return (viewId === sheetData.viewId);\r\n });\r\n\r\n if (index >= 0)\r\n this.setState({ index });\r\n }\r\n };\r\n\r\n /* Updates view to currently set sheet /\r\n // istanbul ignore next\r\n private async _updateView() {\r\n const viewState = await this.props.iModelConnection.views.load(this.state.sheetData[this.state.index].viewId);\r\n if (this._viewport)\r\n this._viewport.changeView(viewState);\r\n }\r\n\r\n /* Creates a new SheetsModalFrontstage /\r\n // istanbul ignore next\r\n private modalFrontstage(): ModalFrontstageInfo {\r\n return new SheetsModalFrontstage(this.state.sheetData, this.props.iModelConnection, this.state.index);\r\n }\r\n\r\n /* Opens a new SheetsModelFrontstage on sheetName click */\r\n // istanbul ignore next\r\n private _handleOnClickSheetName = () => {\r\n UiFramework.frontstages.openModalFrontstage(this.modalFrontstage());\r\n };\r\n}\r\n"]}
1	+ {"version":3,"file":"SheetNavigationAid.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetNavigationAid.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 NavigationAids\n /\n\nimport \"./SheetNavigationAid.scss\";\nimport classnames from \"classnames\";\nimport as React from \"react\";\nimport type { IModelConnection, ScreenViewport, SelectedViewportChangedArgs } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { UiComponents } from \"@itwin/components-react\";\nimport type { ViewIdChangedEventArgs} from \"@itwin/imodel-components-react\";\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport type { ModalFrontstageInfo } from \"../framework/FrameworkFrontstages\";\nimport { UiFramework } from \"../UiFramework\";\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\nimport { NavigationAidControl } from \"./NavigationAidControl\";\nimport type { CardSelectedEventArgs} from \"./SheetsModalFrontstage\";\nimport { CardContainer, SheetsModalFrontstage } from \"./SheetsModalFrontstage\";\nimport { IconButton, ProgressRadial } from \"@itwin/itwinui-react\";\nimport { SvgChevronLeft, SvgChevronRight } from \"@itwin/itwinui-icons-react\";\n\n/** A Sheet Navigation Aid control.\n * @alpha\n /\nexport class SheetNavigationAidControl extends NavigationAidControl {\n public static navigationAidId = \"SheetNavigationAid\";\n\n constructor(info: ConfigurableCreateInfo, options: any) {\n super(info, options);\n this.reactNode = <SheetNavigationAid iModelConnection={options.imodel} />;\n }\n\n // istanbul ignore next\n public override getSize(): string \| undefined { return \"96px\"; }\n}\n\n/* Data displayed about sheet\n * @alpha\n /\nexport interface SheetData {\n name: string;\n viewId: string;\n}\n\n/* Properties for the [[SheetNavigationAid]] component\n * @alpha\n /\nexport interface SheetNavigationProps extends CommonProps {\n iModelConnection: IModelConnection;\n}\n\n/* @internal /\ninterface SheetNavigationState {\n index: number;\n sheetData: SheetData[];\n}\n\n/* A Sheet Navigation Aid.\n * @alpha\n /\nexport class SheetNavigationAid extends React.Component<SheetNavigationProps, SheetNavigationState> {\n private _isMounted = false;\n\n /* @internal /\n public override readonly state: Readonly<SheetNavigationState> = {\n index: 0,\n sheetData: [],\n };\n\n private _viewport: ScreenViewport \| undefined;\n\n constructor(props: SheetNavigationProps) {\n super(props);\n\n this._viewport = IModelApp.viewManager.selectedView;\n }\n\n /* Adds listeners when components mounts /\n public override async componentDidMount() {\n this._isMounted = true;\n\n CardContainer.onCardSelectedEvent.addListener(this._handleCardSelected);\n ViewportComponentEvents.onViewIdChangedEvent.addListener(this._handleViewIdChanged);\n\n IModelApp.viewManager.onSelectedViewportChanged.addListener(this._handleSelectedViewportChanged);\n\n const stateData = await this._setupSheets();\n\n if (this._isMounted)\n this.setState(stateData);\n }\n\n /* Removes listeners when component will unmount /\n public override componentWillUnmount() {\n this._isMounted = false;\n\n CardContainer.onCardSelectedEvent.removeListener(this._handleCardSelected);\n ViewportComponentEvents.onViewIdChangedEvent.removeListener(this._handleViewIdChanged);\n\n IModelApp.viewManager.onSelectedViewportChanged.removeListener(this._handleSelectedViewportChanged);\n }\n\n /* Queries for sheet info and sets as sheetData /\n private async _setupSheets(): Promise<SheetNavigationState> {\n const stateData: SheetNavigationState = {\n index: 0,\n sheetData: [],\n };\n\n // istanbul ignore else\n if (!this.props.iModelConnection \|\| !this.props.iModelConnection.views.getViewList)\n return stateData;\n\n // istanbul ignore next\n let viewId = \"\";\n // istanbul ignore next\n if (this._viewport) {\n viewId = this._viewport.view.id.toString();\n }\n\n // istanbul ignore next\n const sheets = await this.props.iModelConnection.views.getViewList({ from: \"BisCore.SheetViewDefinition\" });\n // istanbul ignore next\n sheets.forEach((viewSpec: IModelConnection.ViewSpec, index: number) => {\n stateData.sheetData.push({ name: viewSpec.name, viewId: viewSpec.id });\n if (viewSpec.id === viewId)\n stateData.index = index;\n });\n\n // istanbul ignore next\n return stateData;\n }\n\n /* @internal /\n public override render(): React.ReactNode {\n const name = (this.state.sheetData.length > 0) ? / istanbul ignore next / this.state.sheetData[this.state.index].name : \"\";\n const sheet = UiFramework.translate(\"general.sheet\");\n const ofStr = UiComponents.translate(\"general.of\");\n const leftIndex = this.state.index === 0 ? this.state.sheetData.length - 1 : / istanbul ignore next / this.state.index - 1;\n const rightIndex = this.state.index >= this.state.sheetData.length - 1 ? 0 : / istanbul ignore next /this.state.index + 1;\n const leftTitle = this.state.sheetData[leftIndex] ? / istanbul ignore next / this.state.sheetData[leftIndex].name : undefined;\n const rightTitle = this.state.sheetData[rightIndex] ? / istanbul ignore next / this.state.sheetData[rightIndex].name : undefined;\n\n let content: React.ReactNode;\n // istanbul ignore if\n if (this.state.sheetData.length > 0) {\n content = (\n <>\n <div className=\"sheet-title\">{sheet}</div>\n {/ eslint-disable-next-line jsx-a11y/click-events-have-key-events /}\n <div className=\"sheet-name\" title={name} onClick={this._handleOnClickSheetName}\n role=\"button\" tabIndex={-1}>\n {name}\n </div>\n <div className=\"sheet-container\">\n {/ eslint-disable-next-line jsx-a11y/click-events-have-key-events /}\n <IconButton size=\"small\" styleType=\"borderless\" onClick={this._handleOnClickLeftArrow}\n tabIndex={-1} title={leftTitle}><SvgChevronLeft /></IconButton>\n <div>{this.state.index + 1} {ofStr} {this.state.sheetData.length}</div>\n {/ eslint-disable-next-line jsx-a11y/click-events-have-key-events /}\n <IconButton size=\"small\" styleType=\"borderless\" onClick={this._handleOnClickRightArrow}\n role=\"button\" tabIndex={-1} title={rightTitle}><SvgChevronRight /></IconButton>\n </div>\n </>\n );\n } else {\n content = <ProgressRadial size=\"x-small\" indeterminate />;\n }\n\n return (\n <div className={classnames(\"uifw-sheet-navigation\", this.props.className)} style={this.props.style}>\n <div className=\"gradient\"></div>\n {content}\n </div>\n );\n }\n\n /* Sets index of newly selected card /\n private _handleCardSelected = (event: CardSelectedEventArgs) => {\n event && this.setState({\n index: event.index,\n });\n };\n\n /* Updates view to the next lowest index in sheetData /\n // istanbul ignore next\n private _handleOnClickLeftArrow = () => {\n this.setState(\n (prevState) => ({ index: prevState.index <= 0 ? prevState.sheetData.length - 1 : prevState.index - 1 }),\n async () => this._updateView());\n };\n\n /* Updates view to next highest index in sheetData /\n // istanbul ignore next\n private _handleOnClickRightArrow = () => {\n this.setState(\n (prevState) => ({ index: (prevState.index + 1) % prevState.sheetData.length }),\n async () => this._updateView());\n };\n\n /* Handles a Viewport change & synchs the index /\n // istanbul ignore next\n private _handleSelectedViewportChanged = (args: SelectedViewportChangedArgs) => {\n if (args.current) {\n this._handleViewportChanged(args.current);\n }\n };\n\n // istanbul ignore next\n private _handleViewIdChanged = (args: ViewIdChangedEventArgs) => {\n if (this._viewport === args.viewport)\n this._handleViewportChanged(args.viewport as ScreenViewport);\n };\n\n /* Handles a Viewport change & synchs the index /\n // istanbul ignore next\n private _handleViewportChanged = (viewport: ScreenViewport) => {\n const className = ViewUtilities.getBisBaseClass(viewport.view.classFullName);\n\n if (ViewUtilities.isSheet(className)) {\n this._viewport = viewport;\n\n const viewId = this._viewport.view.id.toString();\n\n const index = this.state.sheetData.findIndex((sheetData: SheetData) => {\n return (viewId === sheetData.viewId);\n });\n\n if (index >= 0)\n this.setState({ index });\n }\n };\n\n /* Updates view to currently set sheet /\n // istanbul ignore next\n private async _updateView() {\n const viewState = await this.props.iModelConnection.views.load(this.state.sheetData[this.state.index].viewId);\n if (this._viewport)\n this._viewport.changeView(viewState);\n }\n\n /* Creates a new SheetsModalFrontstage /\n // istanbul ignore next\n private modalFrontstage(): ModalFrontstageInfo {\n return new SheetsModalFrontstage(this.state.sheetData, this.props.iModelConnection, this.state.index);\n }\n\n /* Opens a new SheetsModelFrontstage on sheetName click */\n // istanbul ignore next\n private _handleOnClickSheetName = () => {\n UiFramework.frontstages.openModalFrontstage(this.modalFrontstage());\n };\n}\n"]}

package/lib/cjs/appui-react/navigationaids/SheetNavigationAid.scss CHANGED Viewed

@@ -1,67 +1,67 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/index";
-.uifw-sheet-navigation {
-  height: 96px;
-  width: 96px;
-  box-sizing: border-box;
-  border-color: $buic-background-widget-stroke;
-  border-width: 1px;
-  border-radius: var(--iui-border-radius-1);
-  border-style: solid;
-  color: var(--iui-color-text);
-  background: $buic-background-window;
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  > .sheet-title {
-    font-size: 12px;
-    font-weight: bold;
-  }
-  > .sheet-name {
-    cursor: pointer;
-    font-size: 11px;
-    z-index: 1;
-    height: 46px;
-    overflow: hidden;
-    margin: 0 2px;
-    &:focus {
-      outline: none;
-    }
-  }
-  > .sheet-container {
-    flex: 1 1 100%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    font-size: 11px;
-    > * {
-      text-align: center;
-    }
-  }
-  > .gradient {
-    background: linear-gradient(
-      to bottom,
-      $buic-button-gradient1,
-      $buic-button-gradient2
-    );
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    display: none;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/index";
+.uifw-sheet-navigation {
+  height: 96px;
+  width: 96px;
+  box-sizing: border-box;
+  border-color: $buic-background-widget-stroke;
+  border-width: 1px;
+  border-radius: var(--iui-border-radius-1);
+  border-style: solid;
+  color: var(--iui-color-text);
+  background: $buic-background-window;
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  > .sheet-title {
+    font-size: 12px;
+    font-weight: bold;
+  }
+  > .sheet-name {
+    cursor: pointer;
+    font-size: 11px;
+    z-index: 1;
+    height: 46px;
+    overflow: hidden;
+    margin: 0 2px;
+    &:focus {
+      outline: none;
+    }
+  }
+  > .sheet-container {
+    flex: 1 1 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 11px;
+    > * {
+      text-align: center;
+    }
+  }
+  > .gradient {
+    background: linear-gradient(
+      to bottom,
+      $buic-button-gradient1,
+      $buic-button-gradient2
+    );
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    display: none;
+  }
+}

package/lib/cjs/appui-react/navigationaids/SheetsModalFrontstage.d.ts CHANGED Viewed

@@ -3,11 +3,11 @@
  */
 import "./SheetsModalFrontstage.scss";
 import * as React from "react";
-import { IModelConnection } from "@itwin/core-frontend";
+import type { IModelConnection } from "@itwin/core-frontend";
 import { UiEvent } from "@itwin/appui-abstract";
-import { CommonProps, IconSpec } from "@itwin/core-react";
-import { ModalFrontstageInfo } from "../framework/FrameworkFrontstages";
-import { SheetData } from "./SheetNavigationAid";
+import type { CommonProps, IconSpec } from "@itwin/core-react";
+import type { ModalFrontstageInfo } from "../framework/FrameworkFrontstages";
+import type { SheetData } from "./SheetNavigationAid";
 /** Data about a sheet card
  * @alpha
  */

package/lib/cjs/appui-react/navigationaids/SheetsModalFrontstage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SheetsModalFrontstage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetsModalFrontstage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,~~EAAa~~,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;~~AACnE~~,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,WAAW,~~EAA2B~~,QAAQ,~~EAAiC~~,MAAM,mBAAmB,CAAC;~~AAClH~~,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;~~AAExE~~,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;~~AAGjD~~;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,GAAG,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,GAAG,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,OAAO,CAAC,qBAAqB,CAAC;CAAI;AAEzE;;GAEG;AACH,qBAAa,qBAAsB,YAAW,mBAAmB;IACxD,KAAK,EAAE,MAAM,CAAgE;IACpF,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,WAAW,CAAmB;IACtC,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAc;IAElC;;;;OAIG;gBACS,MAAM,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM;IAMnF;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAM3B,wBAAwB;IACxB,IAAW,OAAO,IAAI,KAAK,CAAC,SAAS,CAEpC;IAED,kDAAkD;IAClD,IAAW,WAAW,IAAI,KAAK,CAAC,SAAS,CAIxC;IAED,0CAA0C;IAE1C,OAAO,CAAC,yBAAyB,CAG/B;CACH;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED;;GAEG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,CAAC;IACpE,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAA8C;IAE/E,kCAAkC;IAClC,WAAkB,mBAAmB,IAAI,iBAAiB,CAA6C;IAEvG,gBAAgB;IACA,MAAM;IAyBtB;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAUhB;;;OAGG;YACW,mBAAmB;CAYlC;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,UAAU,cAAc;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;gBAChE,KAAK,EAAE,cAAc;IAKjC,OAAO,CAAC,QAAQ,CAEd;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEc,MAAM;CAsBvB"}
1	+ {"version":3,"file":"SheetsModalFrontstage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetsModalFrontstage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAE7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGtD;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,GAAG,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,GAAG,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,OAAO,CAAC,qBAAqB,CAAC;CAAI;AAEzE;;GAEG;AACH,qBAAa,qBAAsB,YAAW,mBAAmB;IACxD,KAAK,EAAE,MAAM,CAAgE;IACpF,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,WAAW,CAAmB;IACtC,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAc;IAElC;;;;OAIG;gBACS,MAAM,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM;IAMnF;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAM3B,wBAAwB;IACxB,IAAW,OAAO,IAAI,KAAK,CAAC,SAAS,CAEpC;IAED,kDAAkD;IAClD,IAAW,WAAW,IAAI,KAAK,CAAC,SAAS,CAIxC;IAED,0CAA0C;IAE1C,OAAO,CAAC,yBAAyB,CAG/B;CACH;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED;;GAEG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,CAAC;IACpE,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAA8C;IAE/E,kCAAkC;IAClC,WAAkB,mBAAmB,IAAI,iBAAiB,CAA6C;IAEvG,gBAAgB;IACA,MAAM;IAyBtB;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAUhB;;;OAGG;YACW,mBAAmB;CAYlC;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,UAAU,cAAc;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;gBAChE,KAAK,EAAE,cAAc;IAKjC,OAAO,CAAC,QAAQ,CAEd;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEc,MAAM;CAsBvB"}

package/lib/cjs/appui-react/navigationaids/SheetsModalFrontstage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SheetsModalFrontstage.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetsModalFrontstage.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 \"./SheetsModalFrontstage.scss\";\r\nimport classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { IModelApp, IModelConnection } from \"@itwin/core-frontend\";\r\nimport { UiEvent } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, FlexWrapContainer, Icon, IconSpec, ScrollView, SearchBox, UiCore } from \"@itwin/core-react\";\r\nimport { ModalFrontstageInfo } from \"../framework/FrameworkFrontstages\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { SheetData } from \"./SheetNavigationAid\";\r\nimport { SvgDocument, SvgPlaceholder } from \"@itwin/itwinui-icons-react\";\r\n\r\n/** Data about a sheet card\r\n * @alpha\r\n /\r\nexport interface CardInfo {\r\n index: number;\r\n label: string;\r\n iconSpec: IconSpec;\r\n isActive: boolean;\r\n viewId: any;\r\n}\r\n\r\n/* Arguments for CardSelectedEvent\r\n * @alpha\r\n /\r\nexport interface CardSelectedEventArgs {\r\n id: any;\r\n index: number;\r\n}\r\n\r\n/* Class for CardSelectedEvent\r\n * @alpha\r\n /\r\nexport class CardSelectedEvent extends UiEvent<CardSelectedEventArgs> { }\r\n\r\n/* Modal frontstage displaying sheet information in cards.\r\n * @alpha\r\n /\r\nexport class SheetsModalFrontstage implements ModalFrontstageInfo {\r\n public title: string = UiFramework.translate(\"navigationAid.sheetsModalFrontstage\");\r\n private _cards: CardInfo[] = [];\r\n private _connection: IModelConnection;\r\n private _currentIndex: number;\r\n private _searchValue: string = \"\";\r\n\r\n /\r\n Creates a SheetsModalFrontstage\r\n * @param sheets Collection of sheets available in SheetNavigationAid\r\n * @param connection IModelConnection to query for sheet ViewState\r\n /\r\n constructor(sheets: SheetData[], connection: IModelConnection, currentIndex: number) {\r\n this._connection = connection;\r\n this._currentIndex = currentIndex;\r\n this._storeSheetsAsCards(sheets);\r\n }\r\n\r\n /\r\n Gathers card info from available sheets\r\n * @param sheets SheetData from available sheets\r\n /\r\n private _storeSheetsAsCards(sheets: SheetData[]) {\r\n sheets.forEach((sheet: SheetData, index: number) => {\r\n this._cards.push({ index, label: sheet.name, iconSpec: <SvgDocument />, viewId: sheet.viewId, isActive: index === this._currentIndex });\r\n });\r\n }\r\n\r\n /* Gets set of cards /\r\n public get content(): React.ReactNode {\r\n return <CardContainer cards={this._cards} searchValue={this._searchValue} connection={this._connection} />;\r\n }\r\n\r\n /* Gets components to be placed in the app bar /\r\n public get appBarRight(): React.ReactNode {\r\n return (\r\n <SearchBox placeholder={UiCore.translate(\"general.search\")} onValueChanged={this._handleSearchValueChanged} valueChangedDelay={250} />\r\n );\r\n }\r\n\r\n /* Updates stage based on search value /\r\n // istanbul ignore next\r\n private _handleSearchValueChanged = (value: string): void => {\r\n this._searchValue = value;\r\n UiFramework.frontstages.updateModalFrontstage();\r\n };\r\n}\r\n\r\n/* Properties for [[CardContainer]]\r\n * @alpha\r\n /\r\nexport interface CardContainerProps extends CommonProps {\r\n cards: CardInfo[];\r\n searchValue: string;\r\n connection: IModelConnection;\r\n}\r\n\r\n/* Displays cards in SheetModalFrontstage\r\n * @alpha\r\n /\r\nexport class CardContainer extends React.Component<CardContainerProps> {\r\n private static _cardSelectedEvent: CardSelectedEvent = new CardSelectedEvent();\r\n\r\n /* Get CardSelectedEvent event /\r\n public static get onCardSelectedEvent(): CardSelectedEvent { return CardContainer._cardSelectedEvent; }\r\n\r\n /* @internal /\r\n public override render() {\r\n return (\r\n <ScrollView className={this.props.className} style={this.props.style}>\r\n <FlexWrapContainer>\r\n {\r\n this.props.cards.map((card: CardInfo, _index: number) => {\r\n let includeCard = true;\r\n if (this.props.searchValue) {\r\n includeCard = this.contains(card.label, this.props.searchValue);\r\n }\r\n\r\n if (includeCard) {\r\n return (\r\n <SheetCard key={card.label} label={card.label} index={card.index} iconSpec={card.iconSpec} isActive={card.isActive} onClick={async () => this._handleCardSelected(card)} />\r\n );\r\n }\r\n\r\n return null;\r\n })\r\n }\r\n </FlexWrapContainer>\r\n </ScrollView>\r\n );\r\n }\r\n\r\n /\r\n Determines if string contains a substring\r\n * @param valueA The string to search through\r\n * @param valueB The value to search for\r\n * @return True if valueB can be found in valueA, false otherwise\r\n /\r\n private contains(valueA: string, valueB: string): boolean {\r\n if (!valueA \|\| !valueB)\r\n return false;\r\n\r\n if (valueB.length > valueA.length)\r\n return false;\r\n\r\n return valueA.toLocaleUpperCase().indexOf(valueB.toLocaleUpperCase(), 0) !== -1;\r\n }\r\n\r\n /\r\n Updates view with ViewState for selected card.\r\n * @param card Data about the sheet card selected.\r\n /\r\n private async _handleCardSelected(card: CardInfo) {\r\n // istanbul ignore if\r\n if (IModelApp.viewManager && IModelApp.viewManager.selectedView) {\r\n const vp = IModelApp.viewManager.selectedView;\r\n const viewState = await this.props.connection.views.load(card.viewId);\r\n vp.changeView(viewState);\r\n }\r\n\r\n card.isActive = true;\r\n UiFramework.frontstages.closeModalFrontstage();\r\n CardContainer.onCardSelectedEvent.emit({ id: card.viewId, index: card.index });\r\n }\r\n}\r\n\r\n/* Properties for [[SheetCard]]\r\n * @alpha\r\n /\r\nexport interface SheetCardProps {\r\n label: string;\r\n index: number;\r\n iconSpec: IconSpec;\r\n isActive: boolean;\r\n onClick: () => void;\r\n}\r\n\r\n/* State for [[SheetCard]]\r\n * @internal\r\n /\r\ninterface SheetCardState {\r\n isActive: boolean;\r\n isPressed: boolean;\r\n}\r\n\r\n/* Displays information about an individual sheet\r\n * @alpha\r\n */\r\nexport class SheetCard extends React.Component<SheetCardProps, SheetCardState> {\r\n constructor(props: SheetCardProps) {\r\n super(props);\r\n this.state = { isActive: this.props.isActive, isPressed: false };\r\n }\r\n\r\n private _onClick = () => {\r\n this.setState({ isActive: true }, () => this.props.onClick());\r\n };\r\n\r\n private _onMouseDown = () => {\r\n this.setState({ isPressed: true });\r\n };\r\n\r\n private _onMouseLeave = () => {\r\n if (this.state.isPressed)\r\n this.setState({ isPressed: false });\r\n };\r\n\r\n public override render() {\r\n const { label, index } = this.props;\r\n\r\n const className = classnames(\r\n \"uifw-sheet-card\",\r\n this.state.isActive && \"is-active\",\r\n this.state.isPressed && \"is-pressed\",\r\n );\r\n\r\n const iconSpec = this.props.iconSpec ? this.props.iconSpec : <SvgPlaceholder />;\r\n\r\n return (\r\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n <div className={className} onClick={this._onClick} onMouseDown={this._onMouseDown} onMouseLeave={this._onMouseLeave} role=\"button\" tabIndex={-1} >\r\n {label}\r\n <div className=\"sheet-image-container\">\r\n <div className=\"icon\"> <Icon iconSpec={iconSpec} /></div>\r\n </div >\r\n <div className=\"sheet-index\">{index + 1}</div>\r\n </div >\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"SheetsModalFrontstage.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetsModalFrontstage.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,wCAAsC;AACtC,2CAAoC;AACpC,+BAA+B;AAE/B,wDAAiD;AACjD,0DAAgD;AAEhD,kDAA2F;AAE3F,gDAA6C;AAE7C,oEAAyE;AAqBzE;;GAEG;AACH,MAAa,iBAAkB,SAAQ,wBAA8B;CAAI;AAAzE,8CAAyE;AAEzE;;GAEG;AACH,MAAa,qBAAqB;IAOhC;;;;OAIG;IACH,YAAY,MAAmB,EAAE,UAA4B,EAAE,YAAoB;QAX5E,UAAK,GAAW,yBAAW,CAAC,SAAS,CAAC,qCAAqC,CAAC,CAAC;QAC5E,WAAM,GAAe,EAAE,CAAC;QAGxB,iBAAY,GAAW,EAAE,CAAC;QAmClC,0CAA0C;QAC1C,uBAAuB;QACf,8BAAyB,GAAG,CAAC,KAAa,EAAQ,EAAE;YAC1D,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,yBAAW,CAAC,WAAW,CAAC,qBAAqB,EAAE,CAAC;QAClD,CAAC,CAAC;QAhCA,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAC9B,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;QAClC,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC;IAED;;;OAGG;IACK,mBAAmB,CAAC,MAAmB;QAC7C,MAAM,CAAC,OAAO,CAAC,CAAC,KAAgB,EAAE,KAAa,EAAE,EAAE;YACjD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,oBAAC,iCAAW,OAAG,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAC1I,CAAC,CAAC,CAAC;IACL,CAAC;IAED,wBAAwB;IACxB,IAAW,OAAO;QAChB,OAAO,oBAAC,aAAa,IAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,EAAE,IAAI,CAAC,WAAW,GAAI,CAAC;IAC7G,CAAC;IAED,kDAAkD;IAClD,IAAW,WAAW;QACpB,OAAO,CACL,oBAAC,sBAAS,IAAC,WAAW,EAAE,mBAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,cAAc,EAAE,IAAI,CAAC,yBAAyB,EAAE,iBAAiB,EAAE,GAAG,GAAI,CACvI,CAAC;IACJ,CAAC;CAQF;AA9CD,sDA8CC;AAWD;;GAEG;AACH,MAAa,aAAc,SAAQ,KAAK,CAAC,SAA6B;IAGpE,kCAAkC;IAC3B,MAAM,KAAK,mBAAmB,KAAwB,OAAO,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEvG,gBAAgB;IACA,MAAM;QACpB,OAAO,CACL,oBAAC,uBAAU,IAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAClE,oBAAC,8BAAiB,QAEd,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAc,EAAE,MAAc,EAAE,EAAE;gBACtD,IAAI,WAAW,GAAG,IAAI,CAAC;gBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;oBAC1B,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;iBACjE;gBAED,IAAI,WAAW,EAAE;oBACf,OAAO,CACL,oBAAC,SAAS,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAI,CAC5K,CAAC;iBACH;gBAED,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAEc,CACT,CACd,CAAC;IACJ,CAAC;IAED;;;;;OAKG;IACK,QAAQ,CAAC,MAAc,EAAE,MAAc;QAC7C,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM;YACpB,OAAO,KAAK,CAAC;QAEf,IAAI,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM;YAC/B,OAAO,KAAK,CAAC;QAEf,OAAO,MAAM,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAClF,CAAC;IAED;;;OAGG;IACK,KAAK,CAAC,mBAAmB,CAAC,IAAc;QAC9C,qBAAqB;QACrB,IAAI,yBAAS,CAAC,WAAW,IAAI,yBAAS,CAAC,WAAW,CAAC,YAAY,EAAE;YAC/D,MAAM,EAAE,GAAG,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC;YAC9C,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACtE,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;SAC1B;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,yBAAW,CAAC,WAAW,CAAC,oBAAoB,EAAE,CAAC;QAC/C,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACjF,CAAC;;AA9Dc,gCAAkB,GAAsB,IAAI,iBAAiB,EAAE,CAAC;AADpE,sCAAa;AAqF1B;;GAEG;AACH,MAAa,SAAU,SAAQ,KAAK,CAAC,SAAyC;IAC5E,YAAY,KAAqB;QAC/B,KAAK,CAAC,KAAK,CAAC,CAAC;QAIP,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QAChE,CAAC,CAAC;QAEM,iBAAY,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACrC,CAAC,CAAC;QAEM,kBAAa,GAAG,GAAG,EAAE;YAC3B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACtB,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;QACxC,CAAC,CAAC;QAdA,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;IACnE,CAAC;IAee,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEpC,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,iBAAiB,EACjB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,WAAW,EAClC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,YAAY,CACrC,CAAC;QAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAC,oCAAc,OAAG,CAAC;QAEhF,OAAO;QACL,iEAAiE;QACjE,6BAAK,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC,YAAY,EAAE,YAAY,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,CAAC;YAC5I,KAAK;YACN,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,6BAAK,SAAS,EAAC,MAAM;;oBAAE,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAM,CACpD;YACP,6BAAK,SAAS,EAAC,aAAa,IAAE,KAAK,GAAG,CAAC,CAAO,CACzC,CACR,CAAC;IACJ,CAAC;CACF;AAzCD,8BAyCC","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 NavigationAids\n /\n\nimport \"./SheetsModalFrontstage.scss\";\nimport classnames from \"classnames\";\nimport as React from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport type { CommonProps, IconSpec} from \"@itwin/core-react\";\nimport { FlexWrapContainer, Icon, ScrollView, SearchBox, UiCore } from \"@itwin/core-react\";\nimport type { ModalFrontstageInfo } from \"../framework/FrameworkFrontstages\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { SheetData } from \"./SheetNavigationAid\";\nimport { SvgDocument, SvgPlaceholder } from \"@itwin/itwinui-icons-react\";\n\n/** Data about a sheet card\n * @alpha\n /\nexport interface CardInfo {\n index: number;\n label: string;\n iconSpec: IconSpec;\n isActive: boolean;\n viewId: any;\n}\n\n/* Arguments for CardSelectedEvent\n * @alpha\n /\nexport interface CardSelectedEventArgs {\n id: any;\n index: number;\n}\n\n/* Class for CardSelectedEvent\n * @alpha\n /\nexport class CardSelectedEvent extends UiEvent<CardSelectedEventArgs> { }\n\n/* Modal frontstage displaying sheet information in cards.\n * @alpha\n /\nexport class SheetsModalFrontstage implements ModalFrontstageInfo {\n public title: string = UiFramework.translate(\"navigationAid.sheetsModalFrontstage\");\n private _cards: CardInfo[] = [];\n private _connection: IModelConnection;\n private _currentIndex: number;\n private _searchValue: string = \"\";\n\n /\n Creates a SheetsModalFrontstage\n * @param sheets Collection of sheets available in SheetNavigationAid\n * @param connection IModelConnection to query for sheet ViewState\n /\n constructor(sheets: SheetData[], connection: IModelConnection, currentIndex: number) {\n this._connection = connection;\n this._currentIndex = currentIndex;\n this._storeSheetsAsCards(sheets);\n }\n\n /\n Gathers card info from available sheets\n * @param sheets SheetData from available sheets\n /\n private _storeSheetsAsCards(sheets: SheetData[]) {\n sheets.forEach((sheet: SheetData, index: number) => {\n this._cards.push({ index, label: sheet.name, iconSpec: <SvgDocument />, viewId: sheet.viewId, isActive: index === this._currentIndex });\n });\n }\n\n /* Gets set of cards /\n public get content(): React.ReactNode {\n return <CardContainer cards={this._cards} searchValue={this._searchValue} connection={this._connection} />;\n }\n\n /* Gets components to be placed in the app bar /\n public get appBarRight(): React.ReactNode {\n return (\n <SearchBox placeholder={UiCore.translate(\"general.search\")} onValueChanged={this._handleSearchValueChanged} valueChangedDelay={250} />\n );\n }\n\n /* Updates stage based on search value /\n // istanbul ignore next\n private _handleSearchValueChanged = (value: string): void => {\n this._searchValue = value;\n UiFramework.frontstages.updateModalFrontstage();\n };\n}\n\n/* Properties for [[CardContainer]]\n * @alpha\n /\nexport interface CardContainerProps extends CommonProps {\n cards: CardInfo[];\n searchValue: string;\n connection: IModelConnection;\n}\n\n/* Displays cards in SheetModalFrontstage\n * @alpha\n /\nexport class CardContainer extends React.Component<CardContainerProps> {\n private static _cardSelectedEvent: CardSelectedEvent = new CardSelectedEvent();\n\n /* Get CardSelectedEvent event /\n public static get onCardSelectedEvent(): CardSelectedEvent { return CardContainer._cardSelectedEvent; }\n\n /* @internal /\n public override render() {\n return (\n <ScrollView className={this.props.className} style={this.props.style}>\n <FlexWrapContainer>\n {\n this.props.cards.map((card: CardInfo, _index: number) => {\n let includeCard = true;\n if (this.props.searchValue) {\n includeCard = this.contains(card.label, this.props.searchValue);\n }\n\n if (includeCard) {\n return (\n <SheetCard key={card.label} label={card.label} index={card.index} iconSpec={card.iconSpec} isActive={card.isActive} onClick={async () => this._handleCardSelected(card)} />\n );\n }\n\n return null;\n })\n }\n </FlexWrapContainer>\n </ScrollView>\n );\n }\n\n /\n Determines if string contains a substring\n * @param valueA The string to search through\n * @param valueB The value to search for\n * @return True if valueB can be found in valueA, false otherwise\n /\n private contains(valueA: string, valueB: string): boolean {\n if (!valueA \|\| !valueB)\n return false;\n\n if (valueB.length > valueA.length)\n return false;\n\n return valueA.toLocaleUpperCase().indexOf(valueB.toLocaleUpperCase(), 0) !== -1;\n }\n\n /\n Updates view with ViewState for selected card.\n * @param card Data about the sheet card selected.\n /\n private async _handleCardSelected(card: CardInfo) {\n // istanbul ignore if\n if (IModelApp.viewManager && IModelApp.viewManager.selectedView) {\n const vp = IModelApp.viewManager.selectedView;\n const viewState = await this.props.connection.views.load(card.viewId);\n vp.changeView(viewState);\n }\n\n card.isActive = true;\n UiFramework.frontstages.closeModalFrontstage();\n CardContainer.onCardSelectedEvent.emit({ id: card.viewId, index: card.index });\n }\n}\n\n/* Properties for [[SheetCard]]\n * @alpha\n /\nexport interface SheetCardProps {\n label: string;\n index: number;\n iconSpec: IconSpec;\n isActive: boolean;\n onClick: () => void;\n}\n\n/* State for [[SheetCard]]\n * @internal\n /\ninterface SheetCardState {\n isActive: boolean;\n isPressed: boolean;\n}\n\n/* Displays information about an individual sheet\n * @alpha\n */\nexport class SheetCard extends React.Component<SheetCardProps, SheetCardState> {\n constructor(props: SheetCardProps) {\n super(props);\n this.state = { isActive: this.props.isActive, isPressed: false };\n }\n\n private _onClick = () => {\n this.setState({ isActive: true }, () => this.props.onClick());\n };\n\n private _onMouseDown = () => {\n this.setState({ isPressed: true });\n };\n\n private _onMouseLeave = () => {\n if (this.state.isPressed)\n this.setState({ isPressed: false });\n };\n\n public override render() {\n const { label, index } = this.props;\n\n const className = classnames(\n \"uifw-sheet-card\",\n this.state.isActive && \"is-active\",\n this.state.isPressed && \"is-pressed\",\n );\n\n const iconSpec = this.props.iconSpec ? this.props.iconSpec : <SvgPlaceholder />;\n\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n <div className={className} onClick={this._onClick} onMouseDown={this._onMouseDown} onMouseLeave={this._onMouseLeave} role=\"button\" tabIndex={-1} >\n {label}\n <div className=\"sheet-image-container\">\n <div className=\"icon\"> <Icon iconSpec={iconSpec} /></div>\n </div >\n <div className=\"sheet-index\">{index + 1}</div>\n </div >\n );\n }\n}\n"]}

package/lib/cjs/appui-react/navigationaids/SheetsModalFrontstage.scss CHANGED Viewed

@@ -1,73 +1,73 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/colors";
-$sheets-modal-padding: 10px;
-.uifw-sheet-card {
-  position: relative;
-  background-color: #f1f1f1;
-  width: 200px;
-  height: 250px;
-  margin: 10px;
-  padding: $sheets-modal-padding;
-  text-align: center;
-  font-size: 16px;
-  font-weight: bold;
-  border-color: #f1f1f1;
-  border-width: 8px;
-  border-radius: 12px;
-  border-style: solid;
-  box-sizing: border-box;
-  user-select: none;
-  &:hover {
-    cursor: pointer;
-  }
-  &:focus {
-    outline: none;
-  }
-  .sheet-image-container {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    .icon {
-      width: 50px;
-      height: 50px;
-      font-size: 50px;
-    }
-  }
-  .sheet-index {
-    position: absolute;
-    width: 100%;
-    bottom: $sheets-modal-padding;
-    left: 0;
-  }
-  &.is-active {
-    border-color: $uicore-blue;
-  }
-  &.is-pressed {
-    border-color: $uicore-blue;
-  }
-  &:not(.is-active) {
-    &:not(.is-pressed) {
-      &:hover {
-        border-color: $uicore-blue-a;
-      }
-    }
-  }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/colors";
+$sheets-modal-padding: 10px;
+.uifw-sheet-card {
+  position: relative;
+  background-color: #f1f1f1;
+  width: 200px;
+  height: 250px;
+  margin: 10px;
+  padding: $sheets-modal-padding;
+  text-align: center;
+  font-size: 16px;
+  font-weight: bold;
+  border-color: #f1f1f1;
+  border-width: 8px;
+  border-radius: 12px;
+  border-style: solid;
+  box-sizing: border-box;
+  user-select: none;
+  &:hover {
+    cursor: pointer;
+  }
+  &:focus {
+    outline: none;
+  }
+  .sheet-image-container {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .icon {
+      width: 50px;
+      height: 50px;
+      font-size: 50px;
+    }
+  }
+  .sheet-index {
+    position: absolute;
+    width: 100%;
+    bottom: $sheets-modal-padding;
+    left: 0;
+  }
+  &.is-active {
+    border-color: $uicore-blue;
+  }
+  &.is-pressed {
+    border-color: $uicore-blue;
+  }
+  &:not(.is-active) {
+    &:not(.is-pressed) {
+      &:hover {
+        border-color: $uicore-blue-a;
+      }
+    }
+  }
 }

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

@@ -4,8 +4,8 @@
 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 type { CommonProps, IconSpec } from "@itwin/core-react";
+import type { ConfigurableCreateInfo } from "../configurableui/ConfigurableUiControl";
 import { NavigationAidControl } from "./NavigationAidControl";
 /** A 3D Standard Rotation Navigation Aid control.
  * @alpha

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StandardRotationNavigationAid.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/StandardRotationNavigationAid.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sCAAsC,CAAC;AAE9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,OAAO,EAAE,WAAW,~~EAAQ~~,QAAQ,~~EAAS~~,MAAM,mBAAmB,CAAC;~~AAEvE~~,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;~~AAEjF~~,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAW9D;;GAEG;AACH,qBAAa,oCAAqC,SAAQ,oBAAoB;IAC5E,OAAc,eAAe,SAAmC;gBAEpD,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;CAIvD;AAED,gBAAgB;AAChB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;AAED,gBAAgB;AAChB,UAAU,kCAAkC;IAC1C,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,kCAAkC,CAAC;IACjH,OAAO,CAAC,MAAM,CAAgE;IAE9E,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,kCAAkC,CAAC,CAAC;gBAEjE,KAAK,EAAE,GAAG;IAqCN,MAAM,IAAI,KAAK,CAAC,SAAS;IAoCzC,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,sBAAsB,CAO5B;IAEF,OAAO,CAAC,kBAAkB;CAyB3B"}
1	+ {"version":3,"file":"StandardRotationNavigationAid.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/StandardRotationNavigationAid.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sCAAsC,CAAC;AAE9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAG9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAEtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAW9D;;GAEG;AACH,qBAAa,oCAAqC,SAAQ,oBAAoB;IAC5E,OAAc,eAAe,SAAmC;gBAEpD,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;CAIvD;AAED,gBAAgB;AAChB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;AAED,gBAAgB;AAChB,UAAU,kCAAkC;IAC1C,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,kCAAkC,CAAC;IACjH,OAAO,CAAC,MAAM,CAAgE;IAE9E,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,kCAAkC,CAAC,CAAC;gBAEjE,KAAK,EAAE,GAAG;IAqCN,MAAM,IAAI,KAAK,CAAC,SAAS;IAoCzC,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,sBAAsB,CAO5B;IAEF,OAAO,CAAC,kBAAkB;CAyB3B"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StandardRotationNavigationAid.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/StandardRotationNavigationAid.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,gDAA8C;AAC9C,2CAAoC;AACpC,+BAA+B;AAC/B,wDAAsD;AACtD,0DAAkG;AAClG,4EAAyE;AACzE,kDAAuE;AACvE,kEAAsG;AAEtG,gDAA6C;AAC7C,iEAA8D;AAC9D,8DAAiF;AACjF,6EAA8E;AAC9E,mFAAoF;AACpF,+EAAgF;AAChF,iFAAkF;AAClF,iFAAkF;AAClF,+EAAgF;AAChF,uFAAuF;AACvF,yFAAyF;AAEzF;;GAEG;AACH,MAAa,oCAAqC,SAAQ,2CAAoB;IAG5E,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,oBAAC,6BAA6B,OAAG,CAAC;IACrD,CAAC;;AALa,oDAAe,GAAG,+BAA+B,CAAC;AADrD,oFAAoC;AAuBjD;;GAEG;AACH,MAAa,6BAA8B,SAAQ,KAAK,CAAC,SAA0D;IAMjH,YAAY,KAAU;QACpB,KAAK,CAAC,KAAK,CAAC,CAAC;QANP,WAAM,GAAG,yBAAW,CAAC,SAAS,CAAC,qCAAqC,CAAC,CAAC;QA8EtE,eAAU,GAAG,CAAC,OAA8B,EAAE,EAAE;YACtD,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;QACrC,CAAC,CAAC;QAEM,sBAAiB,GAAG,GAAG,EAAE;YAC/B,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAC/C,CAAC,CAAC;QAEM,sBAAiB,GAAG,GAAG,EAAE;YAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;QACxE,CAAC,CAAC;QAEM,2BAAsB,GAAG,CAAC,IAAY,EAAE,EAAE;YAChD,MAAM,QAAQ,GAAG,IAAI,CAAC;YAEtB,IAAI,CAAC,QAAQ,CACX,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EACvC,GAAG,EAAE,CAAC,iDAAuB,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAC5D,CAAC;QACJ,CAAC,CAAC;QA1FA,MAAM,IAAI,GAAmB;YAC3B;gBACE,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,eAAe,CAAC;gBAC7C,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,iBAAe,CAAC;aACzE,EAAE;gBACD,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,kBAAkB,CAAC;gBAChD,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,oBAAkB,CAAC;aAC5E,EAAE;gBACD,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,gBAAgB,CAAC;gBAC9C,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,kBAAgB,CAAC;aAC1E,EAAE;gBACD,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,iBAAiB,CAAC;gBAC/C,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,mBAAiB,CAAC;aAC3E,EAAE;gBACD,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,iBAAiB,CAAC;gBAC/C,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,mBAAiB,CAAC;aAC3E,EAAE;gBACD,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,gBAAgB,CAAC;gBAC9C,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,kBAAgB,CAAC;aAC1E,EAAE;gBACD,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,mBAAmB,CAAC;gBACjD,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,sBAAmB,CAAC;aAC7E,EAAE;gBACD,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,oBAAoB,CAAC;gBAClD,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,uBAAoB,CAAC;aAC9E;SACF,CAAC;QACF,IAAI,CAAC,KAAK,GAAG;YACX,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,KAAK;YACjB,IAAI;YACJ,QAAQ,EAAE,8BAAc,CAAC,GAAG;SAC7B,CAAC;IACJ,CAAC;IAEe,MAAM;QACpB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,mCAAmC,EACnC,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAChD,GAAG,EAAE,IAAI,CAAC,UAAU;YAEpB,oBAAC,qCAAa,IACZ,SAAS,EAAE,YAAY;gBAEvB,oBAAC,gCAAO,IACN,SAAS,EAAE,aAAa,EACxB,IAAI,EACF,8BAAM,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,MAAM,CAAC;wBAAE,oBAAC,iBAAI,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,SAAS,GAAG,CAAO,EAE/H,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,KAAK,EAAE,IAAI,CAAC,MAAM,GAEV,CACI;YAChB,oBAAC,kBAAK,IACJ,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAC7B,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,QAAQ,EAAE,iCAAgB,CAAC,MAAM,EACjC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAEzB,IAAI,CAAC,kBAAkB,EAAE,CACpB,CACJ,CACP,CAAC;IACJ,CAAC;IAuBO,kBAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU;YACxB,OAAO,SAAS,CAAC;QAEnB,OAAO,CACL,oBAAC,wBAAK;YACJ,oBAAC,0BAAO;gBACN,oBAAC,8BAAW,QACT,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;oBACvC,OAAO,CACL,oBAAC,4BAAS,IACR,GAAG,EAAE,SAAS,CAAC,QAAQ,EAAE,EACzB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,oBAAC,iBAAI,IAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,GAAI,EACxC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EACrD,IAAI,EAAE,qCAAoB,CAAC,kBAAkB,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,GACvE,CACH,CAAC;gBACJ,CAAC,CAAC,CACU,CACN,CACJ,CACT,CAAC;IACJ,CAAC;CACF;AA7HD,sEA6HC","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"]}
1	+ {"version":3,"file":"StandardRotationNavigationAid.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/StandardRotationNavigationAid.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 NavigationAids\n /\n\nimport \"./StandardRotationNavigationAid.scss\";\nimport classnames from \"classnames\";\nimport as React from \"react\";\nimport { StandardViewId } from \"@itwin/core-frontend\";\nimport { IconSpecUtilities, RelativePosition, ToolbarItemUtilities } from \"@itwin/appui-abstract\";\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport type { CommonProps, IconSpec} from \"@itwin/core-react\";\nimport { Icon, Popup } from \"@itwin/core-react\";\nimport { ExpandableButton as NZ_Expandable, ToolbarIcon as NZ_Icon } from \"@itwin/appui-layout-react\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport { UiFramework } from \"../UiFramework\";\nimport { NavigationAidControl } from \"./NavigationAidControl\";\nimport { Columns, GroupColumn, GroupTool, Panel } from \"@itwin/components-react\";\nimport svgCubeFacesTop from \"@bentley/icons-generic/icons/cube-faces/top.svg\";\nimport svgCubeFacesBottom from \"@bentley/icons-generic/icons/cube-faces/bottom.svg\";\nimport svgCubeFacesLeft from \"@bentley/icons-generic/icons/cube-faces/left.svg\";\nimport svgCubeFacesRight from \"@bentley/icons-generic/icons/cube-faces/right.svg\";\nimport svgCubeFacesFront from \"@bentley/icons-generic/icons/cube-faces/front.svg\";\nimport svgCubeFacesRear from \"@bentley/icons-generic/icons/cube-faces/rear.svg\";\nimport svgCubeFacesIsoLeft from \"@bentley/icons-generic/icons/cube-faces/iso-left.svg\";\nimport svgCubeFacesIsoRight from \"@bentley/icons-generic/icons/cube-faces/iso-right.svg\";\n\n/** A 3D Standard Rotation Navigation Aid control.\n * @alpha\n /\nexport class StandardRotationNavigationAidControl extends NavigationAidControl {\n public static navigationAidId = \"StandardRotationNavigationAid\";\n\n constructor(info: ConfigurableCreateInfo, options: any) {\n super(info, options);\n this.reactNode = <StandardRotationNavigationAid />;\n }\n}\n\n/* @internal /\nexport interface RotationData {\n label: string;\n iconsSpec?: IconSpec;\n}\n\n/* @internal /\ninterface StandardRotationNavigationAidState {\n element: HTMLDivElement \| null;\n isExpanded: boolean;\n list: RotationData[];\n selected: StandardViewId;\n}\n\n/* A 3D Standard Rotation Navigation Aid.\n * @alpha\n /\nexport class StandardRotationNavigationAid extends React.Component<CommonProps, StandardRotationNavigationAidState> {\n private _title = UiFramework.translate(\"standardRotationNavigationAid.title\");\n\n /* @internal */\n public override readonly state: Readonly<StandardRotationNavigationAidState>;\n\n constructor(props: any) {\n super(props);\n const list: RotationData[] = [\n {\n label: UiFramework.translate(\"rotations.top\"),\n iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesTop),\n }, {\n label: UiFramework.translate(\"rotations.bottom\"),\n iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesBottom),\n }, {\n label: UiFramework.translate(\"rotations.left\"),\n iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesLeft),\n }, {\n label: UiFramework.translate(\"rotations.right\"),\n iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesRight),\n }, {\n label: UiFramework.translate(\"rotations.front\"),\n iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesFront),\n }, {\n label: UiFramework.translate(\"rotations.rear\"),\n iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesRear),\n }, {\n label: UiFramework.translate(\"rotations.isoLeft\"),\n iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesIsoLeft),\n }, {\n label: UiFramework.translate(\"rotations.isoRight\"),\n iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesIsoRight),\n },\n ];\n this.state = {\n element: null,\n isExpanded: false,\n list,\n selected: StandardViewId.Top,\n };\n }\n\n public override render(): React.ReactNode {\n const className = classnames(\n \"uifw-standard-rotation-navigation\",\n this.props.className,\n );\n\n return (\n <div className={className} style={this.props.style}\n ref={this._handleRef}\n >\n <NZ_Expandable\n className={\"expandable\"}\n >\n <NZ_Icon\n className={\"icon-button\"}\n icon={\n <span className={classnames(\"three-d-icon\", \"icon\")}><Icon iconSpec={this.state.list[this.state.selected].iconsSpec}/></span>\n }\n onClick={this._toggleIsExpanded}\n title={this._title}\n >\n </NZ_Icon>\n </NZ_Expandable>\n <Popup\n isOpen={this.state.isExpanded}\n offset={0}\n onClose={this._handlePopupClose}\n position={RelativePosition.Bottom}\n target={this.state.element}\n >\n {this.getExpandedContent()}\n </Popup>\n </div>\n );\n }\n\n private _handleRef = (element: HTMLDivElement \| null) => {\n this.setState(() => ({ element }));\n };\n\n private _handlePopupClose = () => {\n this.setState(() => ({ isExpanded: false }));\n };\n\n private _toggleIsExpanded = () => {\n this.setState((prevState) => ({ isExpanded: !prevState.isExpanded }));\n };\n\n private _handleListItemClicked = (item: number) => {\n const selected = item;\n\n this.setState(\n () => ({ isExpanded: false, selected }),\n () => ViewportComponentEvents.setStandardRotation(selected),\n );\n };\n\n private getExpandedContent(): React.ReactNode {\n if (!this.state.isExpanded)\n return undefined;\n\n return (\n <Panel>\n <Columns>\n <GroupColumn>\n {this.state.list.map((item, itemIndex) => {\n return (\n <GroupTool\n key={itemIndex.toString()}\n label={item.label}\n icon={<Icon iconSpec={item.iconsSpec} />}\n isActive={this.state.selected === itemIndex}\n onClick={() => this._handleListItemClicked(itemIndex)}\n item={ToolbarItemUtilities.createActionButton(\"\", 0, \"\", \"\", () => { })}\n />\n );\n })}\n </GroupColumn>\n </Columns>\n </Panel>\n );\n }\n}\n"]}