npm - @itwin/appui-react - Versions diffs - 4.0.0-dev.1 → 4.0.0-dev.11 - Mend

@itwin/appui-react 4.0.0-dev.1 → 4.0.0-dev.11

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 (1988) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BasicToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.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,~~EAAqB,kBAAkB,~~EAAE,~~YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC5F,OAAO,EAAE,~~SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;~~AAgB3D~~;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CACjD,CAAC,gCAAyC,~~EAAuB~~,EAAE;~~QACjE~~,MAAM,KAAK,~~GAAwB~~,EAAE,CAAC;~~QACtC~~,IAAI,gCAAgC,EAAE;YACpC,KAAK,CAAC,IAAI,CACR,aAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,SAAS,CAAC,qBAAqB,CAAC,EAC/E,aAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAA+B,CAAC,wCAAwC,CAAC,EACxH,aAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAA+B,CAAC,oBAAoB,CAAC,EACpG,aAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAA+B,CAAC,yBAAyB,CAAC,EACzG,aAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAA+B,CAAC,wBAAwB,CAAC,CACzG,CAAC;SACH;aAAM;YACL,KAAK,CAAC,IAAI,CACR,aAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,SAAS,CAAC,qBAAqB,CAAC,EAC/E,aAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAA+B,CAAC,wCAAwC,CAAC,EACxH,aAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAA+B,CAAC,mBAAmB,CAAC,EACnG,aAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAA+B,CAAC,sBAAsB,CAAC,EACtG,aAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAA+B,CAAC,wBAAwB,CAAC,CACzG,CAAC;SACH;QACD,IAAI,KAAK,CAAC,yBAAyB;YACjC,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,yBAAyB,CAAC,CAAC;QACjD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC;IAExC,MAAM,uBAAuB,GAAG,KAAK,CAAC,WAAW,CAC/C,~~GAAwB~~,EAAE;~~QACxB~~,MAAM,KAAK,~~GAAwB~~,EAAE,CAAC;~~QACtC~~,KAAK,CAAC,IAAI,CACR,aAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,SAAS,CAAC,oBAAoB,CAAC,EAC9E,aAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,SAAS,CAAC,gBAAgB,CAAC,EAC1E,aAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAC3E,CAAC;QACF,IAAI,KAAK,CAAC,uBAAuB;YAC/B,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,uBAAuB,CAAC,CAAC;QAC/C,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAEtC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,yBAAyB,CAAC,CAAC,CAAC,KAAK,CAAC,iCAAiC,CAAC,CAAC,CAAC;IACzI,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,uBAAuB,EAAE,CAAC,CAAC;IAE1F,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO;YACxB,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;aAC5B;YACH,kBAAkB,CAAC,yBAAyB,CAAC,CAAC,CAAC,KAAK,CAAC,iCAAiC,CAAC,CAAC,CAAC;YACzF,gBAAgB,CAAC,uBAAuB,EAAE,CAAC,CAAC;SAC7C;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,uBAAuB,EAAE,yBAAyB,EAAE,uBAAuB,CAAC,CAAC,CAAC;IAElK,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,oBAAC,kBAAkB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,EACpD,iBAAiB,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,YAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,kBAAkB,CAAC,UAAU,GAAI,EACnJ,eAAe,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,kBAAkB,CAAC,QAAQ,GAAI,GAC7I,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 { ~~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} />} ~~// eslint-disable-line deprecation/deprecation~~\r\n verticalToolbar={<ToolbarComposer items={verticalItems} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Vertical} />} ~~// eslint-disable-line deprecation/deprecation~~\r\n />\r\n );\r\n}\r\n"]}
1	+ {"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 { 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\nimport { ToolbarItem, ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\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?: ToolbarItem[];\r\n /* optional set of additional items to include in vertical toolbar /\r\n additionalVerticalItems?: ToolbarItem[];\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): ToolbarItem[] => {\r\n const items: ToolbarItem[] = [];\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 (): ToolbarItem[] => {\r\n const items: ToolbarItem[] = [];\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 CHANGED Viewed

@@ -20,14 +20,14 @@ export interface ContentToolWidgetComposerProps {
  * ```
  * ToolWidget with corner button
  * ```
- * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"} />;
+ * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />} />;
  * <ContentToolWidgetComposer cornerButton={cornerButton} />
  * ```
  * ToolWidget with custom corner button
  * ```
- * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"}
+ * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}
  *   label="Toggle Backstage display",
- *   execute={() => BackstageManager.getBackstageToggleCommand().execute()} />;
+ *   execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;
  * <ContentToolWidgetComposer cornerButton={cornerButton} />
  * ```
  *

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

@@ -7,10 +7,10 @@
  */
 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";
+import { ToolbarOrientation, ToolbarUsage } from "../toolbar/ToolbarItem";
 /**
  * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders
  * are used to populate the toolbars. See [[StandardContentToolsProvider]].
@@ -21,14 +21,14 @@ import { useUiVisibility } from "../hooks/useUiVisibility";
  * ```
  * ToolWidget with corner button
  * ```
- * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"} />;
+ * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />} />;
  * <ContentToolWidgetComposer cornerButton={cornerButton} />
  * ```
  * ToolWidget with custom corner button
  * ```
- * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"}
+ * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}
  *   label="Toggle Backstage display",
- *   execute={() => BackstageManager.getBackstageToggleCommand().execute()} />;
+ *   execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;
  * <ContentToolWidgetComposer cornerButton={cornerButton} />
  * ```
  *

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

	@@ -1 +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":["/---------------------------------------------------------------------------------------------\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} />} ~~// eslint-disable-line deprecation/deprecation~~\r\n verticalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Vertical} />} ~~// eslint-disable-line deprecation/deprecation~~\r\n />\r\n );\r\n}\r\n"]}
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,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAW1E;;;;;;;;;;;;;;;;;;;;;;;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 { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\r\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\r\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\r\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\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={<SvgBentleySystems />} />;\r\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\r\n * ```\r\n * ToolWidget with custom corner button\r\n * ```\r\n * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}\r\n * label=\"Toggle Backstage display\",\r\n * execute={() => UiFramework.backstage.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/NavigationWidgetComposer.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,WAAW,EAAwF,MAAM,mBAAmB,CAAC;~~AAwBtI~~;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAqE9D;AAED;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAChE,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gCAAgC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8MAA8M;IAC9M,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,eA0B5E"}
1	+ {"version":3,"file":"NavigationWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,WAAW,EAAwF,MAAM,mBAAmB,CAAC;AAmBtI;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAqE9D;AAED;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAChE,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gCAAgC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8MAA8M;IAC9M,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,eA0B5E"}

package/lib/esm/appui-react/widgets/NavigationWidgetComposer.js CHANGED Viewed

@@ -9,19 +9,14 @@ import * as React from "react";
 import { ViewportComponentEvents } from "@itwin/imodel-components-react";
 import { useProximityToMouse, useWidgetOpacityContext, WidgetElementSet, WidgetOpacityContext } from "@itwin/core-react";
 import { NavigationArea } from "@itwin/appui-layout-react";
-import { ConfigurableUiManager } from "../configurableui/ConfigurableUiManager";
-import { ContentViewManager } from "../content/ContentViewManager";
-import { FrontstageManager } from "../frontstage/FrontstageManager";
-import { useFrameworkVersion } from "../hooks/useFrameworkVersion";
 import { UiFramework } from "../UiFramework";
-import { UiShowHideManager } from "../utils/UiShowHideManager";
 function createNavigationAidControl(activeContentControl, navigationAidId, activeViewport) {
     // istanbul ignore else
     if (!activeContentControl || !navigationAidId || (activeViewport !== activeContentControl.viewport))
         return undefined;
     const viewport = activeContentControl.viewport;
     const imodel = viewport ? viewport.iModel : /* istanbul ignore next */ UiFramework.getIModelConnection();
-    const navigationAidControl = ConfigurableUiManager.createControl(navigationAidId, navigationAidId, { imodel, viewport });
+    const navigationAidControl = UiFramework.controls.create(navigationAidId, navigationAidId, { imodel, viewport });
     navigationAidControl.initialize();
     return navigationAidControl;
 }
@@ -30,7 +25,7 @@ function createNavigationAidControl(activeContentControl, navigationAidId, activ
  * @public
  */
 export function NavigationAidHost(props) {
-    const [activeContentControl, setActiveContentControl] = React.useState(() => ContentViewManager.getActiveContentControl());
+    const [activeContentControl, setActiveContentControl] = React.useState(() => UiFramework.content.getActiveContentControl());
     const [activeContentViewport, setActiveContentViewport] = React.useState(() => /* istanbul ignore next */ activeContentControl === null || activeContentControl === void 0 ? void 0 : activeContentControl.viewport);
     const [navigationAidId, setNavigationAidId] = React.useState(() => activeContentControl ? activeContentControl.navigationAidControl : /* istanbul ignore next */ "");
     React.useEffect(() => {
@@ -40,13 +35,13 @@ export function NavigationAidHost(props) {
             setActiveContentViewport(args.activeContentControl.viewport);
             setNavigationAidId(args.activeContentControl.navigationAidControl);
         };
-        FrontstageManager.onContentControlActivatedEvent.addListener(handleContentControlActivated);
+        UiFramework.frontstages.onContentControlActivatedEvent.addListener(handleContentControlActivated);
         return () => {
-            FrontstageManager.onContentControlActivatedEvent.removeListener(handleContentControlActivated);
+            UiFramework.frontstages.onContentControlActivatedEvent.removeListener(handleContentControlActivated);
         };
     }, []);
     const [activeViewClass, setActiveViewClass] = React.useState(() => {
-        const content = ContentViewManager.getActiveContentControl();
+        const content = UiFramework.content.getActiveContentControl();
         if (content && content.viewport)
             return content.viewport.view.classFullName;
         return "";
@@ -77,7 +72,7 @@ export function NavigationAidHost(props) {
         minHeight: props.minHeight ? /* istanbul ignore next */ props.minHeight : "64px",
     };
     // istanbul ignore else
-    if ("1" !== useFrameworkVersion() && UiShowHideManager.useProximityOpacity && !UiFramework.isMobile()) { // eslint-disable-line deprecation/deprecation
+    if (UiFramework.visibility.useProximityOpacity && !UiFramework.isMobile()) {
         const navigationAidOpacity = (0.30 * proximityScale) + 0.70;
         divStyle.opacity = `${navigationAidOpacity}`;
     }
@@ -94,13 +89,13 @@ export function NavigationWidgetComposer(props) {
     const handleChildRef = React.useCallback((elementRef) => {
         elementSet.add(elementRef);
     }, [elementSet]);
-    const proximityScale = useProximityToMouse(elementSet, UiShowHideManager.snapWidgetOpacity);
+    const proximityScale = useProximityToMouse(elementSet, UiFramework.visibility.snapWidgetOpacity);
     /* istanbul ignore next */
     const navigationAid = hideNavigationAid ? undefined : navigationAidHost !== null && navigationAidHost !== void 0 ? navigationAidHost : React.createElement(NavigationAidHost, null);
     return (React.createElement(WidgetOpacityContext.Provider, { value: {
             onElementRef: handleChildRef,
             proximityScale,
         } },
-        React.createElement(NavigationArea, { navigationAid: navigationAid, horizontalToolbar: horizontalToolbar, verticalToolbar: verticalToolbar, ...otherProps, onMouseEnter: UiShowHideManager.handleWidgetMouseEnter })));
+        React.createElement(NavigationArea, { navigationAid: navigationAid, horizontalToolbar: horizontalToolbar, verticalToolbar: verticalToolbar, ...otherProps, onMouseEnter: UiFramework.visibility.handleWidgetMouseEnter })));
 }
 //# sourceMappingURL=NavigationWidgetComposer.js.map

package/lib/esm/appui-react/widgets/NavigationWidgetComposer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidgetComposer.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 as React from \"react\";\r\nimport { ScreenViewport } from \"@itwin/core-frontend\";\r\nimport { ViewClassFullNameChangedEventArgs, ViewportComponentEvents } from \"@itwin/imodel-components-react\";\r\nimport { CommonProps, useProximityToMouse, useWidgetOpacityContext, WidgetElementSet, WidgetOpacityContext } from \"@itwin/core-react\";\r\nimport { NavigationArea } from \"@itwin/appui-layout-react\";\r\nimport { ConfigurableUiManager } from \"../configurableui/ConfigurableUiManager\";\r\nimport { ContentControl, ContentControlActivatedEventArgs } from \"../content/ContentControl\";\r\nimport { ContentViewManager } from \"../content/ContentViewManager\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { useFrameworkVersion } from \"../hooks/useFrameworkVersion\";\r\nimport { NavigationAidControl } from \"../navigationaids/NavigationAidControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\r\n\r\nfunction createNavigationAidControl(activeContentControl: ContentControl \| undefined, navigationAidId: string, activeViewport: ScreenViewport \| undefined): NavigationAidControl \| undefined {\r\n // istanbul ignore else\r\n if (!activeContentControl \|\| !navigationAidId \|\| (activeViewport !== activeContentControl.viewport))\r\n return undefined;\r\n\r\n const viewport = activeContentControl.viewport;\r\n const imodel = viewport ? viewport.iModel : /* istanbul ignore next / UiFramework.getIModelConnection();\r\n const navigationAidControl = ConfigurableUiManager.createControl(navigationAidId, navigationAidId, { imodel, viewport }) as NavigationAidControl;\r\n\r\n navigationAidControl.initialize();\r\n return navigationAidControl;\r\n}\r\n\r\n/* Properties for the [[NavigationAidHost]] React component\r\n * @public\r\n /\r\nexport interface NavigationAidHostProps {\r\n /* Navigation Aid Host minimum width. Defaults to \"64px\". /\r\n minWidth?: string;\r\n /* Navigation Aid Host minimum height. Defaults to \"64px\". /\r\n minHeight?: string;\r\n}\r\n\r\n/\r\n NavigationAidHost is a component that hosts a NavigationAid that is specific to the active content control.\r\n * @public\r\n /\r\nexport function NavigationAidHost(props: NavigationAidHostProps) {\r\n const [activeContentControl, setActiveContentControl] = React.useState(() => ContentViewManager.getActiveContentControl());\r\n const [activeContentViewport, setActiveContentViewport] = React.useState(() => / istanbul ignore next / activeContentControl?.viewport);\r\n const [navigationAidId, setNavigationAidId] = React.useState(() => activeContentControl ? activeContentControl.navigationAidControl : / istanbul ignore next / \"\");\r\n\r\n React.useEffect(() => {\r\n // istanbul ignore next\r\n const handleContentControlActivated = (args: ContentControlActivatedEventArgs) => {\r\n setActiveContentControl(args.activeContentControl);\r\n setActiveContentViewport(args.activeContentControl.viewport);\r\n setNavigationAidId(args.activeContentControl.navigationAidControl);\r\n };\r\n\r\n FrontstageManager.onContentControlActivatedEvent.addListener(handleContentControlActivated);\r\n return () => {\r\n FrontstageManager.onContentControlActivatedEvent.removeListener(handleContentControlActivated);\r\n };\r\n }, []);\r\n\r\n const [activeViewClass, setActiveViewClass] = React.useState(() => {\r\n const content = ContentViewManager.getActiveContentControl();\r\n if (content && content.viewport)\r\n return content.viewport.view.classFullName;\r\n return \"\";\r\n });\r\n\r\n React.useEffect(() => {\r\n // istanbul ignore next\r\n const handleViewClassFullNameChange = (args: ViewClassFullNameChangedEventArgs) => {\r\n setActiveViewClass(args.newName);\r\n };\r\n\r\n ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(handleViewClassFullNameChange);\r\n return () => {\r\n ViewportComponentEvents.onViewClassFullNameChangedEvent.removeListener(handleViewClassFullNameChange);\r\n };\r\n }, [activeViewClass]);\r\n\r\n const navigationAidControl = React.useMemo(() => createNavigationAidControl(activeContentControl, navigationAidId, activeContentViewport), [activeContentControl, navigationAidId, activeContentViewport]);\r\n\r\n const ref = React.useRef<HTMLDivElement>(null);\r\n\r\n const isInitialMount = React.useRef(true);\r\n const { onElementRef, proximityScale } = useWidgetOpacityContext();\r\n\r\n React.useEffect(() => {\r\n // istanbul ignore else\r\n if (isInitialMount.current) {\r\n isInitialMount.current = false;\r\n onElementRef(ref);\r\n }\r\n }, [onElementRef]);\r\n\r\n const divStyle: React.CSSProperties = {\r\n minWidth: props.minWidth ? / istanbul ignore next / props.minWidth : \"64px\",\r\n minHeight: props.minHeight ? / istanbul ignore next / props.minHeight : \"64px\",\r\n };\r\n\r\n // istanbul ignore else\r\n if (\"1\" !== useFrameworkVersion() && UiShowHideManager.useProximityOpacity && !UiFramework.isMobile()) { // eslint-disable-line deprecation/deprecation\r\n const navigationAidOpacity = (0.30 proximityScale) + 0.70;\r\n divStyle.opacity = `${navigationAidOpacity}`;\r\n }\r\n\r\n return (\r\n <div style={divStyle} ref={ref}>\r\n {navigationAidControl && navigationAidControl.reactNode}\r\n </div>\r\n );\r\n}\r\n\r\n/** Properties for the [[NavigationWidgetComposer]] React components\r\n * @public\r\n /\r\nexport interface NavigationWidgetComposerProps extends CommonProps {\r\n /* Optional Horizontal Toolbar /\r\n horizontalToolbar?: React.ReactNode;\r\n /* Optional Vertical Toolbar /\r\n verticalToolbar?: React.ReactNode;\r\n /* Optional Navigation Aid host. If not specified a default host is provided which will use registered Navigation Aids and the active content control to determine which if any Navigation Aid to display. /\r\n navigationAidHost?: React.ReactNode;\r\n /* If true no navigation aid will be shown. Defaults to false. /\r\n hideNavigationAid?: boolean;\r\n}\r\n\r\n/\r\n Component that Composes a NavigationWidget typically using toolbars generated via [[ToolbarComposer]] class. The Navigation widget is shown in the top right of the content area\r\n * and typically holds tools to visually navigate, orient, and zoom to specific content.\r\n * @public\r\n /\r\nexport function NavigationWidgetComposer(props: NavigationWidgetComposerProps) {\r\n const { navigationAidHost, horizontalToolbar, verticalToolbar, hideNavigationAid, ...otherProps } = props;\r\n const [elementSet] = React.useState(new WidgetElementSet());\r\n const handleChildRef = React.useCallback((elementRef: React.RefObject<Element>) => {\r\n elementSet.add(elementRef);\r\n }, [elementSet]);\r\n const proximityScale = useProximityToMouse(elementSet, UiShowHideManager.snapWidgetOpacity);\r\n / istanbul ignore next */\r\n const navigationAid = hideNavigationAid ? undefined : navigationAidHost ?? <NavigationAidHost />;\r\n\r\n return (\r\n <WidgetOpacityContext.Provider\r\n value={{\r\n onElementRef: handleChildRef,\r\n proximityScale,\r\n }}\r\n >\r\n <NavigationArea\r\n navigationAid={navigationAid}\r\n horizontalToolbar={horizontalToolbar}\r\n verticalToolbar={verticalToolbar}\r\n {...otherProps}\r\n onMouseEnter={UiShowHideManager.handleWidgetMouseEnter}\r\n />\r\n </WidgetOpacityContext.Provider>\r\n );\r\n}\r\n"]}
1	+ {"version":3,"file":"NavigationWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidgetComposer.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 as React from \"react\";\r\nimport { ScreenViewport } from \"@itwin/core-frontend\";\r\nimport { ViewClassFullNameChangedEventArgs, ViewportComponentEvents } from \"@itwin/imodel-components-react\";\r\nimport { CommonProps, useProximityToMouse, useWidgetOpacityContext, WidgetElementSet, WidgetOpacityContext } from \"@itwin/core-react\";\r\nimport { NavigationArea } from \"@itwin/appui-layout-react\";\r\nimport { ContentControl, ContentControlActivatedEventArgs } from \"../content/ContentControl\";\r\nimport { NavigationAidControl } from \"../navigationaids/NavigationAidControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\nfunction createNavigationAidControl(activeContentControl: ContentControl \| undefined, navigationAidId: string, activeViewport: ScreenViewport \| undefined): NavigationAidControl \| undefined {\r\n // istanbul ignore else\r\n if (!activeContentControl \|\| !navigationAidId \|\| (activeViewport !== activeContentControl.viewport))\r\n return undefined;\r\n\r\n const viewport = activeContentControl.viewport;\r\n const imodel = viewport ? viewport.iModel : /* istanbul ignore next / UiFramework.getIModelConnection();\r\n const navigationAidControl = UiFramework.controls.create(navigationAidId, navigationAidId, { imodel, viewport }) as NavigationAidControl;\r\n\r\n navigationAidControl.initialize();\r\n return navigationAidControl;\r\n}\r\n\r\n/* Properties for the [[NavigationAidHost]] React component\r\n * @public\r\n /\r\nexport interface NavigationAidHostProps {\r\n /* Navigation Aid Host minimum width. Defaults to \"64px\". /\r\n minWidth?: string;\r\n /* Navigation Aid Host minimum height. Defaults to \"64px\". /\r\n minHeight?: string;\r\n}\r\n\r\n/\r\n NavigationAidHost is a component that hosts a NavigationAid that is specific to the active content control.\r\n * @public\r\n /\r\nexport function NavigationAidHost(props: NavigationAidHostProps) {\r\n const [activeContentControl, setActiveContentControl] = React.useState(() => UiFramework.content.getActiveContentControl());\r\n const [activeContentViewport, setActiveContentViewport] = React.useState(() => / istanbul ignore next / activeContentControl?.viewport);\r\n const [navigationAidId, setNavigationAidId] = React.useState(() => activeContentControl ? activeContentControl.navigationAidControl : / istanbul ignore next / \"\");\r\n\r\n React.useEffect(() => {\r\n // istanbul ignore next\r\n const handleContentControlActivated = (args: ContentControlActivatedEventArgs) => {\r\n setActiveContentControl(args.activeContentControl);\r\n setActiveContentViewport(args.activeContentControl.viewport);\r\n setNavigationAidId(args.activeContentControl.navigationAidControl);\r\n };\r\n\r\n UiFramework.frontstages.onContentControlActivatedEvent.addListener(handleContentControlActivated);\r\n return () => {\r\n UiFramework.frontstages.onContentControlActivatedEvent.removeListener(handleContentControlActivated);\r\n };\r\n }, []);\r\n\r\n const [activeViewClass, setActiveViewClass] = React.useState(() => {\r\n const content = UiFramework.content.getActiveContentControl();\r\n if (content && content.viewport)\r\n return content.viewport.view.classFullName;\r\n return \"\";\r\n });\r\n\r\n React.useEffect(() => {\r\n // istanbul ignore next\r\n const handleViewClassFullNameChange = (args: ViewClassFullNameChangedEventArgs) => {\r\n setActiveViewClass(args.newName);\r\n };\r\n\r\n ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(handleViewClassFullNameChange);\r\n return () => {\r\n ViewportComponentEvents.onViewClassFullNameChangedEvent.removeListener(handleViewClassFullNameChange);\r\n };\r\n }, [activeViewClass]);\r\n\r\n const navigationAidControl = React.useMemo(() => createNavigationAidControl(activeContentControl, navigationAidId, activeContentViewport), [activeContentControl, navigationAidId, activeContentViewport]);\r\n\r\n const ref = React.useRef<HTMLDivElement>(null);\r\n\r\n const isInitialMount = React.useRef(true);\r\n const { onElementRef, proximityScale } = useWidgetOpacityContext();\r\n\r\n React.useEffect(() => {\r\n // istanbul ignore else\r\n if (isInitialMount.current) {\r\n isInitialMount.current = false;\r\n onElementRef(ref);\r\n }\r\n }, [onElementRef]);\r\n\r\n const divStyle: React.CSSProperties = {\r\n minWidth: props.minWidth ? / istanbul ignore next / props.minWidth : \"64px\",\r\n minHeight: props.minHeight ? / istanbul ignore next / props.minHeight : \"64px\",\r\n };\r\n\r\n // istanbul ignore else\r\n if (UiFramework.visibility.useProximityOpacity && !UiFramework.isMobile()) {\r\n const navigationAidOpacity = (0.30 proximityScale) + 0.70;\r\n divStyle.opacity = `${navigationAidOpacity}`;\r\n }\r\n\r\n return (\r\n <div style={divStyle} ref={ref}>\r\n {navigationAidControl && navigationAidControl.reactNode}\r\n </div>\r\n );\r\n}\r\n\r\n/** Properties for the [[NavigationWidgetComposer]] React components\r\n * @public\r\n /\r\nexport interface NavigationWidgetComposerProps extends CommonProps {\r\n /* Optional Horizontal Toolbar /\r\n horizontalToolbar?: React.ReactNode;\r\n /* Optional Vertical Toolbar /\r\n verticalToolbar?: React.ReactNode;\r\n /* Optional Navigation Aid host. If not specified a default host is provided which will use registered Navigation Aids and the active content control to determine which if any Navigation Aid to display. /\r\n navigationAidHost?: React.ReactNode;\r\n /* If true no navigation aid will be shown. Defaults to false. /\r\n hideNavigationAid?: boolean;\r\n}\r\n\r\n/\r\n Component that Composes a NavigationWidget typically using toolbars generated via [[ToolbarComposer]] class. The Navigation widget is shown in the top right of the content area\r\n * and typically holds tools to visually navigate, orient, and zoom to specific content.\r\n * @public\r\n /\r\nexport function NavigationWidgetComposer(props: NavigationWidgetComposerProps) {\r\n const { navigationAidHost, horizontalToolbar, verticalToolbar, hideNavigationAid, ...otherProps } = props;\r\n const [elementSet] = React.useState(new WidgetElementSet());\r\n const handleChildRef = React.useCallback((elementRef: React.RefObject<Element>) => {\r\n elementSet.add(elementRef);\r\n }, [elementSet]);\r\n const proximityScale = useProximityToMouse(elementSet, UiFramework.visibility.snapWidgetOpacity);\r\n / istanbul ignore next */\r\n const navigationAid = hideNavigationAid ? undefined : navigationAidHost ?? <NavigationAidHost />;\r\n\r\n return (\r\n <WidgetOpacityContext.Provider\r\n value={{\r\n onElementRef: handleChildRef,\r\n proximityScale,\r\n }}\r\n >\r\n <NavigationArea\r\n navigationAid={navigationAid}\r\n horizontalToolbar={horizontalToolbar}\r\n verticalToolbar={verticalToolbar}\r\n {...otherProps}\r\n onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\r\n />\r\n </WidgetOpacityContext.Provider>\r\n );\r\n}\r\n"]}

package/lib/esm/appui-react/widgets/StableWidgetDef.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 import { WidgetDef } from "./WidgetDef";
 /** Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.
- * @internal @deprecated in 3.0.
+ * @internal
  */
 export declare function createStableWidgetDef(widgetDef: WidgetDef, stableId: string): WidgetDef;
 //# sourceMappingURL=StableWidgetDef.d.ts.map

package/lib/esm/appui-react/widgets/StableWidgetDef.js CHANGED Viewed

@@ -9,7 +9,7 @@ function isGenerated(value) {
     return value.startsWith("Widget-");
 }
 /** Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.
- * @internal @deprecated in 3.0.
+ * @internal
  */
 export function createStableWidgetDef(widgetDef, stableId) {
     return new Proxy(widgetDef, {

package/lib/esm/appui-react/widgets/StableWidgetDef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StableWidgetDef.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StableWidgetDef.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAIH,SAAS,WAAW,CAAC,KAAsB;IACzC,OAAO,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;AACrC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,SAAoB,EAAE,QAAgB;IAC1E,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE;QAC1B,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ;YACxB,MAAM,MAAM,GAAgC,IAAI,CAAC;YACjD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;YAClD,IAAI,IAAI,KAAK,MAAM,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE;gBACzC,OAAO,QAAQ,CAAC;aACjB;YACD,OAAO,KAAK,CAAC;QACf,CAAC;KACF,CAAC,CAAC;AACL,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 { WidgetDef } from \"./WidgetDef\";\r\n\r\nfunction isGenerated(value: WidgetDef[\"id\"]) {\r\n return value.startsWith(\"Widget-\");\r\n}\r\n\r\n/* Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.\r\n * @internal ~~@deprecated in 3.0.\~~r\n */\r\nexport function createStableWidgetDef(widgetDef: WidgetDef, stableId: string): WidgetDef {\r\n return new Proxy(widgetDef, {\r\n get(target, name, receiver) {\r\n const idName: keyof Pick<WidgetDef, \"id\"> = \"id\";\r\n const value = Reflect.get(target, name, receiver);\r\n if (name === idName && isGenerated(value)) {\r\n return stableId;\r\n }\r\n return value;\r\n },\r\n });\r\n}\r\n"]}
1	+ {"version":3,"file":"StableWidgetDef.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StableWidgetDef.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAIH,SAAS,WAAW,CAAC,KAAsB;IACzC,OAAO,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;AACrC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,SAAoB,EAAE,QAAgB;IAC1E,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE;QAC1B,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ;YACxB,MAAM,MAAM,GAAgC,IAAI,CAAC;YACjD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;YAClD,IAAI,IAAI,KAAK,MAAM,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE;gBACzC,OAAO,QAAQ,CAAC;aACjB;YACD,OAAO,KAAK,CAAC;QACf,CAAC;KACF,CAAC,CAAC;AACL,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 { WidgetDef } from \"./WidgetDef\";\r\n\r\nfunction isGenerated(value: WidgetDef[\"id\"]) {\r\n return value.startsWith(\"Widget-\");\r\n}\r\n\r\n/* Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.\r\n * @internal\r\n */\r\nexport function createStableWidgetDef(widgetDef: WidgetDef, stableId: string): WidgetDef {\r\n return new Proxy(widgetDef, {\r\n get(target, name, receiver) {\r\n const idName: keyof Pick<WidgetDef, \"id\"> = \"id\";\r\n const value = Reflect.get(target, name, receiver);\r\n if (name === idName && isGenerated(value)) {\r\n return stableId;\r\n }\r\n return value;\r\n },\r\n });\r\n}\r\n"]}

package/lib/esm/appui-react/widgets/StatusBarWidgetComposerControl.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusBarWidgetComposerControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StatusBarWidgetComposerControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;~~AAG~~/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;~~AAE7E~~;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,8BAA+B,SAAQ,sBAAsB;IACxE,OAAc,SAAS,SAAyC;IAChE,SAAgB,EAAE,SAA4C;IAEvD,YAAY,IAAI,KAAK,CAAC,SAAS;CAKvC"}
1	+ {"version":3,"file":"StatusBarWidgetComposerControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StatusBarWidgetComposerControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAG7E;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,8BAA+B,SAAQ,sBAAsB;IACxE,OAAc,SAAS,SAAyC;IAChE,SAAgB,EAAE,SAA4C;IAEvD,YAAY,IAAI,KAAK,CAAC,SAAS;CAKvC"}

package/lib/esm/appui-react/widgets/StatusBarWidgetComposerControl.js CHANGED Viewed

@@ -6,9 +6,9 @@
  * @module Widget
  */
 import * as React from "react";
-import { FrontstageManager } from "../frontstage/FrontstageManager";
 import { StatusBarComposer } from "../statusbar/StatusBarComposer";
 import { StatusBarWidgetControl } from "../statusbar/StatusBarWidgetControl";
+import { UiFramework } from "../UiFramework";
 /**
  * StatusBarWidgetComposerControl provides status bar to specified [[Frontstage]] that allows status bar items to be populated
  * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common
@@ -32,7 +32,7 @@ export class StatusBarWidgetComposerControl extends StatusBarWidgetControl {
         this.id = StatusBarWidgetComposerControl.controlId;
     }
     getReactNode() {
-        return (React.createElement(StatusBarComposer, { key: FrontstageManager.activeFrontstageId, items: [] }));
+        return (React.createElement(StatusBarComposer, { key: UiFramework.frontstages.activeFrontstageId, items: [] }));
     }
 }
 StatusBarWidgetComposerControl.controlId = "uifw:StatusBarWidgetComposerControl";

package/lib/esm/appui-react/widgets/StatusBarWidgetComposerControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusBarWidgetComposerControl.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StatusBarWidgetComposerControl.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,~~iCAAiC~~,CAAC;~~AACpE~~,OAAO,EAAE,~~iBAAiB~~,EAAE,MAAM,~~gCAAgC~~,CAAC;~~AACnE~~,OAAO,EAAE,~~sBAAsB~~,EAAE,MAAM,~~qCAAqC~~,CAAC;~~AAE7E~~;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAO,8BAA+B,SAAQ,sBAAsB;IAA1E;;QAEkB,OAAE,GAAG,8BAA8B,CAAC,SAAS,CAAC;IAOhE,CAAC;IALQ,YAAY;QACjB,OAAO,CACL,oBAAC,iBAAiB,IAAC,GAAG,EAAE,~~iBAAiB~~,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,GAAI,~~CAC5E~~,CAAC;IACJ,CAAC;;AAPa,wCAAS,GAAG,qCAAqC,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 as React from \"react\";\r\nimport { ~~FrontstageManager~~ } from \"../~~frontstage~~/~~FrontstageManager~~\";\r\nimport { ~~StatusBarComposer~~ } from \"../statusbar/~~StatusBarComposer~~\";\r\nimport { ~~StatusBarWidgetControl~~ } from \"../~~statusbar/StatusBarWidgetControl~~\";\r\n\r\n/*\r\n StatusBarWidgetComposerControl provides status bar to specified [[Frontstage]] that allows status bar items to be populated\r\n * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common\r\n * set of status fields.\r\n * @example\r\n * ```\r\n * statusBar={\r\n * <Zone\r\n * widgets={\r\n * [\r\n * <Widget isStatusBar={true} control={StatusBarWidgetComposerControl} />\r\n * ]}\r\n * />\r\n * }\r\n * ```\r\n * @public\r\n */\r\nexport class StatusBarWidgetComposerControl extends StatusBarWidgetControl {\r\n public static controlId = \"uifw:StatusBarWidgetComposerControl\";\r\n public readonly id = StatusBarWidgetComposerControl.controlId;\r\n\r\n public getReactNode(): React.ReactNode {\r\n return (\r\n <StatusBarComposer key={~~FrontstageManager~~.activeFrontstageId} items={[]} />\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"StatusBarWidgetComposerControl.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StatusBarWidgetComposerControl.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAO,8BAA+B,SAAQ,sBAAsB;IAA1E;;QAEkB,OAAE,GAAG,8BAA8B,CAAC,SAAS,CAAC;IAOhE,CAAC;IALQ,YAAY;QACjB,OAAO,CACL,oBAAC,iBAAiB,IAAC,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,GAAI,CAClF,CAAC;IACJ,CAAC;;AAPa,wCAAS,GAAG,qCAAqC,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 as React from \"react\";\r\nimport { StatusBarComposer } from \"../statusbar/StatusBarComposer\";\r\nimport { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/*\r\n StatusBarWidgetComposerControl provides status bar to specified [[Frontstage]] that allows status bar items to be populated\r\n * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common\r\n * set of status fields.\r\n * @example\r\n * ```\r\n * statusBar={\r\n * <Zone\r\n * widgets={\r\n * [\r\n * <Widget isStatusBar={true} control={StatusBarWidgetComposerControl} />\r\n * ]}\r\n * />\r\n * }\r\n * ```\r\n * @public\r\n */\r\nexport class StatusBarWidgetComposerControl extends StatusBarWidgetControl {\r\n public static controlId = \"uifw:StatusBarWidgetComposerControl\";\r\n public readonly id = StatusBarWidgetComposerControl.controlId;\r\n\r\n public getReactNode(): React.ReactNode {\r\n return (\r\n <StatusBarComposer key={UiFramework.frontstages.activeFrontstageId} items={[]} />\r\n );\r\n }\r\n}\r\n"]}

package/lib/esm/appui-react/widgets/ToolSettingsContent.d.ts CHANGED Viewed

@@ -1,30 +1,11 @@
 /** @packageDocumentation
  * @module Widget
  */
-import "./ToolSettingsContent.scss";
 import * as React from "react";
-import { HorizontalAnchor, ToolSettingsWidgetMode } from "@itwin/appui-layout-react";
-/** @internal */
-interface ToolSettingsContentProps {
-    anchor: HorizontalAnchor;
-    mode: ToolSettingsWidgetMode;
-}
-interface ToolSettingsContentState {
-    availableContentWidth: number;
-}
-/**  @internal */
-export declare class ToolSettingsContent extends React.PureComponent<ToolSettingsContentProps, ToolSettingsContentState> {
-    private _container;
-    private _measurer;
-    readonly state: ToolSettingsContentState;
-    render(): React.ReactNode | undefined;
-    private _handleResize;
-}
 /** @internal */
 export interface ToolSettingsContentContextProps {
     readonly availableContentWidth: number;
 }
 /** @internal */
 export declare const ToolSettingsContentContext: React.Context<ToolSettingsContentContextProps>;
-export {};
 //# sourceMappingURL=ToolSettingsContent.d.ts.map

package/lib/esm/appui-react/widgets/ToolSettingsContent.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToolSettingsContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolSettingsContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,~~4BAA4B,CAAC;AAEpC,OAAO,~~KAAK,KAAK,MAAM,OAAO,CAAC;~~AAE~~/B,~~OAAO,EAAE,~~gBAAgB~~,EAAE,sBAAsB,EAAiB,MAAM,2BAA2B,CAAC~~;~~AAEpG,gBAAgB;~~AAChB,~~UAAU,wBAAwB;IAChC,~~MAAM,EAAE,gBAAgB,CAAC;IACzB,IAAI,EAAE,sBAAsB,CAAC;CAC9B;AAED,UAAU,wBAAwB;IAChC,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAED,iBAAiB;AACjB,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,aAAa,CAAC,wBAAwB,EAAE,wBAAwB,CAAC;IAC9G,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,SAAS,CAAqC;IAEtD,SAAyB,KAAK,EAAE,wBAAwB,CAEtD;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS,GAAG,SAAS;IA0BrD,OAAO,CAAC,aAAa,CAanB;CACH;AAED,gBAAgB;AAChB,MAAM,WAAW,+BAA+B;IAC9C,QAAQ,CAAC,qBAAqB,EAAE,MAAM,CAAC;CACxC;AAED,gBAAgB;AAChB,eAAO,MAAM,0BAA0B,gDAErC,CAAC"}
1	+ {"version":3,"file":"ToolSettingsContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolSettingsContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,gBAAgB;AAChB,MAAM,WAAW,+BAA+B;IAC9C,QAAQ,CAAC,qBAAqB,EAAE,MAAM,CAAC;CACxC;AAED,gBAAgB;AAChB,eAAO,MAAM,0BAA0B,gDAErC,CAAC"}

package/lib/esm/appui-react/widgets/ToolSettingsContent.js CHANGED Viewed

@@ -5,45 +5,7 @@
 /** @packageDocumentation
  * @module Widget
  */
-import "./ToolSettingsContent.scss";
-import classnames from "classnames";
 import * as React from "react";
-import { ResizableContainerObserver } from "@itwin/core-react";
-import { ToolSettingsWidgetMode, WidgetContent } from "@itwin/appui-layout-react";
-/**  @internal */
-export class ToolSettingsContent extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._container = React.createRef();
-        this._measurer = React.createRef();
-        this.state = {
-            availableContentWidth: 0,
-        };
-        this._handleResize = () => {
-            const container = this._container.current;
-            const measurer = this._measurer.current;
-            // istanbul ignore next
-            if (!container || !measurer)
-                return;
-            container.classList.add("uifw-measure");
-            const measurerBounds = measurer.getBoundingClientRect();
-            container.classList.remove("uifw-measure");
-            this.setState({ availableContentWidth: measurerBounds.width });
-        };
-    }
-    render() {
-        const className = classnames("uifw-tool-settings-content", this.props.mode === ToolSettingsWidgetMode.TitleBar && "uifw-title-bar", this.props.mode === ToolSettingsWidgetMode.Tab && "uifw-tab");
-        return (React.createElement(WidgetContent // eslint-disable-line deprecation/deprecation
-        , { anchor: this.props.anchor, className: className, containerRef: this._container, content: React.createElement(ToolSettingsContentContext.Provider, { value: {
-                    availableContentWidth: this.state.availableContentWidth,
-                } },
-                this.props.children,
-                React.createElement("div", { className: "uifw-zone-measurer" },
-                    React.createElement(ResizableContainerObserver, { onResize: this._handleResize })),
-                React.createElement("div", { className: "uifw-measurer", ref: this._measurer }),
-                React.createElement("div", { className: "uifw-expander" })) }));
-    }
-}
 /** @internal */
 export const ToolSettingsContentContext = React.createContext({
     availableContentWidth: 0,

package/lib/esm/appui-react/widgets/ToolSettingsContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToolSettingsContent.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolSettingsContent.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,~~4BAA4B,CAAC;AACpC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,~~KAAK,KAAK,MAAM,OAAO,CAAC;~~AAC~~/B,OAAO,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAoB,sBAAsB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAYpG,iBAAiB;AACjB,MAAM,OAAO,mBAAoB,SAAQ,KAAK,CAAC,aAAiE;IAAhH;;QACU,eAAU,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAC/C,cAAS,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAE7B,UAAK,GAA6B;YACzD,qBAAqB,EAAE,CAAC;SACzB,CAAC;QA4BM,kBAAa,GAAG,GAAG,EAAE;YAC3B,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;YAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;YAExC,uBAAuB;YACvB,IAAI,CAAC,SAAS,IAAI,CAAC,QAAQ;gBACzB,OAAO;YAET,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YACxC,MAAM,cAAc,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAC;YACxD,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;YAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,qBAAqB,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC;QACjE,CAAC,CAAC;IACJ,CAAC;IAxCiB,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,4BAA4B,EAC5B,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,sBAAsB,CAAC,QAAQ,IAAI,gBAAgB~~,EACvE,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,sBAAsB,CAAC,GAAG,IAAI,UAAU,CAC7D,CAAC~~;QAEF,OAAO,CACL,oBAAC,aAAa,CAAC,8CAA8C;YAC3D,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,IAAI,CAAC,UAAU,EAC7B,OAAO,EAAE,oBAAC,0BAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE;oBACnD,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB;iBACxD;gBACE,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACpB,6BAAK,SAAS,EAAC,oBAAoB;oBACjC,oBAAC,0BAA0B,IAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,GAAI,CACxD;gBACN,6BAAK,SAAS,EAAC,eAAe,EAAC,GAAG,EAAE,IAAI,CAAC,SAAS,GAAI;gBACtD,6BAAK,SAAS,EAAC,eAAe,GAAG,CACG,GACtC,CACH,CAAC;IACJ,CAAC;CAgBF;AAOD,gBAAgB;AAChB,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAkC;IAC7F,qBAAqB,EAAE,CAAC;CACzB,CAAC,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 ~~\"./ToolSettingsContent.scss\";\r\nimport classnames from \"classnames\";\r\nimport~~ as React from \"react\";\r\~~nimport { ResizableContainerObserver } from \"@itwin/core-react\";\r\nimport { HorizontalAnchor, ToolSettingsWidgetMode, WidgetContent } from \"@itwin/appui-layout-react\";\r\~~n\r\n~~/** @internal /\r\ninterface ToolSettingsContentProps {\r\n anchor: HorizontalAnchor;~~ // ~~eslint-disable-line deprecation/deprecation\r\n mode~~: ~~ToolSettingsWidgetMode;\r\n}\r\n\r\ninterface~~ ~~ToolSettingsContentState~~ ~~{\r\n availableContentWidth:~~ ~~number;\r\n}\r\n\r\n/* @internal~~ /\r\nexport ~~class~~ ~~ToolSettingsContent extends React.PureComponent<ToolSettingsContentProps, ToolSettingsContentState> {\~~r\n ~~private _container = React.createRef<HTMLDivElement>();\r~~\~~n private _measurer = React.createRef<HTMLDivElement>();\~~r\n\r\n public override readonly state: ToolSettingsContentState = {\r\n availableContentWidth: 0,\r\n };\r\n\r\n public override render(): React.ReactNode \| undefined {\r\n const className = classnames(\r\n \"uifw-tool-settings-content\",\r\n this.props.mode === ToolSettingsWidgetMode.TitleBar && \"uifw-title-bar\",\r\n this.props.mode === ToolSettingsWidgetMode.Tab && \"uifw-tab\",\r\n );\r\n\r\n return (\r\n <WidgetContent // eslint-disable-line deprecation/deprecation\r\n anchor={this.props.anchor}\r\n className={className}\r\n containerRef={this._container}\r\n content={<ToolSettingsContentContext.Provider value={{\r\n availableContentWidth: this.state.availableContentWidth,\r\n }}>\r\n {this.props.children}\r\n <div className=\"uifw-zone-measurer\">\r\n <ResizableContainerObserver onResize={this._handleResize} />\r\n </div>\r\n <div className=\"uifw-measurer\" ref={this._measurer} />\r\n <div className=\"uifw-expander\" />\r\n </ToolSettingsContentContext.Provider>}\r\n />\r\n );\r\n }\r\n\r\n private _handleResize = () => {\r\n const container = this._container.current;\r\n const measurer = this._measurer.current;\r\n\r\n // istanbul ignore next\r\n if (!container \|\| !measurer)\r\n return;\r\n\r\n container.classList.add(\"uifw-measure\");\r\n const measurerBounds = measurer.getBoundingClientRect();\r\n container.classList.remove(\"uifw-measure\");\r\n\r\n this.setState({ availableContentWidth: measurerBounds.width });\r\n };\r\n}\r\n\r\n/* @internal /\r\nexport interface ToolSettingsContentContextProps {\r\n readonly availableContentWidth: number;\r\n}\r\n\r\n/* @internal */\r\nexport const ToolSettingsContentContext = React.createContext<ToolSettingsContentContextProps>({ ~~// eslint-disable-line @typescript-eslint/naming-convention~~\r\n availableContentWidth: 0,\r\n});\r\n"]}
1	+ {"version":3,"file":"ToolSettingsContent.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolSettingsContent.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,gBAAgB;AAChB,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAkC;IAC7F,qBAAqB,EAAE,CAAC;CACzB,CAAC,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 as React from \"react\";\r\n\r\n// TODO: remove? This is only used in ToolSettingsGridContainer.\r\n\r\n/** @internal /\r\nexport interface ToolSettingsContentContextProps {\r\n readonly availableContentWidth: number;\r\n}\r\n\r\n/* @internal */\r\nexport const ToolSettingsContentContext = React.createContext<ToolSettingsContentContextProps>({\r\n availableContentWidth: 0,\r\n});\r\n"]}

package/lib/esm/appui-react/widgets/ToolWidgetComposer.js CHANGED Viewed

@@ -8,7 +8,7 @@
 import * as React from "react";
 import { useProximityToMouse, WidgetElementSet, WidgetOpacityContext } from "@itwin/core-react";
 import { ToolsArea } from "@itwin/appui-layout-react";
-import { UiShowHideManager } from "../utils/UiShowHideManager";
+import { UiFramework } from "../UiFramework";
 /**
  * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area
  * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on
@@ -21,11 +21,11 @@ export function ToolWidgetComposer(props) {
     const handleChildRef = React.useCallback((elementRef) => {
         elementSet.add(elementRef);
     }, [elementSet]);
-    const proximityScale = useProximityToMouse(elementSet, UiShowHideManager.snapWidgetOpacity);
+    const proximityScale = useProximityToMouse(elementSet, UiFramework.visibility.snapWidgetOpacity);
     return (React.createElement(WidgetOpacityContext.Provider, { value: {
             onElementRef: handleChildRef,
             proximityScale,
         } },
-        React.createElement(ToolsArea, { button: cornerItem, horizontalToolbar: horizontalToolbar, verticalToolbar: verticalToolbar, ...otherProps, onMouseEnter: UiShowHideManager.handleWidgetMouseEnter })));
+        React.createElement(ToolsArea, { button: cornerItem, horizontalToolbar: horizontalToolbar, verticalToolbar: verticalToolbar, ...otherProps, onMouseEnter: UiFramework.visibility.handleWidgetMouseEnter })));
 }
 //# sourceMappingURL=ToolWidgetComposer.js.map

package/lib/esm/appui-react/widgets/ToolWidgetComposer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,mBAAmB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC7G,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,~~iBAAiB~~,EAAE,MAAM,~~4BAA4B~~,CAAC;~~AAc/D~~;;;;;GAKG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAChF,MAAM,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,gBAAgB,EAAE,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,UAAoC,EAAE,EAAE;QAChF,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,MAAM,cAAc,GAAG,mBAAmB,CAAC,UAAU,EAAE,~~iBAAiB~~,CAAC,iBAAiB,CAAC,CAAC;~~IAE5F~~,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,YAAY,EAAE,cAAc;YAC5B,cAAc;SACf;QAED,oBAAC,SAAS,IACR,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,KAC5B,UAAU,EACd,YAAY,EAAE,~~iBAAiB~~,CAAC,sBAAsB,~~GACtD~~,CAC4B,CACjC,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 as React from \"react\";\r\nimport { CommonProps, useProximityToMouse, WidgetElementSet, WidgetOpacityContext } from \"@itwin/core-react\";\r\nimport { ToolsArea } from \"@itwin/appui-layout-react\";\r\nimport { ~~UiShowHideManager~~ } from \"../~~utils/UiShowHideManager~~\";\r\n\r\n/** Properties for the [[ToolbarComposer]] React components\r\n * @public\r\n /\r\nexport interface ToolWidgetComposerProps extends CommonProps {\r\n /* Optional Corner Item which for most stages is the [[BackstageAppButton]] used to toggle the display of the backstage menu. /\r\n cornerItem?: React.ReactNode;\r\n /* Optional Horizontal Toolbar /\r\n horizontalToolbar?: React.ReactNode;\r\n /* Optional Vertical Toolbar /\r\n verticalToolbar?: React.ReactNode;\r\n}\r\n\r\n/\r\n ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area\r\n * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on\r\n * selected items. The vertical toolbar typically contains a more fixed list of tools.\r\n * @public\r\n */\r\nexport function ToolWidgetComposer(props: ToolWidgetComposerProps) {\r\n const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } = props;\r\n const [elementSet] = React.useState(new WidgetElementSet());\r\n const handleChildRef = React.useCallback((elementRef: React.RefObject<Element>) => {\r\n elementSet.add(elementRef);\r\n }, [elementSet]);\r\n const proximityScale = useProximityToMouse(elementSet, ~~UiShowHideManager~~.snapWidgetOpacity);\r\n\r\n return (\r\n <WidgetOpacityContext.Provider\r\n value={{\r\n onElementRef: handleChildRef,\r\n proximityScale,\r\n }}\r\n >\r\n <ToolsArea\r\n button={cornerItem}\r\n horizontalToolbar={horizontalToolbar}\r\n verticalToolbar={verticalToolbar}\r\n {...otherProps}\r\n onMouseEnter={~~UiShowHideManager~~.handleWidgetMouseEnter}\r\n />\r\n </WidgetOpacityContext.Provider>\r\n );\r\n}\r\n"]}
1	+ {"version":3,"file":"ToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,mBAAmB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC7G,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAc7C;;;;;GAKG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAChF,MAAM,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,gBAAgB,EAAE,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,UAAoC,EAAE,EAAE;QAChF,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,MAAM,cAAc,GAAG,mBAAmB,CAAC,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAEjG,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,YAAY,EAAE,cAAc;YAC5B,cAAc;SACf;QAED,oBAAC,SAAS,IACR,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,KAC5B,UAAU,EACd,YAAY,EAAE,WAAW,CAAC,UAAU,CAAC,sBAAsB,GAC3D,CAC4B,CACjC,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 as React from \"react\";\r\nimport { CommonProps, useProximityToMouse, WidgetElementSet, WidgetOpacityContext } from \"@itwin/core-react\";\r\nimport { ToolsArea } from \"@itwin/appui-layout-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Properties for the [[ToolbarComposer]] React components\r\n * @public\r\n /\r\nexport interface ToolWidgetComposerProps extends CommonProps {\r\n /* Optional Corner Item which for most stages is the [[BackstageAppButton]] used to toggle the display of the backstage menu. /\r\n cornerItem?: React.ReactNode;\r\n /* Optional Horizontal Toolbar /\r\n horizontalToolbar?: React.ReactNode;\r\n /* Optional Vertical Toolbar /\r\n verticalToolbar?: React.ReactNode;\r\n}\r\n\r\n/\r\n ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area\r\n * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on\r\n * selected items. The vertical toolbar typically contains a more fixed list of tools.\r\n * @public\r\n */\r\nexport function ToolWidgetComposer(props: ToolWidgetComposerProps) {\r\n const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } = props;\r\n const [elementSet] = React.useState(new WidgetElementSet());\r\n const handleChildRef = React.useCallback((elementRef: React.RefObject<Element>) => {\r\n elementSet.add(elementRef);\r\n }, [elementSet]);\r\n const proximityScale = useProximityToMouse(elementSet, UiFramework.visibility.snapWidgetOpacity);\r\n\r\n return (\r\n <WidgetOpacityContext.Provider\r\n value={{\r\n onElementRef: handleChildRef,\r\n proximityScale,\r\n }}\r\n >\r\n <ToolsArea\r\n button={cornerItem}\r\n horizontalToolbar={horizontalToolbar}\r\n verticalToolbar={verticalToolbar}\r\n {...otherProps}\r\n onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\r\n />\r\n </WidgetOpacityContext.Provider>\r\n );\r\n}\r\n"]}

package/lib/esm/appui-react/widgets/ViewToolWidgetComposer.js CHANGED Viewed

@@ -7,10 +7,10 @@
  */
 import classnames from "classnames";
 import * as React from "react";
-import { ToolbarOrientation, ToolbarUsage } from "@itwin/appui-abstract";
 import { ToolbarComposer } from "../toolbar/ToolbarComposer";
 import { useUiVisibility } from "../hooks/useUiVisibility";
 import { NavigationWidgetComposer } from "./NavigationWidgetComposer";
+import { ToolbarOrientation, ToolbarUsage } from "../toolbar/ToolbarItem";
 /**
  * ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders
  * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].

package/lib/esm/appui-react/widgets/ViewToolWidgetComposer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ViewToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ViewToolWidgetComposer.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,~~eAAe~~,EAAE,MAAM,~~0BAA0B~~,CAAC;~~AAC3D~~,OAAO,EAAE,~~wBAAwB~~,EAAE,MAAM,~~4BAA4B~~,CAAC;~~AAWtE~~;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,MAAM,WAAW,GAAG,eAAe,EAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,WAAW,IAAI,WAAW,CAC5B,CAAC;IAEF,OAAO,CACL,oBAAC,wBAAwB,IAAC,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EACxF,iBAAiB,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,cAAc,EAAE,WAAW,EAAE,kBAAkB,CAAC,UAAU,GAAI,EACjI,eAAe,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,cAAc,EAAE,WAAW,EAAE,kBAAkB,CAAC,QAAQ,GAAI,GAC7H,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 { ~~useUiVisibility~~ } from \"~~../hooks/useUiVisibility~~\";\r\nimport { ~~NavigationWidgetComposer~~ } from \"~~./NavigationWidgetComposer~~\";\r\n\r\n/*\r\n Props for [[ViewToolWidgetComposer]].\r\n * @public\r\n /\r\nexport interface ViewToolWidgetComposerProps {\r\n /* If true no navigation aid will be shown. Defaults to false. /\r\n hideNavigationAid?: boolean;\r\n}\r\n\r\n/\r\n ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders\r\n * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].\r\n * @example\r\n * ```\r\n * <ViewToolWidgetComposer />\r\n * ```\r\n * If no NavigationAid control is to be shown set hideNavigationAid.\r\n * * ```\r\n * <ViewToolWidgetComposer hideNavigationAid />\r\n * ```\r\n * @public\r\n */\r\nexport function ViewToolWidgetComposer(props: ViewToolWidgetComposerProps) {\r\n const uiIsVisible = useUiVisibility();\r\n // istanbul ignore next\r\n const className = classnames(\r\n !uiIsVisible && \"nz-hidden\",\r\n );\r\n\r\n return (\r\n <NavigationWidgetComposer className={className} hideNavigationAid={props.hideNavigationAid}\r\n horizontalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Horizontal} />} ~~// eslint-disable-line deprecation/deprecation~~\r\n verticalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Vertical} />} ~~// eslint-disable-line deprecation/deprecation~~\r\n />\r\n );\r\n}\r\n"]}
1	+ {"version":3,"file":"ViewToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ViewToolWidgetComposer.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,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAW1E;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,MAAM,WAAW,GAAG,eAAe,EAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,WAAW,IAAI,WAAW,CAC5B,CAAC;IAEF,OAAO,CACL,oBAAC,wBAAwB,IAAC,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EACxF,iBAAiB,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,cAAc,EAAE,WAAW,EAAE,kBAAkB,CAAC,UAAU,GAAI,EACjI,eAAe,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,cAAc,EAAE,WAAW,EAAE,kBAAkB,CAAC,QAAQ,GAAI,GAC7H,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 { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\r\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\r\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer\";\r\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\r\n\r\n/*\r\n Props for [[ViewToolWidgetComposer]].\r\n * @public\r\n /\r\nexport interface ViewToolWidgetComposerProps {\r\n /* If true no navigation aid will be shown. Defaults to false. /\r\n hideNavigationAid?: boolean;\r\n}\r\n\r\n/\r\n ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders\r\n * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].\r\n * @example\r\n * ```\r\n * <ViewToolWidgetComposer />\r\n * ```\r\n * If no NavigationAid control is to be shown set hideNavigationAid.\r\n * * ```\r\n * <ViewToolWidgetComposer hideNavigationAid />\r\n * ```\r\n * @public\r\n */\r\nexport function ViewToolWidgetComposer(props: ViewToolWidgetComposerProps) {\r\n const uiIsVisible = useUiVisibility();\r\n // istanbul ignore next\r\n const className = classnames(\r\n !uiIsVisible && \"nz-hidden\",\r\n );\r\n\r\n return (\r\n <NavigationWidgetComposer className={className} hideNavigationAid={props.hideNavigationAid}\r\n horizontalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Horizontal} />}\r\n verticalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Vertical} />}\r\n />\r\n );\r\n}\r\n"]}

package/lib/esm/appui-react/widgets/Widget.d.ts CHANGED Viewed

@@ -1,15 +1,39 @@
 /** @packageDocumentation
  * @module Widget
  */
-import * as React from "react";
-import { WidgetProps } from "./WidgetProps";
-/** Widget React component.
- * A Widget is a collection of UI components tied to a particular Zone that allows the user to view and/or modify data relevant to their current context.
- * @deprecated in 3.6. Use [[WidgetConfig]] instead.
+/// <reference types="react" />
+import { BadgeType, ConditionalStringValue, PointProps } from "@itwin/appui-abstract";
+import { IconSpec, SizeProps } from "@itwin/core-react";
+import { StagePanelLocation } from "../stagepanels/StagePanelLocation";
+import { WidgetState } from "./WidgetState";
+/** Describes options of a floating widget.
  * @public
  */
-export declare class Widget extends React.Component<WidgetProps> {
-    constructor(props: WidgetProps);
-    render(): null;
+export interface CanFloatWidgetOptions {
+    readonly isResizable?: boolean;
+    readonly defaultPosition?: PointProps;
+    readonly defaultSize?: SizeProps;
+    readonly containerId?: string;
+    readonly hideWithUi?: boolean;
+}
+/** Describes the data needed to provide a widget.
+ * @public
+ */
+export interface Widget {
+    readonly id: string;
+    /** Stage panels to which this widget can be docked. All stage panels are allowed if nothing is provided. */
+    readonly allowedPanels?: ReadonlyArray<StagePanelLocation>;
+    readonly badge?: BadgeType;
+    /** Defaults to `false`. */
+    readonly canPopout?: boolean;
+    /** Set to `false` to disable floating of a widget. Alternatively options object can be provided which enables floating. Defaults to `true`. */
+    readonly canFloat?: boolean | CanFloatWidgetOptions;
+    readonly defaultState?: WidgetState;
+    /** Content of the Widget. */
+    readonly content?: React.ReactNode;
+    readonly icon?: IconSpec;
+    readonly label?: string | ConditionalStringValue;
+    readonly priority?: number;
+    readonly tooltip?: string | ConditionalStringValue;
 }
 //# sourceMappingURL=Widget.d.ts.map

package/lib/esm/appui-react/widgets/Widget.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Widget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/Widget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,~~KAAK~~,~~KAAK~~,MAAM,OAAO,CAAC;~~AAC/B~~,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C~~;;;;GAIG~~;AACH,~~qBAAa~~,~~MAAO~~,~~SAAQ~~,~~KAAK~~,CAAC,SAAS,CAAC,WAAW,CAAC;~~gBAE1C~~,KAAK,EAAE,WAAW;~~IAId~~,MAAM;~~CAIvB~~"}
1	+ {"version":3,"file":"Widget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/Widget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,SAAS,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,MAAM;IACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,4GAA4G;IAC5G,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC3D,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,2BAA2B;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,+IAA+I;IAC/I,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC;IACpD,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,CAAC;IACpC,6BAA6B;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAAC;IACjD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAAC;CACpD"}

package/lib/esm/appui-react/widgets/Widget.js CHANGED Viewed

@@ -5,18 +5,5 @@
 /** @packageDocumentation
  * @module Widget
  */
-import * as React from "react";
-/** Widget React component.
- * A Widget is a collection of UI components tied to a particular Zone that allows the user to view and/or modify data relevant to their current context.
- * @deprecated in 3.6. Use [[WidgetConfig]] instead.
- * @public
- */
-export class Widget extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        return null;
-    }
-}
+export {};
 //# sourceMappingURL=Widget.js.map