@itwin/appui-react 3.0.0-dev.84 → 3.0.0-dev.88

package/lib/cjs/appui-react/widget-panels/StatusBar.scss

@@ -1,11 +1,11 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-
-.uifw-widgetPanels-statusBar {
-  >div {
-    background-color: $buic-background-2;
-  }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+
+.uifw-widgetPanels-statusBar {
+  >div {
+    background-color: $buic-background-2;
+  }
 }

package/lib/cjs/appui-react/widget-panels/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Tab.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,sBAAoB;AACpB,+BAA+B;AAC/B,kEAAsD;AACtD,uCAAyC;AACzC,kDAAmD;AACnD,0DAAkD;AAElD,gBAAgB;AAChB,SAAgB,eAAe;IAC7B,MAAM,SAAS,GAAG,IAAA,sBAAY,GAAE,CAAC;IACjC,MAAM,SAAS,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC;IACvC,MAAM,cAAc,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,2BAAc,CAAC,wBAAwB,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IACnG,OAAO,CACL,oBAAC,8BAAS,IACR,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAXD,0CAWC;AAED,gBAAgB;AAChB,SAAgB,iBAAiB,CAAC,SAAgC;IAChE,IAAI,SAAS,KAAK,0BAAS,CAAC,GAAG;QAC7B,OAAO,gBAAgB,CAAC;SACrB,IAAI,SAAS,KAAK,0BAAS,CAAC,gBAAgB;QAC/C,OAAO,eAAe,CAAC;IACzB,OAAO,SAAS,CAAC;AACnB,CAAC;AAND,8CAMC","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 \"./Tab.scss\";\nimport * as React from \"react\";\nimport { WidgetTab } from \"@itwin/appui-layout-react\";\nimport { useWidgetDef } from \"./Content\";\nimport { BadgeUtilities } from \"@itwin/core-react\";\nimport { BadgeType } from \"@itwin/appui-abstract\";\n\n/** @internal */\nexport function WidgetPanelsTab() {\n  const widgetDef = useWidgetDef();\n  const badgeType = widgetDef?.badgeType;\n  const badgeClassName = getBadgeClassName(badgeType);\n  const badge = React.useMemo(() => BadgeUtilities.getComponentForBadgeType(badgeType), [badgeType]);\n  return (\n    <WidgetTab\n      className={badgeClassName}\n      badge={badge}\n    />\n  );\n}\n\n/** @internal */\nexport function getBadgeClassName(badgeType: BadgeType | undefined) {\n  if (badgeType === BadgeType.New)\n    return \"uifw-badge-new\";\n  else if (badgeType === BadgeType.TechnicalPreview)\n    return \"uifw-badge-tp\";\n  return undefined;\n}\n"]}
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Tab.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,sBAAoB;AACpB,+BAA+B;AAC/B,kEAAsD;AACtD,uCAAyC;AACzC,kDAAmD;AACnD,0DAAkD;AAElD,gBAAgB;AAChB,SAAgB,eAAe;IAC7B,MAAM,SAAS,GAAG,IAAA,sBAAY,GAAE,CAAC;IACjC,MAAM,SAAS,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC;IACvC,MAAM,cAAc,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,2BAAc,CAAC,wBAAwB,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IACnG,OAAO,CACL,oBAAC,8BAAS,IACR,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAXD,0CAWC;AAED,gBAAgB;AAChB,SAAgB,iBAAiB,CAAC,SAAgC;IAChE,IAAI,SAAS,KAAK,0BAAS,CAAC,GAAG;QAC7B,OAAO,gBAAgB,CAAC;SACrB,IAAI,SAAS,KAAK,0BAAS,CAAC,gBAAgB;QAC/C,OAAO,eAAe,CAAC;IACzB,OAAO,SAAS,CAAC;AACnB,CAAC;AAND,8CAMC","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 \"./Tab.scss\";\r\nimport * as React from \"react\";\r\nimport { WidgetTab } from \"@itwin/appui-layout-react\";\r\nimport { useWidgetDef } from \"./Content\";\r\nimport { BadgeUtilities } from \"@itwin/core-react\";\r\nimport { BadgeType } from \"@itwin/appui-abstract\";\r\n\r\n/** @internal */\r\nexport function WidgetPanelsTab() {\r\n  const widgetDef = useWidgetDef();\r\n  const badgeType = widgetDef?.badgeType;\r\n  const badgeClassName = getBadgeClassName(badgeType);\r\n  const badge = React.useMemo(() => BadgeUtilities.getComponentForBadgeType(badgeType), [badgeType]);\r\n  return (\r\n    <WidgetTab\r\n      className={badgeClassName}\r\n      badge={badge}\r\n    />\r\n  );\r\n}\r\n\r\n/** @internal */\r\nexport function getBadgeClassName(badgeType: BadgeType | undefined) {\r\n  if (badgeType === BadgeType.New)\r\n    return \"uifw-badge-new\";\r\n  else if (badgeType === BadgeType.TechnicalPreview)\r\n    return \"uifw-badge-tp\";\r\n  return undefined;\r\n}\r\n"]}

package/lib/cjs/appui-react/widget-panels/Tab.scss

@@ -1,14 +1,14 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-.nz-widget-tab {
-  &.uifw-badge-new {
-    &.nz-active {
-      &:before {
-        width: calc(100% - 1em) !important;
-        left: 0.5em !important;
-      }
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.nz-widget-tab {
+  &.uifw-badge-new {
+    &.nz-active {
+      &:before {
+        width: calc(100% - 1em) !important;
+        left: 0.5em !important;
+      }
+    }
+  }
+}

package/lib/cjs/appui-react/widget-panels/ToolSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSettings.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/ToolSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ToolSettings\n */\n\nimport \"./ToolSettings.scss\";\nimport * as React from \"react\";\nimport { DockedToolSetting, DockedToolSettings, ScrollableWidgetContent, ToolSettingsStateContext } from \"@itwin/appui-layout-react\";\nimport { useActiveFrontstageDef } from \"../frontstage/Frontstage\";\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\n\n/** Defines a ToolSettings property entry.\n * @public\n */\nexport interface ToolSettingsEntry {\n  // label node which potentially can contain a lock node as well.\n  labelNode: React.ReactNode;\n  // editor entry used to display and edit the property value\n  editorNode: React.ReactNode;\n}\n\n/** @internal */\n// istanbul ignore next - need to work on overflow unit testing\nfunction TsLabel({ children }: { children: React.ReactNode }) {\n  return <div className=\"uif-toolsetting-label-docked-horizontal\">{children}</div>;\n}\n\n/** @internal */\nexport function WidgetPanelsToolSettings() {\n  const frontstageDef = useActiveFrontstageDef();\n  const toolSettings = React.useContext(ToolSettingsStateContext);\n  const topCenterZone = frontstageDef?.topCenter;\n  if (!topCenterZone || !topCenterZone.isToolSettings || toolSettings.type === \"widget\")\n    return null;\n  return (\n    <ToolSettingsDockedContent />\n  );\n}\n\n/** @internal */\nexport function ToolSettingsDockedContent() {\n  const settings = useHorizontalToolSettingNodes();\n  // for the overflow to work properly each setting in the DockedToolSettings should be wrapped by a DockedToolSetting component\n  return (\n    <DockedToolSettings itemId={FrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\"} key={Date.now()}>\n      {settings && settings.map((entry, index) => <DockedToolSetting key={index}><TsLabel>{entry.labelNode}</TsLabel>{entry.editorNode}</DockedToolSetting>)}\n    </DockedToolSettings>\n  );\n}\n\n/** @internal */\nexport function useHorizontalToolSettingNodes() {\n  const [settings, setSettings] = React.useState(FrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes);\n\n  React.useEffect(() => {\n    const handleToolActivatedEvent = () => {\n      const nodes = FrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes;\n      setSettings(nodes);\n    };\n    FrontstageManager.onToolActivatedEvent.addListener(handleToolActivatedEvent);\n    return () => {\n      FrontstageManager.onToolActivatedEvent.removeListener(handleToolActivatedEvent);\n    };\n  }, [setSettings]);\n\n  React.useEffect(() => {\n    const handleToolSettingsReloadEvent = () => {\n      const nodes = FrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes;\n      setSettings(nodes);\n    };\n    FrontstageManager.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);\n    return () => {\n      FrontstageManager.onToolSettingsReloadEvent.removeListener(handleToolSettingsReloadEvent);\n    };\n  }, [setSettings]);\n\n  return settings;\n}\n\n/** Defines the ToolSettingsEntry entries that are used to populate a grid layout of ToolSetting properties.\n * Used only when the \"Use UI 2.0\" setting is true\n * @internal\n */\nexport interface ToolSettingsGridProps {\n  // label node which potentially can contain a lock node as well.\n  settings?: ToolSettingsEntry[];\n}\n\n/** Component that arranges an array of ToolSettingsEntry items into a two column grid layout.\n * The left column is considered the label column, the right column is considered the property\n * editor column.\n * @internal\n */\nexport function ToolSettingsGrid({ settings }: ToolSettingsGridProps) {\n  return (\n    <div className=\"uifw-standard-toolsettings-two-column-grid\">\n      {settings && settings.map((setting: ToolSettingsEntry, index: number) => {\n        return (\n          <React.Fragment key={index}>\n            <span className=\"uifw-standard-toolsettings-label-entry\">{setting.labelNode}</span>\n            {setting.editorNode}\n          </React.Fragment>\n        );\n      })}\n    </div>\n  );\n}\n\n/** @internal */\nexport function useToolSettingsNode() {\n  const [settings, setSettings] = React.useState(FrontstageManager.activeToolSettingsProvider?.toolSettingsNode);\n  React.useEffect(() => {\n    const handleToolActivatedEvent = () => {\n      const nodes = FrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n      setSettings(nodes);\n    };\n    FrontstageManager.onToolActivatedEvent.addListener(handleToolActivatedEvent);\n    return () => {\n      FrontstageManager.onToolActivatedEvent.removeListener(handleToolActivatedEvent);\n    };\n  }, [setSettings]);\n\n  React.useEffect(() => {\n    const handleToolSettingsReloadEvent = () => {\n      const nodes = FrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n      setSettings(nodes);\n    };\n    FrontstageManager.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);\n    return () => {\n      FrontstageManager.onToolSettingsReloadEvent.removeListener(handleToolSettingsReloadEvent);\n    };\n  }, [setSettings]);\n\n  return settings;\n}\n\n/** @internal */\nexport function ToolSettingsContent() {\n  const toolSettings = React.useContext(ToolSettingsStateContext);\n  // This is needed to remount underlying components tree when going into widget state.\n  if (toolSettings.type === \"docked\")\n    return null;\n  return <ToolSettingsWidgetContent />;\n}\n\n/** @internal */\nexport function ToolSettingsWidgetContent() {\n  const floatingToolSettingsContainerRef = React.useRef<HTMLDivElement>(null);\n  const node = useToolSettingsNode();\n  // if no tool settings hide the floating widgets tab\n  React.useEffect(() => {\n    // istanbul ignore else\n    if (floatingToolSettingsContainerRef.current) {\n      const floatingWidgetTab = floatingToolSettingsContainerRef.current.closest(\".nz-floating-toolsettings\");\n      // istanbul ignore else\n      if (floatingWidgetTab) {\n        (floatingWidgetTab as HTMLDivElement).style.visibility = !!node ? \"visible\" : /* istanbul ignore next */ \"hidden\";\n      }\n    }\n  }, [node]);\n\n  // istanbul ignore next\n  const providerId = FrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\";\n\n  return (\n    <div data-toolsettings-provider={providerId} className=\"uifw-floating-toolsettings-container\" ref={floatingToolSettingsContainerRef} >\n      <ScrollableWidgetContent>\n        {node}\n      </ScrollableWidgetContent>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ToolSettings.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/ToolSettings.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 ToolSettings\r\n */\r\n\r\nimport \"./ToolSettings.scss\";\r\nimport * as React from \"react\";\r\nimport { DockedToolSetting, DockedToolSettings, ScrollableWidgetContent, ToolSettingsStateContext } from \"@itwin/appui-layout-react\";\r\nimport { useActiveFrontstageDef } from \"../frontstage/Frontstage\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\n\r\n/** Defines a ToolSettings property entry.\r\n * @public\r\n */\r\nexport interface ToolSettingsEntry {\r\n  // label node which potentially can contain a lock node as well.\r\n  labelNode: React.ReactNode;\r\n  // editor entry used to display and edit the property value\r\n  editorNode: React.ReactNode;\r\n}\r\n\r\n/** @internal */\r\n// istanbul ignore next - need to work on overflow unit testing\r\nfunction TsLabel({ children }: { children: React.ReactNode }) {\r\n  return <div className=\"uif-toolsetting-label-docked-horizontal\">{children}</div>;\r\n}\r\n\r\n/** @internal */\r\nexport function WidgetPanelsToolSettings() {\r\n  const frontstageDef = useActiveFrontstageDef();\r\n  const toolSettings = React.useContext(ToolSettingsStateContext);\r\n  const topCenterZone = frontstageDef?.topCenter;\r\n  if (!topCenterZone || !topCenterZone.isToolSettings || toolSettings.type === \"widget\")\r\n    return null;\r\n  return (\r\n    <ToolSettingsDockedContent />\r\n  );\r\n}\r\n\r\n/** @internal */\r\nexport function ToolSettingsDockedContent() {\r\n  const settings = useHorizontalToolSettingNodes();\r\n  // for the overflow to work properly each setting in the DockedToolSettings should be wrapped by a DockedToolSetting component\r\n  return (\r\n    <DockedToolSettings itemId={FrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\"} key={Date.now()}>\r\n      {settings && settings.map((entry, index) => <DockedToolSetting key={index}><TsLabel>{entry.labelNode}</TsLabel>{entry.editorNode}</DockedToolSetting>)}\r\n    </DockedToolSettings>\r\n  );\r\n}\r\n\r\n/** @internal */\r\nexport function useHorizontalToolSettingNodes() {\r\n  const [settings, setSettings] = React.useState(FrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes);\r\n\r\n  React.useEffect(() => {\r\n    const handleToolActivatedEvent = () => {\r\n      const nodes = FrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes;\r\n      setSettings(nodes);\r\n    };\r\n    FrontstageManager.onToolActivatedEvent.addListener(handleToolActivatedEvent);\r\n    return () => {\r\n      FrontstageManager.onToolActivatedEvent.removeListener(handleToolActivatedEvent);\r\n    };\r\n  }, [setSettings]);\r\n\r\n  React.useEffect(() => {\r\n    const handleToolSettingsReloadEvent = () => {\r\n      const nodes = FrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes;\r\n      setSettings(nodes);\r\n    };\r\n    FrontstageManager.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);\r\n    return () => {\r\n      FrontstageManager.onToolSettingsReloadEvent.removeListener(handleToolSettingsReloadEvent);\r\n    };\r\n  }, [setSettings]);\r\n\r\n  return settings;\r\n}\r\n\r\n/** Defines the ToolSettingsEntry entries that are used to populate a grid layout of ToolSetting properties.\r\n * Used only when the \"Use UI 2.0\" setting is true\r\n * @internal\r\n */\r\nexport interface ToolSettingsGridProps {\r\n  // label node which potentially can contain a lock node as well.\r\n  settings?: ToolSettingsEntry[];\r\n}\r\n\r\n/** Component that arranges an array of ToolSettingsEntry items into a two column grid layout.\r\n * The left column is considered the label column, the right column is considered the property\r\n * editor column.\r\n * @internal\r\n */\r\nexport function ToolSettingsGrid({ settings }: ToolSettingsGridProps) {\r\n  return (\r\n    <div className=\"uifw-standard-toolsettings-two-column-grid\">\r\n      {settings && settings.map((setting: ToolSettingsEntry, index: number) => {\r\n        return (\r\n          <React.Fragment key={index}>\r\n            <span className=\"uifw-standard-toolsettings-label-entry\">{setting.labelNode}</span>\r\n            {setting.editorNode}\r\n          </React.Fragment>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n}\r\n\r\n/** @internal */\r\nexport function useToolSettingsNode() {\r\n  const [settings, setSettings] = React.useState(FrontstageManager.activeToolSettingsProvider?.toolSettingsNode);\r\n  React.useEffect(() => {\r\n    const handleToolActivatedEvent = () => {\r\n      const nodes = FrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\r\n      setSettings(nodes);\r\n    };\r\n    FrontstageManager.onToolActivatedEvent.addListener(handleToolActivatedEvent);\r\n    return () => {\r\n      FrontstageManager.onToolActivatedEvent.removeListener(handleToolActivatedEvent);\r\n    };\r\n  }, [setSettings]);\r\n\r\n  React.useEffect(() => {\r\n    const handleToolSettingsReloadEvent = () => {\r\n      const nodes = FrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\r\n      setSettings(nodes);\r\n    };\r\n    FrontstageManager.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);\r\n    return () => {\r\n      FrontstageManager.onToolSettingsReloadEvent.removeListener(handleToolSettingsReloadEvent);\r\n    };\r\n  }, [setSettings]);\r\n\r\n  return settings;\r\n}\r\n\r\n/** @internal */\r\nexport function ToolSettingsContent() {\r\n  const toolSettings = React.useContext(ToolSettingsStateContext);\r\n  // This is needed to remount underlying components tree when going into widget state.\r\n  if (toolSettings.type === \"docked\")\r\n    return null;\r\n  return <ToolSettingsWidgetContent />;\r\n}\r\n\r\n/** @internal */\r\nexport function ToolSettingsWidgetContent() {\r\n  const floatingToolSettingsContainerRef = React.useRef<HTMLDivElement>(null);\r\n  const node = useToolSettingsNode();\r\n  // if no tool settings hide the floating widgets tab\r\n  React.useEffect(() => {\r\n    // istanbul ignore else\r\n    if (floatingToolSettingsContainerRef.current) {\r\n      const floatingWidgetTab = floatingToolSettingsContainerRef.current.closest(\".nz-floating-toolsettings\");\r\n      // istanbul ignore else\r\n      if (floatingWidgetTab) {\r\n        (floatingWidgetTab as HTMLDivElement).style.visibility = !!node ? \"visible\" : /* istanbul ignore next */ \"hidden\";\r\n      }\r\n    }\r\n  }, [node]);\r\n\r\n  // istanbul ignore next\r\n  const providerId = FrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\";\r\n\r\n  return (\r\n    <div data-toolsettings-provider={providerId} className=\"uifw-floating-toolsettings-container\" ref={floatingToolSettingsContainerRef} >\r\n      <ScrollableWidgetContent>\r\n        {node}\r\n      </ScrollableWidgetContent>\r\n    </div>\r\n  );\r\n}\r\n"]}

package/lib/cjs/appui-react/widget-panels/ToolSettings.scss

@@ -1,24 +1,24 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-.uif-toolsetting-label-docked-horizontal {
-  padding-right: 0.5em;
-  align-self: center;
-}
-
-.uifw-standard-toolsettings-two-column-grid {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  row-gap: .5em;
-  column-gap: .75em;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  align-items: center;
-  margin: 4px 4px 0px 4px;
-
-  .uifw-standard-toolsettings-label-entry {
-     text-align: end;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.uif-toolsetting-label-docked-horizontal {
+  padding-right: 0.5em;
+  align-self: center;
+}
+
+.uifw-standard-toolsettings-two-column-grid {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  row-gap: .5em;
+  column-gap: .75em;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  align-items: center;
+  margin: 4px 4px 0px 4px;
+
+  .uifw-standard-toolsettings-label-entry {
+     text-align: end;
+  }
+}

package/lib/cjs/appui-react/widget-panels/Toolbars.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbars.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Toolbars.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2BAAyB;AACzB,+BAA+B;AAC/B,yDAAkE;AAElE,gBAAgB;AAChB,SAAgB,oBAAoB;;IAClC,MAAM,aAAa,GAAG,IAAA,mCAAsB,GAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,0CAAE,kBAAkB,EAAE,0CAAE,SAAS,CAAC;IACtE,MAAM,UAAU,GAAG,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,0CAAE,kBAAkB,EAAE,0CAAE,SAAS,CAAC;IAC5E,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACxC,KAAK;QACL,UAAU,CACP,CACP,CAAC;AACJ,CAAC;AAVD,oDAUC","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 Item\n */\n\nimport \"./Toolbars.scss\";\nimport * as React from \"react\";\nimport { useActiveFrontstageDef } from \"../frontstage/Frontstage\";\n\n/** @internal */\nexport function WidgetPanelsToolbars() {\n  const frontstageDef = useActiveFrontstageDef();\n  const tools = frontstageDef?.topLeft?.getSingleWidgetDef()?.reactNode;\n  const navigation = frontstageDef?.topRight?.getSingleWidgetDef()?.reactNode;\n  return (\n    <div className=\"uifw-widgetPanels-toolbars\">\n      {tools}\n      {navigation}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"Toolbars.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Toolbars.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2BAAyB;AACzB,+BAA+B;AAC/B,yDAAkE;AAElE,gBAAgB;AAChB,SAAgB,oBAAoB;;IAClC,MAAM,aAAa,GAAG,IAAA,mCAAsB,GAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,0CAAE,kBAAkB,EAAE,0CAAE,SAAS,CAAC;IACtE,MAAM,UAAU,GAAG,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,0CAAE,kBAAkB,EAAE,0CAAE,SAAS,CAAC;IAC5E,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACxC,KAAK;QACL,UAAU,CACP,CACP,CAAC;AACJ,CAAC;AAVD,oDAUC","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 Item\r\n */\r\n\r\nimport \"./Toolbars.scss\";\r\nimport * as React from \"react\";\r\nimport { useActiveFrontstageDef } from \"../frontstage/Frontstage\";\r\n\r\n/** @internal */\r\nexport function WidgetPanelsToolbars() {\r\n  const frontstageDef = useActiveFrontstageDef();\r\n  const tools = frontstageDef?.topLeft?.getSingleWidgetDef()?.reactNode;\r\n  const navigation = frontstageDef?.topRight?.getSingleWidgetDef()?.reactNode;\r\n  return (\r\n    <div className=\"uifw-widgetPanels-toolbars\">\r\n      {tools}\r\n      {navigation}\r\n    </div>\r\n  );\r\n}\r\n"]}

package/lib/cjs/appui-react/widget-panels/Toolbars.scss

@@ -1,20 +1,20 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-.uifw-widgetPanels-toolbars {
-  display: grid;
-  height: 100%;
-  width: 100%;
-  padding: 0.75em;
-  box-sizing: border-box;
-  grid-template-columns: 1fr 1fr;
-
-  .nz-tools-widget {
-    grid-column: 1;
-
-    &.nz-widget-navigationArea {
-      grid-column: 2;
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.uifw-widgetPanels-toolbars {
+  display: grid;
+  height: 100%;
+  width: 100%;
+  padding: 0.75em;
+  box-sizing: border-box;
+  grid-template-columns: 1fr 1fr;
+
+  .nz-tools-widget {
+    grid-column: 1;
+
+    &.nz-widget-navigationArea {
+      grid-column: 2;
+    }
+  }
+}

package/lib/cjs/appui-react/widget-panels/useWidgetDirection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWidgetDirection.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useWidgetDirection.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,kEAA0G;AAC1G,sEAAmE;AAEnE;;;GAGG;AACH,SAAgB,kBAAkB;IAChC,MAAM,OAAO,GAAG,IAAA,yCAAmB,GAAE,CAAC;IACtC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAY,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,oCAAe,CAAC,CAAC;IACnD,IAAI,OAAO,KAAK,GAAG,EAAE;QACnB,MAAM,WAAW,GAAG,IAAA,4BAAO,EAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC7C,IAAI,WAAW,IAAI,CAAC,MAAM,IAAI,WAAW,CAAC,IAAI,IAAA,0CAAqB,EAAC,WAAW,CAAC,IAAI,CAAC,EAAE;YACrF,OAAO,YAAY,CAAC;SACrB;KACF;IACD,OAAO,UAAU,CAAC;AACpB,CAAC;AAXD,gDAWC","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 { findTab, isHorizontalPanelSide, NineZoneContext, TabIdContext } from \"@itwin/appui-layout-react\";\nimport { useFrameworkVersion } from \"../hooks/useFrameworkVersion\";\n\n/** Returns widget direction.\n * I.e. \"horizontal\" when widget is in bottom/top stage panel.\n * @alpha\n */\nexport function useWidgetDirection(): \"horizontal\" | \"vertical\" {\n  const version = useFrameworkVersion();\n  const tabId = React.useContext(TabIdContext);\n  const nineZone = React.useContext(NineZoneContext);\n  if (version === \"2\") {\n    const tabLocation = findTab(nineZone, tabId);\n    if (tabLocation && (\"side\" in tabLocation) && isHorizontalPanelSide(tabLocation.side)) {\n      return \"horizontal\";\n    }\n  }\n  return \"vertical\";\n}\n"]}
+{"version":3,"file":"useWidgetDirection.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useWidgetDirection.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,kEAA0G;AAC1G,sEAAmE;AAEnE;;;GAGG;AACH,SAAgB,kBAAkB;IAChC,MAAM,OAAO,GAAG,IAAA,yCAAmB,GAAE,CAAC;IACtC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAY,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,oCAAe,CAAC,CAAC;IACnD,IAAI,OAAO,KAAK,GAAG,EAAE;QACnB,MAAM,WAAW,GAAG,IAAA,4BAAO,EAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC7C,IAAI,WAAW,IAAI,CAAC,MAAM,IAAI,WAAW,CAAC,IAAI,IAAA,0CAAqB,EAAC,WAAW,CAAC,IAAI,CAAC,EAAE;YACrF,OAAO,YAAY,CAAC;SACrB;KACF;IACD,OAAO,UAAU,CAAC;AACpB,CAAC;AAXD,gDAWC","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 { findTab, isHorizontalPanelSide, NineZoneContext, TabIdContext } from \"@itwin/appui-layout-react\";\r\nimport { useFrameworkVersion } from \"../hooks/useFrameworkVersion\";\r\n\r\n/** Returns widget direction.\r\n * I.e. \"horizontal\" when widget is in bottom/top stage panel.\r\n * @alpha\r\n */\r\nexport function useWidgetDirection(): \"horizontal\" | \"vertical\" {\r\n  const version = useFrameworkVersion();\r\n  const tabId = React.useContext(TabIdContext);\r\n  const nineZone = React.useContext(NineZoneContext);\r\n  if (version === \"2\") {\r\n    const tabLocation = findTab(nineZone, tabId);\r\n    if (tabLocation && (\"side\" in tabLocation) && isHorizontalPanelSide(tabLocation.side)) {\r\n      return \"horizontal\";\r\n    }\r\n  }\r\n  return \"vertical\";\r\n}\r\n"]}

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,0DAA4F;AAC5F,sEAAyD;AACzD,gEAA6D;AAC7D,4DAAyD;AACzD,uDAAoD;AACpD,yEAAsE;AAYtE;;;GAGG;AACH,SAAgB,qBAAqB,CAAC,KAAiC;IAErE,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CACjD,GAAwB,EAAE;QACxB,MAAM,KAAK,GAAwB,6BAAa,CAAC,8BAA8B,CAAC;YAC9E,+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,GAAwB,EAAE;QACxB,MAAM,KAAK,GAAwB,EAAE,CAAC;QACtC,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,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,6BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,mCAAkB,CAAC,UAAU,GAAI,EAC9I,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,6BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,mCAAkB,CAAC,QAAQ,GAAI,GACxI,CACH,CAAC;AACJ,CAAC;AArDD,sDAqDC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonToolbarItem, ToolbarOrientation, ToolbarUsage } from \"@itwin/appui-abstract\";\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { ToolbarHelper } from \"../toolbar/ToolbarHelper\";\nimport { useUiVisibility } from \"./BasicToolWidget\";\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer\";\n\n/** Properties that can be used to append items to the default set of toolbar items of [[DefaultNavigationWidget]].\n * @public\n */\nexport interface BasicNavigationWidgetProps {\n  /** optional set of additional items to include in horizontal toolbar */\n  additionalHorizontalItems?: CommonToolbarItem[];\n  /** optional set of additional items to include in vertical toolbar */\n  additionalVerticalItems?: CommonToolbarItem[];\n}\n\n/** 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\n  const getHorizontalToolbarItems = React.useCallback(\n    (): CommonToolbarItem[] => {\n      const items: CommonToolbarItem[] = 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(\n    (): CommonToolbarItem[] => {\n      const items: CommonToolbarItem[] = [];\n      items.push(\n        ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.walkViewCommand),\n        ToolbarHelper.createToolbarItemFromItemDef(20, CoreTools.toggleCameraViewCommand),\n      );\n      if (props.additionalVerticalItems)\n        items.push(...props.additionalVerticalItems);\n      return items;\n    }, [props.additionalVerticalItems]);\n\n  const [horizontalItems, setHorizontalItems] = React.useState(() => getHorizontalToolbarItems());\n  const [verticalItems, setVerticalItems] = React.useState(() => getVerticalToolbarItems());\n\n  const isInitialMount = React.useRef(true);\n  React.useEffect(() => {\n    if (isInitialMount.current)\n      isInitialMount.current = false;\n    else {\n      setHorizontalItems(getHorizontalToolbarItems());\n      setVerticalItems(getVerticalToolbarItems());\n    }\n  }, [props.additionalHorizontalItems, props.additionalVerticalItems, getHorizontalToolbarItems, getVerticalToolbarItems]);\n\n  const uiIsVisible = useUiVisibility();\n  const className = classnames(\n    !uiIsVisible && \"nz-hidden\",\n  );\n\n  return (\n    <NavigationWidgetComposer className={className}\n      horizontalToolbar={<ToolbarComposer items={horizontalItems} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Horizontal} />}\n      verticalToolbar={<ToolbarComposer items={verticalItems} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Vertical} />}\n    />\n  );\n}\n"]}
+{"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,0DAA4F;AAC5F,sEAAyD;AACzD,gEAA6D;AAC7D,4DAAyD;AACzD,uDAAoD;AACpD,yEAAsE;AAYtE;;;GAGG;AACH,SAAgB,qBAAqB,CAAC,KAAiC;IAErE,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CACjD,GAAwB,EAAE;QACxB,MAAM,KAAK,GAAwB,6BAAa,CAAC,8BAA8B,CAAC;YAC9E,+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,GAAwB,EAAE;QACxB,MAAM,KAAK,GAAwB,EAAE,CAAC;QACtC,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,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,6BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,mCAAkB,CAAC,UAAU,GAAI,EAC9I,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,6BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,mCAAkB,CAAC,QAAQ,GAAI,GACxI,CACH,CAAC;AACJ,CAAC;AArDD,sDAqDC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Widget\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonToolbarItem, ToolbarOrientation, ToolbarUsage } from \"@itwin/appui-abstract\";\r\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\r\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\r\nimport { ToolbarHelper } from \"../toolbar/ToolbarHelper\";\r\nimport { useUiVisibility } from \"./BasicToolWidget\";\r\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer\";\r\n\r\n/** Properties that can be used to append items to the default set of toolbar items of [[DefaultNavigationWidget]].\r\n * @public\r\n */\r\nexport interface BasicNavigationWidgetProps {\r\n  /** optional set of additional items to include in horizontal toolbar */\r\n  additionalHorizontalItems?: CommonToolbarItem[];\r\n  /** optional set of additional items to include in vertical toolbar */\r\n  additionalVerticalItems?: CommonToolbarItem[];\r\n}\r\n\r\n/** 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    (): CommonToolbarItem[] => {\r\n      const items: CommonToolbarItem[] = 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    (): CommonToolbarItem[] => {\r\n      const items: CommonToolbarItem[] = [];\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  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"]}

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

package/lib/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,0DAAyE;AACzE,gEAA6D;AAC7D,6DAA0D;AAC1D,uDAAoD;AAWpD;;;;;;;;;;;;;;GAcG;AACH,SAAgB,yBAAyB,CAAC,KAAqC;IAC7E,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,WAAW,GAAG,IAAA,iCAAe,GAAE,CAAC;IACtC,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,CAAC,WAAW,IAAI,WAAW,CAC5B,CAAC;IAEF,OAAO,CACL,oBAAC,uCAAkB,IAAC,SAAS,EAAE,SAAS,EACtC,UAAU,EAAE,YAAY,EACxB,iBAAiB,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,6BAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,mCAAkB,CAAC,UAAU,GAAI,EACtI,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,6BAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,mCAAkB,CAAC,QAAQ,GAAI,GAClI,CACH,CAAC;AACJ,CAAC;AAdD,8DAcC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ToolbarOrientation, ToolbarUsage } from \"@itwin/appui-abstract\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\nimport { useUiVisibility } from \"./BasicToolWidget\";\n\n/**\n * Props for [[ContentToolWidgetComposer]].\n * @public\n */\nexport interface ContentToolWidgetComposerProps {\n  /** If default backstage button is desired use <BackstageAppButton />. */\n  cornerButton?: React.ReactNode;\n}\n\n/**\n * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders\n * are used to populate the toolbars. See [[StandardContentToolsProvider]].\n * @example\n * ToolWidget with no corner button\n * ```\n * <ContentToolWidgetComposer />\n * ```\n * ToolWidget with corner button\n * ```\n * const cornerButton = <BackstageAppButton icon={\"icon-bentley-systems\"} />;\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\n * ```\n * @public\n */\nexport function ContentToolWidgetComposer(props: ContentToolWidgetComposerProps) {\n  const { cornerButton } = props;\n  const uiIsVisible = useUiVisibility();\n  const className = classnames(\n    !uiIsVisible && \"nz-hidden\",\n  );\n\n  return (\n    <ToolWidgetComposer className={className}\n      cornerItem={cornerButton}\n      horizontalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Horizontal} />}\n      verticalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Vertical} />}\n    />\n  );\n}\n"]}
+{"version":3,"file":"ContentToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ContentToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,0DAAyE;AACzE,gEAA6D;AAC7D,6DAA0D;AAC1D,uDAAoD;AAWpD;;;;;;;;;;;;;;GAcG;AACH,SAAgB,yBAAyB,CAAC,KAAqC;IAC7E,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,WAAW,GAAG,IAAA,iCAAe,GAAE,CAAC;IACtC,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,CAAC,WAAW,IAAI,WAAW,CAC5B,CAAC;IAEF,OAAO,CACL,oBAAC,uCAAkB,IAAC,SAAS,EAAE,SAAS,EACtC,UAAU,EAAE,YAAY,EACxB,iBAAiB,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,6BAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,mCAAkB,CAAC,UAAU,GAAI,EACtI,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,6BAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,mCAAkB,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 { ToolbarOrientation, ToolbarUsage } from \"@itwin/appui-abstract\";\r\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\r\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\r\nimport { useUiVisibility } from \"./BasicToolWidget\";\r\n\r\n/**\r\n * Props for [[ContentToolWidgetComposer]].\r\n * @public\r\n */\r\nexport interface ContentToolWidgetComposerProps {\r\n  /** If default backstage button is desired use <BackstageAppButton />. */\r\n  cornerButton?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders\r\n * are used to populate the toolbars. See [[StandardContentToolsProvider]].\r\n * @example\r\n * ToolWidget with no corner button\r\n * ```\r\n * <ContentToolWidgetComposer />\r\n * ```\r\n * ToolWidget with corner button\r\n * ```\r\n * const cornerButton = <BackstageAppButton icon={\"icon-bentley-systems\"} />;\r\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\r\n * ```\r\n * @public\r\n */\r\nexport function ContentToolWidgetComposer(props: ContentToolWidgetComposerProps) {\r\n  const { cornerButton } = props;\r\n  const uiIsVisible = useUiVisibility();\r\n  const className = classnames(\r\n    !uiIsVisible && \"nz-hidden\",\r\n  );\r\n\r\n  return (\r\n    <ToolWidgetComposer className={className}\r\n      cornerItem={cornerButton}\r\n      horizontalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Horizontal} />}\r\n      verticalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Vertical} />}\r\n    />\r\n  );\r\n}\r\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport * as React from \"react\";\nimport { IModelConnection } from \"@itwin/core-frontend\";\nimport { UiError } from \"@itwin/appui-abstract\";\nimport { ViewClassFullNameChangedEventArgs, ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { Direction, Tools as NZ_ToolsWidget, ToolbarPanelAlignment } from \"@itwin/appui-layout-react\";\nimport { ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\nimport { ConfigurableUiManager } from \"../configurableui/ConfigurableUiManager\";\nimport { ContentControlActivatedEventArgs } from \"../content/ContentControl\";\nimport { ContentViewManager } from \"../content/ContentViewManager\";\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\nimport { NavigationAidActivatedEventArgs, NavigationAidControl } from \"../navigationaids/NavigationAidControl\";\nimport { UiFramework } from \"../UiFramework\";\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\nimport { ToolbarWidgetDefBase } from \"./ToolbarWidgetBase\";\nimport { NavigationWidgetProps, WidgetType } from \"./WidgetDef\";\n\n/** Definition of a Navigation Widget normally displayed in the top right zone in the 9-Zone Layout system.\n * @public\n * @deprecated use NavigationWidgetComposer instead\n */\nexport class NavigationWidgetDef extends ToolbarWidgetDefBase {\n  private _navigationAidId: string;\n  private _imodel: IModelConnection | undefined;\n  private _navigationAidControl: NavigationAidControl | undefined;\n  private _reactNode: React.ReactNode;\n\n  constructor(props: NavigationWidgetProps) {\n    super(props);\n\n    this.widgetType = WidgetType.Navigation;\n    this.verticalDirection = (props.verticalDirection !== undefined) ? props.verticalDirection : Direction.Left;\n    this.horizontalPanelAlignment = ToolbarPanelAlignment.End;\n    this._navigationAidId = (props.navigationAidId !== undefined) ? props.navigationAidId : \"\";\n\n    const activeStageName = FrontstageManager.activeFrontstageDef ? FrontstageManager.activeFrontstageDef.id : /* istanbul ignore next */ \"\";\n    this.widgetBaseName = `[${activeStageName}]NavigationWidget`;\n  }\n\n  public override get reactNode(): React.ReactNode {\n    // istanbul ignore else\n    if (!this._reactNode)\n      this._reactNode = <NavigationWidgetWithDef navigationWidgetDef={this} />;\n\n    return this._reactNode;\n  }\n\n  public renderCornerItem(): React.ReactNode {\n    // istanbul ignore if\n    if (FrontstageManager.isLoading)\n      return null;\n\n    // istanbul ignore else\n    if (!this._navigationAidControl && this._navigationAidId) {\n      const activeContentControl = ContentViewManager.getActiveContentControl();\n      const viewport = activeContentControl ? activeContentControl.viewport : /* istanbul ignore next */ undefined;\n\n      this._navigationAidControl = ConfigurableUiManager.createControl(this._navigationAidId, this._navigationAidId, { imodel: this._imodel, viewport }) as NavigationAidControl;\n      if (this._navigationAidControl.getType() !== ConfigurableUiControlType.NavigationAid) {\n        throw new UiError(UiFramework.loggerCategory(this), `renderCornerItem: navigationAidId '${this._navigationAidId}' is registered to a control that is NOT a NavigationAid`);\n      }\n      this._navigationAidControl.initialize();\n    }\n\n    // istanbul ignore else\n    if (this._navigationAidControl) {\n      const size = this._navigationAidControl.getSize() || \"64px\";\n      const divStyle: React.CSSProperties = {\n        width: size,\n        height: size,\n      };\n\n      return (\n        <div style={divStyle}>\n          {this._navigationAidControl.reactNode}\n        </div>\n      );\n    }\n\n    // istanbul ignore next\n    return null;\n  }\n\n  public updateNavigationAid(navigationAidId: string, imodel?: IModelConnection): void {\n    this._navigationAidId = navigationAidId;\n    this._imodel = imodel;\n    this._navigationAidControl = undefined;\n  }\n}\n\n/** Properties for the [[NavigationWidget]] React component.\n * @public\n * @deprecated use NavigationWidgetComposer instead\n */\nexport interface NavigationWidgetPropsEx extends NavigationWidgetProps, CommonProps {\n  iModelConnection?: IModelConnection;\n  horizontalToolbar?: React.ReactNode;\n  verticalToolbar?: React.ReactNode;\n}\n\n/** State for the Navigation Widget React component.\n * @internal\n */\ninterface NavigationWidgetState {\n  navigationWidgetDef: NavigationWidgetDef; // eslint-disable-line deprecation/deprecation\n}\n\n/** Navigation Widget React component.\n * @public\n * @deprecated use NavigationWidgetComposer instead\n */\nexport class NavigationWidget extends React.Component<NavigationWidgetPropsEx, NavigationWidgetState> { // eslint-disable-line deprecation/deprecation\n\n  /** @internal */\n  public override readonly state: Readonly<NavigationWidgetState>;\n\n  constructor(props: NavigationWidgetPropsEx) { // eslint-disable-line deprecation/deprecation\n    super(props);\n\n    this.state = { navigationWidgetDef: new NavigationWidgetDef(props) }; // eslint-disable-line deprecation/deprecation\n  }\n\n  /** Adds listeners */\n  public override componentDidMount() {\n    FrontstageManager.onContentControlActivatedEvent.addListener(this._handleContentControlActivated);\n    ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(this._handleViewClassFullNameChange);\n  }\n\n  /** Removes listeners */\n  public override componentWillUnmount() {\n    FrontstageManager.onContentControlActivatedEvent.removeListener(this._handleContentControlActivated);\n    ViewportComponentEvents.onViewClassFullNameChangedEvent.removeListener(this._handleViewClassFullNameChange);\n  }\n\n  private _handleContentControlActivated = (args: ContentControlActivatedEventArgs): void => {\n    const navigationAidId = args.activeContentControl.navigationAidControl;\n    setTimeout(() => {\n      FrontstageManager.setActiveNavigationAid(navigationAidId, this.props.iModelConnection!);\n    });\n  };\n\n  private _handleViewClassFullNameChange = (args: ViewClassFullNameChangedEventArgs): void => {\n    setTimeout(() => {\n      const activeContentControl = ContentViewManager.getActiveContentControl();\n\n      // istanbul ignore else\n      if (activeContentControl && args.viewport === activeContentControl.viewport) {\n        const navigationAidId = activeContentControl.navigationAidControl;\n        FrontstageManager.setActiveNavigationAid(navigationAidId, this.props.iModelConnection!);\n      }\n    });\n  };\n\n  public override componentDidUpdate(prevProps: NavigationWidgetPropsEx, _prevState: NavigationWidgetState) { // eslint-disable-line deprecation/deprecation\n    if (this.props !== prevProps) {\n      this.setState((_, props) => ({ navigationWidgetDef: new NavigationWidgetDef(props) })); // eslint-disable-line deprecation/deprecation\n    }\n  }\n\n  public override render(): React.ReactNode {\n    return (\n      <NavigationWidgetWithDef\n        className={this.props.className}\n        style={this.props.style}\n        navigationWidgetDef={this.state.navigationWidgetDef}\n        horizontalToolbar={this.props.horizontalToolbar}\n        verticalToolbar={this.props.verticalToolbar}\n      />\n    );\n  }\n}\n\n/** Properties for the [[NavigationWidgetWithDef]] component.\n */\ninterface Props extends CommonProps {\n  navigationWidgetDef: NavigationWidgetDef; // eslint-disable-line deprecation/deprecation\n  horizontalToolbar?: React.ReactNode;\n  verticalToolbar?: React.ReactNode;\n}\n\ninterface NavigationWidgetWithDefState {\n  horizontalToolbar: React.ReactNode;\n  verticalToolbar: React.ReactNode;\n  cornerItem: React.ReactNode;\n}\n\n/** Navigation Widget React component that's passed a NavigationWidgetDef.\n */\nclass NavigationWidgetWithDef extends React.Component<Props, NavigationWidgetWithDefState> {\n\n  constructor(props: Props) {\n    super(props);\n\n    const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : this.props.navigationWidgetDef.renderHorizontalToolbar();\n    const verticalToolbar = (this.props.verticalToolbar) ? this.props.verticalToolbar : this.props.navigationWidgetDef.renderVerticalToolbar();\n    this.state = { horizontalToolbar, verticalToolbar, cornerItem: null };\n  }\n\n  private reloadToolbars() {\n    const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : /* istanbul ignore next */ this.props.navigationWidgetDef.renderHorizontalToolbar();\n    const verticalToolbar = (this.props.verticalToolbar) ? /* istanbul ignore next */ this.props.verticalToolbar : this.props.navigationWidgetDef.renderVerticalToolbar();\n    this.setState({ horizontalToolbar, verticalToolbar });\n  }\n\n  private _handleNavigationAidActivatedEvent = (args: NavigationAidActivatedEventArgs): void => {\n    this.props.navigationWidgetDef.updateNavigationAid(args.navigationAidId, args.iModelConnection);\n    const navigationAid = this.props.navigationWidgetDef.renderCornerItem();\n    this.setState({ cornerItem: navigationAid });\n  };\n\n  public override componentDidMount() {\n    FrontstageManager.onNavigationAidActivatedEvent.addListener(this._handleNavigationAidActivatedEvent);\n  }\n\n  public override componentWillUnmount() {\n    FrontstageManager.onNavigationAidActivatedEvent.removeListener(this._handleNavigationAidActivatedEvent);\n  }\n\n  public override componentDidUpdate(prevProps: Props) {\n    if (this.props !== prevProps)\n      this.reloadToolbars();\n  }\n\n  public override render(): React.ReactNode {\n    return (\n      <NZ_ToolsWidget isNavigation\n        className={this.props.className}\n        style={this.props.style}\n        button={this.state.cornerItem}\n        horizontalToolbar={this.state.horizontalToolbar}\n        verticalToolbar={this.state.verticalToolbar}\n        preserveSpace={true}\n        onMouseEnter={UiShowHideManager.handleWidgetMouseEnter}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"NavigationWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidget.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 { IModelConnection } from \"@itwin/core-frontend\";\r\nimport { UiError } from \"@itwin/appui-abstract\";\r\nimport { ViewClassFullNameChangedEventArgs, ViewportComponentEvents } from \"@itwin/imodel-components-react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { Direction, Tools as NZ_ToolsWidget, ToolbarPanelAlignment } from \"@itwin/appui-layout-react\";\r\nimport { ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\nimport { ConfigurableUiManager } from \"../configurableui/ConfigurableUiManager\";\r\nimport { ContentControlActivatedEventArgs } from \"../content/ContentControl\";\r\nimport { ContentViewManager } from \"../content/ContentViewManager\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { NavigationAidActivatedEventArgs, NavigationAidControl } from \"../navigationaids/NavigationAidControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\r\nimport { ToolbarWidgetDefBase } from \"./ToolbarWidgetBase\";\r\nimport { NavigationWidgetProps, WidgetType } from \"./WidgetDef\";\r\n\r\n/** Definition of a Navigation Widget normally displayed in the top right zone in the 9-Zone Layout system.\r\n * @public\r\n * @deprecated use NavigationWidgetComposer instead\r\n */\r\nexport class NavigationWidgetDef extends ToolbarWidgetDefBase {\r\n  private _navigationAidId: string;\r\n  private _imodel: IModelConnection | undefined;\r\n  private _navigationAidControl: NavigationAidControl | undefined;\r\n  private _reactNode: React.ReactNode;\r\n\r\n  constructor(props: NavigationWidgetProps) {\r\n    super(props);\r\n\r\n    this.widgetType = WidgetType.Navigation;\r\n    this.verticalDirection = (props.verticalDirection !== undefined) ? props.verticalDirection : Direction.Left;\r\n    this.horizontalPanelAlignment = ToolbarPanelAlignment.End;\r\n    this._navigationAidId = (props.navigationAidId !== undefined) ? props.navigationAidId : \"\";\r\n\r\n    const activeStageName = FrontstageManager.activeFrontstageDef ? FrontstageManager.activeFrontstageDef.id : /* istanbul ignore next */ \"\";\r\n    this.widgetBaseName = `[${activeStageName}]NavigationWidget`;\r\n  }\r\n\r\n  public override get reactNode(): React.ReactNode {\r\n    // istanbul ignore else\r\n    if (!this._reactNode)\r\n      this._reactNode = <NavigationWidgetWithDef navigationWidgetDef={this} />;\r\n\r\n    return this._reactNode;\r\n  }\r\n\r\n  public renderCornerItem(): React.ReactNode {\r\n    // istanbul ignore if\r\n    if (FrontstageManager.isLoading)\r\n      return null;\r\n\r\n    // istanbul ignore else\r\n    if (!this._navigationAidControl && this._navigationAidId) {\r\n      const activeContentControl = ContentViewManager.getActiveContentControl();\r\n      const viewport = activeContentControl ? activeContentControl.viewport : /* istanbul ignore next */ undefined;\r\n\r\n      this._navigationAidControl = ConfigurableUiManager.createControl(this._navigationAidId, this._navigationAidId, { imodel: this._imodel, viewport }) as NavigationAidControl;\r\n      if (this._navigationAidControl.getType() !== ConfigurableUiControlType.NavigationAid) {\r\n        throw new UiError(UiFramework.loggerCategory(this), `renderCornerItem: navigationAidId '${this._navigationAidId}' is registered to a control that is NOT a NavigationAid`);\r\n      }\r\n      this._navigationAidControl.initialize();\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (this._navigationAidControl) {\r\n      const size = this._navigationAidControl.getSize() || \"64px\";\r\n      const divStyle: React.CSSProperties = {\r\n        width: size,\r\n        height: size,\r\n      };\r\n\r\n      return (\r\n        <div style={divStyle}>\r\n          {this._navigationAidControl.reactNode}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    // istanbul ignore next\r\n    return null;\r\n  }\r\n\r\n  public updateNavigationAid(navigationAidId: string, imodel?: IModelConnection): void {\r\n    this._navigationAidId = navigationAidId;\r\n    this._imodel = imodel;\r\n    this._navigationAidControl = undefined;\r\n  }\r\n}\r\n\r\n/** Properties for the [[NavigationWidget]] React component.\r\n * @public\r\n * @deprecated use NavigationWidgetComposer instead\r\n */\r\nexport interface NavigationWidgetPropsEx extends NavigationWidgetProps, CommonProps {\r\n  iModelConnection?: IModelConnection;\r\n  horizontalToolbar?: React.ReactNode;\r\n  verticalToolbar?: React.ReactNode;\r\n}\r\n\r\n/** State for the Navigation Widget React component.\r\n * @internal\r\n */\r\ninterface NavigationWidgetState {\r\n  navigationWidgetDef: NavigationWidgetDef; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** Navigation Widget React component.\r\n * @public\r\n * @deprecated use NavigationWidgetComposer instead\r\n */\r\nexport class NavigationWidget extends React.Component<NavigationWidgetPropsEx, NavigationWidgetState> { // eslint-disable-line deprecation/deprecation\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<NavigationWidgetState>;\r\n\r\n  constructor(props: NavigationWidgetPropsEx) { // eslint-disable-line deprecation/deprecation\r\n    super(props);\r\n\r\n    this.state = { navigationWidgetDef: new NavigationWidgetDef(props) }; // eslint-disable-line deprecation/deprecation\r\n  }\r\n\r\n  /** Adds listeners */\r\n  public override componentDidMount() {\r\n    FrontstageManager.onContentControlActivatedEvent.addListener(this._handleContentControlActivated);\r\n    ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(this._handleViewClassFullNameChange);\r\n  }\r\n\r\n  /** Removes listeners */\r\n  public override componentWillUnmount() {\r\n    FrontstageManager.onContentControlActivatedEvent.removeListener(this._handleContentControlActivated);\r\n    ViewportComponentEvents.onViewClassFullNameChangedEvent.removeListener(this._handleViewClassFullNameChange);\r\n  }\r\n\r\n  private _handleContentControlActivated = (args: ContentControlActivatedEventArgs): void => {\r\n    const navigationAidId = args.activeContentControl.navigationAidControl;\r\n    setTimeout(() => {\r\n      FrontstageManager.setActiveNavigationAid(navigationAidId, this.props.iModelConnection!);\r\n    });\r\n  };\r\n\r\n  private _handleViewClassFullNameChange = (args: ViewClassFullNameChangedEventArgs): void => {\r\n    setTimeout(() => {\r\n      const activeContentControl = ContentViewManager.getActiveContentControl();\r\n\r\n      // istanbul ignore else\r\n      if (activeContentControl && args.viewport === activeContentControl.viewport) {\r\n        const navigationAidId = activeContentControl.navigationAidControl;\r\n        FrontstageManager.setActiveNavigationAid(navigationAidId, this.props.iModelConnection!);\r\n      }\r\n    });\r\n  };\r\n\r\n  public override componentDidUpdate(prevProps: NavigationWidgetPropsEx, _prevState: NavigationWidgetState) { // eslint-disable-line deprecation/deprecation\r\n    if (this.props !== prevProps) {\r\n      this.setState((_, props) => ({ navigationWidgetDef: new NavigationWidgetDef(props) })); // eslint-disable-line deprecation/deprecation\r\n    }\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <NavigationWidgetWithDef\r\n        className={this.props.className}\r\n        style={this.props.style}\r\n        navigationWidgetDef={this.state.navigationWidgetDef}\r\n        horizontalToolbar={this.props.horizontalToolbar}\r\n        verticalToolbar={this.props.verticalToolbar}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\n/** Properties for the [[NavigationWidgetWithDef]] component.\r\n */\r\ninterface Props extends CommonProps {\r\n  navigationWidgetDef: NavigationWidgetDef; // eslint-disable-line deprecation/deprecation\r\n  horizontalToolbar?: React.ReactNode;\r\n  verticalToolbar?: React.ReactNode;\r\n}\r\n\r\ninterface NavigationWidgetWithDefState {\r\n  horizontalToolbar: React.ReactNode;\r\n  verticalToolbar: React.ReactNode;\r\n  cornerItem: React.ReactNode;\r\n}\r\n\r\n/** Navigation Widget React component that's passed a NavigationWidgetDef.\r\n */\r\nclass NavigationWidgetWithDef extends React.Component<Props, NavigationWidgetWithDefState> {\r\n\r\n  constructor(props: Props) {\r\n    super(props);\r\n\r\n    const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : this.props.navigationWidgetDef.renderHorizontalToolbar();\r\n    const verticalToolbar = (this.props.verticalToolbar) ? this.props.verticalToolbar : this.props.navigationWidgetDef.renderVerticalToolbar();\r\n    this.state = { horizontalToolbar, verticalToolbar, cornerItem: null };\r\n  }\r\n\r\n  private reloadToolbars() {\r\n    const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : /* istanbul ignore next */ this.props.navigationWidgetDef.renderHorizontalToolbar();\r\n    const verticalToolbar = (this.props.verticalToolbar) ? /* istanbul ignore next */ this.props.verticalToolbar : this.props.navigationWidgetDef.renderVerticalToolbar();\r\n    this.setState({ horizontalToolbar, verticalToolbar });\r\n  }\r\n\r\n  private _handleNavigationAidActivatedEvent = (args: NavigationAidActivatedEventArgs): void => {\r\n    this.props.navigationWidgetDef.updateNavigationAid(args.navigationAidId, args.iModelConnection);\r\n    const navigationAid = this.props.navigationWidgetDef.renderCornerItem();\r\n    this.setState({ cornerItem: navigationAid });\r\n  };\r\n\r\n  public override componentDidMount() {\r\n    FrontstageManager.onNavigationAidActivatedEvent.addListener(this._handleNavigationAidActivatedEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    FrontstageManager.onNavigationAidActivatedEvent.removeListener(this._handleNavigationAidActivatedEvent);\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: Props) {\r\n    if (this.props !== prevProps)\r\n      this.reloadToolbars();\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <NZ_ToolsWidget isNavigation\r\n        className={this.props.className}\r\n        style={this.props.style}\r\n        button={this.state.cornerItem}\r\n        horizontalToolbar={this.state.horizontalToolbar}\r\n        verticalToolbar={this.state.verticalToolbar}\r\n        preserveSpace={true}\r\n        onMouseEnter={UiShowHideManager.handleWidgetMouseEnter}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}

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

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

@@ -1 +1 @@
-{"version":3,"file":"ReviewToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ReviewToolWidget.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,sDAAmD;AACnD,sEAAyD;AACzD,kFAAuF;AACvF,+CAA6C;AAC7C,6CAA0C;AAoB1C;;;GAGG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAqC;IAAjF;;QAEU,4BAAuB,GAAG,IAAI,CAAC,KAAK,CAAC,iCAAiC,CAAC,CAAC;YAC9E,IAAI,kBAAQ,CAAC;gBACX,+BAAS,CAAC,qBAAqB;gBAC/B,yDAA+B,CAAC,oBAAoB;gBACpD,yDAA+B,CAAC,yBAAyB;gBACzD,yDAA+B,CAAC,wBAAwB;aACzD,CAAC;YACF,CAAC;gBACD,IAAI,kBAAQ,CAAC;oBACX,+BAAS,CAAC,qBAAqB;oBAC/B,yDAA+B,CAAC,mBAAmB;oBACnD,yDAA+B,CAAC,sBAAsB;oBACtD,yDAA+B,CAAC,wBAAwB;iBACzD,CAAC,CAAC;QAEG,0BAAqB,GAAG,IAAI,kBAAQ,CAAC;YAC3C,+BAAS,CAAC,oBAAoB;YAC9B,+BAAS,CAAC,gBAAgB;YAC1B,+BAAS,CAAC,gBAAgB;SAC3B,CAAC,CAAC;IAgCL,CAAC;IA9BiB,MAAM;QACpB,IAAI,uBAAuB,GAAG,qBAAS,CAAC,sBAAsB,CAAC,CAAC,8CAA8C;QAC9G,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,uBAAuB,GAAG,qBAAS,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,8CAA8C;SACnI;QAED,MAAM,sBAAsB,GAAG,IAAI,kBAAQ,EAAE,CAAC;QAC9C,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACxG,uBAAuB;QACvB,IAAI,IAAI,CAAC,uBAAuB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QAChG,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAExG,MAAM,oBAAoB,GAAG,IAAI,kBAAQ,EAAE,CAAC;QAC5C,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAClG,uBAAuB;QACvB,IAAI,IAAI,CAAC,qBAAqB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAC1F,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAElG,OAAO,CACL,oBAAC,uBAAU,CAAC,8CAA8C;YACxD,SAAS,EAAE,uBAAuB,EAClC,eAAe,EAAE,sBAAsB,EACvC,aAAa,EAAE,oBAAoB,GACnC,CACH,CAAC;IACJ,CAAC;CACF;AArDD,4CAqDC","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 { IconSpec } from \"@itwin/core-react\";\nimport { Backstage } from \"../backstage/Backstage\";\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\nimport { SelectionContextToolDefinitions } from \"../selection/SelectionContextItemDef\";\nimport { ItemList } from \"../shared/ItemMap\";\nimport { ToolWidget } from \"./ToolWidget\";\n\n/** Properties that can be used to append items to the default set of toolbar items of [[ReviewToolWidget]].\n * @beta\n */\nexport interface ReviewToolWidgetProps {\n  /** Item to add before the default items in the horizontal toolbar */\n  prefixHorizontalItems?: ItemList;\n  /** Item to add after the default items in the horizontal toolbar */\n  suffixHorizontalItems?: ItemList;\n  /** Item to add before the default items in the vertical toolbar */\n  prefixVerticalItems?: ItemList;\n  /** Item to add after the default items in the vertical toolbar */\n  suffixVerticalItems?: ItemList;\n  /** Controls visibility of hide/isolate tools that act on a selection set's categories/models */\n  showCategoryAndModelsContextTools?: boolean;\n  /** Icon specification for application button */\n  iconSpec?: IconSpec;\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 * @beta\n */\nexport class ReviewToolWidget extends React.Component<ReviewToolWidgetProps, any> {\n\n  private _horizontalToolbarItems = this.props.showCategoryAndModelsContextTools ?\n    new ItemList([\n      CoreTools.clearSelectionItemDef,\n      SelectionContextToolDefinitions.hideSectionToolGroup,\n      SelectionContextToolDefinitions.isolateSelectionToolGroup,\n      SelectionContextToolDefinitions.emphasizeElementsItemDef,\n    ])\n    :\n    new ItemList([\n      CoreTools.clearSelectionItemDef,\n      SelectionContextToolDefinitions.hideElementsItemDef,\n      SelectionContextToolDefinitions.isolateElementsItemDef,\n      SelectionContextToolDefinitions.emphasizeElementsItemDef,\n    ]);\n\n  private _verticalToolbarItems = new ItemList([\n    CoreTools.selectElementCommand,\n    CoreTools.measureToolGroup,\n    CoreTools.sectionToolGroup,\n  ]);\n\n  public override render() {\n    let appButtonCommandItemDef = Backstage.backstageToggleCommand; // eslint-disable-line deprecation/deprecation\n    if (this.props.iconSpec) {\n      appButtonCommandItemDef = Backstage.getBackstageToggleCommand(this.props.iconSpec); // eslint-disable-line deprecation/deprecation\n    }\n\n    const horizontalToolbarItems = new ItemList();\n    // istanbul ignore else\n    if (this.props.prefixHorizontalItems) horizontalToolbarItems.addItems(this.props.prefixHorizontalItems);\n    // istanbul ignore else\n    if (this._horizontalToolbarItems) horizontalToolbarItems.addItems(this._horizontalToolbarItems);\n    // istanbul ignore else\n    if (this.props.suffixHorizontalItems) horizontalToolbarItems.addItems(this.props.suffixHorizontalItems);\n\n    const verticalToolbarItems = new ItemList();\n    // istanbul ignore else\n    if (this.props.prefixVerticalItems) verticalToolbarItems.addItems(this.props.prefixVerticalItems);\n    // istanbul ignore else\n    if (this._verticalToolbarItems) verticalToolbarItems.addItems(this._verticalToolbarItems);\n    // istanbul ignore else\n    if (this.props.suffixVerticalItems) verticalToolbarItems.addItems(this.props.suffixVerticalItems);\n\n    return (\n      <ToolWidget // eslint-disable-line deprecation/deprecation\n        appButton={appButtonCommandItemDef}\n        horizontalItems={horizontalToolbarItems}\n        verticalItems={verticalToolbarItems}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"ReviewToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ReviewToolWidget.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,sDAAmD;AACnD,sEAAyD;AACzD,kFAAuF;AACvF,+CAA6C;AAC7C,6CAA0C;AAoB1C;;;GAGG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAqC;IAAjF;;QAEU,4BAAuB,GAAG,IAAI,CAAC,KAAK,CAAC,iCAAiC,CAAC,CAAC;YAC9E,IAAI,kBAAQ,CAAC;gBACX,+BAAS,CAAC,qBAAqB;gBAC/B,yDAA+B,CAAC,oBAAoB;gBACpD,yDAA+B,CAAC,yBAAyB;gBACzD,yDAA+B,CAAC,wBAAwB;aACzD,CAAC;YACF,CAAC;gBACD,IAAI,kBAAQ,CAAC;oBACX,+BAAS,CAAC,qBAAqB;oBAC/B,yDAA+B,CAAC,mBAAmB;oBACnD,yDAA+B,CAAC,sBAAsB;oBACtD,yDAA+B,CAAC,wBAAwB;iBACzD,CAAC,CAAC;QAEG,0BAAqB,GAAG,IAAI,kBAAQ,CAAC;YAC3C,+BAAS,CAAC,oBAAoB;YAC9B,+BAAS,CAAC,gBAAgB;YAC1B,+BAAS,CAAC,gBAAgB;SAC3B,CAAC,CAAC;IAgCL,CAAC;IA9BiB,MAAM;QACpB,IAAI,uBAAuB,GAAG,qBAAS,CAAC,sBAAsB,CAAC,CAAC,8CAA8C;QAC9G,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,uBAAuB,GAAG,qBAAS,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,8CAA8C;SACnI;QAED,MAAM,sBAAsB,GAAG,IAAI,kBAAQ,EAAE,CAAC;QAC9C,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACxG,uBAAuB;QACvB,IAAI,IAAI,CAAC,uBAAuB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QAChG,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAExG,MAAM,oBAAoB,GAAG,IAAI,kBAAQ,EAAE,CAAC;QAC5C,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAClG,uBAAuB;QACvB,IAAI,IAAI,CAAC,qBAAqB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAC1F,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAElG,OAAO,CACL,oBAAC,uBAAU,CAAC,8CAA8C;YACxD,SAAS,EAAE,uBAAuB,EAClC,eAAe,EAAE,sBAAsB,EACvC,aAAa,EAAE,oBAAoB,GACnC,CACH,CAAC;IACJ,CAAC;CACF;AArDD,4CAqDC","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 { IconSpec } from \"@itwin/core-react\";\r\nimport { Backstage } from \"../backstage/Backstage\";\r\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\r\nimport { SelectionContextToolDefinitions } from \"../selection/SelectionContextItemDef\";\r\nimport { ItemList } from \"../shared/ItemMap\";\r\nimport { ToolWidget } from \"./ToolWidget\";\r\n\r\n/** Properties that can be used to append items to the default set of toolbar items of [[ReviewToolWidget]].\r\n * @beta\r\n */\r\nexport interface ReviewToolWidgetProps {\r\n  /** Item to add before the default items in the horizontal toolbar */\r\n  prefixHorizontalItems?: ItemList;\r\n  /** Item to add after the default items in the horizontal toolbar */\r\n  suffixHorizontalItems?: ItemList;\r\n  /** Item to add before the default items in the vertical toolbar */\r\n  prefixVerticalItems?: ItemList;\r\n  /** Item to add after the default items in the vertical toolbar */\r\n  suffixVerticalItems?: ItemList;\r\n  /** Controls visibility of hide/isolate tools that act on a selection set's categories/models */\r\n  showCategoryAndModelsContextTools?: boolean;\r\n  /** Icon specification for application button */\r\n  iconSpec?: IconSpec;\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 * @beta\r\n */\r\nexport class ReviewToolWidget extends React.Component<ReviewToolWidgetProps, any> {\r\n\r\n  private _horizontalToolbarItems = this.props.showCategoryAndModelsContextTools ?\r\n    new ItemList([\r\n      CoreTools.clearSelectionItemDef,\r\n      SelectionContextToolDefinitions.hideSectionToolGroup,\r\n      SelectionContextToolDefinitions.isolateSelectionToolGroup,\r\n      SelectionContextToolDefinitions.emphasizeElementsItemDef,\r\n    ])\r\n    :\r\n    new ItemList([\r\n      CoreTools.clearSelectionItemDef,\r\n      SelectionContextToolDefinitions.hideElementsItemDef,\r\n      SelectionContextToolDefinitions.isolateElementsItemDef,\r\n      SelectionContextToolDefinitions.emphasizeElementsItemDef,\r\n    ]);\r\n\r\n  private _verticalToolbarItems = new ItemList([\r\n    CoreTools.selectElementCommand,\r\n    CoreTools.measureToolGroup,\r\n    CoreTools.sectionToolGroup,\r\n  ]);\r\n\r\n  public override render() {\r\n    let appButtonCommandItemDef = Backstage.backstageToggleCommand; // eslint-disable-line deprecation/deprecation\r\n    if (this.props.iconSpec) {\r\n      appButtonCommandItemDef = Backstage.getBackstageToggleCommand(this.props.iconSpec); // eslint-disable-line deprecation/deprecation\r\n    }\r\n\r\n    const horizontalToolbarItems = new ItemList();\r\n    // istanbul ignore else\r\n    if (this.props.prefixHorizontalItems) horizontalToolbarItems.addItems(this.props.prefixHorizontalItems);\r\n    // istanbul ignore else\r\n    if (this._horizontalToolbarItems) horizontalToolbarItems.addItems(this._horizontalToolbarItems);\r\n    // istanbul ignore else\r\n    if (this.props.suffixHorizontalItems) horizontalToolbarItems.addItems(this.props.suffixHorizontalItems);\r\n\r\n    const verticalToolbarItems = new ItemList();\r\n    // istanbul ignore else\r\n    if (this.props.prefixVerticalItems) verticalToolbarItems.addItems(this.props.prefixVerticalItems);\r\n    // istanbul ignore else\r\n    if (this._verticalToolbarItems) verticalToolbarItems.addItems(this._verticalToolbarItems);\r\n    // istanbul ignore else\r\n    if (this.props.suffixVerticalItems) verticalToolbarItems.addItems(this.props.suffixVerticalItems);\r\n\r\n    return (\r\n      <ToolWidget // eslint-disable-line deprecation/deprecation\r\n        appButton={appButtonCommandItemDef}\r\n        horizontalItems={horizontalToolbarItems}\r\n        verticalItems={verticalToolbarItems}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}

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":["/*---------------------------------------------------------------------------------------------\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 { 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(widgetDef: WidgetDef, stableId: string): 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"]}
+{"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 { WidgetDef } from \"./WidgetDef\";\r\n\r\nfunction isGenerated(value: WidgetDef[\"id\"]) {\r\n  return value.startsWith(\"Widget-\");\r\n}\r\n\r\n/** Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.\r\n * @internal\r\n */\r\nexport function createStableWidgetDef(widgetDef: WidgetDef, stableId: string): WidgetDef {\r\n  return new Proxy(widgetDef, {\r\n    get(target, name, receiver) {\r\n      const idName: keyof Pick<WidgetDef, \"id\"> = \"id\";\r\n      const value = Reflect.get(target, name, receiver);\r\n      if (name === idName && isGenerated(value)) {\r\n        return stableId;\r\n      }\r\n      return value;\r\n    },\r\n  });\r\n}\r\n"]}

package/lib/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,uEAAoE;AACpE,sEAAmE;AACnE,gFAA6E;AAE7E;;;;;;;;;;;;;;;;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,qCAAiB,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,GAAI,CAC5E,CAAC;IACJ,CAAC;;AARH,wEASC;AARe,wCAAS,GAAG,qCAAqC,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\";\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\nimport { StatusBarComposer } from \"../statusbar/StatusBarComposer\";\nimport { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl\";\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 key={FrontstageManager.activeFrontstageId} items={[]} />\n    );\n  }\n}\n"]}
+{"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,uEAAoE;AACpE,sEAAmE;AACnE,gFAA6E;AAE7E;;;;;;;;;;;;;;;;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,qCAAiB,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,GAAI,CAC5E,CAAC;IACJ,CAAC;;AARH,wEASC;AARe,wCAAS,GAAG,qCAAqC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Widget\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { StatusBarComposer } from \"../statusbar/StatusBarComposer\";\r\nimport { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl\";\r\n\r\n/**\r\n * StatusBarWidgetComposerControl provides status bar to specified [[Frontstage]] that allows status bar items to be populated\r\n * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common\r\n * set of status fields.\r\n * @example\r\n * ```\r\n *       statusBar={\r\n *         <Zone\r\n *           widgets={\r\n *             [\r\n *               <Widget isStatusBar={true} control={StatusBarWidgetComposerControl}  />\r\n *             ]}\r\n *         />\r\n *       }\r\n * ```\r\n * @public\r\n */\r\nexport class StatusBarWidgetComposerControl extends StatusBarWidgetControl {\r\n  public static controlId = \"uifw:StatusBarWidgetComposerControl\";\r\n  public readonly id = StatusBarWidgetComposerControl.controlId;\r\n\r\n  public getReactNode(): React.ReactNode {\r\n    return (\r\n      <StatusBarComposer key={FrontstageManager.activeFrontstageId} items={[]} />\r\n    );\r\n  }\r\n}\r\n"]}