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

package/lib/cjs/appui-react/widgets/BackstageAppButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackstageAppButton.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,oEAAkE;AAClE,0DAA0D;AAE1D,kDAAkE;AAClE,kEAAsD;AACtD,gDAA6C;AAe7C;;;GAGG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,yBAAW,CAAC,SAAS,CAAC,yBAAyB,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9H,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,sBAAsB,CAAC,OAAO,EAAE,CAAC,sBAAsB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IACzI,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,kCAAiB,CAAC,0BAA0B,CAAC,kBAAa,CAAC,CAAC,CAAC;IAC9H,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,YAAY,GAAG,uBAAuB,CAAC;IAC7C,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAA,oCAAuB,GAAE,CAAC;IACnE,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,KAAK,CAAC,OAAO;YACf,KAAK,CAAC,OAAO,EAAE,CAAC;;YAGhB,sBAAsB,CAAC,OAAO,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE;YAC1B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,YAAY,CAAC,GAAG,CAAC,CAAC;SACnB;aAAM;YACL,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,kCAAiB,CAAC,0BAA0B,CAAC,kBAAa,CAAC,CAAC,CAAC;SAChG;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/B,IAAI,oBAAwC,CAAC;IAE7C,IAAI,yBAAW,CAAC,UAAU,CAAC,mBAAmB,IAAI,CAAC,yBAAW,CAAC,QAAQ,EAAE,EAAE;QACzE,oBAAoB,GAAG,cAAc,CAAC;KACvC;IAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY;QACpC,oBAAC,8BAAS,IACR,KAAK,EAAE,IAAI,EACX,cAAc,EAAE,oBAAoB,EACpC,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,oBAAC,iBAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,EAC9B,KAAK,EAAE,cAAc,GAAI,CACvB,CACP,CAAC;AACJ,CAAC;AA1CD,gDA0CC","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 widgetIconSvg from \"@bentley/icons-generic/icons/home.svg\";\r\nimport { IconSpecUtilities } from \"@itwin/appui-abstract\";\r\nimport type { IconSpec} from \"@itwin/core-react\";\r\nimport { Icon, useWidgetOpacityContext } from \"@itwin/core-react\";\r\nimport { AppButton } from \"@itwin/appui-layout-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/**\r\n * Properties for the [[BackstageAppButton]] React component\r\n * @public\r\n */\r\nexport interface BackstageAppButtonProps {\r\n  /** Icon specification for the App button */\r\n  icon?: IconSpec;\r\n  /** If specified overrides the default label shown in tooltip. */\r\n  label?: string;\r\n  /** If specified overrides the default action that displays the backstage. */\r\n  execute?: () => void;\r\n}\r\n\r\n/**\r\n * BackstageAppButton used to toggle display of Backstage and is shown in the corner of the ToolWidget.\r\n * @public\r\n */\r\nexport function BackstageAppButton(props: BackstageAppButtonProps) {\r\n  const backstageToggleCommand = React.useMemo(() => UiFramework.backstage.getBackstageToggleCommand(props.icon), [props.icon]);\r\n  const backstageLabel = React.useMemo(() => props.label || backstageToggleCommand.tooltip, [backstageToggleCommand.tooltip, props.label]);\r\n  const [icon, setIcon] = React.useState(props.icon ? props.icon : IconSpecUtilities.createWebComponentIconSpec(widgetIconSvg));\r\n  const isInitialMount = React.useRef(true);\r\n  const divClassName = \"uifw-app-button-small\";\r\n  const { onElementRef, proximityScale } = useWidgetOpacityContext();\r\n  const ref = React.useRef<HTMLDivElement>(null);\r\n\r\n  const handleClick = React.useCallback(() => {\r\n    if (props.execute)\r\n      props.execute();\r\n\r\n    else\r\n      backstageToggleCommand.execute();\r\n  }, [backstageToggleCommand, props]);\r\n\r\n  React.useEffect(() => {\r\n    if (isInitialMount.current) {\r\n      isInitialMount.current = false;\r\n      onElementRef(ref);\r\n    } else {\r\n      setIcon(props.icon ? props.icon : IconSpecUtilities.createWebComponentIconSpec(widgetIconSvg));\r\n    }\r\n  }, [props.icon, onElementRef]);\r\n\r\n  let buttonProximityScale: number | undefined;\r\n\r\n  if (UiFramework.visibility.useProximityOpacity && !UiFramework.isMobile()) {\r\n    buttonProximityScale = proximityScale;\r\n  }\r\n\r\n  return (\r\n    <div ref={ref} className={divClassName}>\r\n      <AppButton\r\n        small={true}\r\n        mouseProximity={buttonProximityScale}\r\n        onClick={handleClick}\r\n        icon={<Icon iconSpec={icon} />}\r\n        title={backstageLabel} />\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"BackstageAppButton.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,oEAAkE;AAClE,0DAA0D;AAE1D,kDAAkE;AAClE,kEAAsD;AACtD,gDAA6C;AAe7C;;;GAGG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CAC1C,GAAG,EAAE,CAAC,yBAAW,CAAC,SAAS,CAAC,yBAAyB,CAAC,KAAK,CAAC,IAAI,CAAC,EACjE,CAAC,KAAK,CAAC,IAAI,CAAC,CACb,CAAC;IACF,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,sBAAsB,CAAC,OAAO,EACnD,CAAC,sBAAsB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAC9C,CAAC;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpC,KAAK,CAAC,IAAI;QACR,CAAC,CAAC,KAAK,CAAC,IAAI;QACZ,CAAC,CAAC,kCAAiB,CAAC,0BAA0B,CAAC,kBAAa,CAAC,CAChE,CAAC;IACF,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,YAAY,GAAG,uBAAuB,CAAC;IAC7C,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAA,oCAAuB,GAAE,CAAC;IACnE,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,KAAK,CAAC,OAAO;YAAE,KAAK,CAAC,OAAO,EAAE,CAAC;;YAC9B,sBAAsB,CAAC,OAAO,EAAE,CAAC;IACxC,CAAC,EAAE,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE;YAC1B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,YAAY,CAAC,GAAG,CAAC,CAAC;SACnB;aAAM;YACL,OAAO,CACL,KAAK,CAAC,IAAI;gBACR,CAAC,CAAC,KAAK,CAAC,IAAI;gBACZ,CAAC,CAAC,kCAAiB,CAAC,0BAA0B,CAAC,kBAAa,CAAC,CAChE,CAAC;SACH;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/B,IAAI,oBAAwC,CAAC;IAE7C,IAAI,yBAAW,CAAC,UAAU,CAAC,mBAAmB,IAAI,CAAC,yBAAW,CAAC,QAAQ,EAAE,EAAE;QACzE,oBAAoB,GAAG,cAAc,CAAC;KACvC;IAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY;QACpC,oBAAC,8BAAS,IACR,KAAK,EAAE,IAAI,EACX,cAAc,EAAE,oBAAoB,EACpC,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,oBAAC,iBAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,EAC9B,KAAK,EAAE,cAAc,GACrB,CACE,CACP,CAAC;AACJ,CAAC;AAtDD,gDAsDC","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 widgetIconSvg from \"@bentley/icons-generic/icons/home.svg\";\nimport { IconSpecUtilities } from \"@itwin/appui-abstract\";\nimport type { IconSpec } from \"@itwin/core-react\";\nimport { Icon, useWidgetOpacityContext } from \"@itwin/core-react\";\nimport { AppButton } from \"@itwin/appui-layout-react\";\nimport { UiFramework } from \"../UiFramework\";\n\n/**\n * Properties for the [[BackstageAppButton]] React component\n * @public\n */\nexport interface BackstageAppButtonProps {\n  /** Icon specification for the App button */\n  icon?: IconSpec;\n  /** If specified overrides the default label shown in tooltip. */\n  label?: string;\n  /** If specified overrides the default action that displays the backstage. */\n  execute?: () => void;\n}\n\n/**\n * BackstageAppButton used to toggle display of Backstage and is shown in the corner of the ToolWidget.\n * @public\n */\nexport function BackstageAppButton(props: BackstageAppButtonProps) {\n  const backstageToggleCommand = React.useMemo(\n    () => UiFramework.backstage.getBackstageToggleCommand(props.icon),\n    [props.icon]\n  );\n  const backstageLabel = React.useMemo(\n    () => props.label || backstageToggleCommand.tooltip,\n    [backstageToggleCommand.tooltip, props.label]\n  );\n  const [icon, setIcon] = React.useState(\n    props.icon\n      ? props.icon\n      : IconSpecUtilities.createWebComponentIconSpec(widgetIconSvg)\n  );\n  const isInitialMount = React.useRef(true);\n  const divClassName = \"uifw-app-button-small\";\n  const { onElementRef, proximityScale } = useWidgetOpacityContext();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  const handleClick = React.useCallback(() => {\n    if (props.execute) props.execute();\n    else backstageToggleCommand.execute();\n  }, [backstageToggleCommand, props]);\n\n  React.useEffect(() => {\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      onElementRef(ref);\n    } else {\n      setIcon(\n        props.icon\n          ? props.icon\n          : IconSpecUtilities.createWebComponentIconSpec(widgetIconSvg)\n      );\n    }\n  }, [props.icon, onElementRef]);\n\n  let buttonProximityScale: number | undefined;\n\n  if (UiFramework.visibility.useProximityOpacity && !UiFramework.isMobile()) {\n    buttonProximityScale = proximityScale;\n  }\n\n  return (\n    <div ref={ref} className={divClassName}>\n      <AppButton\n        small={true}\n        mouseProximity={buttonProximityScale}\n        onClick={handleClick}\n        icon={<Icon iconSpec={icon} />}\n        title={backstageLabel}\n      />\n    </div>\n  );\n}\n"]}

package/lib/cjs/appui-react/widgets/BasicNavigationWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BasicNavigationWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicNavigationWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AASH,OAAO,KAAK,EAAE,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAGzD;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,wEAAwE;IACxE,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eAsDtE"}
+{"version":3,"file":"BasicNavigationWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicNavigationWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AASH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG1D;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,wEAAwE;IACxE,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eAyEtE"}

package/lib/cjs/appui-react/widgets/BasicNavigationWidget.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -51,7 +51,12 @@ function BasicNavigationWidget(props) {
             setHorizontalItems(getHorizontalToolbarItems());
             setVerticalItems(getVerticalToolbarItems());
         }
-    }, [props.additionalHorizontalItems, props.additionalVerticalItems, getHorizontalToolbarItems, getVerticalToolbarItems]);
+    }, [
+        props.additionalHorizontalItems,
+        props.additionalVerticalItems,
+        getHorizontalToolbarItems,
+        getVerticalToolbarItems,
+    ]);
     const uiIsVisible = (0, useUiVisibility_1.useUiVisibility)();
     // istanbul ignore next
     const className = (0, classnames_1.default)(!uiIsVisible && "nz-hidden");

package/lib/cjs/appui-react/widgets/BasicNavigationWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicNavigationWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicNavigationWidget.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,sEAAyD;AACzD,gEAA6D;AAC7D,4DAAyD;AACzD,8DAA2D;AAC3D,yEAAsE;AAEtE,wDAA0E;AAY1E;;;GAGG;AACH,SAAgB,qBAAqB,CAAC,KAAiC;IAErE,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CACjD,GAAkB,EAAE;QAClB,MAAM,KAAK,GAAkB,6BAAa,CAAC,8BAA8B,CAAC;YACxE,+BAAS,CAAC,iBAAiB;YAC3B,+BAAS,CAAC,cAAc;YACxB,+BAAS,CAAC,cAAc;YACxB,+BAAS,CAAC,iBAAiB;YAC3B,+BAAS,CAAC,eAAe;YACzB,+BAAS,CAAC,eAAe;SAC1B,CAAC,CAAC;QACH,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,GAAkB,EAAE;QAClB,MAAM,KAAK,GAAkB,EAAE,CAAC;QAChC,KAAK,CAAC,IAAI,CACR,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAAS,CAAC,eAAe,CAAC,EACzE,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAAS,CAAC,uBAAuB,CAAC,CAClF,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,EAAE,CAAC,CAAC;IAChG,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,EAAE,CAAC,CAAC;YAChD,gBAAgB,CAAC,uBAAuB,EAAE,CAAC,CAAC;SAC7C;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,uBAAuB,EAAE,yBAAyB,EAAE,uBAAuB,CAAC,CAAC,CAAC;IAEzH,MAAM,WAAW,GAAG,IAAA,iCAAe,GAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,CAAC,WAAW,IAAI,WAAW,CAC5B,CAAC;IAEF,OAAO,CACL,oBAAC,mDAAwB,IAAC,SAAS,EAAE,SAAS,EAC5C,iBAAiB,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,0BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,gCAAkB,CAAC,UAAU,GAAI,EAC9I,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,0BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,gCAAkB,CAAC,QAAQ,GAAI,GACxI,CACH,CAAC;AACJ,CAAC;AAtDD,sDAsDC","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 { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\r\nimport { ToolbarHelper } from \"../toolbar/ToolbarHelper\";\r\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\r\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer\";\r\nimport type { ToolbarItem} from \"../toolbar/ToolbarItem\";\r\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\r\n\r\n/** Properties that can be used to append items to the default set of toolbar items.\r\n * @public\r\n */\r\nexport interface BasicNavigationWidgetProps {\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/** Basic Navigation Widget that provides standard tools to manipulate views containing element data.\r\n * Supports the specification of additional horizontal and vertical toolbar items through props.\r\n * @public\r\n */\r\nexport function BasicNavigationWidget(props: BasicNavigationWidgetProps) {\r\n\r\n  const getHorizontalToolbarItems = React.useCallback(\r\n    (): ToolbarItem[] => {\r\n      const items: ToolbarItem[] = ToolbarHelper.createToolbarItemsFromItemDefs([\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      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.walkViewCommand),\r\n        ToolbarHelper.createToolbarItemFromItemDef(20, CoreTools.toggleCameraViewCommand),\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());\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());\r\n      setVerticalItems(getVerticalToolbarItems());\r\n    }\r\n  }, [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\r\n  return (\r\n    <NavigationWidgetComposer className={className}\r\n      horizontalToolbar={<ToolbarComposer items={horizontalItems} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Horizontal} />}\r\n      verticalToolbar={<ToolbarComposer items={verticalItems} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Vertical} />}\r\n    />\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"BasicNavigationWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicNavigationWidget.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,sEAAyD;AACzD,gEAA6D;AAC7D,4DAAyD;AACzD,8DAA2D;AAC3D,yEAAsE;AAEtE,wDAA0E;AAY1E;;;GAGG;AACH,SAAgB,qBAAqB,CAAC,KAAiC;IACrE,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAkB,EAAE;QACtE,MAAM,KAAK,GAAkB,6BAAa,CAAC,8BAA8B,CAAC;YACxE,+BAAS,CAAC,iBAAiB;YAC3B,+BAAS,CAAC,cAAc;YACxB,+BAAS,CAAC,cAAc;YACxB,+BAAS,CAAC,iBAAiB;YAC3B,+BAAS,CAAC,eAAe;YACzB,+BAAS,CAAC,eAAe;SAC1B,CAAC,CAAC;QACH,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;IAEtC,MAAM,uBAAuB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAkB,EAAE;QACpE,MAAM,KAAK,GAAkB,EAAE,CAAC;QAChC,KAAK,CAAC,IAAI,CACR,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAAS,CAAC,eAAe,CAAC,EACzE,6BAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,+BAAS,CAAC,uBAAuB,CAClC,CACF,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;IAEpC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAChE,yBAAyB,EAAE,CAC5B,CAAC;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAC5D,uBAAuB,EAAE,CAC1B,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO;YAAE,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;aACtD;YACH,kBAAkB,CAAC,yBAAyB,EAAE,CAAC,CAAC;YAChD,gBAAgB,CAAC,uBAAuB,EAAE,CAAC,CAAC;SAC7C;IACH,CAAC,EAAE;QACD,KAAK,CAAC,yBAAyB;QAC/B,KAAK,CAAC,uBAAuB;QAC7B,yBAAyB;QACzB,uBAAuB;KACxB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,IAAA,iCAAe,GAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,CAAC,WAAW,IAAI,WAAW,CAAC,CAAC;IAE1D,OAAO,CACL,oBAAC,mDAAwB,IACvB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EACf,oBAAC,iCAAe,IACd,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,0BAAY,CAAC,cAAc,EAClC,WAAW,EAAE,gCAAkB,CAAC,UAAU,GAC1C,EAEJ,eAAe,EACb,oBAAC,iCAAe,IACd,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,0BAAY,CAAC,cAAc,EAClC,WAAW,EAAE,gCAAkB,CAAC,QAAQ,GACxC,GAEJ,CACH,CAAC;AACJ,CAAC;AAzED,sDAyEC","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 { CoreTools } from \"../tools/CoreToolDefinitions\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { ToolbarHelper } from \"../toolbar/ToolbarHelper\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\n\n/** Properties that can be used to append items to the default set of toolbar items.\n * @public\n */\nexport interface BasicNavigationWidgetProps {\n  /** optional set of additional items to include in horizontal toolbar */\n  additionalHorizontalItems?: ToolbarItem[];\n  /** optional set of additional items to include in vertical toolbar */\n  additionalVerticalItems?: ToolbarItem[];\n}\n\n/** Basic Navigation Widget that provides standard tools to manipulate views containing element data.\n * Supports the specification of additional horizontal and vertical toolbar items through props.\n * @public\n */\nexport function BasicNavigationWidget(props: BasicNavigationWidgetProps) {\n  const getHorizontalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = ToolbarHelper.createToolbarItemsFromItemDefs([\n      CoreTools.rotateViewCommand,\n      CoreTools.panViewCommand,\n      CoreTools.fitViewCommand,\n      CoreTools.windowAreaCommand,\n      CoreTools.viewUndoCommand,\n      CoreTools.viewRedoCommand,\n    ]);\n    if (props.additionalHorizontalItems)\n      items.push(...props.additionalHorizontalItems);\n    return items;\n  }, [props.additionalHorizontalItems]);\n\n  const getVerticalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = [];\n    items.push(\n      ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.walkViewCommand),\n      ToolbarHelper.createToolbarItemFromItemDef(\n        20,\n        CoreTools.toggleCameraViewCommand\n      )\n    );\n    if (props.additionalVerticalItems)\n      items.push(...props.additionalVerticalItems);\n    return items;\n  }, [props.additionalVerticalItems]);\n\n  const [horizontalItems, setHorizontalItems] = React.useState(() =>\n    getHorizontalToolbarItems()\n  );\n  const [verticalItems, setVerticalItems] = React.useState(() =>\n    getVerticalToolbarItems()\n  );\n\n  const isInitialMount = React.useRef(true);\n  React.useEffect(() => {\n    if (isInitialMount.current) isInitialMount.current = false;\n    else {\n      setHorizontalItems(getHorizontalToolbarItems());\n      setVerticalItems(getVerticalToolbarItems());\n    }\n  }, [\n    props.additionalHorizontalItems,\n    props.additionalVerticalItems,\n    getHorizontalToolbarItems,\n    getVerticalToolbarItems,\n  ]);\n\n  const uiIsVisible = useUiVisibility();\n  // istanbul ignore next\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n\n  return (\n    <NavigationWidgetComposer\n      className={className}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={horizontalItems}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={verticalItems}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}

package/lib/cjs/appui-react/widgets/BasicToolWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BasicToolWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAWH,OAAO,KAAK,EAAE,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAGzD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,yDAAyD;IACzD,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,qHAAqH;IACrH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAgE1D"}
+{"version":3,"file":"BasicToolWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAWH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG1D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,yDAAyD;IACzD,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,qHAAqH;IACrH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA2H1D"}

package/lib/cjs/appui-react/widgets/BasicToolWidget.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -52,7 +52,13 @@ function BasicToolWidget(props) {
             setHorizontalItems(getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools));
             setVerticalItems(getVerticalToolbarItems());
         }
-    }, [props.showCategoryAndModelsContextTools, props.additionalHorizontalItems, props.additionalVerticalItems, getHorizontalToolbarItems, getVerticalToolbarItems]);
+    }, [
+        props.showCategoryAndModelsContextTools,
+        props.additionalHorizontalItems,
+        props.additionalVerticalItems,
+        getHorizontalToolbarItems,
+        getVerticalToolbarItems,
+    ]);
     const uiIsVisible = (0, useUiVisibility_1.useUiVisibility)();
     // istanbul ignore next
     const className = (0, classnames_1.default)(!uiIsVisible && "nz-hidden");

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

@@ -1 +1 @@
-{"version":3,"file":"BasicToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,sEAAyD;AACzD,kFAAuF;AACvF,gEAA6D;AAC7D,4DAAyD;AACzD,6DAA0D;AAC1D,6DAA0D;AAC1D,8DAA2D;AAE3D,wDAA0E;AAgB1E;;;GAGG;AACH,SAAgB,eAAe,CAAC,KAA2B;IACzD,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CACjD,CAAC,gCAAyC,EAAiB,EAAE;QAC3D,MAAM,KAAK,GAAkB,EAAE,CAAC;QAChC,IAAI,gCAAgC,EAAE;YACpC,KAAK,CAAC,IAAI,CACR,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAAS,CAAC,qBAAqB,CAAC,EAC/E,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,yDAA+B,CAAC,wCAAwC,CAAC,EACxH,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,yDAA+B,CAAC,oBAAoB,CAAC,EACpG,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,yDAA+B,CAAC,yBAAyB,CAAC,EACzG,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,yDAA+B,CAAC,wBAAwB,CAAC,CACzG,CAAC;SACH;aAAM;YACL,KAAK,CAAC,IAAI,CACR,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAAS,CAAC,qBAAqB,CAAC,EAC/E,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,yDAA+B,CAAC,wCAAwC,CAAC,EACxH,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,yDAA+B,CAAC,mBAAmB,CAAC,EACnG,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,yDAA+B,CAAC,sBAAsB,CAAC,EACtG,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,yDAA+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,GAAkB,EAAE;QAClB,MAAM,KAAK,GAAkB,EAAE,CAAC;QAChC,KAAK,CAAC,IAAI,CACR,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAAS,CAAC,oBAAoB,CAAC,EAC9E,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAAS,CAAC,gBAAgB,CAAC,EAC1E,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAAS,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,IAAA,iCAAe,GAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,CAAC,WAAW,IAAI,WAAW,CAC5B,CAAC;IACF,OAAO,CACL,oBAAC,uCAAkB,IAAC,SAAS,EAAE,SAAS,EACtC,UAAU,EAAE,oBAAC,uCAAkB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,EACpD,iBAAiB,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,0BAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,gCAAkB,CAAC,UAAU,GAAI,EACnJ,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,0BAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,gCAAkB,CAAC,QAAQ,GAAI,GAC7I,CACH,CAAC;AACJ,CAAC;AAhED,0CAgEC","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 type { ToolbarItem} from \"../toolbar/ToolbarItem\";\r\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\r\n\r\n/** Properties that can be used to append items to the default set of toolbar items.\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"]}
+{"version":3,"file":"BasicToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,sEAAyD;AACzD,kFAAuF;AACvF,gEAA6D;AAC7D,4DAAyD;AACzD,6DAA0D;AAC1D,6DAA0D;AAC1D,8DAA2D;AAE3D,wDAA0E;AAgB1E;;;GAGG;AACH,SAAgB,eAAe,CAAC,KAA2B;IACzD,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CACjD,CAAC,gCAAyC,EAAiB,EAAE;QAC3D,MAAM,KAAK,GAAkB,EAAE,CAAC;QAChC,IAAI,gCAAgC,EAAE;YACpC,KAAK,CAAC,IAAI,CACR,6BAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,+BAAS,CAAC,qBAAqB,CAChC,EACD,6BAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,yDAA+B,CAAC,wCAAwC,CACzE,EACD,6BAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,yDAA+B,CAAC,oBAAoB,CACrD,EACD,6BAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,yDAA+B,CAAC,yBAAyB,CAC1D,EACD,6BAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,yDAA+B,CAAC,wBAAwB,CACzD,CACF,CAAC;SACH;aAAM;YACL,KAAK,CAAC,IAAI,CACR,6BAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,+BAAS,CAAC,qBAAqB,CAChC,EACD,6BAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,yDAA+B,CAAC,wCAAwC,CACzE,EACD,6BAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,yDAA+B,CAAC,mBAAmB,CACpD,EACD,6BAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,yDAA+B,CAAC,sBAAsB,CACvD,EACD,6BAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,yDAA+B,CAAC,wBAAwB,CACzD,CACF,CAAC;SACH;QACD,IAAI,KAAK,CAAC,yBAAyB;YACjC,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,yBAAyB,CAAC,CAAC;QACjD,OAAO,KAAK,CAAC;IACf,CAAC,EACD,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAClC,CAAC;IAEF,MAAM,uBAAuB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAkB,EAAE;QACpE,MAAM,KAAK,GAAkB,EAAE,CAAC;QAChC,KAAK,CAAC,IAAI,CACR,6BAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,+BAAS,CAAC,oBAAoB,CAC/B,EACD,6BAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,+BAAS,CAAC,gBAAgB,CAC3B,EACD,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAAS,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;IAEpC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAChE,yBAAyB,CAAC,CAAC,CAAC,KAAK,CAAC,iCAAiC,CAAC,CACrE,CAAC;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAC5D,uBAAuB,EAAE,CAC1B,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO;YAAE,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;aACtD;YACH,kBAAkB,CAChB,yBAAyB,CAAC,CAAC,CAAC,KAAK,CAAC,iCAAiC,CAAC,CACrE,CAAC;YACF,gBAAgB,CAAC,uBAAuB,EAAE,CAAC,CAAC;SAC7C;IACH,CAAC,EAAE;QACD,KAAK,CAAC,iCAAiC;QACvC,KAAK,CAAC,yBAAyB;QAC/B,KAAK,CAAC,uBAAuB;QAC7B,yBAAyB;QACzB,uBAAuB;KACxB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,IAAA,iCAAe,GAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,CAAC,WAAW,IAAI,WAAW,CAAC,CAAC;IAC1D,OAAO,CACL,oBAAC,uCAAkB,IACjB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,oBAAC,uCAAkB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,EACpD,iBAAiB,EACf,oBAAC,iCAAe,IACd,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,0BAAY,CAAC,mBAAmB,EACvC,WAAW,EAAE,gCAAkB,CAAC,UAAU,GAC1C,EAEJ,eAAe,EACb,oBAAC,iCAAe,IACd,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,0BAAY,CAAC,mBAAmB,EACvC,WAAW,EAAE,gCAAkB,CAAC,QAAQ,GACxC,GAEJ,CACH,CAAC;AACJ,CAAC;AA3HD,0CA2HC","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 { 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\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\n\n/** Properties that can be used to append items to the default set of toolbar items.\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?: ToolbarItem[];\n  /** optional set of additional items to include in vertical toolbar */\n  additionalVerticalItems?: ToolbarItem[];\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): ToolbarItem[] => {\n      const items: ToolbarItem[] = [];\n      if (useCategoryAndModelsContextTools) {\n        items.push(\n          ToolbarHelper.createToolbarItemFromItemDef(\n            10,\n            CoreTools.clearSelectionItemDef\n          ),\n          ToolbarHelper.createToolbarItemFromItemDef(\n            20,\n            SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef\n          ),\n          ToolbarHelper.createToolbarItemFromItemDef(\n            30,\n            SelectionContextToolDefinitions.hideSectionToolGroup\n          ),\n          ToolbarHelper.createToolbarItemFromItemDef(\n            40,\n            SelectionContextToolDefinitions.isolateSelectionToolGroup\n          ),\n          ToolbarHelper.createToolbarItemFromItemDef(\n            50,\n            SelectionContextToolDefinitions.emphasizeElementsItemDef\n          )\n        );\n      } else {\n        items.push(\n          ToolbarHelper.createToolbarItemFromItemDef(\n            10,\n            CoreTools.clearSelectionItemDef\n          ),\n          ToolbarHelper.createToolbarItemFromItemDef(\n            20,\n            SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef\n          ),\n          ToolbarHelper.createToolbarItemFromItemDef(\n            30,\n            SelectionContextToolDefinitions.hideElementsItemDef\n          ),\n          ToolbarHelper.createToolbarItemFromItemDef(\n            40,\n            SelectionContextToolDefinitions.isolateElementsItemDef\n          ),\n          ToolbarHelper.createToolbarItemFromItemDef(\n            50,\n            SelectionContextToolDefinitions.emphasizeElementsItemDef\n          )\n        );\n      }\n      if (props.additionalHorizontalItems)\n        items.push(...props.additionalHorizontalItems);\n      return items;\n    },\n    [props.additionalHorizontalItems]\n  );\n\n  const getVerticalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = [];\n    items.push(\n      ToolbarHelper.createToolbarItemFromItemDef(\n        10,\n        CoreTools.selectElementCommand\n      ),\n      ToolbarHelper.createToolbarItemFromItemDef(\n        20,\n        CoreTools.measureToolGroup\n      ),\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(() =>\n    getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools)\n  );\n  const [verticalItems, setVerticalItems] = React.useState(() =>\n    getVerticalToolbarItems()\n  );\n\n  const isInitialMount = React.useRef(true);\n  React.useEffect(() => {\n    if (isInitialMount.current) isInitialMount.current = false;\n    else {\n      setHorizontalItems(\n        getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools)\n      );\n      setVerticalItems(getVerticalToolbarItems());\n    }\n  }, [\n    props.showCategoryAndModelsContextTools,\n    props.additionalHorizontalItems,\n    props.additionalVerticalItems,\n    getHorizontalToolbarItems,\n    getVerticalToolbarItems,\n  ]);\n\n  const uiIsVisible = useUiVisibility();\n  // istanbul ignore next\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n  return (\n    <ToolWidgetComposer\n      className={className}\n      cornerItem={<BackstageAppButton icon={props.icon} />}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={horizontalItems}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={verticalItems}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}

package/lib/cjs/appui-react/widgets/ContentToolWidgetComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentToolWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ContentToolWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC7C,yEAAyE;IACzE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,eAc9E"}
+{"version":3,"file":"ContentToolWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ContentToolWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC7C,yEAAyE;IACzE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,eA0BtC"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

package/lib/cjs/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,2CAAoC;AACpC,+BAA+B;AAC/B,gEAA6D;AAC7D,6DAA0D;AAC1D,8DAA2D;AAC3D,wDAA0E;AAW1E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,SAAgB,yBAAyB,CAAC,KAAqC;IAC7E,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,WAAW,GAAG,IAAA,iCAAe,GAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,CAAC,WAAW,IAAI,WAAW,CAC5B,CAAC;IACF,OAAO,CACL,oBAAC,uCAAkB,IAAC,SAAS,EAAE,SAAS,EACtC,UAAU,EAAE,YAAY,EACxB,iBAAiB,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,0BAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,gCAAkB,CAAC,UAAU,GAAI,EACtI,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,0BAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,gCAAkB,CAAC,QAAQ,GAAI,GAClI,CACH,CAAC;AACJ,CAAC;AAdD,8DAcC","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"]}
+{"version":3,"file":"ContentToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ContentToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,gEAA6D;AAC7D,6DAA0D;AAC1D,8DAA2D;AAC3D,wDAA0E;AAW1E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,SAAgB,yBAAyB,CACvC,KAAqC;IAErC,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,WAAW,GAAG,IAAA,iCAAe,GAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,CAAC,WAAW,IAAI,WAAW,CAAC,CAAC;IAC1D,OAAO,CACL,oBAAC,uCAAkB,IACjB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,YAAY,EACxB,iBAAiB,EACf,oBAAC,iCAAe,IACd,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,0BAAY,CAAC,mBAAmB,EACvC,WAAW,EAAE,gCAAkB,CAAC,UAAU,GAC1C,EAEJ,eAAe,EACb,oBAAC,iCAAe,IACd,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,0BAAY,CAAC,mBAAmB,EACvC,WAAW,EAAE,gCAAkB,CAAC,QAAQ,GACxC,GAEJ,CACH,CAAC;AACJ,CAAC;AA3BD,8DA2BC","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 { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\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={<SvgBentleySystems />} />;\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\n * ```\n * ToolWidget with custom corner button\n * ```\n * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}\n *   label=\"Toggle Backstage display\",\n *   execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\n * ```\n *\n * BackstageCornerButton,\n * @public\n */\nexport function ContentToolWidgetComposer(\n  props: ContentToolWidgetComposerProps\n) {\n  const { cornerButton } = props;\n  const uiIsVisible = useUiVisibility();\n  // istanbul ignore next\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n  return (\n    <ToolWidgetComposer\n      className={className}\n      cornerItem={cornerButton}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={[]}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={[]}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}

package/lib/cjs/appui-react/widgets/NavigationWidgetComposer.d.ts.map

@@ -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;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAoBpD;;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"}
+{"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;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA0CrD;;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,eAoG9D;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,eAwC5E"}

package/lib/cjs/appui-react/widgets/NavigationWidgetComposer.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -15,10 +15,14 @@ const appui_layout_react_1 = require("@itwin/appui-layout-react");
 const UiFramework_1 = require("../UiFramework");
 function createNavigationAidControl(activeContentControl, navigationAidId, activeViewport) {
     // istanbul ignore else
-    if (!activeContentControl || !navigationAidId || (activeViewport !== activeContentControl.viewport))
+    if (!activeContentControl ||
+        !navigationAidId ||
+        activeViewport !== activeContentControl.viewport)
         return undefined;
     const viewport = activeContentControl.viewport;
-    const imodel = viewport ? viewport.iModel : /* istanbul ignore next */ UiFramework_1.UiFramework.getIModelConnection();
+    const imodel = viewport
+        ? viewport.iModel
+        : /* istanbul ignore next */ UiFramework_1.UiFramework.getIModelConnection();
     const navigationAidControl = UiFramework_1.UiFramework.controls.create(navigationAidId, navigationAidId, { imodel, viewport });
     navigationAidControl.initialize();
     return navigationAidControl;
@@ -30,7 +34,9 @@ function createNavigationAidControl(activeContentControl, navigationAidId, activ
 function NavigationAidHost(props) {
     const [activeContentControl, setActiveContentControl] = React.useState(() => UiFramework_1.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 */ "");
+    const [navigationAidId, setNavigationAidId] = React.useState(() => activeContentControl
+        ? activeContentControl.navigationAidControl
+        : /* istanbul ignore next */ "");
     React.useEffect(() => {
         // istanbul ignore next
         const handleContentControlActivated = (args) => {
@@ -71,12 +77,16 @@ function NavigationAidHost(props) {
         }
     }, [onElementRef]);
     const divStyle = {
-        minWidth: props.minWidth ? /* istanbul ignore next */ props.minWidth : "64px",
-        minHeight: props.minHeight ? /* istanbul ignore next */ props.minHeight : "64px",
+        minWidth: props.minWidth
+            ? /* istanbul ignore next */ props.minWidth
+            : "64px",
+        minHeight: props.minHeight
+            ? /* istanbul ignore next */ props.minHeight
+            : "64px",
     };
     // istanbul ignore else
     if (UiFramework_1.UiFramework.visibility.useProximityOpacity && !UiFramework_1.UiFramework.isMobile()) {
-        const navigationAidOpacity = (0.30 * proximityScale) + 0.70;
+        const navigationAidOpacity = 0.3 * proximityScale + 0.7;
         divStyle.opacity = `${navigationAidOpacity}`;
     }
     return (React.createElement("div", { style: divStyle, ref: ref }, navigationAidControl && navigationAidControl.reactNode));
@@ -95,7 +105,9 @@ function NavigationWidgetComposer(props) {
     }, [elementSet]);
     const proximityScale = (0, core_react_1.useProximityToMouse)(elementSet, UiFramework_1.UiFramework.visibility.snapWidgetOpacity);
     /* istanbul ignore next */
-    const navigationAid = hideNavigationAid ? undefined : navigationAidHost !== null && navigationAidHost !== void 0 ? navigationAidHost : React.createElement(NavigationAidHost, null);
+    const navigationAid = hideNavigationAid
+        ? undefined
+        : navigationAidHost !== null && navigationAidHost !== void 0 ? navigationAidHost : React.createElement(NavigationAidHost, null);
     return (React.createElement(core_react_1.WidgetOpacityContext.Provider, { value: {
             onElementRef: handleChildRef,
             proximityScale,

package/lib/cjs/appui-react/widgets/NavigationWidgetComposer.js.map

@@ -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 type { ScreenViewport } from \"@itwin/core-frontend\";\r\nimport type { ViewClassFullNameChangedEventArgs} from \"@itwin/imodel-components-react\";\r\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\r\nimport type { CommonProps} from \"@itwin/core-react\";\r\nimport { useProximityToMouse, useWidgetOpacityContext, WidgetElementSet, WidgetOpacityContext } from \"@itwin/core-react\";\r\nimport { NavigationArea } from \"@itwin/appui-layout-react\";\r\nimport type { ContentControl, ContentControlActivatedEventArgs } from \"../content/ContentControl\";\r\nimport type { 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"]}
+{"version":3,"file":"NavigationWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAG/B,4EAAyE;AAEzE,kDAK2B;AAC3B,kEAA2D;AAM3D,gDAA6C;AAE7C,SAAS,0BAA0B,CACjC,oBAAgD,EAChD,eAAuB,EACvB,cAA0C;IAE1C,uBAAuB;IACvB,IACE,CAAC,oBAAoB;QACrB,CAAC,eAAe;QAChB,cAAc,KAAK,oBAAoB,CAAC,QAAQ;QAEhD,OAAO,SAAS,CAAC;IAEnB,MAAM,QAAQ,GAAG,oBAAoB,CAAC,QAAQ,CAAC;IAC/C,MAAM,MAAM,GAAG,QAAQ;QACrB,CAAC,CAAC,QAAQ,CAAC,MAAM;QACjB,CAAC,CAAC,0BAA0B,CAAC,yBAAW,CAAC,mBAAmB,EAAE,CAAC;IACjE,MAAM,oBAAoB,GAAG,yBAAW,CAAC,QAAQ,CAAC,MAAM,CACtD,eAAe,EACf,eAAe,EACf,EAAE,MAAM,EAAE,QAAQ,EAAE,CACG,CAAC;IAE1B,oBAAoB,CAAC,UAAU,EAAE,CAAC;IAClC,OAAO,oBAAoB,CAAC;AAC9B,CAAC;AAYD;;;GAGG;AACH,SAAgB,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAC1E,yBAAW,CAAC,OAAO,CAAC,uBAAuB,EAAE,CAC9C,CAAC;IACF,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACtE,GAAG,EAAE,CAAC,0BAA0B,CAAC,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,QAAQ,CAChE,CAAC;IACF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAChE,oBAAoB;QAClB,CAAC,CAAC,oBAAoB,CAAC,oBAAoB;QAC3C,CAAC,CAAC,0BAA0B,CAAC,EAAE,CAClC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,MAAM,6BAA6B,GAAG,CACpC,IAAsC,EACtC,EAAE;YACF,uBAAuB,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;YACnD,wBAAwB,CAAC,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;YAC7D,kBAAkB,CAAC,IAAI,CAAC,oBAAoB,CAAC,oBAAoB,CAAC,CAAC;QACrE,CAAC,CAAC;QAEF,yBAAW,CAAC,WAAW,CAAC,8BAA8B,CAAC,WAAW,CAChE,6BAA6B,CAC9B,CAAC;QACF,OAAO,GAAG,EAAE;YACV,yBAAW,CAAC,WAAW,CAAC,8BAA8B,CAAC,cAAc,CACnE,6BAA6B,CAC9B,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE;QAChE,MAAM,OAAO,GAAG,yBAAW,CAAC,OAAO,CAAC,uBAAuB,EAAE,CAAC;QAC9D,IAAI,OAAO,IAAI,OAAO,CAAC,QAAQ;YAAE,OAAO,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC;QAC5E,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,MAAM,6BAA6B,GAAG,CACpC,IAAuC,EACvC,EAAE;YACF,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACnC,CAAC,CAAC;QAEF,iDAAuB,CAAC,+BAA+B,CAAC,WAAW,CACjE,6BAA6B,CAC9B,CAAC;QACF,OAAO,GAAG,EAAE;YACV,iDAAuB,CAAC,+BAA+B,CAAC,cAAc,CACpE,6BAA6B,CAC9B,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,oBAAoB,GAAG,KAAK,CAAC,OAAO,CACxC,GAAG,EAAE,CACH,0BAA0B,CACxB,oBAAoB,EACpB,eAAe,EACf,qBAAqB,CACtB,EACH,CAAC,oBAAoB,EAAE,eAAe,EAAE,qBAAqB,CAAC,CAC/D,CAAC;IAEF,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAA,oCAAuB,GAAE,CAAC;IAEnE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,IAAI,cAAc,CAAC,OAAO,EAAE;YAC1B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,YAAY,CAAC,GAAG,CAAC,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,QAAQ,GAAwB;QACpC,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACtB,CAAC,CAAC,0BAA0B,CAAC,KAAK,CAAC,QAAQ;YAC3C,CAAC,CAAC,MAAM;QACV,SAAS,EAAE,KAAK,CAAC,SAAS;YACxB,CAAC,CAAC,0BAA0B,CAAC,KAAK,CAAC,SAAS;YAC5C,CAAC,CAAC,MAAM;KACX,CAAC;IAEF,uBAAuB;IACvB,IAAI,yBAAW,CAAC,UAAU,CAAC,mBAAmB,IAAI,CAAC,yBAAW,CAAC,QAAQ,EAAE,EAAE;QACzE,MAAM,oBAAoB,GAAG,GAAG,GAAG,cAAc,GAAG,GAAG,CAAC;QACxD,QAAQ,CAAC,OAAO,GAAG,GAAG,oBAAoB,EAAE,CAAC;KAC9C;IAED,OAAO,CACL,6BAAK,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAC3B,oBAAoB,IAAI,oBAAoB,CAAC,SAAS,CACnD,CACP,CAAC;AACJ,CAAC;AApGD,8CAoGC;AAgBD;;;;GAIG;AACH,SAAgB,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,EACJ,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,6BAAgB,EAAE,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,UAAoC,EAAE,EAAE;QACvC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,cAAc,GAAG,IAAA,gCAAmB,EACxC,UAAU,EACV,yBAAW,CAAC,UAAU,CAAC,iBAAiB,CACzC,CAAC;IACF,0BAA0B;IAC1B,MAAM,aAAa,GAAG,iBAAiB;QACrC,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,oBAAC,iBAAiB,OAAG,CAAC;IAE/C,OAAO,CACL,oBAAC,iCAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,YAAY,EAAE,cAAc;YAC5B,cAAc;SACf;QAED,oBAAC,mCAAc,IACb,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,KAC5B,UAAU,EACd,YAAY,EAAE,yBAAW,CAAC,UAAU,CAAC,sBAAsB,GAC3D,CAC4B,CACjC,CAAC;AACJ,CAAC;AAxCD,4DAwCC","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 type { ScreenViewport } from \"@itwin/core-frontend\";\nimport type { ViewClassFullNameChangedEventArgs } from \"@itwin/imodel-components-react\";\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport {\n  useProximityToMouse,\n  useWidgetOpacityContext,\n  WidgetElementSet,\n  WidgetOpacityContext,\n} from \"@itwin/core-react\";\nimport { NavigationArea } from \"@itwin/appui-layout-react\";\nimport type {\n  ContentControl,\n  ContentControlActivatedEventArgs,\n} from \"../content/ContentControl\";\nimport type { NavigationAidControl } from \"../navigationaids/NavigationAidControl\";\nimport { UiFramework } from \"../UiFramework\";\n\nfunction createNavigationAidControl(\n  activeContentControl: ContentControl | undefined,\n  navigationAidId: string,\n  activeViewport: ScreenViewport | undefined\n): NavigationAidControl | undefined {\n  // istanbul ignore else\n  if (\n    !activeContentControl ||\n    !navigationAidId ||\n    activeViewport !== activeContentControl.viewport\n  )\n    return undefined;\n\n  const viewport = activeContentControl.viewport;\n  const imodel = viewport\n    ? viewport.iModel\n    : /* istanbul ignore next */ UiFramework.getIModelConnection();\n  const navigationAidControl = UiFramework.controls.create(\n    navigationAidId,\n    navigationAidId,\n    { imodel, viewport }\n  ) as NavigationAidControl;\n\n  navigationAidControl.initialize();\n  return navigationAidControl;\n}\n\n/** Properties for the [[NavigationAidHost]] React component\n * @public\n */\nexport interface NavigationAidHostProps {\n  /** Navigation Aid Host minimum width. Defaults to \"64px\". */\n  minWidth?: string;\n  /** Navigation Aid Host minimum height. Defaults to \"64px\". */\n  minHeight?: string;\n}\n\n/**\n * NavigationAidHost is a component that hosts a NavigationAid that is specific to the active content control.\n * @public\n */\nexport function NavigationAidHost(props: NavigationAidHostProps) {\n  const [activeContentControl, setActiveContentControl] = React.useState(() =>\n    UiFramework.content.getActiveContentControl()\n  );\n  const [activeContentViewport, setActiveContentViewport] = React.useState(\n    () => /* istanbul ignore next */ activeContentControl?.viewport\n  );\n  const [navigationAidId, setNavigationAidId] = React.useState(() =>\n    activeContentControl\n      ? activeContentControl.navigationAidControl\n      : /* istanbul ignore next */ \"\"\n  );\n\n  React.useEffect(() => {\n    // istanbul ignore next\n    const handleContentControlActivated = (\n      args: ContentControlActivatedEventArgs\n    ) => {\n      setActiveContentControl(args.activeContentControl);\n      setActiveContentViewport(args.activeContentControl.viewport);\n      setNavigationAidId(args.activeContentControl.navigationAidControl);\n    };\n\n    UiFramework.frontstages.onContentControlActivatedEvent.addListener(\n      handleContentControlActivated\n    );\n    return () => {\n      UiFramework.frontstages.onContentControlActivatedEvent.removeListener(\n        handleContentControlActivated\n      );\n    };\n  }, []);\n\n  const [activeViewClass, setActiveViewClass] = React.useState(() => {\n    const content = UiFramework.content.getActiveContentControl();\n    if (content && content.viewport) return content.viewport.view.classFullName;\n    return \"\";\n  });\n\n  React.useEffect(() => {\n    // istanbul ignore next\n    const handleViewClassFullNameChange = (\n      args: ViewClassFullNameChangedEventArgs\n    ) => {\n      setActiveViewClass(args.newName);\n    };\n\n    ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(\n      handleViewClassFullNameChange\n    );\n    return () => {\n      ViewportComponentEvents.onViewClassFullNameChangedEvent.removeListener(\n        handleViewClassFullNameChange\n      );\n    };\n  }, [activeViewClass]);\n\n  const navigationAidControl = React.useMemo(\n    () =>\n      createNavigationAidControl(\n        activeContentControl,\n        navigationAidId,\n        activeContentViewport\n      ),\n    [activeContentControl, navigationAidId, activeContentViewport]\n  );\n\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  const isInitialMount = React.useRef(true);\n  const { onElementRef, proximityScale } = useWidgetOpacityContext();\n\n  React.useEffect(() => {\n    // istanbul ignore else\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      onElementRef(ref);\n    }\n  }, [onElementRef]);\n\n  const divStyle: React.CSSProperties = {\n    minWidth: props.minWidth\n      ? /* istanbul ignore next */ props.minWidth\n      : \"64px\",\n    minHeight: props.minHeight\n      ? /* istanbul ignore next */ props.minHeight\n      : \"64px\",\n  };\n\n  // istanbul ignore else\n  if (UiFramework.visibility.useProximityOpacity && !UiFramework.isMobile()) {\n    const navigationAidOpacity = 0.3 * proximityScale + 0.7;\n    divStyle.opacity = `${navigationAidOpacity}`;\n  }\n\n  return (\n    <div style={divStyle} ref={ref}>\n      {navigationAidControl && navigationAidControl.reactNode}\n    </div>\n  );\n}\n\n/** Properties for the [[NavigationWidgetComposer]] React components\n * @public\n */\nexport interface NavigationWidgetComposerProps extends CommonProps {\n  /** Optional Horizontal Toolbar */\n  horizontalToolbar?: React.ReactNode;\n  /** Optional Vertical Toolbar */\n  verticalToolbar?: React.ReactNode;\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. */\n  navigationAidHost?: React.ReactNode;\n  /** If true no navigation aid will be shown. Defaults to false. */\n  hideNavigationAid?: boolean;\n}\n\n/**\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\n * and typically holds tools to visually navigate, orient, and zoom to specific content.\n * @public\n */\nexport function NavigationWidgetComposer(props: NavigationWidgetComposerProps) {\n  const {\n    navigationAidHost,\n    horizontalToolbar,\n    verticalToolbar,\n    hideNavigationAid,\n    ...otherProps\n  } = props;\n  const [elementSet] = React.useState(new WidgetElementSet());\n  const handleChildRef = React.useCallback(\n    (elementRef: React.RefObject<Element>) => {\n      elementSet.add(elementRef);\n    },\n    [elementSet]\n  );\n  const proximityScale = useProximityToMouse(\n    elementSet,\n    UiFramework.visibility.snapWidgetOpacity\n  );\n  /* istanbul ignore next */\n  const navigationAid = hideNavigationAid\n    ? undefined\n    : navigationAidHost ?? <NavigationAidHost />;\n\n  return (\n    <WidgetOpacityContext.Provider\n      value={{\n        onElementRef: handleChildRef,\n        proximityScale,\n      }}\n    >\n      <NavigationArea\n        navigationAid={navigationAid}\n        horizontalToolbar={horizontalToolbar}\n        verticalToolbar={verticalToolbar}\n        {...otherProps}\n        onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\n      />\n    </WidgetOpacityContext.Provider>\n  );\n}\n"]}

package/lib/cjs/appui-react/widgets/StableWidgetDef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StableWidgetDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StableWidgetDef.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,CAWvF"}
+{"version":3,"file":"StableWidgetDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StableWidgetDef.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,MAAM,GACf,SAAS,CAWX"}

package/lib/cjs/appui-react/widgets/StableWidgetDef.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

package/lib/cjs/appui-react/widgets/StableWidgetDef.js.map

@@ -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,SAAgB,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;AAXD,sDAWC","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 type { 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"]}
+{"version":3,"file":"StableWidgetDef.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StableWidgetDef.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAIH,SAAS,WAAW,CAAC,KAAsB;IACzC,OAAO,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;AACrC,CAAC;AAED;;GAEG;AACH,SAAgB,qBAAqB,CACnC,SAAoB,EACpB,QAAgB;IAEhB,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;AAdD,sDAcC","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 type { WidgetDef } from \"./WidgetDef\";\n\nfunction isGenerated(value: WidgetDef[\"id\"]) {\n  return value.startsWith(\"Widget-\");\n}\n\n/** Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.\n * @internal\n */\nexport function createStableWidgetDef(\n  widgetDef: WidgetDef,\n  stableId: string\n): WidgetDef {\n  return new Proxy(widgetDef, {\n    get(target, name, receiver) {\n      const idName: keyof Pick<WidgetDef, \"id\"> = \"id\";\n      const value = Reflect.get(target, name, receiver);\n      if (name === idName && isGenerated(value)) {\n        return stableId;\n      }\n      return value;\n    },\n  });\n}\n"]}

package/lib/cjs/appui-react/widgets/StatusBarWidgetComposerControl.d.ts.map

@@ -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;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"}
+{"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;CAQvC"}

package/lib/cjs/appui-react/widgets/StatusBarWidgetComposerControl.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

package/lib/cjs/appui-react/widgets/StatusBarWidgetComposerControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarWidgetComposerControl.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StatusBarWidgetComposerControl.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,sEAAmE;AACnE,gFAA6E;AAC7E,gDAA6C;AAE7C;;;;;;;;;;;;;;;;GAgBG;AACH,MAAa,8BAA+B,SAAQ,+CAAsB;IAA1E;;QAEkB,OAAE,GAAG,8BAA8B,CAAC,SAAS,CAAC;IAOhE,CAAC;IALQ,YAAY;QACjB,OAAO,CACL,oBAAC,qCAAiB,IAAC,GAAG,EAAE,yBAAW,CAAC,WAAW,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,GAAI,CAClF,CAAC;IACJ,CAAC;;AAPa,wCAAS,GAAG,qCAAqC,AAAxC,CAAyC;AADrD,wEAA8B","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"]}
+{"version":3,"file":"StatusBarWidgetComposerControl.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StatusBarWidgetComposerControl.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,sEAAmE;AACnE,gFAA6E;AAC7E,gDAA6C;AAE7C;;;;;;;;;;;;;;;;GAgBG;AACH,MAAa,8BAA+B,SAAQ,+CAAsB;IAA1E;;QAEkB,OAAE,GAAG,8BAA8B,CAAC,SAAS,CAAC;IAUhE,CAAC;IARQ,YAAY;QACjB,OAAO,CACL,oBAAC,qCAAiB,IAChB,GAAG,EAAE,yBAAW,CAAC,WAAW,CAAC,kBAAkB,EAC/C,KAAK,EAAE,EAAE,GACT,CACH,CAAC;IACJ,CAAC;;AAVa,wCAAS,GAAG,qCAAqC,AAAxC,CAAyC;AADrD,wEAA8B","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 { StatusBarComposer } from \"../statusbar/StatusBarComposer\";\nimport { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl\";\nimport { UiFramework } from \"../UiFramework\";\n\n/**\n * StatusBarWidgetComposerControl provides status bar to specified [[Frontstage]] that allows status bar items to be populated\n * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common\n * set of status fields.\n * @example\n * ```\n *       statusBar={\n *         <Zone\n *           widgets={\n *             [\n *               <Widget isStatusBar={true} control={StatusBarWidgetComposerControl}  />\n *             ]}\n *         />\n *       }\n * ```\n * @public\n */\nexport class StatusBarWidgetComposerControl extends StatusBarWidgetControl {\n  public static controlId = \"uifw:StatusBarWidgetComposerControl\";\n  public readonly id = StatusBarWidgetComposerControl.controlId;\n\n  public getReactNode(): React.ReactNode {\n    return (\n      <StatusBarComposer\n        key={UiFramework.frontstages.activeFrontstageId}\n        items={[]}\n      />\n    );\n  }\n}\n"]}

package/lib/cjs/appui-react/widgets/ToolSettingsContent.d.ts.map

@@ -1 +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"}
+{"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,gDAGnC,CAAC"}

package/lib/cjs/appui-react/widgets/ToolSettingsContent.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

package/lib/cjs/appui-react/widgets/ToolSettingsContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSettingsContent.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolSettingsContent.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAS/B,gBAAgB;AACH,QAAA,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"]}
+{"version":3,"file":"ToolSettingsContent.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolSettingsContent.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAS/B,gBAAgB;AACH,QAAA,0BAA0B,GACrC,KAAK,CAAC,aAAa,CAAkC;IACnD,qBAAqB,EAAE,CAAC;CACzB,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport * as React from \"react\";\n\n// TODO: remove? This is only used in ToolSettingsGridContainer.\n\n/** @internal */\nexport interface ToolSettingsContentContextProps {\n  readonly availableContentWidth: number;\n}\n\n/** @internal */\nexport const ToolSettingsContentContext =\n  React.createContext<ToolSettingsContentContextProps>({\n    availableContentWidth: 0,\n  });\n"]}

package/lib/cjs/appui-react/widgets/ToolWidgetComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAKpD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,iIAAiI;IACjI,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gCAAgC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eAwBhE"}
+{"version":3,"file":"ToolWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AASrD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,iIAAiI;IACjI,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gCAAgC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eA+BhE"}

package/lib/cjs/appui-react/widgets/ToolWidgetComposer.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

package/lib/cjs/appui-react/widgets/ToolWidgetComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,kDAAgG;AAChG,kEAAsD;AACtD,gDAA6C;AAc7C;;;;;GAKG;AACH,SAAgB,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,6BAAgB,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,IAAA,gCAAmB,EAAC,UAAU,EAAE,yBAAW,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAEjG,OAAO,CACL,oBAAC,iCAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,YAAY,EAAE,cAAc;YAC5B,cAAc;SACf;QAED,oBAAC,8BAAS,IACR,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,KAC5B,UAAU,EACd,YAAY,EAAE,yBAAW,CAAC,UAAU,CAAC,sBAAsB,GAC3D,CAC4B,CACjC,CAAC;AACJ,CAAC;AAxBD,gDAwBC","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 type { CommonProps} from \"@itwin/core-react\";\r\nimport { 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"]}
+{"version":3,"file":"ToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAE/B,kDAI2B;AAC3B,kEAAsD;AACtD,gDAA6C;AAc7C;;;;;GAKG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,GACrE,KAAK,CAAC;IACR,MAAM,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,6BAAgB,EAAE,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,UAAoC,EAAE,EAAE;QACvC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,cAAc,GAAG,IAAA,gCAAmB,EACxC,UAAU,EACV,yBAAW,CAAC,UAAU,CAAC,iBAAiB,CACzC,CAAC;IAEF,OAAO,CACL,oBAAC,iCAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,YAAY,EAAE,cAAc;YAC5B,cAAc;SACf;QAED,oBAAC,8BAAS,IACR,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,KAC5B,UAAU,EACd,YAAY,EAAE,yBAAW,CAAC,UAAU,CAAC,sBAAsB,GAC3D,CAC4B,CACjC,CAAC;AACJ,CAAC;AA/BD,gDA+BC","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 type { CommonProps } from \"@itwin/core-react\";\nimport {\n  useProximityToMouse,\n  WidgetElementSet,\n  WidgetOpacityContext,\n} from \"@itwin/core-react\";\nimport { ToolsArea } from \"@itwin/appui-layout-react\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** Properties for the [[ToolbarComposer]] React components\n * @public\n */\nexport interface ToolWidgetComposerProps extends CommonProps {\n  /** Optional Corner Item which for most stages is the [[BackstageAppButton]] used to toggle the display of the backstage menu. */\n  cornerItem?: React.ReactNode;\n  /** Optional Horizontal Toolbar */\n  horizontalToolbar?: React.ReactNode;\n  /** Optional Vertical Toolbar */\n  verticalToolbar?: React.ReactNode;\n}\n\n/**\n * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area\n * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on\n * selected items. The vertical toolbar typically contains a more fixed list of tools.\n * @public\n */\nexport function ToolWidgetComposer(props: ToolWidgetComposerProps) {\n  const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } =\n    props;\n  const [elementSet] = React.useState(new WidgetElementSet());\n  const handleChildRef = React.useCallback(\n    (elementRef: React.RefObject<Element>) => {\n      elementSet.add(elementRef);\n    },\n    [elementSet]\n  );\n  const proximityScale = useProximityToMouse(\n    elementSet,\n    UiFramework.visibility.snapWidgetOpacity\n  );\n\n  return (\n    <WidgetOpacityContext.Provider\n      value={{\n        onElementRef: handleChildRef,\n        proximityScale,\n      }}\n    >\n      <ToolsArea\n        button={cornerItem}\n        horizontalToolbar={horizontalToolbar}\n        verticalToolbar={verticalToolbar}\n        {...otherProps}\n        onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\n      />\n    </WidgetOpacityContext.Provider>\n  );\n}\n"]}

package/lib/cjs/appui-react/widgets/ViewToolWidgetComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewToolWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ViewToolWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AASH;;;GAGG;AACH,MAAM,WAAW,2BAA2B;IAC1C,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,eAaxE"}
+{"version":3,"file":"ViewToolWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ViewToolWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AASH;;;GAGG;AACH,MAAM,WAAW,2BAA2B;IAC1C,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,eAyBxE"}

package/lib/cjs/appui-react/widgets/ViewToolWidgetComposer.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

package/lib/cjs/appui-react/widgets/ViewToolWidgetComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ViewToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,gEAA6D;AAC7D,8DAA2D;AAC3D,yEAAsE;AACtE,wDAA0E;AAW1E;;;;;;;;;;;;GAYG;AACH,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,MAAM,WAAW,GAAG,IAAA,iCAAe,GAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,CAAC,WAAW,IAAI,WAAW,CAC5B,CAAC;IAEF,OAAO,CACL,oBAAC,mDAAwB,IAAC,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EACxF,iBAAiB,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,0BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,gCAAkB,CAAC,UAAU,GAAI,EACjI,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,0BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,gCAAkB,CAAC,QAAQ,GAAI,GAC7H,CACH,CAAC;AACJ,CAAC;AAbD,wDAaC","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"]}
+{"version":3,"file":"ViewToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ViewToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,gEAA6D;AAC7D,8DAA2D;AAC3D,yEAAsE;AACtE,wDAA0E;AAW1E;;;;;;;;;;;;GAYG;AACH,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,MAAM,WAAW,GAAG,IAAA,iCAAe,GAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,CAAC,WAAW,IAAI,WAAW,CAAC,CAAC;IAE1D,OAAO,CACL,oBAAC,mDAAwB,IACvB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,iBAAiB,EACf,oBAAC,iCAAe,IACd,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,0BAAY,CAAC,cAAc,EAClC,WAAW,EAAE,gCAAkB,CAAC,UAAU,GAC1C,EAEJ,eAAe,EACb,oBAAC,iCAAe,IACd,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,0BAAY,CAAC,cAAc,EAClC,WAAW,EAAE,gCAAkB,CAAC,QAAQ,GACxC,GAEJ,CACH,CAAC;AACJ,CAAC;AAzBD,wDAyBC","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 { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\n\n/**\n * Props for [[ViewToolWidgetComposer]].\n * @public\n */\nexport interface ViewToolWidgetComposerProps {\n  /** If true no navigation aid will be shown. Defaults to false. */\n  hideNavigationAid?: boolean;\n}\n\n/**\n * ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders\n * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].\n *  @example\n * ```\n * <ViewToolWidgetComposer />\n * ```\n * If no NavigationAid control is to be shown set hideNavigationAid.\n *  * ```\n * <ViewToolWidgetComposer hideNavigationAid />\n * ```\n * @public\n */\nexport function ViewToolWidgetComposer(props: ViewToolWidgetComposerProps) {\n  const uiIsVisible = useUiVisibility();\n  // istanbul ignore next\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n\n  return (\n    <NavigationWidgetComposer\n      className={className}\n      hideNavigationAid={props.hideNavigationAid}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={[]}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={[]}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}

package/lib/cjs/appui-react/widgets/Widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Widget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/Widget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;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"}
+{"version":3,"file":"Widget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/Widget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,KAAK,EACV,SAAS,EACT,sBAAsB,EACtB,UAAU,EACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;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/cjs/appui-react/widgets/Widget.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */