@itwin/appui-react 3.4.4 → 3.4.6

package/lib/esm/appui-react/widgets/BasicToolWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.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 Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonToolbarItem, ToolbarOrientation, ToolbarUsage } from \"@itwin/appui-abstract\";\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\nimport { SelectionContextToolDefinitions } from \"../selection/SelectionContextItemDef\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { ToolbarHelper } from \"../toolbar/ToolbarHelper\";\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\nimport { BackstageAppButton } from \"./BackstageAppButton\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\n\n/** Properties that can be used to append items to the default set of toolbar items of [[ReviewToolWidget]].\n * @public\n */\nexport interface BasicToolWidgetProps {\n  /** if true include hide/isolate Models and Categories */\n  showCategoryAndModelsContextTools?: boolean;\n  /** Name of icon WebFont entry or if specifying an imported SVG symbol use \"webSvg:\" prefix to imported symbol Id. */\n  icon?: string;\n  /** optional set of additional items to include in horizontal toolbar */\n  additionalHorizontalItems?: CommonToolbarItem[];\n  /** optional set of additional items to include in vertical toolbar */\n  additionalVerticalItems?: CommonToolbarItem[];\n}\n\n/** Default Tool Widget for standard \"review\" applications. Provides standard tools to review, and measure elements.\n * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.\n * @public\n */\nexport function BasicToolWidget(props: BasicToolWidgetProps) {\n  const getHorizontalToolbarItems = React.useCallback(\n    (useCategoryAndModelsContextTools: boolean): CommonToolbarItem[] => {\n      const items: CommonToolbarItem[] = [];\n      if (useCategoryAndModelsContextTools) {\n        items.push(\n          ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.clearSelectionItemDef),\n          ToolbarHelper.createToolbarItemFromItemDef(20, SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef),\n          ToolbarHelper.createToolbarItemFromItemDef(30, SelectionContextToolDefinitions.hideSectionToolGroup),\n          ToolbarHelper.createToolbarItemFromItemDef(40, SelectionContextToolDefinitions.isolateSelectionToolGroup),\n          ToolbarHelper.createToolbarItemFromItemDef(50, SelectionContextToolDefinitions.emphasizeElementsItemDef),\n        );\n      } else {\n        items.push(\n          ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.clearSelectionItemDef),\n          ToolbarHelper.createToolbarItemFromItemDef(20, SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef),\n          ToolbarHelper.createToolbarItemFromItemDef(30, SelectionContextToolDefinitions.hideElementsItemDef),\n          ToolbarHelper.createToolbarItemFromItemDef(40, SelectionContextToolDefinitions.isolateElementsItemDef),\n          ToolbarHelper.createToolbarItemFromItemDef(50, SelectionContextToolDefinitions.emphasizeElementsItemDef),\n        );\n      }\n      if (props.additionalHorizontalItems)\n        items.push(...props.additionalHorizontalItems);\n      return items;\n    }, [props.additionalHorizontalItems]);\n\n  const getVerticalToolbarItems = React.useCallback(\n    (): CommonToolbarItem[] => {\n      const items: CommonToolbarItem[] = [];\n      items.push(\n        ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.selectElementCommand),\n        ToolbarHelper.createToolbarItemFromItemDef(20, CoreTools.measureToolGroup),\n        ToolbarHelper.createToolbarItemFromItemDef(30, CoreTools.sectionToolGroup),\n      );\n      if (props.additionalVerticalItems)\n        items.push(...props.additionalVerticalItems);\n      return items;\n    }, [props.additionalVerticalItems]);\n\n  const [horizontalItems, setHorizontalItems] = React.useState(() => getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools));\n  const [verticalItems, setVerticalItems] = React.useState(() => getVerticalToolbarItems());\n\n  const isInitialMount = React.useRef(true);\n  React.useEffect(() => {\n    if (isInitialMount.current)\n      isInitialMount.current = false;\n    else {\n      setHorizontalItems(getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools));\n      setVerticalItems(getVerticalToolbarItems());\n    }\n  }, [props.showCategoryAndModelsContextTools, props.additionalHorizontalItems, props.additionalVerticalItems, getHorizontalToolbarItems, getVerticalToolbarItems]);\n\n  const uiIsVisible = useUiVisibility();\n  // istanbul ignore next\n  const className = classnames(\n    !uiIsVisible && \"nz-hidden\",\n  );\n  return (\n    <ToolWidgetComposer className={className}\n      cornerItem={<BackstageAppButton icon={props.icon} />}\n      horizontalToolbar={<ToolbarComposer items={horizontalItems} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Horizontal} />}\n      verticalToolbar={<ToolbarComposer items={verticalItems} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Vertical} />}\n    />\n  );\n}\n"]}
+{"version":3,"file":"BasicToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.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 Widget\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonToolbarItem, ToolbarOrientation, ToolbarUsage } from \"@itwin/appui-abstract\";\r\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\r\nimport { SelectionContextToolDefinitions } from \"../selection/SelectionContextItemDef\";\r\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\r\nimport { ToolbarHelper } from \"../toolbar/ToolbarHelper\";\r\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\r\nimport { BackstageAppButton } from \"./BackstageAppButton\";\r\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\r\n\r\n/** Properties that can be used to append items to the default set of toolbar items of [[ReviewToolWidget]].\r\n * @public\r\n */\r\nexport interface BasicToolWidgetProps {\r\n  /** if true include hide/isolate Models and Categories */\r\n  showCategoryAndModelsContextTools?: boolean;\r\n  /** Name of icon WebFont entry or if specifying an imported SVG symbol use \"webSvg:\" prefix to imported symbol Id. */\r\n  icon?: string;\r\n  /** optional set of additional items to include in horizontal toolbar */\r\n  additionalHorizontalItems?: CommonToolbarItem[];\r\n  /** optional set of additional items to include in vertical toolbar */\r\n  additionalVerticalItems?: CommonToolbarItem[];\r\n}\r\n\r\n/** Default Tool Widget for standard \"review\" applications. Provides standard tools to review, and measure elements.\r\n * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.\r\n * @public\r\n */\r\nexport function BasicToolWidget(props: BasicToolWidgetProps) {\r\n  const getHorizontalToolbarItems = React.useCallback(\r\n    (useCategoryAndModelsContextTools: boolean): CommonToolbarItem[] => {\r\n      const items: CommonToolbarItem[] = [];\r\n      if (useCategoryAndModelsContextTools) {\r\n        items.push(\r\n          ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.clearSelectionItemDef),\r\n          ToolbarHelper.createToolbarItemFromItemDef(20, SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef),\r\n          ToolbarHelper.createToolbarItemFromItemDef(30, SelectionContextToolDefinitions.hideSectionToolGroup),\r\n          ToolbarHelper.createToolbarItemFromItemDef(40, SelectionContextToolDefinitions.isolateSelectionToolGroup),\r\n          ToolbarHelper.createToolbarItemFromItemDef(50, SelectionContextToolDefinitions.emphasizeElementsItemDef),\r\n        );\r\n      } else {\r\n        items.push(\r\n          ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.clearSelectionItemDef),\r\n          ToolbarHelper.createToolbarItemFromItemDef(20, SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef),\r\n          ToolbarHelper.createToolbarItemFromItemDef(30, SelectionContextToolDefinitions.hideElementsItemDef),\r\n          ToolbarHelper.createToolbarItemFromItemDef(40, SelectionContextToolDefinitions.isolateElementsItemDef),\r\n          ToolbarHelper.createToolbarItemFromItemDef(50, SelectionContextToolDefinitions.emphasizeElementsItemDef),\r\n        );\r\n      }\r\n      if (props.additionalHorizontalItems)\r\n        items.push(...props.additionalHorizontalItems);\r\n      return items;\r\n    }, [props.additionalHorizontalItems]);\r\n\r\n  const getVerticalToolbarItems = React.useCallback(\r\n    (): CommonToolbarItem[] => {\r\n      const items: CommonToolbarItem[] = [];\r\n      items.push(\r\n        ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.selectElementCommand),\r\n        ToolbarHelper.createToolbarItemFromItemDef(20, CoreTools.measureToolGroup),\r\n        ToolbarHelper.createToolbarItemFromItemDef(30, CoreTools.sectionToolGroup),\r\n      );\r\n      if (props.additionalVerticalItems)\r\n        items.push(...props.additionalVerticalItems);\r\n      return items;\r\n    }, [props.additionalVerticalItems]);\r\n\r\n  const [horizontalItems, setHorizontalItems] = React.useState(() => getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools));\r\n  const [verticalItems, setVerticalItems] = React.useState(() => getVerticalToolbarItems());\r\n\r\n  const isInitialMount = React.useRef(true);\r\n  React.useEffect(() => {\r\n    if (isInitialMount.current)\r\n      isInitialMount.current = false;\r\n    else {\r\n      setHorizontalItems(getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools));\r\n      setVerticalItems(getVerticalToolbarItems());\r\n    }\r\n  }, [props.showCategoryAndModelsContextTools, props.additionalHorizontalItems, props.additionalVerticalItems, getHorizontalToolbarItems, getVerticalToolbarItems]);\r\n\r\n  const uiIsVisible = useUiVisibility();\r\n  // istanbul ignore next\r\n  const className = classnames(\r\n    !uiIsVisible && \"nz-hidden\",\r\n  );\r\n  return (\r\n    <ToolWidgetComposer className={className}\r\n      cornerItem={<BackstageAppButton icon={props.icon} />}\r\n      horizontalToolbar={<ToolbarComposer items={horizontalItems} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Horizontal} />}\r\n      verticalToolbar={<ToolbarComposer items={verticalItems} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Vertical} />}\r\n    />\r\n  );\r\n}\r\n"]}

package/lib/esm/appui-react/widgets/ContentToolWidgetComposer.d.ts

@@ -1,38 +1,38 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-/**
- * Props for [[ContentToolWidgetComposer]].
- * @public
- */
-export interface ContentToolWidgetComposerProps {
-    /** If default backstage button is desired use <BackstageAppButton />. */
-    cornerButton?: React.ReactNode;
-}
-/**
- * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders
- * are used to populate the toolbars. See [[StandardContentToolsProvider]].
- * @example
- * ToolWidget with no corner button
- * ```
- * <ContentToolWidgetComposer />
- * ```
- * ToolWidget with corner button
- * ```
- * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"} />;
- * <ContentToolWidgetComposer cornerButton={cornerButton} />
- * ```
- * ToolWidget with custom corner button
- * ```
- * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"}
- *   label="Toggle Backstage display",
- *   execute={() => BackstageManager.getBackstageToggleCommand().execute()} />;
- * <ContentToolWidgetComposer cornerButton={cornerButton} />
- * ```
- *
- * BackstageCornerButton,
- * @public
- */
-export declare function ContentToolWidgetComposer(props: ContentToolWidgetComposerProps): JSX.Element;
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+/**
+ * Props for [[ContentToolWidgetComposer]].
+ * @public
+ */
+export interface ContentToolWidgetComposerProps {
+    /** If default backstage button is desired use <BackstageAppButton />. */
+    cornerButton?: React.ReactNode;
+}
+/**
+ * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders
+ * are used to populate the toolbars. See [[StandardContentToolsProvider]].
+ * @example
+ * ToolWidget with no corner button
+ * ```
+ * <ContentToolWidgetComposer />
+ * ```
+ * ToolWidget with corner button
+ * ```
+ * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"} />;
+ * <ContentToolWidgetComposer cornerButton={cornerButton} />
+ * ```
+ * ToolWidget with custom corner button
+ * ```
+ * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"}
+ *   label="Toggle Backstage display",
+ *   execute={() => BackstageManager.getBackstageToggleCommand().execute()} />;
+ * <ContentToolWidgetComposer cornerButton={cornerButton} />
+ * ```
+ *
+ * BackstageCornerButton,
+ * @public
+ */
+export declare function ContentToolWidgetComposer(props: ContentToolWidgetComposerProps): JSX.Element;
 //# sourceMappingURL=ContentToolWidgetComposer.d.ts.map

package/lib/esm/appui-react/widgets/ContentToolWidgetComposer.js

@@ -1,45 +1,45 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-import classnames from "classnames";
-import * as React from "react";
-import { ToolbarOrientation, ToolbarUsage } from "@itwin/appui-abstract";
-import { ToolbarComposer } from "../toolbar/ToolbarComposer";
-import { ToolWidgetComposer } from "./ToolWidgetComposer";
-import { useUiVisibility } from "../hooks/useUiVisibility";
-/**
- * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders
- * are used to populate the toolbars. See [[StandardContentToolsProvider]].
- * @example
- * ToolWidget with no corner button
- * ```
- * <ContentToolWidgetComposer />
- * ```
- * ToolWidget with corner button
- * ```
- * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"} />;
- * <ContentToolWidgetComposer cornerButton={cornerButton} />
- * ```
- * ToolWidget with custom corner button
- * ```
- * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"}
- *   label="Toggle Backstage display",
- *   execute={() => BackstageManager.getBackstageToggleCommand().execute()} />;
- * <ContentToolWidgetComposer cornerButton={cornerButton} />
- * ```
- *
- * BackstageCornerButton,
- * @public
- */
-export function ContentToolWidgetComposer(props) {
-    const { cornerButton } = props;
-    const uiIsVisible = useUiVisibility();
-    // istanbul ignore next
-    const className = classnames(!uiIsVisible && "nz-hidden");
-    return (React.createElement(ToolWidgetComposer, { className: className, cornerItem: cornerButton, horizontalToolbar: React.createElement(ToolbarComposer, { items: [], usage: ToolbarUsage.ContentManipulation, orientation: ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer, { items: [], usage: ToolbarUsage.ContentManipulation, orientation: ToolbarOrientation.Vertical }) }));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { ToolbarOrientation, ToolbarUsage } from "@itwin/appui-abstract";
+import { ToolbarComposer } from "../toolbar/ToolbarComposer";
+import { ToolWidgetComposer } from "./ToolWidgetComposer";
+import { useUiVisibility } from "../hooks/useUiVisibility";
+/**
+ * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders
+ * are used to populate the toolbars. See [[StandardContentToolsProvider]].
+ * @example
+ * ToolWidget with no corner button
+ * ```
+ * <ContentToolWidgetComposer />
+ * ```
+ * ToolWidget with corner button
+ * ```
+ * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"} />;
+ * <ContentToolWidgetComposer cornerButton={cornerButton} />
+ * ```
+ * ToolWidget with custom corner button
+ * ```
+ * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"}
+ *   label="Toggle Backstage display",
+ *   execute={() => BackstageManager.getBackstageToggleCommand().execute()} />;
+ * <ContentToolWidgetComposer cornerButton={cornerButton} />
+ * ```
+ *
+ * BackstageCornerButton,
+ * @public
+ */
+export function ContentToolWidgetComposer(props) {
+    const { cornerButton } = props;
+    const uiIsVisible = useUiVisibility();
+    // istanbul ignore next
+    const className = classnames(!uiIsVisible && "nz-hidden");
+    return (React.createElement(ToolWidgetComposer, { className: className, cornerItem: cornerButton, horizontalToolbar: React.createElement(ToolbarComposer, { items: [], usage: ToolbarUsage.ContentManipulation, orientation: ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer, { items: [], usage: ToolbarUsage.ContentManipulation, orientation: ToolbarOrientation.Vertical }) }));
+}
 //# sourceMappingURL=ContentToolWidgetComposer.js.map

package/lib/esm/appui-react/widgets/ContentToolWidgetComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ContentToolWidgetComposer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAW3D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,yBAAyB,CAAC,KAAqC;IAC7E,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,WAAW,GAAG,eAAe,EAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,WAAW,IAAI,WAAW,CAC5B,CAAC;IACF,OAAO,CACL,oBAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,EACtC,UAAU,EAAE,YAAY,EACxB,iBAAiB,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,kBAAkB,CAAC,UAAU,GAAI,EACtI,eAAe,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,kBAAkB,CAAC,QAAQ,GAAI,GAClI,CACH,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ToolbarOrientation, ToolbarUsage } from \"@itwin/appui-abstract\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\n\n/**\n * Props for [[ContentToolWidgetComposer]].\n * @public\n */\nexport interface ContentToolWidgetComposerProps {\n  /** If default backstage button is desired use <BackstageAppButton />. */\n  cornerButton?: React.ReactNode;\n}\n\n/**\n * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders\n * are used to populate the toolbars. See [[StandardContentToolsProvider]].\n * @example\n * ToolWidget with no corner button\n * ```\n * <ContentToolWidgetComposer />\n * ```\n * ToolWidget with corner button\n * ```\n * const cornerButton = <BackstageAppButton icon={\"icon-bentley-systems\"} />;\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\n * ```\n * ToolWidget with custom corner button\n * ```\n * const cornerButton = <BackstageAppButton icon={\"icon-bentley-systems\"}\n *   label=\"Toggle Backstage display\",\n *   execute={() => BackstageManager.getBackstageToggleCommand().execute()} />;\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\n * ```\n *\n * BackstageCornerButton,\n * @public\n */\nexport function ContentToolWidgetComposer(props: ContentToolWidgetComposerProps) {\n  const { cornerButton } = props;\n  const uiIsVisible = useUiVisibility();\n  // istanbul ignore next\n  const className = classnames(\n    !uiIsVisible && \"nz-hidden\",\n  );\n  return (\n    <ToolWidgetComposer className={className}\n      cornerItem={cornerButton}\n      horizontalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Horizontal} />}\n      verticalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Vertical} />}\n    />\n  );\n}\n"]}
+{"version":3,"file":"ContentToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ContentToolWidgetComposer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAW3D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,yBAAyB,CAAC,KAAqC;IAC7E,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,WAAW,GAAG,eAAe,EAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,WAAW,IAAI,WAAW,CAC5B,CAAC;IACF,OAAO,CACL,oBAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,EACtC,UAAU,EAAE,YAAY,EACxB,iBAAiB,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,kBAAkB,CAAC,UAAU,GAAI,EACtI,eAAe,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,kBAAkB,CAAC,QAAQ,GAAI,GAClI,CACH,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Widget\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { ToolbarOrientation, ToolbarUsage } from \"@itwin/appui-abstract\";\r\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\r\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\r\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\r\n\r\n/**\r\n * Props for [[ContentToolWidgetComposer]].\r\n * @public\r\n */\r\nexport interface ContentToolWidgetComposerProps {\r\n  /** If default backstage button is desired use <BackstageAppButton />. */\r\n  cornerButton?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders\r\n * are used to populate the toolbars. See [[StandardContentToolsProvider]].\r\n * @example\r\n * ToolWidget with no corner button\r\n * ```\r\n * <ContentToolWidgetComposer />\r\n * ```\r\n * ToolWidget with corner button\r\n * ```\r\n * const cornerButton = <BackstageAppButton icon={\"icon-bentley-systems\"} />;\r\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\r\n * ```\r\n * ToolWidget with custom corner button\r\n * ```\r\n * const cornerButton = <BackstageAppButton icon={\"icon-bentley-systems\"}\r\n *   label=\"Toggle Backstage display\",\r\n *   execute={() => BackstageManager.getBackstageToggleCommand().execute()} />;\r\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\r\n * ```\r\n *\r\n * BackstageCornerButton,\r\n * @public\r\n */\r\nexport function ContentToolWidgetComposer(props: ContentToolWidgetComposerProps) {\r\n  const { cornerButton } = props;\r\n  const uiIsVisible = useUiVisibility();\r\n  // istanbul ignore next\r\n  const className = classnames(\r\n    !uiIsVisible && \"nz-hidden\",\r\n  );\r\n  return (\r\n    <ToolWidgetComposer className={className}\r\n      cornerItem={cornerButton}\r\n      horizontalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Horizontal} />}\r\n      verticalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Vertical} />}\r\n    />\r\n  );\r\n}\r\n"]}

package/lib/esm/appui-react/widgets/DefaultNavigationWidget.d.ts

@@ -1,35 +1,35 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import { ItemList } from "../shared/ItemMap";
-/** Properties that can be used to append items to the default set of toolbar items of [[DefaultNavigationWidget]].
- * @beta
- * @deprecated use [BasicNavigationWidget]($appui-react) instead
- */
-export interface DefaultNavigationProps {
-    /** Item to add before the default items in the horizontal toolbar */
-    prefixHorizontalItems?: ItemList;
-    /** Item to add after the default items in the horizontal toolbar */
-    suffixHorizontalItems?: ItemList;
-    /** Item to add before the default items in the vertical toolbar */
-    prefixVerticalItems?: ItemList;
-    /** Item to add after the default items in the vertical toolbar */
-    suffixVerticalItems?: ItemList;
-}
-/** Default Navigation Widget for zone 3. Provides standard view manipulation tools and displays registered Navigation Aids as corner item.
- * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.
- * @beta
- * @deprecated use [BasicNavigationWidget]($appui-react) instead
- */
-export declare class DefaultNavigationWidget extends React.Component<DefaultNavigationProps> {
-    private _horizontalToolbarItems;
-    private _verticalToolbarItems;
-    render(): JSX.Element;
-}
-/** DefaultNavigationWidget that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.
- * @beta
- * @deprecated use [BasicNavigationWidget]($appui-react) instead
- */
-export declare const IModelConnectedNavigationWidget: import("react-redux").ConnectedComponent<typeof DefaultNavigationWidget, any>;
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { ItemList } from "../shared/ItemMap";
+/** Properties that can be used to append items to the default set of toolbar items of [[DefaultNavigationWidget]].
+ * @beta
+ * @deprecated use [BasicNavigationWidget]($appui-react) instead
+ */
+export interface DefaultNavigationProps {
+    /** Item to add before the default items in the horizontal toolbar */
+    prefixHorizontalItems?: ItemList;
+    /** Item to add after the default items in the horizontal toolbar */
+    suffixHorizontalItems?: ItemList;
+    /** Item to add before the default items in the vertical toolbar */
+    prefixVerticalItems?: ItemList;
+    /** Item to add after the default items in the vertical toolbar */
+    suffixVerticalItems?: ItemList;
+}
+/** Default Navigation Widget for zone 3. Provides standard view manipulation tools and displays registered Navigation Aids as corner item.
+ * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.
+ * @beta
+ * @deprecated use [BasicNavigationWidget]($appui-react) instead
+ */
+export declare class DefaultNavigationWidget extends React.Component<DefaultNavigationProps> {
+    private _horizontalToolbarItems;
+    private _verticalToolbarItems;
+    render(): JSX.Element;
+}
+/** DefaultNavigationWidget that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.
+ * @beta
+ * @deprecated use [BasicNavigationWidget]($appui-react) instead
+ */
+export declare const IModelConnectedNavigationWidget: import("react-redux").ConnectedComponent<typeof DefaultNavigationWidget, any>;
 //# sourceMappingURL=DefaultNavigationWidget.d.ts.map

package/lib/esm/appui-react/widgets/DefaultNavigationWidget.js

@@ -1,61 +1,61 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import { CoreTools } from "../tools/CoreToolDefinitions";
-import { connectIModelConnection } from "../redux/connectIModel";
-import { ItemList } from "../shared/ItemMap";
-import { UiFramework } from "../UiFramework";
-import { NavigationWidget } from "./NavigationWidget";
-/** Default Navigation Widget for zone 3. Provides standard view manipulation tools and displays registered Navigation Aids as corner item.
- * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.
- * @beta
- * @deprecated use [BasicNavigationWidget]($appui-react) instead
- */
-export class DefaultNavigationWidget extends React.Component {
-    constructor() {
-        super(...arguments);
-        this._horizontalToolbarItems = new ItemList([
-            CoreTools.rotateViewCommand,
-            CoreTools.panViewCommand,
-            CoreTools.fitViewCommand,
-            CoreTools.windowAreaCommand,
-            CoreTools.viewUndoCommand,
-            CoreTools.viewRedoCommand,
-        ]);
-        this._verticalToolbarItems = new ItemList([
-            CoreTools.walkViewCommand,
-            CoreTools.toggleCameraViewCommand,
-        ]);
-    }
-    render() {
-        const horizontalToolbarItems = new ItemList();
-        if (this.props.prefixHorizontalItems)
-            horizontalToolbarItems.addItems(this.props.prefixHorizontalItems);
-        // istanbul ignore else
-        if (this._horizontalToolbarItems)
-            horizontalToolbarItems.addItems(this._horizontalToolbarItems);
-        if (this.props.suffixHorizontalItems)
-            horizontalToolbarItems.addItems(this.props.suffixHorizontalItems);
-        const verticalToolbarItems = new ItemList();
-        if (this.props.prefixVerticalItems)
-            verticalToolbarItems.addItems(this.props.prefixVerticalItems);
-        // istanbul ignore else
-        if (this._verticalToolbarItems)
-            verticalToolbarItems.addItems(this._verticalToolbarItems);
-        if (this.props.suffixVerticalItems)
-            verticalToolbarItems.addItems(this.props.suffixVerticalItems);
-        return (React.createElement(NavigationWidget // eslint-disable-line deprecation/deprecation
-        , { navigationAidId: "CubeNavigationAid", iModelConnection: UiFramework.getIModelConnection(), horizontalItems: horizontalToolbarItems, verticalItems: verticalToolbarItems }));
-    }
-}
-/** DefaultNavigationWidget that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.
- * @beta
- * @deprecated use [BasicNavigationWidget]($appui-react) instead
- */
-export const IModelConnectedNavigationWidget = connectIModelConnection(null, null)(DefaultNavigationWidget); // eslint-disable-line @typescript-eslint/naming-convention, deprecation/deprecation
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { CoreTools } from "../tools/CoreToolDefinitions";
+import { connectIModelConnection } from "../redux/connectIModel";
+import { ItemList } from "../shared/ItemMap";
+import { UiFramework } from "../UiFramework";
+import { NavigationWidget } from "./NavigationWidget";
+/** Default Navigation Widget for zone 3. Provides standard view manipulation tools and displays registered Navigation Aids as corner item.
+ * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.
+ * @beta
+ * @deprecated use [BasicNavigationWidget]($appui-react) instead
+ */
+export class DefaultNavigationWidget extends React.Component {
+    constructor() {
+        super(...arguments);
+        this._horizontalToolbarItems = new ItemList([
+            CoreTools.rotateViewCommand,
+            CoreTools.panViewCommand,
+            CoreTools.fitViewCommand,
+            CoreTools.windowAreaCommand,
+            CoreTools.viewUndoCommand,
+            CoreTools.viewRedoCommand,
+        ]);
+        this._verticalToolbarItems = new ItemList([
+            CoreTools.walkViewCommand,
+            CoreTools.toggleCameraViewCommand,
+        ]);
+    }
+    render() {
+        const horizontalToolbarItems = new ItemList();
+        if (this.props.prefixHorizontalItems)
+            horizontalToolbarItems.addItems(this.props.prefixHorizontalItems);
+        // istanbul ignore else
+        if (this._horizontalToolbarItems)
+            horizontalToolbarItems.addItems(this._horizontalToolbarItems);
+        if (this.props.suffixHorizontalItems)
+            horizontalToolbarItems.addItems(this.props.suffixHorizontalItems);
+        const verticalToolbarItems = new ItemList();
+        if (this.props.prefixVerticalItems)
+            verticalToolbarItems.addItems(this.props.prefixVerticalItems);
+        // istanbul ignore else
+        if (this._verticalToolbarItems)
+            verticalToolbarItems.addItems(this._verticalToolbarItems);
+        if (this.props.suffixVerticalItems)
+            verticalToolbarItems.addItems(this.props.suffixVerticalItems);
+        return (React.createElement(NavigationWidget // eslint-disable-line deprecation/deprecation
+        , { navigationAidId: "CubeNavigationAid", iModelConnection: UiFramework.getIModelConnection(), horizontalItems: horizontalToolbarItems, verticalItems: verticalToolbarItems }));
+    }
+}
+/** DefaultNavigationWidget that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.
+ * @beta
+ * @deprecated use [BasicNavigationWidget]($appui-react) instead
+ */
+export const IModelConnectedNavigationWidget = connectIModelConnection(null, null)(DefaultNavigationWidget); // eslint-disable-line @typescript-eslint/naming-convention, deprecation/deprecation
 //# sourceMappingURL=DefaultNavigationWidget.js.map

package/lib/esm/appui-react/widgets/DefaultNavigationWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultNavigationWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/DefaultNavigationWidget.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAiBtD;;;;GAIG;AACH,MAAM,OAAO,uBAAwB,SAAQ,KAAK,CAAC,SAAiC;IAApF;;QAEU,4BAAuB,GAAG,IAAI,QAAQ,CAAC;YAC7C,SAAS,CAAC,iBAAiB;YAC3B,SAAS,CAAC,cAAc;YACxB,SAAS,CAAC,cAAc;YACxB,SAAS,CAAC,iBAAiB;YAC3B,SAAS,CAAC,eAAe;YACzB,SAAS,CAAC,eAAe;SAC1B,CAAC,CAAC;QAEK,0BAAqB,GAAG,IAAI,QAAQ,CAAC;YAC3C,SAAS,CAAC,eAAe;YACzB,SAAS,CAAC,uBAAuB;SAClC,CAAC,CAAC;IAwBL,CAAC;IAtBiB,MAAM;QACpB,MAAM,sBAAsB,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC9C,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACxG,uBAAuB;QACvB,IAAI,IAAI,CAAC,uBAAuB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QAChG,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAExG,MAAM,oBAAoB,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC5C,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAClG,uBAAuB;QACvB,IAAI,IAAI,CAAC,qBAAqB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAC1F,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAElG,OAAO,CACL,oBAAC,gBAAgB,CAAC,8CAA8C;YAC9D,eAAe,EAAC,mBAAmB,EACnC,gBAAgB,EAAE,WAAW,CAAC,mBAAmB,EAAE,EACnD,eAAe,EAAE,sBAAsB,EACvC,aAAa,EAAE,oBAAoB,GACnC,CACH,CAAC;IACJ,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,uBAAuB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,oFAAoF","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 Widget\n */\n\nimport * as React from \"react\";\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\nimport { connectIModelConnection } from \"../redux/connectIModel\";\nimport { ItemList } from \"../shared/ItemMap\";\nimport { UiFramework } from \"../UiFramework\";\nimport { NavigationWidget } from \"./NavigationWidget\";\n\n/** Properties that can be used to append items to the default set of toolbar items of [[DefaultNavigationWidget]].\n * @beta\n * @deprecated use [BasicNavigationWidget]($appui-react) instead\n */\nexport interface DefaultNavigationProps {\n  /** Item to add before the default items in the horizontal toolbar */\n  prefixHorizontalItems?: ItemList;\n  /** Item to add after the default items in the horizontal toolbar */\n  suffixHorizontalItems?: ItemList;\n  /** Item to add before the default items in the vertical toolbar */\n  prefixVerticalItems?: ItemList;\n  /** Item to add after the default items in the vertical toolbar */\n  suffixVerticalItems?: ItemList;\n}\n\n/** Default Navigation Widget for zone 3. Provides standard view manipulation tools and displays registered Navigation Aids as corner item.\n * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.\n * @beta\n * @deprecated use [BasicNavigationWidget]($appui-react) instead\n */\nexport class DefaultNavigationWidget extends React.Component<DefaultNavigationProps> { // eslint-disable-line deprecation/deprecation\n\n  private _horizontalToolbarItems = new ItemList([\n    CoreTools.rotateViewCommand,\n    CoreTools.panViewCommand,\n    CoreTools.fitViewCommand,\n    CoreTools.windowAreaCommand,\n    CoreTools.viewUndoCommand,\n    CoreTools.viewRedoCommand,\n  ]);\n\n  private _verticalToolbarItems = new ItemList([\n    CoreTools.walkViewCommand,\n    CoreTools.toggleCameraViewCommand,\n  ]);\n\n  public override render() {\n    const horizontalToolbarItems = new ItemList();\n    if (this.props.prefixHorizontalItems) horizontalToolbarItems.addItems(this.props.prefixHorizontalItems);\n    // istanbul ignore else\n    if (this._horizontalToolbarItems) horizontalToolbarItems.addItems(this._horizontalToolbarItems);\n    if (this.props.suffixHorizontalItems) horizontalToolbarItems.addItems(this.props.suffixHorizontalItems);\n\n    const verticalToolbarItems = new ItemList();\n    if (this.props.prefixVerticalItems) verticalToolbarItems.addItems(this.props.prefixVerticalItems);\n    // istanbul ignore else\n    if (this._verticalToolbarItems) verticalToolbarItems.addItems(this._verticalToolbarItems);\n    if (this.props.suffixVerticalItems) verticalToolbarItems.addItems(this.props.suffixVerticalItems);\n\n    return (\n      <NavigationWidget // eslint-disable-line deprecation/deprecation\n        navigationAidId=\"CubeNavigationAid\"\n        iModelConnection={UiFramework.getIModelConnection()}\n        horizontalItems={horizontalToolbarItems}\n        verticalItems={verticalToolbarItems}\n      />\n    );\n  }\n}\n\n/** DefaultNavigationWidget that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.\n * @beta\n * @deprecated use [BasicNavigationWidget]($appui-react) instead\n */\nexport const IModelConnectedNavigationWidget = connectIModelConnection(null, null)(DefaultNavigationWidget); // eslint-disable-line @typescript-eslint/naming-convention, deprecation/deprecation\n"]}
+{"version":3,"file":"DefaultNavigationWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/DefaultNavigationWidget.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAiBtD;;;;GAIG;AACH,MAAM,OAAO,uBAAwB,SAAQ,KAAK,CAAC,SAAiC;IAApF;;QAEU,4BAAuB,GAAG,IAAI,QAAQ,CAAC;YAC7C,SAAS,CAAC,iBAAiB;YAC3B,SAAS,CAAC,cAAc;YACxB,SAAS,CAAC,cAAc;YACxB,SAAS,CAAC,iBAAiB;YAC3B,SAAS,CAAC,eAAe;YACzB,SAAS,CAAC,eAAe;SAC1B,CAAC,CAAC;QAEK,0BAAqB,GAAG,IAAI,QAAQ,CAAC;YAC3C,SAAS,CAAC,eAAe;YACzB,SAAS,CAAC,uBAAuB;SAClC,CAAC,CAAC;IAwBL,CAAC;IAtBiB,MAAM;QACpB,MAAM,sBAAsB,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC9C,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACxG,uBAAuB;QACvB,IAAI,IAAI,CAAC,uBAAuB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QAChG,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAExG,MAAM,oBAAoB,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC5C,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAClG,uBAAuB;QACvB,IAAI,IAAI,CAAC,qBAAqB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAC1F,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAElG,OAAO,CACL,oBAAC,gBAAgB,CAAC,8CAA8C;YAC9D,eAAe,EAAC,mBAAmB,EACnC,gBAAgB,EAAE,WAAW,CAAC,mBAAmB,EAAE,EACnD,eAAe,EAAE,sBAAsB,EACvC,aAAa,EAAE,oBAAoB,GACnC,CACH,CAAC;IACJ,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,uBAAuB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,oFAAoF","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 Widget\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\r\nimport { connectIModelConnection } from \"../redux/connectIModel\";\r\nimport { ItemList } from \"../shared/ItemMap\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { NavigationWidget } from \"./NavigationWidget\";\r\n\r\n/** Properties that can be used to append items to the default set of toolbar items of [[DefaultNavigationWidget]].\r\n * @beta\r\n * @deprecated use [BasicNavigationWidget]($appui-react) instead\r\n */\r\nexport interface DefaultNavigationProps {\r\n  /** Item to add before the default items in the horizontal toolbar */\r\n  prefixHorizontalItems?: ItemList;\r\n  /** Item to add after the default items in the horizontal toolbar */\r\n  suffixHorizontalItems?: ItemList;\r\n  /** Item to add before the default items in the vertical toolbar */\r\n  prefixVerticalItems?: ItemList;\r\n  /** Item to add after the default items in the vertical toolbar */\r\n  suffixVerticalItems?: ItemList;\r\n}\r\n\r\n/** Default Navigation Widget for zone 3. Provides standard view manipulation tools and displays registered Navigation Aids as corner item.\r\n * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.\r\n * @beta\r\n * @deprecated use [BasicNavigationWidget]($appui-react) instead\r\n */\r\nexport class DefaultNavigationWidget extends React.Component<DefaultNavigationProps> { // eslint-disable-line deprecation/deprecation\r\n\r\n  private _horizontalToolbarItems = new ItemList([\r\n    CoreTools.rotateViewCommand,\r\n    CoreTools.panViewCommand,\r\n    CoreTools.fitViewCommand,\r\n    CoreTools.windowAreaCommand,\r\n    CoreTools.viewUndoCommand,\r\n    CoreTools.viewRedoCommand,\r\n  ]);\r\n\r\n  private _verticalToolbarItems = new ItemList([\r\n    CoreTools.walkViewCommand,\r\n    CoreTools.toggleCameraViewCommand,\r\n  ]);\r\n\r\n  public override render() {\r\n    const horizontalToolbarItems = new ItemList();\r\n    if (this.props.prefixHorizontalItems) horizontalToolbarItems.addItems(this.props.prefixHorizontalItems);\r\n    // istanbul ignore else\r\n    if (this._horizontalToolbarItems) horizontalToolbarItems.addItems(this._horizontalToolbarItems);\r\n    if (this.props.suffixHorizontalItems) horizontalToolbarItems.addItems(this.props.suffixHorizontalItems);\r\n\r\n    const verticalToolbarItems = new ItemList();\r\n    if (this.props.prefixVerticalItems) verticalToolbarItems.addItems(this.props.prefixVerticalItems);\r\n    // istanbul ignore else\r\n    if (this._verticalToolbarItems) verticalToolbarItems.addItems(this._verticalToolbarItems);\r\n    if (this.props.suffixVerticalItems) verticalToolbarItems.addItems(this.props.suffixVerticalItems);\r\n\r\n    return (\r\n      <NavigationWidget // eslint-disable-line deprecation/deprecation\r\n        navigationAidId=\"CubeNavigationAid\"\r\n        iModelConnection={UiFramework.getIModelConnection()}\r\n        horizontalItems={horizontalToolbarItems}\r\n        verticalItems={verticalToolbarItems}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\n/** DefaultNavigationWidget that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.\r\n * @beta\r\n * @deprecated use [BasicNavigationWidget]($appui-react) instead\r\n */\r\nexport const IModelConnectedNavigationWidget = connectIModelConnection(null, null)(DefaultNavigationWidget); // eslint-disable-line @typescript-eslint/naming-convention, deprecation/deprecation\r\n"]}

package/lib/esm/appui-react/widgets/NavigationWidget.d.ts

@@ -1,56 +1,56 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import { IModelConnection } from "@itwin/core-frontend";
-import { CommonProps } from "@itwin/core-react";
-import { ToolbarWidgetDefBase } from "./ToolbarWidgetBase";
-import { NavigationWidgetProps } from "./WidgetDef";
-/** Definition of a Navigation Widget normally displayed in the top right zone in the 9-Zone Layout system.
- * @public
- * @deprecated use NavigationWidgetComposer instead
- */
-export declare class NavigationWidgetDef extends ToolbarWidgetDefBase {
-    private _navigationAidId;
-    private _imodel;
-    private _navigationAidControl;
-    private _reactNode;
-    constructor(props: NavigationWidgetProps);
-    get reactNode(): React.ReactNode;
-    renderCornerItem(): React.ReactNode;
-    updateNavigationAid(navigationAidId: string, imodel?: IModelConnection): void;
-}
-/** Properties for the [[NavigationWidget]] React component.
- * @public
- * @deprecated use NavigationWidgetComposer instead
- */
-export interface NavigationWidgetPropsEx extends NavigationWidgetProps, CommonProps {
-    iModelConnection?: IModelConnection;
-    horizontalToolbar?: React.ReactNode;
-    verticalToolbar?: React.ReactNode;
-}
-/** State for the Navigation Widget React component.
- * @internal
- */
-interface NavigationWidgetState {
-    navigationWidgetDef: NavigationWidgetDef;
-}
-/** Navigation Widget React component.
- * @public
- * @deprecated use NavigationWidgetComposer instead
- */
-export declare class NavigationWidget extends React.Component<NavigationWidgetPropsEx, NavigationWidgetState> {
-    /** @internal */
-    readonly state: Readonly<NavigationWidgetState>;
-    constructor(props: NavigationWidgetPropsEx);
-    /** Adds listeners */
-    componentDidMount(): void;
-    /** Removes listeners */
-    componentWillUnmount(): void;
-    private _handleContentControlActivated;
-    private _handleViewClassFullNameChange;
-    componentDidUpdate(prevProps: NavigationWidgetPropsEx, _prevState: NavigationWidgetState): void;
-    render(): React.ReactNode;
-}
-export {};
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { IModelConnection } from "@itwin/core-frontend";
+import { CommonProps } from "@itwin/core-react";
+import { ToolbarWidgetDefBase } from "./ToolbarWidgetBase";
+import { NavigationWidgetProps } from "./WidgetDef";
+/** Definition of a Navigation Widget normally displayed in the top right zone in the 9-Zone Layout system.
+ * @public
+ * @deprecated use NavigationWidgetComposer instead
+ */
+export declare class NavigationWidgetDef extends ToolbarWidgetDefBase {
+    private _navigationAidId;
+    private _imodel;
+    private _navigationAidControl;
+    private _reactNode;
+    constructor(props: NavigationWidgetProps);
+    get reactNode(): React.ReactNode;
+    renderCornerItem(): React.ReactNode;
+    updateNavigationAid(navigationAidId: string, imodel?: IModelConnection): void;
+}
+/** Properties for the [[NavigationWidget]] React component.
+ * @public
+ * @deprecated use NavigationWidgetComposer instead
+ */
+export interface NavigationWidgetPropsEx extends NavigationWidgetProps, CommonProps {
+    iModelConnection?: IModelConnection;
+    horizontalToolbar?: React.ReactNode;
+    verticalToolbar?: React.ReactNode;
+}
+/** State for the Navigation Widget React component.
+ * @internal
+ */
+interface NavigationWidgetState {
+    navigationWidgetDef: NavigationWidgetDef;
+}
+/** Navigation Widget React component.
+ * @public
+ * @deprecated use NavigationWidgetComposer instead
+ */
+export declare class NavigationWidget extends React.Component<NavigationWidgetPropsEx, NavigationWidgetState> {
+    /** @internal */
+    readonly state: Readonly<NavigationWidgetState>;
+    constructor(props: NavigationWidgetPropsEx);
+    /** Adds listeners */
+    componentDidMount(): void;
+    /** Removes listeners */
+    componentWillUnmount(): void;
+    private _handleContentControlActivated;
+    private _handleViewClassFullNameChange;
+    componentDidUpdate(prevProps: NavigationWidgetPropsEx, _prevState: NavigationWidgetState): void;
+    render(): React.ReactNode;
+}
+export {};
 //# sourceMappingURL=NavigationWidget.d.ts.map