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

package/lib/esm/appui-react/uiprovider/ComponentGenerator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentGenerator.js","sourceRoot":"","sources":["../../../../src/appui-react/uiprovider/ComponentGenerator.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 UiProvider\n */\n\nimport \"./DefaultDialogGridContainer.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type {\n  BaseDialogItem,\n  DialogItem,\n  DialogItemValue,\n  DialogPropertySyncItem,\n  DialogRow,\n  SyncPropertiesChangeEventArgs,\n} from \"@itwin/appui-abstract\";\nimport {\n  PropertyValueFormat,\n  UiLayoutDataProvider,\n} from \"@itwin/appui-abstract\";\nimport type { PropertyUpdatedArgs } from \"@itwin/components-react\";\nimport { EditorContainer } from \"@itwin/components-react\";\nimport type { ToolSettingsEntry } from \"../widget-panels/ToolSettings\";\nimport { assert, Logger } from \"@itwin/core-bentley\";\n\nfunction EditorLabel({\n  uiDataProvider,\n  item,\n  isLeftmostRecord,\n}: {\n  uiDataProvider: UiLayoutDataProvider;\n  item: DialogItem;\n  isLeftmostRecord?: boolean;\n}) {\n  const [isDisabled, setIsDisabled] = React.useState(!!item.isDisabled);\n  const displayLabel = React.useMemo(() => {\n    return item.property.displayLabel\n      ? item.property.displayLabel\n      : /* istanbul ignore next */ item.property.name;\n  }, [item]);\n  const propertyId = React.useMemo(\n    () => `dialogItemProperty-${item.property.name}`,\n    [item]\n  );\n\n  // listen for tool sync property events and update the isDisabled state\n  React.useEffect(() => {\n    const handleSync = (args: SyncPropertiesChangeEventArgs) => {\n      const mySyncItem = args.properties.find(\n        (syncItem: DialogPropertySyncItem) =>\n          syncItem.propertyName === item.property.name\n      );\n      // istanbul ignore next\n      if (mySyncItem) {\n        setIsDisabled(!!mySyncItem.isDisabled);\n      }\n    };\n    uiDataProvider.onSyncPropertiesChangeEvent.addListener(handleSync);\n    return () => {\n      uiDataProvider.onSyncPropertiesChangeEvent.removeListener(handleSync);\n    };\n  }, [uiDataProvider, item]);\n\n  // istanbul ignore next\n  const className = classnames(\n    \"uifw-default-label\",\n    isDisabled && \"uifw-label-disabled\",\n    !!isLeftmostRecord && \"uifw-default-narrow-only-display\",\n    !isLeftmostRecord && \"uifw-default-inline-label\"\n  );\n  return (\n    <label className={className} htmlFor={propertyId}>\n      {displayLabel}:\n    </label>\n  );\n}\n\nfunction PropertyEditor({\n  uiDataProvider,\n  initialItem,\n  isLock,\n  setFocus,\n}: {\n  uiDataProvider: UiLayoutDataProvider;\n  initialItem: BaseDialogItem;\n  isLock?: boolean;\n  setFocus?: boolean;\n}) {\n  const getLatestRecordValue = React.useCallback(() => {\n    let newRecord = UiLayoutDataProvider.getPropertyRecord(initialItem);\n\n    // istanbul ignore next\n    const foundItem = isLock\n      ? uiDataProvider.items.find(\n          (item) =>\n            item.lockProperty?.property.name === initialItem.property.name\n        )\n      : uiDataProvider.items.find(\n          (item) => item.property.name === initialItem.property.name\n        );\n    // istanbul ignore else\n    if (foundItem) {\n      if (isLock) {\n        newRecord = newRecord.copyWithNewValue({\n          value: foundItem.lockProperty!.value.value,\n          valueFormat: PropertyValueFormat.Primitive,\n        });\n        newRecord.isDisabled = foundItem.lockProperty!.isDisabled;\n      } else {\n        newRecord = newRecord.copyWithNewValue({\n          value: foundItem.value.value,\n          valueFormat: PropertyValueFormat.Primitive,\n        });\n        newRecord.isDisabled = foundItem.isDisabled;\n      }\n    }\n    return newRecord;\n  }, [initialItem, isLock, uiDataProvider.items]);\n\n  const currentRecord = getLatestRecordValue();\n  const [propertyRecord, setPropertyRecord] = React.useState(currentRecord);\n\n  // monitor tool for sync UI events\n  React.useEffect(() => {\n    const handleSync = (args: SyncPropertiesChangeEventArgs) => {\n      const mySyncItem = args.properties.find(\n        (syncItem: DialogPropertySyncItem) =>\n          syncItem.propertyName === initialItem.property.name\n      );\n      // istanbul ignore else\n      if (mySyncItem) {\n        const newPropertyValue = propertyRecord.copyWithNewValue(\n          {\n            value: mySyncItem.value.value,\n            valueFormat: PropertyValueFormat.Primitive,\n            displayValue: mySyncItem.value.displayValue,\n          },\n          mySyncItem.property\n        );\n\n        if (mySyncItem.property) {\n          // istanbul ignore else\n          if (mySyncItem.property.name === mySyncItem.propertyName) {\n            newPropertyValue.isDisabled = mySyncItem.isDisabled;\n            setPropertyRecord(newPropertyValue);\n          } else {\n            Logger.logError(\n              \"PropertyEditor\",\n              `Error trying to replace propertyName=${mySyncItem.propertyName} with property named ${mySyncItem.property.name}`\n            );\n          }\n        } else {\n          newPropertyValue.isDisabled = mySyncItem.isDisabled;\n          setPropertyRecord(newPropertyValue);\n        }\n      }\n    };\n    uiDataProvider.onSyncPropertiesChangeEvent.addListener(handleSync);\n    return () => {\n      uiDataProvider.onSyncPropertiesChangeEvent.removeListener(handleSync);\n    };\n  }, [uiDataProvider, propertyRecord, initialItem.property.name]);\n\n  const className = React.useMemo(\n    () => (isLock ? \"uifw-default-property-lock\" : \"uifw-default-editor\"),\n    [isLock]\n  );\n  // istanbul ignore next\n  const handleCommit = React.useCallback(\n    (commit: PropertyUpdatedArgs) => {\n      // UiLayoutDataProvider supports only primitive property types\n      // istanbul ignore next\n      assert(\n        commit.newValue.valueFormat === PropertyValueFormat.Primitive &&\n          commit.propertyRecord.value.valueFormat ===\n            PropertyValueFormat.Primitive\n      );\n      const newPropertyValue = propertyRecord.copyWithNewValue(commit.newValue);\n      const syncItem: DialogPropertySyncItem = {\n        value: commit.newValue as DialogItemValue,\n        propertyName: initialItem.property.name,\n        isDisabled: newPropertyValue.isDisabled,\n      };\n      uiDataProvider.applyUiPropertyChange(syncItem);\n      // Now have the uiDataProvider refetch the latest property values from the tool\n      uiDataProvider.reloadDialogItems(true);\n    },\n    [initialItem.property.name, propertyRecord, uiDataProvider]\n  );\n  // istanbul ignore next\n  const handleCancel = () => {};\n\n  return (\n    <div key={initialItem.property.name} className={className}>\n      <EditorContainer\n        key={initialItem.property.name}\n        propertyRecord={propertyRecord}\n        setFocus={setFocus}\n        onCommit={handleCommit}\n        onCancel={handleCancel}\n      />\n    </div>\n  );\n}\n\n/** Utility methods to generate react ui from DialogRow specs\n * @internal\n */\nexport class ComponentGenerator {\n  constructor(private _uiDataProvider: UiLayoutDataProvider) {}\n\n  public get uiDataProvider() {\n    return this._uiDataProvider;\n  }\n\n  private getEditor(\n    item: BaseDialogItem,\n    isLock = false,\n    setFocus = false\n  ): React.ReactNode {\n    return (\n      <PropertyEditor\n        key={item.property.name}\n        uiDataProvider={this.uiDataProvider}\n        initialItem={item}\n        isLock={isLock}\n        setFocus={setFocus}\n      />\n    );\n  }\n\n  private generateRowWithButtonGroupEditors(\n    row: DialogRow,\n    rowIndex: number\n  ): React.ReactNode {\n    // istanbul ignore else\n    if (1 === row.items.length) {\n      return (\n        <div\n          key={row.items[0].property.name}\n          className=\"uifw-default-inline-editor-group uifw-default-center-across-width\"\n        >\n          {this.getEditor(row.items[0])}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        key={rowIndex}\n        className=\"uifw-default-inline-editor-group uifw-default-center-across-width\"\n      >\n        <div className=\"uifw-default-inline-editor-group\">\n          {row.items.map((item) => this.getEditor(item))}\n        </div>\n      </div>\n    );\n  }\n\n  private generateEntryWithButtonGroupEditors(\n    row: DialogRow,\n    rowIndex: number\n  ): ToolSettingsEntry {\n    // istanbul ignore else\n    if (1 === row.items.length) {\n      return {\n        labelNode: \"\",\n        editorNode: (\n          <div\n            key={row.items[0].property.name}\n            className=\"uifw-default-inline-editor-group uifw-default-center-across-width\"\n          >\n            {this.getEditor(row.items[0])}\n          </div>\n        ),\n      };\n    }\n\n    return {\n      labelNode: \"\",\n      editorNode: (\n        <div\n          key={rowIndex}\n          className=\"uifw-default-inline-editor-group uifw-default-center-across-width\"\n        >\n          <div className=\"uifw-default-inline-editor-group\">\n            {row.items.map((item) => this.getEditor(item))}\n          </div>\n        </div>\n      ),\n    };\n  }\n\n  private getEditorLabel(\n    item: DialogItem,\n    isLeftmostRecord = false\n  ): React.ReactNode {\n    return (\n      <EditorLabel\n        uiDataProvider={this.uiDataProvider}\n        item={item}\n        isLeftmostRecord={isLeftmostRecord}\n      />\n    );\n  }\n\n  private getLeftLockAndLabel(\n    rowItem: DialogItem,\n    multiplePropertiesOnRow: boolean\n  ): React.ReactNode {\n    const record = UiLayoutDataProvider.getPropertyRecord(rowItem);\n    // istanbul ignore next\n    const lockEditor = UiLayoutDataProvider.hasAssociatedLockProperty(rowItem)\n      ? this.getEditor(rowItem.lockProperty!, true)\n      : null;\n    const label = UiLayoutDataProvider.editorWantsLabel(rowItem)\n      ? this.getEditorLabel(rowItem)\n      : null;\n    const classNames = multiplePropertiesOnRow\n      ? \"uifw-default-lock-and-label uifw-default-wide-only-display\"\n      : \"uifw-default-lock-and-label\";\n    return (\n      <div key={`lock-${record.property.name}`} className={classNames}>\n        {lockEditor}\n        {label}\n      </div>\n    );\n  }\n\n  private getInlineLabelAndEditor(\n    item: DialogItem,\n    isLeftmostRecord: boolean\n  ): React.ReactNode {\n    const label = UiLayoutDataProvider.editorWantsLabel(item)\n      ? this.getEditorLabel(item, isLeftmostRecord)\n      : null;\n    return (\n      <div\n        key={item.property.name}\n        className=\"uifw-default-inline-label-and-editor\"\n      >\n        {label}\n        {this.getEditor(item)}\n      </div>\n    );\n  }\n\n  private getRowWithMultipleEditors(row: DialogRow): React.ReactNode {\n    return (\n      <div className=\"uifw-default-inline-editor-group\">\n        {row.items.map((item: DialogItem, index: number) =>\n          this.getInlineLabelAndEditor(item, 0 === index)\n        )}\n      </div>\n    );\n  }\n\n  private getDivForRow(row: DialogRow): React.ReactNode {\n    if (1 === row.items.length) return this.getEditor(row.items[0]);\n    return this.getRowWithMultipleEditors(row);\n  }\n\n  public getRow(row: DialogRow, rowIndex: number): React.ReactNode {\n    if (UiLayoutDataProvider.onlyContainButtonGroupEditors(row)) {\n      return this.generateRowWithButtonGroupEditors(row, rowIndex);\n    } else {\n      return (\n        <React.Fragment key={rowIndex}>\n          {this.getLeftLockAndLabel(row.items[0], row.items.length > 1)}\n          {this.getDivForRow(row)}\n        </React.Fragment>\n      );\n    }\n  }\n\n  public getToolSettingsEntry(\n    row: DialogRow,\n    rowIndex: number\n  ): ToolSettingsEntry {\n    if (UiLayoutDataProvider.onlyContainButtonGroupEditors(row)) {\n      return this.generateEntryWithButtonGroupEditors(row, rowIndex);\n    } else {\n      return {\n        labelNode: this.getLeftLockAndLabel(row.items[0], row.items.length > 1),\n        editorNode: this.getDivForRow(row),\n      };\n    }\n  }\n\n  /** ToolSettingsEntries are used by the tool settings bar. */\n  public getToolSettingsEntries(): ToolSettingsEntry[] {\n    return this.uiDataProvider.rows.map((row: DialogRow, index: number) =>\n      this.getToolSettingsEntry(row, index)\n    );\n  }\n}\n"]}
+{"version":3,"file":"ComponentGenerator.js","sourceRoot":"","sources":["../../../../src/appui-react/uiprovider/ComponentGenerator.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 UiProvider\n */\n\nimport \"./DefaultDialogGridContainer.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type {\n  BaseDialogItem,\n  DialogItem,\n  DialogItemValue,\n  DialogPropertySyncItem,\n  DialogRow,\n  SyncPropertiesChangeEventArgs,\n} from \"@itwin/appui-abstract\";\nimport {\n  PropertyValueFormat,\n  UiLayoutDataProvider,\n} from \"@itwin/appui-abstract\";\nimport type { PropertyUpdatedArgs } from \"@itwin/components-react\";\nimport { EditorContainer } from \"@itwin/components-react\";\nimport type { ToolSettingsEntry } from \"../widget-panels/ToolSettings\";\nimport { assert, Logger } from \"@itwin/core-bentley\";\n\nfunction EditorLabel({\n  uiDataProvider,\n  item,\n  isLeftmostRecord,\n}: {\n  uiDataProvider: UiLayoutDataProvider;\n  item: DialogItem;\n  isLeftmostRecord?: boolean;\n}) {\n  const [isDisabled, setIsDisabled] = React.useState(!!item.isDisabled);\n  const displayLabel = React.useMemo(() => {\n    return item.property.displayLabel\n      ? item.property.displayLabel\n      : /* istanbul ignore next */ item.property.name;\n  }, [item]);\n  const propertyId = React.useMemo(\n    () => `dialogItemProperty-${item.property.name}`,\n    [item]\n  );\n\n  // listen for tool sync property events and update the isDisabled state\n  React.useEffect(() => {\n    const handleSync = (args: SyncPropertiesChangeEventArgs) => {\n      const mySyncItem = args.properties.find(\n        (syncItem: DialogPropertySyncItem) =>\n          syncItem.propertyName === item.property.name\n      );\n      // istanbul ignore next\n      if (mySyncItem) {\n        setIsDisabled(!!mySyncItem.isDisabled);\n      }\n    };\n    uiDataProvider.onSyncPropertiesChangeEvent.addListener(handleSync);\n    return () => {\n      uiDataProvider.onSyncPropertiesChangeEvent.removeListener(handleSync);\n    };\n  }, [uiDataProvider, item]);\n\n  // istanbul ignore next\n  const className = classnames(\n    \"uifw-default-label\",\n    isDisabled && \"uifw-label-disabled\",\n    !!isLeftmostRecord && \"uifw-default-narrow-only-display\",\n    !isLeftmostRecord && \"uifw-default-inline-label\"\n  );\n  return (\n    <label className={className} htmlFor={propertyId}>\n      {displayLabel}:\n    </label>\n  );\n}\n\nfunction PropertyEditor({\n  uiDataProvider,\n  initialItem,\n  isLock,\n  setFocus,\n}: {\n  uiDataProvider: UiLayoutDataProvider;\n  initialItem: BaseDialogItem;\n  isLock?: boolean;\n  setFocus?: boolean;\n}) {\n  const getLatestRecordValue = React.useCallback(() => {\n    let newRecord = UiLayoutDataProvider.getPropertyRecord(initialItem);\n\n    // istanbul ignore next\n    const foundItem = isLock\n      ? uiDataProvider.items.find(\n          (item) =>\n            item.lockProperty?.property.name === initialItem.property.name\n        )\n      : uiDataProvider.items.find(\n          (item) => item.property.name === initialItem.property.name\n        );\n    // istanbul ignore else\n    if (foundItem) {\n      if (isLock) {\n        newRecord = newRecord.copyWithNewValue({\n          value: foundItem.lockProperty!.value.value,\n          valueFormat: PropertyValueFormat.Primitive,\n        });\n        newRecord.isDisabled = foundItem.lockProperty!.isDisabled;\n      } else {\n        newRecord = newRecord.copyWithNewValue({\n          value: foundItem.value.value,\n          valueFormat: PropertyValueFormat.Primitive,\n        });\n        newRecord.isDisabled = foundItem.isDisabled;\n      }\n    }\n    return newRecord;\n  }, [initialItem, isLock, uiDataProvider.items]);\n\n  const currentRecord = getLatestRecordValue();\n  const [propertyRecord, setPropertyRecord] = React.useState(currentRecord);\n\n  // monitor tool for sync UI events\n  React.useEffect(() => {\n    const handleSync = (args: SyncPropertiesChangeEventArgs) => {\n      const mySyncItem = args.properties.find(\n        (syncItem: DialogPropertySyncItem) =>\n          syncItem.propertyName === initialItem.property.name\n      );\n      // istanbul ignore else\n      if (mySyncItem) {\n        const newPropertyValue = propertyRecord.copyWithNewValue(\n          {\n            value: mySyncItem.value.value,\n            valueFormat: PropertyValueFormat.Primitive,\n            displayValue: mySyncItem.value.displayValue,\n          },\n          mySyncItem.property\n        );\n\n        if (mySyncItem.property) {\n          // istanbul ignore else\n          if (mySyncItem.property.name === mySyncItem.propertyName) {\n            newPropertyValue.isDisabled = mySyncItem.isDisabled;\n            setPropertyRecord(newPropertyValue);\n          } else {\n            Logger.logError(\n              \"PropertyEditor\",\n              `Error trying to replace propertyName=${mySyncItem.propertyName} with property named ${mySyncItem.property.name}`\n            );\n          }\n        } else {\n          newPropertyValue.isDisabled = mySyncItem.isDisabled;\n          setPropertyRecord(newPropertyValue);\n        }\n      }\n    };\n    uiDataProvider.onSyncPropertiesChangeEvent.addListener(handleSync);\n    return () => {\n      uiDataProvider.onSyncPropertiesChangeEvent.removeListener(handleSync);\n    };\n  }, [uiDataProvider, propertyRecord, initialItem.property.name]);\n\n  const className = React.useMemo(\n    () => (isLock ? \"uifw-default-property-lock\" : \"uifw-default-editor\"),\n    [isLock]\n  );\n  // istanbul ignore next\n  const handleCommit = React.useCallback(\n    (commit: PropertyUpdatedArgs) => {\n      // UiLayoutDataProvider supports only primitive property types\n      // istanbul ignore next\n      assert(\n        commit.newValue.valueFormat === PropertyValueFormat.Primitive &&\n          commit.propertyRecord.value.valueFormat ===\n            PropertyValueFormat.Primitive\n      );\n      const newPropertyValue = propertyRecord.copyWithNewValue(commit.newValue);\n      const syncItem: DialogPropertySyncItem = {\n        value: commit.newValue as DialogItemValue,\n        propertyName: initialItem.property.name,\n        isDisabled: newPropertyValue.isDisabled,\n      };\n      uiDataProvider.applyUiPropertyChange(syncItem);\n      // Now have the uiDataProvider refetch the latest property values from the tool\n      uiDataProvider.reloadDialogItems(true);\n    },\n    [initialItem.property.name, propertyRecord, uiDataProvider]\n  );\n  // istanbul ignore next\n  const handleCancel = () => {};\n\n  return (\n    <div key={initialItem.property.name} className={className}>\n      <EditorContainer\n        key={initialItem.property.name}\n        propertyRecord={propertyRecord}\n        setFocus={setFocus}\n        onCommit={handleCommit}\n        onCancel={handleCancel}\n      />\n    </div>\n  );\n}\n\n/** Utility methods to generate react ui from DialogRow specs\n * @internal\n */\nexport class ComponentGenerator {\n  constructor(private _uiDataProvider: UiLayoutDataProvider) {}\n\n  public get uiDataProvider() {\n    return this._uiDataProvider;\n  }\n\n  private getEditor(\n    item: BaseDialogItem,\n    isLock = false,\n    setFocus = false\n  ): React.ReactNode {\n    return (\n      <PropertyEditor\n        key={item.property.name}\n        uiDataProvider={this.uiDataProvider}\n        initialItem={item}\n        isLock={isLock}\n        setFocus={setFocus}\n      />\n    );\n  }\n\n  private generateRowWithButtonGroupEditors(\n    row: DialogRow,\n    rowIndex: number\n  ): React.ReactNode {\n    // istanbul ignore else\n    if (1 === row.items.length) {\n      return (\n        <div\n          key={row.items[0].property.name}\n          className=\"uifw-default-inline-editor-group uifw-default-center-across-width\"\n        >\n          {this.getEditor(row.items[0])}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        key={rowIndex}\n        className=\"uifw-default-inline-editor-group uifw-default-center-across-width\"\n      >\n        <div className=\"uifw-default-inline-editor-group\">\n          {row.items.map((item) => this.getEditor(item))}\n        </div>\n      </div>\n    );\n  }\n\n  private generateEntryWithButtonGroupEditors(\n    row: DialogRow,\n    rowIndex: number\n  ): ToolSettingsEntry {\n    // istanbul ignore else\n    if (1 === row.items.length) {\n      return {\n        labelNode: \"\",\n        editorNode: (\n          <div\n            key={row.items[0].property.name}\n            className=\"uifw-default-inline-editor-group uifw-default-center-across-width\"\n          >\n            {this.getEditor(row.items[0])}\n          </div>\n        ),\n      };\n    }\n\n    return {\n      labelNode: \"\",\n      editorNode: (\n        <div\n          key={rowIndex}\n          className=\"uifw-default-inline-editor-group uifw-default-center-across-width\"\n        >\n          <div className=\"uifw-default-inline-editor-group\">\n            {row.items.map((item) => this.getEditor(item))}\n          </div>\n        </div>\n      ),\n    };\n  }\n\n  private getEditorLabel(\n    item: DialogItem,\n    isLeftmostRecord = false\n  ): React.ReactNode {\n    return (\n      <EditorLabel\n        uiDataProvider={this.uiDataProvider}\n        item={item}\n        isLeftmostRecord={isLeftmostRecord}\n      />\n    );\n  }\n\n  private getLeftLockAndLabel(\n    rowItem: DialogItem,\n    multiplePropertiesOnRow: boolean\n  ): React.ReactNode {\n    const record = UiLayoutDataProvider.getPropertyRecord(rowItem);\n    // istanbul ignore next\n    const lockEditor = UiLayoutDataProvider.hasAssociatedLockProperty(rowItem)\n      ? this.getEditor(rowItem.lockProperty!, true)\n      : null;\n    const label = UiLayoutDataProvider.editorWantsLabel(rowItem)\n      ? this.getEditorLabel(rowItem)\n      : null;\n    const classNames = multiplePropertiesOnRow\n      ? \"uifw-default-lock-and-label uifw-default-wide-only-display\"\n      : \"uifw-default-lock-and-label\";\n    return (\n      <div key={`lock-${record.property.name}`} className={classNames}>\n        {lockEditor}\n        {label}\n      </div>\n    );\n  }\n\n  private getInlineLabelAndEditor(\n    item: DialogItem,\n    isLeftmostRecord: boolean\n  ): React.ReactNode {\n    const label = UiLayoutDataProvider.editorWantsLabel(item)\n      ? this.getEditorLabel(item, isLeftmostRecord)\n      : null;\n    return (\n      <div\n        key={item.property.name}\n        className=\"uifw-default-inline-label-and-editor\"\n      >\n        {label}\n        {this.getEditor(item)}\n      </div>\n    );\n  }\n\n  private getRowWithMultipleEditors(row: DialogRow): React.ReactNode {\n    return (\n      <div className=\"uifw-default-inline-editor-group\">\n        {row.items.map((item: DialogItem, index: number) =>\n          this.getInlineLabelAndEditor(item, 0 === index)\n        )}\n      </div>\n    );\n  }\n\n  private getDivForRow(row: DialogRow): React.ReactNode {\n    if (1 === row.items.length) return this.getEditor(row.items[0]);\n    return this.getRowWithMultipleEditors(row);\n  }\n\n  public getRow(row: DialogRow, rowIndex: number): React.ReactNode {\n    if (UiLayoutDataProvider.onlyContainButtonGroupEditors(row)) {\n      return this.generateRowWithButtonGroupEditors(row, rowIndex);\n    } else {\n      return (\n        <React.Fragment key={rowIndex}>\n          {this.getLeftLockAndLabel(row.items[0], row.items.length > 1)}\n          {this.getDivForRow(row)}\n        </React.Fragment>\n      );\n    }\n  }\n\n  public getToolSettingsEntry(\n    row: DialogRow,\n    rowIndex: number\n  ): ToolSettingsEntry {\n    if (UiLayoutDataProvider.onlyContainButtonGroupEditors(row)) {\n      return this.generateEntryWithButtonGroupEditors(row, rowIndex);\n    } else {\n      return {\n        labelNode: this.getLeftLockAndLabel(row.items[0], row.items.length > 1),\n        editorNode: this.getDivForRow(row),\n      };\n    }\n  }\n\n  /** ToolSettingsEntries are used by the tool settings bar. */\n  public getToolSettingsEntries(): ToolSettingsEntry[] {\n    return this.uiDataProvider.rows.map((row: DialogRow, index: number) =>\n      this.getToolSettingsEntry(row, index)\n    );\n  }\n}\n"]}

package/lib/esm/appui-react/utils/InternalUiShowHideManager.js

@@ -30,13 +30,13 @@ class UiShowHideSettingsProvider {
             InternalUiShowHideManager.setSnapWidgetOpacity(result.setting);
     }
     static async storeAutoHideUi(v, storage) {
-        void (storage !== null && storage !== void 0 ? storage : UiFramework.getUiStateStorage()).saveSetting(this._settingsNamespace, this._autoHideUiKey, v);
+        void (storage ?? UiFramework.getUiStateStorage()).saveSetting(this._settingsNamespace, this._autoHideUiKey, v);
     }
     static async storeUseProximityOpacity(v, storage) {
-        void (storage !== null && storage !== void 0 ? storage : UiFramework.getUiStateStorage()).saveSetting(this._settingsNamespace, this._useProximityOpacityKey, v);
+        void (storage ?? UiFramework.getUiStateStorage()).saveSetting(this._settingsNamespace, this._useProximityOpacityKey, v);
     }
     static async storeSnapWidgetOpacity(v, storage) {
-        void (storage !== null && storage !== void 0 ? storage : UiFramework.getUiStateStorage()).saveSetting(this._settingsNamespace, this._snapWidgetOpacityKey, v);
+        void (storage ?? UiFramework.getUiStateStorage()).saveSetting(this._settingsNamespace, this._snapWidgetOpacityKey, v);
     }
 }
 UiShowHideSettingsProvider._settingsNamespace = "AppUiSettings";

package/lib/esm/appui-react/utils/InternalUiShowHideManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalUiShowHideManager.js","sourceRoot":"","sources":["../../../../src/appui-react/utils/InternalUiShowHideManager.ts"],"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 Utilities\n */\n\nimport type { UiStateStorage } from \"@itwin/core-react\";\nimport { UiStateStorageStatus } from \"@itwin/core-react\";\nimport {\n  SyncUiEventDispatcher,\n  SyncUiEventId,\n} from \"../syncui/SyncUiEventDispatcher\";\nimport type { UserSettingsProvider } from \"../UiFramework\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** Class that maintain UiShowHide user settings between sessions\n * @internal\n */\nexport class UiShowHideSettingsProvider implements UserSettingsProvider {\n  private static _settingsNamespace = \"AppUiSettings\";\n  private static _autoHideUiKey = \"AutoHideUi\";\n  private static _useProximityOpacityKey = \"UseProximityOpacity\";\n  private static _snapWidgetOpacityKey = \"SnapWidgetOpacity\";\n  public readonly providerId = \"UiShowHideSettingsProvider\";\n\n  public static initialize() {\n    UiFramework.registerUserSettingsProvider(new UiShowHideSettingsProvider());\n  }\n\n  public async loadUserSettings(storage: UiStateStorage): Promise<void> {\n    let result = await storage.getSetting(\n      UiShowHideSettingsProvider._settingsNamespace,\n      UiShowHideSettingsProvider._autoHideUiKey\n    );\n    if (result.status === UiStateStorageStatus.Success)\n      InternalUiShowHideManager.setAutoHideUi(result.setting);\n\n    result = await storage.getSetting(\n      UiShowHideSettingsProvider._settingsNamespace,\n      UiShowHideSettingsProvider._useProximityOpacityKey\n    );\n    if (result.status === UiStateStorageStatus.Success)\n      InternalUiShowHideManager.setUseProximityOpacity(result.setting);\n\n    result = await storage.getSetting(\n      UiShowHideSettingsProvider._settingsNamespace,\n      UiShowHideSettingsProvider._snapWidgetOpacityKey\n    );\n    if (result.status === UiStateStorageStatus.Success)\n      InternalUiShowHideManager.setSnapWidgetOpacity(result.setting);\n  }\n\n  public static async storeAutoHideUi(v: boolean, storage?: UiStateStorage) {\n    void (storage ?? UiFramework.getUiStateStorage()).saveSetting(\n      this._settingsNamespace,\n      this._autoHideUiKey,\n      v\n    );\n  }\n\n  public static async storeUseProximityOpacity(\n    v: boolean,\n    storage?: UiStateStorage\n  ) {\n    void (storage ?? UiFramework.getUiStateStorage()).saveSetting(\n      this._settingsNamespace,\n      this._useProximityOpacityKey,\n      v\n    );\n  }\n\n  public static async storeSnapWidgetOpacity(\n    v: boolean,\n    storage?: UiStateStorage\n  ) {\n    void (storage ?? UiFramework.getUiStateStorage()).saveSetting(\n      this._settingsNamespace,\n      this._snapWidgetOpacityKey,\n      v\n    );\n  }\n}\n\n/** The default inactivity time.\n * @internal\n */\nexport const INACTIVITY_TIME_DEFAULT = 3500; /** Wait 3.5 seconds */\n\n/** Maintains Ui Show/Hide state. The `Ui` includes widgets, panels and the status bar.\n * @internal\n */\nexport class InternalUiShowHideManager {\n  private static _isUiVisible: boolean = true;\n  private static _autoHideUi: boolean = true;\n  private static _showHidePanels: boolean = false;\n  private static _showHideFooter: boolean = false;\n  private static _inactivityTime: number = INACTIVITY_TIME_DEFAULT;\n  private static _timeout: NodeJS.Timeout;\n  private static _useProximityOpacity: boolean = false;\n  private static _snapWidgetOpacity: boolean = false;\n\n  /** Determines if the Ui is visible */\n  public static get isUiVisible() {\n    return InternalUiShowHideManager._isUiVisible;\n  }\n  public static set isUiVisible(visible: boolean) {\n    InternalUiShowHideManager._isUiVisible = visible;\n  }\n\n  /** @public */\n  public static setAutoHideUi(value: boolean) {\n    InternalUiShowHideManager._autoHideUi = value;\n  }\n\n  /** @internal */\n  public static setUseProximityOpacity(value: boolean) {\n    InternalUiShowHideManager._useProximityOpacity = value;\n  }\n\n  /** @internal */\n  public static setSnapWidgetOpacity(value: boolean) {\n    InternalUiShowHideManager._snapWidgetOpacity = value;\n  }\n\n  /** Determines whether the `auto-hide Ui` feature is on. Defaults to false.\n   * When true, the Ui automatically hides after a few seconds of inactivity.\n   */\n  public static get autoHideUi(): boolean {\n    return InternalUiShowHideManager._autoHideUi;\n  }\n\n  public static set autoHideUi(autoHide: boolean) {\n    void UiShowHideSettingsProvider.storeAutoHideUi(autoHide);\n    InternalUiShowHideManager._autoHideUi = autoHide;\n    SyncUiEventDispatcher.dispatchImmediateSyncUiEvent(\n      SyncUiEventId.ShowHideManagerSettingChange\n    );\n  }\n  /** Determines whether the widget panels are shown and hidden. Defaults to false. */\n  public static get showHidePanels(): boolean {\n    return InternalUiShowHideManager._showHidePanels;\n  }\n  public static set showHidePanels(showHide: boolean) {\n    InternalUiShowHideManager._showHidePanels = showHide;\n    UiFramework.onUiVisibilityChanged.emit({\n      visible: UiFramework.getIsUiVisible(),\n    });\n  }\n\n  /** Determines whether the status bar is shown and hidden. Defaults to false. */\n  public static get showHideFooter(): boolean {\n    return InternalUiShowHideManager._showHideFooter;\n  }\n  public static set showHideFooter(showHide: boolean) {\n    InternalUiShowHideManager._showHideFooter = showHide;\n    UiFramework.onUiVisibilityChanged.emit({\n      visible: UiFramework.getIsUiVisible(),\n    });\n  }\n\n  /** Determines the amount of inactivity time before the Ui is hidden. Defaults to 3.5 seconds. */\n  public static get inactivityTime(): number {\n    return InternalUiShowHideManager._inactivityTime;\n  }\n  public static set inactivityTime(time: number) {\n    InternalUiShowHideManager._inactivityTime = time;\n  }\n\n  /** Determines whether the proximity of the mouse should alter the opacity of a toolbar. Defaults to true. */\n  public static get useProximityOpacity(): boolean {\n    return InternalUiShowHideManager._useProximityOpacity;\n  }\n  public static set useProximityOpacity(value: boolean) {\n    InternalUiShowHideManager._useProximityOpacity = value;\n    void UiShowHideSettingsProvider.storeUseProximityOpacity(value);\n    SyncUiEventDispatcher.dispatchImmediateSyncUiEvent(\n      SyncUiEventId.ShowHideManagerSettingChange\n    );\n    UiFramework.onUiVisibilityChanged.emit({\n      visible: UiFramework.getIsUiVisible(),\n    });\n  }\n\n  /** Determines whether the opacity of a toolbar should snap. Defaults to false. */\n  public static get snapWidgetOpacity(): boolean {\n    return InternalUiShowHideManager._snapWidgetOpacity;\n  }\n  public static set snapWidgetOpacity(value: boolean) {\n    InternalUiShowHideManager._snapWidgetOpacity = value;\n    void UiShowHideSettingsProvider.storeSnapWidgetOpacity(value);\n    SyncUiEventDispatcher.dispatchImmediateSyncUiEvent(\n      SyncUiEventId.ShowHideManagerSettingChange\n    );\n    UiFramework.onUiVisibilityChanged.emit({\n      visible: UiFramework.getIsUiVisible(),\n    });\n  }\n\n  /** Handler for when a Frontstage is ready */\n  public static handleFrontstageReady() {\n    // istanbul ignore next\n    if (!InternalUiShowHideManager._autoHideUi) return;\n\n    InternalUiShowHideManager.showUiAndResetTimer();\n  }\n\n  /** Handler for when the mouse moves over the content area */\n  public static handleContentMouseMove(\n    _event?: React.MouseEvent<HTMLElement, MouseEvent>\n  ) {\n    if (!InternalUiShowHideManager._autoHideUi) return;\n\n    InternalUiShowHideManager.showUiAndResetTimer();\n  }\n\n  /** Handler for when the mouse enters a widget */\n  public static handleWidgetMouseEnter(\n    _event?: React.MouseEvent<HTMLElement, MouseEvent>\n  ) {\n    if (!InternalUiShowHideManager._autoHideUi) return;\n\n    InternalUiShowHideManager.showUiAndCancelTimer();\n  }\n\n  /** Shows the Ui and resets the inactivity timer */\n  public static showUiAndResetTimer() {\n    setTimeout(() => {\n      InternalUiShowHideManager.showUi();\n      InternalUiShowHideManager.resetTimer();\n    });\n  }\n\n  /** Shows the Ui and cancels the inactivity timer */\n  public static showUiAndCancelTimer() {\n    setTimeout(() => {\n      InternalUiShowHideManager.showUi();\n      InternalUiShowHideManager.cancelTimer();\n    });\n  }\n\n  private static cancelTimer() {\n    clearTimeout(InternalUiShowHideManager._timeout);\n  }\n\n  private static resetTimer() {\n    InternalUiShowHideManager.cancelTimer();\n    InternalUiShowHideManager._timeout = setTimeout(\n      InternalUiShowHideManager.hideUi,\n      InternalUiShowHideManager._inactivityTime\n    );\n  }\n\n  private static showUi() {\n    UiFramework.setIsUiVisible(true);\n  }\n\n  private static hideUi() {\n    UiFramework.setIsUiVisible(false);\n  }\n\n  /** @internal */\n  public static terminate() {\n    InternalUiShowHideManager.cancelTimer();\n    // Ensure that next use will have default values for tests.\n    InternalUiShowHideManager._isUiVisible = true;\n    InternalUiShowHideManager._autoHideUi = true;\n    InternalUiShowHideManager._showHidePanels = false;\n    InternalUiShowHideManager._showHideFooter = false;\n    InternalUiShowHideManager._inactivityTime = INACTIVITY_TIME_DEFAULT;\n    InternalUiShowHideManager._useProximityOpacity = false;\n    InternalUiShowHideManager._snapWidgetOpacity = false;\n  }\n}\n"]}
+{"version":3,"file":"InternalUiShowHideManager.js","sourceRoot":"","sources":["../../../../src/appui-react/utils/InternalUiShowHideManager.ts"],"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 Utilities\n */\n\nimport type { UiStateStorage } from \"@itwin/core-react\";\nimport { UiStateStorageStatus } from \"@itwin/core-react\";\nimport {\n  SyncUiEventDispatcher,\n  SyncUiEventId,\n} from \"../syncui/SyncUiEventDispatcher\";\nimport type { UserSettingsProvider } from \"../UiFramework\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** Class that maintain UiShowHide user settings between sessions\n * @internal\n */\nexport class UiShowHideSettingsProvider implements UserSettingsProvider {\n  private static _settingsNamespace = \"AppUiSettings\";\n  private static _autoHideUiKey = \"AutoHideUi\";\n  private static _useProximityOpacityKey = \"UseProximityOpacity\";\n  private static _snapWidgetOpacityKey = \"SnapWidgetOpacity\";\n  public readonly providerId = \"UiShowHideSettingsProvider\";\n\n  public static initialize() {\n    UiFramework.registerUserSettingsProvider(new UiShowHideSettingsProvider());\n  }\n\n  public async loadUserSettings(storage: UiStateStorage): Promise<void> {\n    let result = await storage.getSetting(\n      UiShowHideSettingsProvider._settingsNamespace,\n      UiShowHideSettingsProvider._autoHideUiKey\n    );\n    if (result.status === UiStateStorageStatus.Success)\n      InternalUiShowHideManager.setAutoHideUi(result.setting);\n\n    result = await storage.getSetting(\n      UiShowHideSettingsProvider._settingsNamespace,\n      UiShowHideSettingsProvider._useProximityOpacityKey\n    );\n    if (result.status === UiStateStorageStatus.Success)\n      InternalUiShowHideManager.setUseProximityOpacity(result.setting);\n\n    result = await storage.getSetting(\n      UiShowHideSettingsProvider._settingsNamespace,\n      UiShowHideSettingsProvider._snapWidgetOpacityKey\n    );\n    if (result.status === UiStateStorageStatus.Success)\n      InternalUiShowHideManager.setSnapWidgetOpacity(result.setting);\n  }\n\n  public static async storeAutoHideUi(v: boolean, storage?: UiStateStorage) {\n    void (storage ?? UiFramework.getUiStateStorage()).saveSetting(\n      this._settingsNamespace,\n      this._autoHideUiKey,\n      v\n    );\n  }\n\n  public static async storeUseProximityOpacity(\n    v: boolean,\n    storage?: UiStateStorage\n  ) {\n    void (storage ?? UiFramework.getUiStateStorage()).saveSetting(\n      this._settingsNamespace,\n      this._useProximityOpacityKey,\n      v\n    );\n  }\n\n  public static async storeSnapWidgetOpacity(\n    v: boolean,\n    storage?: UiStateStorage\n  ) {\n    void (storage ?? UiFramework.getUiStateStorage()).saveSetting(\n      this._settingsNamespace,\n      this._snapWidgetOpacityKey,\n      v\n    );\n  }\n}\n\n/** The default inactivity time.\n * @internal\n */\nexport const INACTIVITY_TIME_DEFAULT = 3500; /** Wait 3.5 seconds */\n\n/** Maintains Ui Show/Hide state. The `Ui` includes widgets, panels and the status bar.\n * @internal\n */\nexport class InternalUiShowHideManager {\n  private static _isUiVisible: boolean = true;\n  private static _autoHideUi: boolean = true;\n  private static _showHidePanels: boolean = false;\n  private static _showHideFooter: boolean = false;\n  private static _inactivityTime: number = INACTIVITY_TIME_DEFAULT;\n  private static _timeout: NodeJS.Timeout;\n  private static _useProximityOpacity: boolean = false;\n  private static _snapWidgetOpacity: boolean = false;\n\n  /** Determines if the Ui is visible */\n  public static get isUiVisible() {\n    return InternalUiShowHideManager._isUiVisible;\n  }\n  public static set isUiVisible(visible: boolean) {\n    InternalUiShowHideManager._isUiVisible = visible;\n  }\n\n  /** @public */\n  public static setAutoHideUi(value: boolean) {\n    InternalUiShowHideManager._autoHideUi = value;\n  }\n\n  /** @internal */\n  public static setUseProximityOpacity(value: boolean) {\n    InternalUiShowHideManager._useProximityOpacity = value;\n  }\n\n  /** @internal */\n  public static setSnapWidgetOpacity(value: boolean) {\n    InternalUiShowHideManager._snapWidgetOpacity = value;\n  }\n\n  /** Determines whether the `auto-hide Ui` feature is on. Defaults to false.\n   * When true, the Ui automatically hides after a few seconds of inactivity.\n   */\n  public static get autoHideUi(): boolean {\n    return InternalUiShowHideManager._autoHideUi;\n  }\n\n  public static set autoHideUi(autoHide: boolean) {\n    void UiShowHideSettingsProvider.storeAutoHideUi(autoHide);\n    InternalUiShowHideManager._autoHideUi = autoHide;\n    SyncUiEventDispatcher.dispatchImmediateSyncUiEvent(\n      SyncUiEventId.ShowHideManagerSettingChange\n    );\n  }\n  /** Determines whether the widget panels are shown and hidden. Defaults to false. */\n  public static get showHidePanels(): boolean {\n    return InternalUiShowHideManager._showHidePanels;\n  }\n  public static set showHidePanels(showHide: boolean) {\n    InternalUiShowHideManager._showHidePanels = showHide;\n    UiFramework.onUiVisibilityChanged.emit({\n      visible: UiFramework.getIsUiVisible(),\n    });\n  }\n\n  /** Determines whether the status bar is shown and hidden. Defaults to false. */\n  public static get showHideFooter(): boolean {\n    return InternalUiShowHideManager._showHideFooter;\n  }\n  public static set showHideFooter(showHide: boolean) {\n    InternalUiShowHideManager._showHideFooter = showHide;\n    UiFramework.onUiVisibilityChanged.emit({\n      visible: UiFramework.getIsUiVisible(),\n    });\n  }\n\n  /** Determines the amount of inactivity time before the Ui is hidden. Defaults to 3.5 seconds. */\n  public static get inactivityTime(): number {\n    return InternalUiShowHideManager._inactivityTime;\n  }\n  public static set inactivityTime(time: number) {\n    InternalUiShowHideManager._inactivityTime = time;\n  }\n\n  /** Determines whether the proximity of the mouse should alter the opacity of a toolbar. Defaults to true. */\n  public static get useProximityOpacity(): boolean {\n    return InternalUiShowHideManager._useProximityOpacity;\n  }\n  public static set useProximityOpacity(value: boolean) {\n    InternalUiShowHideManager._useProximityOpacity = value;\n    void UiShowHideSettingsProvider.storeUseProximityOpacity(value);\n    SyncUiEventDispatcher.dispatchImmediateSyncUiEvent(\n      SyncUiEventId.ShowHideManagerSettingChange\n    );\n    UiFramework.onUiVisibilityChanged.emit({\n      visible: UiFramework.getIsUiVisible(),\n    });\n  }\n\n  /** Determines whether the opacity of a toolbar should snap. Defaults to false. */\n  public static get snapWidgetOpacity(): boolean {\n    return InternalUiShowHideManager._snapWidgetOpacity;\n  }\n  public static set snapWidgetOpacity(value: boolean) {\n    InternalUiShowHideManager._snapWidgetOpacity = value;\n    void UiShowHideSettingsProvider.storeSnapWidgetOpacity(value);\n    SyncUiEventDispatcher.dispatchImmediateSyncUiEvent(\n      SyncUiEventId.ShowHideManagerSettingChange\n    );\n    UiFramework.onUiVisibilityChanged.emit({\n      visible: UiFramework.getIsUiVisible(),\n    });\n  }\n\n  /** Handler for when a Frontstage is ready */\n  public static handleFrontstageReady() {\n    // istanbul ignore next\n    if (!InternalUiShowHideManager._autoHideUi) return;\n\n    InternalUiShowHideManager.showUiAndResetTimer();\n  }\n\n  /** Handler for when the mouse moves over the content area */\n  public static handleContentMouseMove(\n    _event?: React.MouseEvent<HTMLElement, MouseEvent>\n  ) {\n    if (!InternalUiShowHideManager._autoHideUi) return;\n\n    InternalUiShowHideManager.showUiAndResetTimer();\n  }\n\n  /** Handler for when the mouse enters a widget */\n  public static handleWidgetMouseEnter(\n    _event?: React.MouseEvent<HTMLElement, MouseEvent>\n  ) {\n    if (!InternalUiShowHideManager._autoHideUi) return;\n\n    InternalUiShowHideManager.showUiAndCancelTimer();\n  }\n\n  /** Shows the Ui and resets the inactivity timer */\n  public static showUiAndResetTimer() {\n    setTimeout(() => {\n      InternalUiShowHideManager.showUi();\n      InternalUiShowHideManager.resetTimer();\n    });\n  }\n\n  /** Shows the Ui and cancels the inactivity timer */\n  public static showUiAndCancelTimer() {\n    setTimeout(() => {\n      InternalUiShowHideManager.showUi();\n      InternalUiShowHideManager.cancelTimer();\n    });\n  }\n\n  private static cancelTimer() {\n    clearTimeout(InternalUiShowHideManager._timeout);\n  }\n\n  private static resetTimer() {\n    InternalUiShowHideManager.cancelTimer();\n    InternalUiShowHideManager._timeout = setTimeout(\n      InternalUiShowHideManager.hideUi,\n      InternalUiShowHideManager._inactivityTime\n    );\n  }\n\n  private static showUi() {\n    UiFramework.setIsUiVisible(true);\n  }\n\n  private static hideUi() {\n    UiFramework.setIsUiVisible(false);\n  }\n\n  /** @internal */\n  public static terminate() {\n    InternalUiShowHideManager.cancelTimer();\n    // Ensure that next use will have default values for tests.\n    InternalUiShowHideManager._isUiVisible = true;\n    InternalUiShowHideManager._autoHideUi = true;\n    InternalUiShowHideManager._showHidePanels = false;\n    InternalUiShowHideManager._showHideFooter = false;\n    InternalUiShowHideManager._inactivityTime = INACTIVITY_TIME_DEFAULT;\n    InternalUiShowHideManager._useProximityOpacity = false;\n    InternalUiShowHideManager._snapWidgetOpacity = false;\n  }\n}\n"]}

package/lib/esm/appui-react/widget-panels/Content.js

@@ -24,31 +24,30 @@ function WidgetFallback() {
 }
 /** @internal */
 export function WidgetContent() {
-    var _a, _b;
     const widget = useWidgetDef();
     // istanbul ignore next
-    const itemId = (_b = (_a = widget === null || widget === void 0 ? void 0 : widget.id) !== null && _a !== void 0 ? _a : widget === null || widget === void 0 ? void 0 : widget.label) !== null && _b !== void 0 ? _b : "unknown";
+    const itemId = widget?.id ?? widget?.label ?? "unknown";
     const onSave = React.useCallback(() => {
         // istanbul ignore next
-        widget === null || widget === void 0 ? void 0 : widget.saveTransientState();
+        widget?.saveTransientState();
     }, [widget]);
     const onRestore = React.useCallback(() => {
         // istanbul ignore next
-        widget === null || widget === void 0 ? void 0 : widget.restoreTransientState();
+        widget?.restoreTransientState();
     }, [widget]);
     useTransientState(onSave, onRestore);
-    const providerId = (widget === null || widget === void 0 ? void 0 : widget.initialConfig) && isProviderItem(widget === null || widget === void 0 ? void 0 : widget.initialConfig)
-        ? widget === null || widget === void 0 ? void 0 : widget.initialConfig.providerId
+    const providerId = widget?.initialConfig && isProviderItem(widget?.initialConfig)
+        ? widget?.initialConfig.providerId
         : undefined;
     return (React.createElement(ScrollableWidgetContent, { itemId: itemId, providerId: providerId },
-        React.createElement(ErrorBoundary, { FallbackComponent: WidgetFallback }, widget === null || widget === void 0 ? void 0 : widget.reactNode)));
+        React.createElement(ErrorBoundary, { FallbackComponent: WidgetFallback }, widget?.reactNode)));
 }
 /** @internal */
 export function useWidgetDef() {
     const tabId = React.useContext(TabIdContext);
     assert(!!tabId);
     const frontstage = useActiveFrontstageDef();
-    const [widgetDef, setWidgetDef] = React.useState(() => frontstage === null || frontstage === void 0 ? void 0 : frontstage.findWidgetDef(tabId));
+    const [widgetDef, setWidgetDef] = React.useState(() => frontstage?.findWidgetDef(tabId));
     React.useEffect(() => {
         return InternalFrontstageManager.onFrontstageNineZoneStateChangedEvent.addListener((args) => {
             if (args.frontstageDef !== frontstage ||
@@ -61,7 +60,7 @@ export function useWidgetDef() {
     }, [frontstage, tabId]);
     React.useEffect(() => {
         return UiItemsManager.onUiProviderRegisteredEvent.addListener(() => {
-            setWidgetDef(frontstage === null || frontstage === void 0 ? void 0 : frontstage.findWidgetDef(tabId));
+            setWidgetDef(frontstage?.findWidgetDef(tabId));
         });
     }, [frontstage, tabId]);
     return widgetDef;

package/lib/esm/appui-react/widget-panels/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Content.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 */\nimport * as React from \"react\";\nimport {\n  ScrollableWidgetContent,\n  TabIdContext,\n} from \"@itwin/appui-layout-react\";\nimport type { WidgetDef } from \"../widgets/WidgetDef\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\nimport { useTransientState } from \"./useTransientState\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { UiItemsManager } from \"../ui-items-provider/UiItemsManager\";\nimport { isProviderItem } from \"../ui-items-provider/isProviderItem\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport { SvgError } from \"@itwin/itwinui-illustrations-react\";\nimport { NonIdealState } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework\";\n\nfunction WidgetFallback() {\n  const errorMessage = UiFramework.translate(\n    \"widget.errorMessage.unknownError\"\n  );\n  return (\n    <div role=\"alert\" style={{ position: \"relative\", minHeight: 400 }}>\n      <NonIdealState svg={<SvgError />} heading={errorMessage} />\n    </div>\n  );\n}\n\n/** @internal */\nexport function WidgetContent() {\n  const widget = useWidgetDef();\n  // istanbul ignore next\n  const itemId = widget?.id ?? widget?.label ?? \"unknown\";\n  const onSave = React.useCallback(() => {\n    // istanbul ignore next\n    widget?.saveTransientState();\n  }, [widget]);\n  const onRestore = React.useCallback(() => {\n    // istanbul ignore next\n    widget?.restoreTransientState();\n  }, [widget]);\n  useTransientState(onSave, onRestore);\n  const providerId =\n    widget?.initialConfig && isProviderItem(widget?.initialConfig)\n      ? widget?.initialConfig.providerId\n      : undefined;\n  return (\n    <ScrollableWidgetContent itemId={itemId} providerId={providerId}>\n      <ErrorBoundary FallbackComponent={WidgetFallback}>\n        {widget?.reactNode}\n      </ErrorBoundary>\n    </ScrollableWidgetContent>\n  );\n}\n\n/** @internal */\nexport function useWidgetDef(): WidgetDef | undefined {\n  const tabId = React.useContext(TabIdContext);\n  assert(!!tabId);\n\n  const frontstage = useActiveFrontstageDef();\n  const [widgetDef, setWidgetDef] = React.useState(() =>\n    frontstage?.findWidgetDef(tabId)\n  );\n\n  React.useEffect(() => {\n    return InternalFrontstageManager.onFrontstageNineZoneStateChangedEvent.addListener(\n      (args) => {\n        if (\n          args.frontstageDef !== frontstage ||\n          !frontstage ||\n          frontstage.isStageClosing ||\n          frontstage.isApplicationClosing\n        )\n          return;\n        setWidgetDef(frontstage.findWidgetDef(tabId));\n      }\n    );\n  }, [frontstage, tabId]);\n\n  React.useEffect(() => {\n    return UiItemsManager.onUiProviderRegisteredEvent.addListener(() => {\n      setWidgetDef(frontstage?.findWidgetDef(tabId));\n    });\n  }, [frontstage, tabId]);\n\n  return widgetDef;\n}\n"]}
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Content.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,uBAAuB,EACvB,YAAY,GACb,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,SAAS,cAAc;IACrB,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CACxC,kCAAkC,CACnC,CAAC;IACF,OAAO,CACL,6BAAK,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE;QAC/D,oBAAC,aAAa,IAAC,GAAG,EAAE,oBAAC,QAAQ,OAAG,EAAE,OAAO,EAAE,YAAY,GAAI,CACvD,CACP,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,aAAa;IAC3B,MAAM,MAAM,GAAG,YAAY,EAAE,CAAC;IAC9B,uBAAuB;IACvB,MAAM,MAAM,GAAG,MAAM,EAAE,EAAE,IAAI,MAAM,EAAE,KAAK,IAAI,SAAS,CAAC;IACxD,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpC,uBAAuB;QACvB,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,uBAAuB;QACvB,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAClC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,iBAAiB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACrC,MAAM,UAAU,GACd,MAAM,EAAE,aAAa,IAAI,cAAc,CAAC,MAAM,EAAE,aAAa,CAAC;QAC5D,CAAC,CAAC,MAAM,EAAE,aAAa,CAAC,UAAU;QAClC,CAAC,CAAC,SAAS,CAAC;IAChB,OAAO,CACL,oBAAC,uBAAuB,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU;QAC7D,oBAAC,aAAa,IAAC,iBAAiB,EAAE,cAAc,IAC7C,MAAM,EAAE,SAAS,CACJ,CACQ,CAC3B,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,YAAY;IAC1B,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAEhB,MAAM,UAAU,GAAG,sBAAsB,EAAE,CAAC;IAC5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CACpD,UAAU,EAAE,aAAa,CAAC,KAAK,CAAC,CACjC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,yBAAyB,CAAC,qCAAqC,CAAC,WAAW,CAChF,CAAC,IAAI,EAAE,EAAE;YACP,IACE,IAAI,CAAC,aAAa,KAAK,UAAU;gBACjC,CAAC,UAAU;gBACX,UAAU,CAAC,cAAc;gBACzB,UAAU,CAAC,oBAAoB;gBAE/B,OAAO;YACT,YAAY,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QAChD,CAAC,CACF,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,cAAc,CAAC,2BAA2B,CAAC,WAAW,CAAC,GAAG,EAAE;YACjE,YAAY,CAAC,UAAU,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,OAAO,SAAS,CAAC;AACnB,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 */\nimport * as React from \"react\";\nimport {\n  ScrollableWidgetContent,\n  TabIdContext,\n} from \"@itwin/appui-layout-react\";\nimport type { WidgetDef } from \"../widgets/WidgetDef\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\nimport { useTransientState } from \"./useTransientState\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { UiItemsManager } from \"../ui-items-provider/UiItemsManager\";\nimport { isProviderItem } from \"../ui-items-provider/isProviderItem\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport { SvgError } from \"@itwin/itwinui-illustrations-react\";\nimport { NonIdealState } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework\";\n\nfunction WidgetFallback() {\n  const errorMessage = UiFramework.translate(\n    \"widget.errorMessage.unknownError\"\n  );\n  return (\n    <div role=\"alert\" style={{ position: \"relative\", minHeight: 400 }}>\n      <NonIdealState svg={<SvgError />} heading={errorMessage} />\n    </div>\n  );\n}\n\n/** @internal */\nexport function WidgetContent() {\n  const widget = useWidgetDef();\n  // istanbul ignore next\n  const itemId = widget?.id ?? widget?.label ?? \"unknown\";\n  const onSave = React.useCallback(() => {\n    // istanbul ignore next\n    widget?.saveTransientState();\n  }, [widget]);\n  const onRestore = React.useCallback(() => {\n    // istanbul ignore next\n    widget?.restoreTransientState();\n  }, [widget]);\n  useTransientState(onSave, onRestore);\n  const providerId =\n    widget?.initialConfig && isProviderItem(widget?.initialConfig)\n      ? widget?.initialConfig.providerId\n      : undefined;\n  return (\n    <ScrollableWidgetContent itemId={itemId} providerId={providerId}>\n      <ErrorBoundary FallbackComponent={WidgetFallback}>\n        {widget?.reactNode}\n      </ErrorBoundary>\n    </ScrollableWidgetContent>\n  );\n}\n\n/** @internal */\nexport function useWidgetDef(): WidgetDef | undefined {\n  const tabId = React.useContext(TabIdContext);\n  assert(!!tabId);\n\n  const frontstage = useActiveFrontstageDef();\n  const [widgetDef, setWidgetDef] = React.useState(() =>\n    frontstage?.findWidgetDef(tabId)\n  );\n\n  React.useEffect(() => {\n    return InternalFrontstageManager.onFrontstageNineZoneStateChangedEvent.addListener(\n      (args) => {\n        if (\n          args.frontstageDef !== frontstage ||\n          !frontstage ||\n          frontstage.isStageClosing ||\n          frontstage.isApplicationClosing\n        )\n          return;\n        setWidgetDef(frontstage.findWidgetDef(tabId));\n      }\n    );\n  }, [frontstage, tabId]);\n\n  React.useEffect(() => {\n    return UiItemsManager.onUiProviderRegisteredEvent.addListener(() => {\n      setWidgetDef(frontstage?.findWidgetDef(tabId));\n    });\n  }, [frontstage, tabId]);\n\n  return widgetDef;\n}\n"]}

package/lib/esm/appui-react/widget-panels/Frontstage.js

@@ -52,7 +52,7 @@ const widgetPanelsFrontstage = React.createElement(WidgetPanelsFrontstageCompone
 /** @internal */
 export function useLayoutStore() {
     const [def, setDef] = React.useState(UiFramework.frontstages.activeFrontstageDef);
-    const [layout, setLayout] = React.useState(() => createLayoutStore(def === null || def === void 0 ? void 0 : def.nineZoneState));
+    const [layout, setLayout] = React.useState(() => createLayoutStore(def?.nineZoneState));
     React.useEffect(() => {
         return UiFramework.frontstages.onFrontstageActivatedEvent.addListener((args) => {
             unstable_batchedUpdates(() => {
@@ -103,7 +103,7 @@ export function FrameworkStateReducer(state, action, frontstageDef) {
                 const panel = draft.panels[panelSide];
                 const location = toStagePanelLocation(panelSide);
                 const panelDef = frontstageDef.getStagePanelDef(location);
-                if (panelDef === null || panelDef === void 0 ? void 0 : panelDef.maxSizeSpec) {
+                if (panelDef?.maxSizeSpec) {
                     panel.maxSize = getPanelMaxSize(panelDef.maxSizeSpec, panelSide, action.size);
                     if (panel.size) {
                         panel.size = Math.min(Math.max(panel.size, panel.minSize), panel.maxSize);
@@ -206,7 +206,6 @@ export function useLabels() {
 }
 /** @internal */
 export function addWidgets(state, widgets, side, widgetId) {
-    var _a;
     const visibleWidgets = widgets.filter((w) => w.isVisible && w.defaultState !== WidgetState.Floating);
     if (visibleWidgets.length === 0)
         return state;
@@ -221,14 +220,14 @@ export function addWidgets(state, widgets, side, widgetId) {
             canPopout: widget.canPopout,
             isFloatingStateWindowResizable: widget.isFloatingStateWindowResizable,
             hideWithUiWhenFloating: !!widget.hideWithUiWhenFloating,
-            allowedPanelTargets: (_a = widget.allowedPanelTargets) === null || _a === void 0 ? void 0 : _a.map((location) => toPanelSide(location)),
+            allowedPanelTargets: widget.allowedPanelTargets?.map((location) => toPanelSide(location)),
         });
         tabs.push(widget.id);
     }
     const activeWidget = visibleWidgets.find((widget) => widget.isActive);
     const minimized = false;
     // istanbul ignore else
-    if ((activeWidget === null || activeWidget === void 0 ? void 0 : activeWidget.defaultState) !== WidgetState.Floating) {
+    if (activeWidget?.defaultState !== WidgetState.Floating) {
         state = addPanelWidget(state, side, widgetId, tabs, {
             activeTabId: activeWidget ? activeWidget.id : tabs[0],
             minimized,
@@ -239,7 +238,6 @@ export function addWidgets(state, widgets, side, widgetId) {
 /** @internal */
 // istanbul ignore next
 export function appendWidgets(state, widgetDefs, location, section) {
-    var _a, _b;
     if (widgetDefs.length === 0)
         return state;
     const side = toPanelSide(location);
@@ -268,11 +266,11 @@ export function appendWidgets(state, widgetDefs, location, section) {
             userSized,
             isFloatingStateWindowResizable: widgetDef.isFloatingStateWindowResizable,
             hideWithUiWhenFloating: !!widgetDef.hideWithUiWhenFloating,
-            allowedPanelTargets: (_a = widgetDef.allowedPanelTargets) === null || _a === void 0 ? void 0 : _a.map((l) => toPanelSide(l)),
+            allowedPanelTargets: widgetDef.allowedPanelTargets?.map((l) => toPanelSide(l)),
         });
         if (widgetDef.isFloatingStateSupported &&
             widgetDef.defaultState === WidgetState.Floating) {
-            const floatingContainerId = (_b = widgetDef.floatingContainerId) !== null && _b !== void 0 ? _b : getUniqueId();
+            const floatingContainerId = widgetDef.floatingContainerId ?? getUniqueId();
             const widgetContainerId = getWidgetId(location, section);
             const home = {
                 side,
@@ -290,7 +288,7 @@ export function appendWidgets(state, widgetDefs, location, section) {
                     width: 300,
                     ...tab.preferredFloatingWidgetSize,
                 };
-                const preferredPoint = preferredPosition !== null && preferredPosition !== void 0 ? preferredPosition : {
+                const preferredPoint = preferredPosition ?? {
                     x: (state.size.width - size.width) / 2,
                     y: (state.size.height - size.height) / 2,
                 };
@@ -349,16 +347,23 @@ function processPopoutWidgets(initialState, frontstageDef) {
  * @internal
  */
 export function addMissingWidgets(frontstageDef, initialState) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
     let state = initialState;
-    state = appendWidgets(state, determineNewWidgets((_a = frontstageDef.leftPanel) === null || _a === void 0 ? void 0 : _a.getPanelSectionDef(StagePanelSection.Start).widgetDefs, state), StagePanelLocation.Left, StagePanelSection.Start);
-    state = appendWidgets(state, determineNewWidgets((_b = frontstageDef.leftPanel) === null || _b === void 0 ? void 0 : _b.getPanelSectionDef(StagePanelSection.End).widgetDefs, state), StagePanelLocation.Left, StagePanelSection.End);
-    state = appendWidgets(state, determineNewWidgets((_c = frontstageDef.rightPanel) === null || _c === void 0 ? void 0 : _c.getPanelSectionDef(StagePanelSection.Start).widgetDefs, state), StagePanelLocation.Right, StagePanelSection.Start);
-    state = appendWidgets(state, determineNewWidgets((_d = frontstageDef.rightPanel) === null || _d === void 0 ? void 0 : _d.getPanelSectionDef(StagePanelSection.End).widgetDefs, state), StagePanelLocation.Right, StagePanelSection.End);
-    state = appendWidgets(state, determineNewWidgets((_e = frontstageDef.topPanel) === null || _e === void 0 ? void 0 : _e.getPanelSectionDef(StagePanelSection.Start).widgetDefs, state), StagePanelLocation.Top, StagePanelSection.Start);
-    state = appendWidgets(state, determineNewWidgets((_f = frontstageDef.topPanel) === null || _f === void 0 ? void 0 : _f.getPanelSectionDef(StagePanelSection.End).widgetDefs, state), StagePanelLocation.Top, StagePanelSection.End);
-    state = appendWidgets(state, determineNewWidgets((_g = frontstageDef.bottomPanel) === null || _g === void 0 ? void 0 : _g.getPanelSectionDef(StagePanelSection.Start).widgetDefs, state), StagePanelLocation.Bottom, StagePanelSection.Start);
-    state = appendWidgets(state, determineNewWidgets((_h = frontstageDef.bottomPanel) === null || _h === void 0 ? void 0 : _h.getPanelSectionDef(StagePanelSection.End).widgetDefs, state), StagePanelLocation.Bottom, StagePanelSection.End);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.leftPanel?.getPanelSectionDef(StagePanelSection.Start)
+        .widgetDefs, state), StagePanelLocation.Left, StagePanelSection.Start);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.leftPanel?.getPanelSectionDef(StagePanelSection.End)
+        .widgetDefs, state), StagePanelLocation.Left, StagePanelSection.End);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.rightPanel?.getPanelSectionDef(StagePanelSection.Start)
+        .widgetDefs, state), StagePanelLocation.Right, StagePanelSection.Start);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.rightPanel?.getPanelSectionDef(StagePanelSection.End)
+        .widgetDefs, state), StagePanelLocation.Right, StagePanelSection.End);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.topPanel?.getPanelSectionDef(StagePanelSection.Start)
+        .widgetDefs, state), StagePanelLocation.Top, StagePanelSection.Start);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.topPanel?.getPanelSectionDef(StagePanelSection.End)
+        .widgetDefs, state), StagePanelLocation.Top, StagePanelSection.End);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.bottomPanel?.getPanelSectionDef(StagePanelSection.Start)
+        .widgetDefs, state), StagePanelLocation.Bottom, StagePanelSection.Start);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.bottomPanel?.getPanelSectionDef(StagePanelSection.End)
+        .widgetDefs, state), StagePanelLocation.Bottom, StagePanelSection.End);
     return state;
 }
 /** Hide widgets with Hidden defaultState. */
@@ -432,8 +437,8 @@ export function getWidgetId(location, section) {
 /** @internal */
 export function getPanelSectionWidgets(frontstageDef, location, section) {
     const stagePanel = frontstageDef.getStagePanelDef(location);
-    const panelSection = stagePanel === null || stagePanel === void 0 ? void 0 : stagePanel.getPanelSectionDef(section);
-    return (panelSection === null || panelSection === void 0 ? void 0 : panelSection.widgetDefs) || [];
+    const panelSection = stagePanel?.getPanelSectionDef(section);
+    return panelSection?.widgetDefs || [];
 }
 /** @internal */
 export function addPanelWidgets(state, frontstageDef, location) {
@@ -458,15 +463,14 @@ export function initializePanel(state, frontstageDef, location) {
     state = addPanelWidgets(state, frontstageDef, location);
     const panelDef = frontstageDef.getStagePanelDef(location);
     state = produce(state, (draft) => {
-        var _a, _b, _c;
         const panel = draft.panels[panelSide];
-        panel.minSize = (_a = panelDef === null || panelDef === void 0 ? void 0 : panelDef.minSize) !== null && _a !== void 0 ? _a : panel.minSize;
-        panel.pinned = (_b = panelDef === null || panelDef === void 0 ? void 0 : panelDef.pinned) !== null && _b !== void 0 ? _b : panel.pinned;
-        panel.resizable = (_c = panelDef === null || panelDef === void 0 ? void 0 : panelDef.resizable) !== null && _c !== void 0 ? _c : panel.resizable;
-        if (panelDef === null || panelDef === void 0 ? void 0 : panelDef.maxSizeSpec) {
+        panel.minSize = panelDef?.minSize ?? panel.minSize;
+        panel.pinned = panelDef?.pinned ?? panel.pinned;
+        panel.resizable = panelDef?.resizable ?? panel.resizable;
+        if (panelDef?.maxSizeSpec) {
             panel.maxSize = getPanelMaxSize(panelDef.maxSizeSpec, panelSide, state.size);
         }
-        const size = panelDef === null || panelDef === void 0 ? void 0 : panelDef.size;
+        const size = panelDef?.size;
         panel.size =
             size === undefined
                 ? size
@@ -501,7 +505,6 @@ export function initializeNineZoneState(frontstageDef) {
     nineZone = initializePanel(nineZone, frontstageDef, StagePanelLocation.Top);
     nineZone = initializePanel(nineZone, frontstageDef, StagePanelLocation.Bottom);
     nineZone = produce(nineZone, (stateDraft) => {
-        var _a, _b, _c, _d;
         for (const [, panel] of Object.entries(stateDraft.panels)) {
             const expanded = panel.widgets.find((widgetId) => stateDraft.widgets[widgetId].minimized === false);
             const firstWidget = panel.widgets.length > 0
@@ -512,10 +515,10 @@ export function initializeNineZoneState(frontstageDef) {
                 firstWidget.minimized = false;
             }
         }
-        stateDraft.panels.left.collapsed = isPanelCollapsed((_a = frontstageDef.leftPanel) === null || _a === void 0 ? void 0 : _a.panelState);
-        stateDraft.panels.right.collapsed = isPanelCollapsed((_b = frontstageDef.rightPanel) === null || _b === void 0 ? void 0 : _b.panelState);
-        stateDraft.panels.top.collapsed = isPanelCollapsed((_c = frontstageDef.topPanel) === null || _c === void 0 ? void 0 : _c.panelState);
-        stateDraft.panels.bottom.collapsed = isPanelCollapsed((_d = frontstageDef.bottomPanel) === null || _d === void 0 ? void 0 : _d.panelState);
+        stateDraft.panels.left.collapsed = isPanelCollapsed(frontstageDef.leftPanel?.panelState);
+        stateDraft.panels.right.collapsed = isPanelCollapsed(frontstageDef.rightPanel?.panelState);
+        stateDraft.panels.top.collapsed = isPanelCollapsed(frontstageDef.topPanel?.panelState);
+        stateDraft.panels.bottom.collapsed = isPanelCollapsed(frontstageDef.bottomPanel?.panelState);
         const toolSettingsWidgetDef = frontstageDef.toolSettings;
         if (toolSettingsWidgetDef) {
             const toolSettingsTab = stateDraft.tabs[toolSettingsTabId];
@@ -551,7 +554,6 @@ export function restoreNineZoneState(frontstageDef, saved) {
             continue;
         }
         restored = produce(restored, (draft) => {
-            var _a;
             draft.tabs[tab.id] = {
                 ...tab,
                 label: getWidgetLabel(widgetDef.label),
@@ -559,7 +561,7 @@ export function restoreNineZoneState(frontstageDef, saved) {
                 iconSpec: widgetDef.iconSpec,
                 canPopout: widgetDef.canPopout,
                 isFloatingStateWindowResizable: widgetDef.isFloatingStateWindowResizable,
-                allowedPanelTargets: (_a = widgetDef.allowedPanelTargets) === null || _a === void 0 ? void 0 : _a.map((location) => toPanelSide(location)),
+                allowedPanelTargets: widgetDef.allowedPanelTargets?.map((location) => toPanelSide(location)),
             };
         });
     }
@@ -714,7 +716,6 @@ function addHiddenWidget(state, widgetDef) {
 }
 /** @internal */
 export function setWidgetState(state, widgetDef, widgetState) {
-    var _a, _b;
     if (widgetState === WidgetState.Hidden) {
         return hideWidget(state, widgetDef);
     }
@@ -726,7 +727,6 @@ export function setWidgetState(state, widgetDef, widgetState) {
             location = getTabLocation(state, id);
         }
         return produce(state, (draft) => {
-            var _a;
             assert(!!location);
             const widget = draft.widgets[location.widgetId];
             widget.minimized = false;
@@ -741,7 +741,7 @@ export function setWidgetState(state, widgetDef, widgetState) {
                 panel.collapsed = false;
                 if (undefined === panel.size || 0 === panel.size) {
                     // istanbul ignore next
-                    panel.size = (_a = panel.minSize) !== null && _a !== void 0 ? _a : 200;
+                    panel.size = panel.minSize ?? 200;
                 }
             }
         });
@@ -776,7 +776,7 @@ export function setWidgetState(state, widgetDef, widgetState) {
             return state;
         // Widget is not floating.
         state = removeTabFromWidget(state, id);
-        const bounds = (_b = (_a = widgetDef.tabLocation) === null || _a === void 0 ? void 0 : _a.floatingWidget) === null || _b === void 0 ? void 0 : _b.bounds;
+        const bounds = widgetDef.tabLocation?.floatingWidget?.bounds;
         state = addFloatingWidget(state, getUniqueId(), [id], { bounds });
     }
     return state;
@@ -1039,11 +1039,10 @@ export function useFrontstageManager(frontstageDef, useToolAsToolSettingsLabel)
     const defaultLabel = React.useMemo(() => UiFramework.translate("widget.labels.toolSettings"), []);
     React.useEffect(() => {
         const updateLabel = createListener(frontstageDef, () => {
-            var _a;
             const toolId = UiFramework.frontstages.activeToolId;
             assert(!!frontstageDef.nineZoneState);
             const label = useToolAsToolSettingsLabel
-                ? ((_a = IModelApp.tools.find(toolId)) === null || _a === void 0 ? void 0 : _a.flyover) || defaultLabel
+                ? IModelApp.tools.find(toolId)?.flyover || defaultLabel
                 : defaultLabel;
             frontstageDef.nineZoneState = setWidgetLabel(frontstageDef.nineZoneState, toolSettingsTabId, label);
         });