@itwin/appui-react 4.12.0 → 4.13.0

package/lib/cjs/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\";\nimport { Label } from \"@itwin/itwinui-react\";\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 || item.property.name;\n  }, [item]);\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    !!isLeftmostRecord && \"uifw-default-narrow-only-display\"\n  );\n  return (\n    <Label\n      className={className}\n      htmlFor={item.property.name}\n      disabled={isDisabled}\n    >\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, index === 0)\n        )}\n      </div>\n    );\n  }\n\n  private getDivForRow(row: DialogRow): React.ReactNode {\n    if (row.items.length === 1) 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/cjs/appui-react/uiprovider/DefaultDialogGridContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultDialogGridContainer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/uiprovider/DefaultDialogGridContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,mCAAmC,CAAC;AAE3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAO/D;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,kBAAkB,GACnB,EAAE;IACD,kBAAkB,EAAE,kBAAkB,CAAC;CACxC,qBAgBA;AAED,UAAU,wBAAwB;IAChC,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,gBAAgB;AAEhB,wBAAgB,mBAAmB,CAAC,EAClC,kBAAkB,EAClB,kBAAkB,GACnB,EAAE,wBAAwB,qBAY1B;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,kBAAkB,EAClB,cAAc,GACf,EAAE;IACD,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,qBAOA"}
+{"version":3,"file":"DefaultDialogGridContainer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/uiprovider/DefaultDialogGridContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,mCAAmC,CAAC;AAE3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAO/D;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,kBAAkB,GACnB,EAAE;IACD,kBAAkB,EAAE,kBAAkB,CAAC;CACxC,qBAgBA;AAED,UAAU,wBAAwB;IAChC,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,gBAAgB;AAEhB,wBAAgB,mBAAmB,CAAC,EAClC,kBAAkB,EAClB,kBAAkB,GACnB,EAAE,wBAAwB,qBAS1B;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,kBAAkB,EAClB,cAAc,GACf,EAAE;IACD,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,qBAOA"}

package/lib/cjs/appui-react/uiprovider/DefaultDialogGridContainer.js

@@ -34,8 +34,7 @@ exports.ToolSettingsGridContainer = ToolSettingsGridContainer;
 // istanbul ignore next
 function DialogGridContainer({ componentGenerator, containerClassName, }) {
     const className = (0, classnames_1.default)("uifw-default-container", containerClassName);
-    return (React.createElement("div", { className: "uifw-default-resizer-parent" },
-        React.createElement("div", { className: className }, componentGenerator.uiDataProvider.rows.map((row, index) => componentGenerator.getRow(row, index)))));
+    return (React.createElement("div", { className: className }, componentGenerator.uiDataProvider.rows.map((row, index) => componentGenerator.getRow(row, index))));
 }
 exports.DialogGridContainer = DialogGridContainer;
 /** DefaultDialogGridContainer populates a React node with the items specified by the UiLayoutDataProvider

package/lib/cjs/appui-react/uiprovider/DefaultDialogGridContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultDialogGridContainer.js","sourceRoot":"","sources":["../../../../src/appui-react/uiprovider/DefaultDialogGridContainer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,6CAA2C;AAC3C,2CAAoC;AACpC,+BAA+B;AAE/B,wEAA4E;AAG5E,IAAK,UAGJ;AAHD,WAAK,UAAU;IACb,2CAAQ,CAAA;IACR,+CAAU,CAAA;AACZ,CAAC,EAHI,UAAU,KAAV,UAAU,QAGd;AAED;;;GAGG;AACH,SAAgB,yBAAyB,CAAC,EACxC,kBAAkB,GAGnB;IACC,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAChD,gDAA0B,CAC3B,CAAC;IACF,MAAM,UAAU,GAAG,YAAY,CAAC,qBAAqB,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,mCAAmC;IACnC,uBAAuB;IACvB,UAAU,CAAC,MAAM,KAAK,UAAU,IAAI,qBAAqB,CAC1D,CAAC;IACF,OAAO,CACL,oBAAC,mBAAmB,IAClB,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,EAAE,SAAS,GAC7B,CACH,CAAC;AACJ,CAAC;AApBD,8DAoBC;AAOD,gBAAgB;AAChB,uBAAuB;AACvB,SAAgB,mBAAmB,CAAC,EAClC,kBAAkB,EAClB,kBAAkB,GACO;IACzB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,wBAAwB,EAAE,kBAAkB,CAAC,CAAC;IAC3E,OAAO,CACL,6BAAK,SAAS,EAAC,6BAA6B;QAC1C,6BAAK,SAAS,EAAE,SAAS,IACtB,kBAAkB,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CACzC,CAAC,GAAc,EAAE,KAAa,EAAE,EAAE,CAChC,kBAAkB,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CACxC,CACG,CACF,CACP,CAAC;AACJ,CAAC;AAfD,kDAeC;AAED;;GAEG;AACH,SAAgB,0BAA0B,CAAC,EACzC,kBAAkB,EAClB,cAAc,GAIf;IACC,OAAO,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CACxB,oBAAC,yBAAyB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CACtE,CAAC,CAAC,CAAC;IACF,0BAA0B;IAC1B,oBAAC,mBAAmB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAChE,CAAC;AACJ,CAAC;AAbD,gEAaC;AAED,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;IACrC,OAAO,KAAK,GAAG,GAAG,IAAI,KAAK,GAAG,CAAC;QAC7B,CAAC,CAAC,0BAA0B,CAAC,UAAU,CAAC,MAAM;QAC9C,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC;AACtB,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module UiProvider\n */\n\nimport \"./DefaultDialogGridContainer.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { DialogRow } from \"@itwin/appui-abstract\";\nimport { ToolSettingsContentContext } from \"../widgets/ToolSettingsContent\";\nimport type { ComponentGenerator } from \"./ComponentGenerator\";\n\nenum LayoutMode {\n  Wide = 0,\n  Narrow = 1,\n}\n\n/**\n * Component to provide grid of property editors\n * @public\n */\nexport function ToolSettingsGridContainer({\n  componentGenerator,\n}: {\n  componentGenerator: ComponentGenerator;\n}) {\n  const { availableContentWidth } = React.useContext(\n    ToolSettingsContentContext\n  );\n  const layoutMode = toLayoutMode(availableContentWidth);\n  const className = classnames(\n    \"uifw-tool-settings-grid-container\",\n    // istanbul ignore next\n    LayoutMode.Narrow === layoutMode && \"uifw-default-narrow\"\n  );\n  return (\n    <DialogGridContainer\n      componentGenerator={componentGenerator}\n      containerClassName={className}\n    />\n  );\n}\n\ninterface DialogGridContainerProps {\n  componentGenerator: ComponentGenerator;\n  containerClassName?: string;\n}\n\n/** @internal */\n// istanbul ignore next\nexport function DialogGridContainer({\n  componentGenerator,\n  containerClassName,\n}: DialogGridContainerProps) {\n  const className = classnames(\"uifw-default-container\", containerClassName);\n  return (\n    <div className=\"uifw-default-resizer-parent\">\n      <div className={className}>\n        {componentGenerator.uiDataProvider.rows.map(\n          (row: DialogRow, index: number) =>\n            componentGenerator.getRow(row, index)\n        )}\n      </div>\n    </div>\n  );\n}\n\n/** DefaultDialogGridContainer populates a React node with the items specified by the UiLayoutDataProvider\n * @public\n */\nexport function DefaultDialogGridContainer({\n  componentGenerator,\n  isToolSettings,\n}: {\n  componentGenerator: ComponentGenerator;\n  isToolSettings?: boolean;\n}) {\n  return !!isToolSettings ? (\n    <ToolSettingsGridContainer componentGenerator={componentGenerator} />\n  ) : (\n    /* istanbul ignore next */\n    <DialogGridContainer componentGenerator={componentGenerator} />\n  );\n}\n\nconst toLayoutMode = (width: number) => {\n  return width < 250 && width > 0\n    ? /* istanbul ignore next */ LayoutMode.Narrow\n    : LayoutMode.Wide;\n};\n"]}
+{"version":3,"file":"DefaultDialogGridContainer.js","sourceRoot":"","sources":["../../../../src/appui-react/uiprovider/DefaultDialogGridContainer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,6CAA2C;AAC3C,2CAAoC;AACpC,+BAA+B;AAE/B,wEAA4E;AAG5E,IAAK,UAGJ;AAHD,WAAK,UAAU;IACb,2CAAQ,CAAA;IACR,+CAAU,CAAA;AACZ,CAAC,EAHI,UAAU,KAAV,UAAU,QAGd;AAED;;;GAGG;AACH,SAAgB,yBAAyB,CAAC,EACxC,kBAAkB,GAGnB;IACC,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAChD,gDAA0B,CAC3B,CAAC;IACF,MAAM,UAAU,GAAG,YAAY,CAAC,qBAAqB,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,mCAAmC;IACnC,uBAAuB;IACvB,UAAU,CAAC,MAAM,KAAK,UAAU,IAAI,qBAAqB,CAC1D,CAAC;IACF,OAAO,CACL,oBAAC,mBAAmB,IAClB,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,EAAE,SAAS,GAC7B,CACH,CAAC;AACJ,CAAC;AApBD,8DAoBC;AAOD,gBAAgB;AAChB,uBAAuB;AACvB,SAAgB,mBAAmB,CAAC,EAClC,kBAAkB,EAClB,kBAAkB,GACO;IACzB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,wBAAwB,EAAE,kBAAkB,CAAC,CAAC;IAC3E,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,IACtB,kBAAkB,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CACzC,CAAC,GAAc,EAAE,KAAa,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CACzE,CACG,CACP,CAAC;AACJ,CAAC;AAZD,kDAYC;AAED;;GAEG;AACH,SAAgB,0BAA0B,CAAC,EACzC,kBAAkB,EAClB,cAAc,GAIf;IACC,OAAO,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CACxB,oBAAC,yBAAyB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CACtE,CAAC,CAAC,CAAC;IACF,0BAA0B;IAC1B,oBAAC,mBAAmB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAChE,CAAC;AACJ,CAAC;AAbD,gEAaC;AAED,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;IACrC,OAAO,KAAK,GAAG,GAAG,IAAI,KAAK,GAAG,CAAC;QAC7B,CAAC,CAAC,0BAA0B,CAAC,UAAU,CAAC,MAAM;QAC9C,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC;AACtB,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module UiProvider\n */\n\nimport \"./DefaultDialogGridContainer.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { DialogRow } from \"@itwin/appui-abstract\";\nimport { ToolSettingsContentContext } from \"../widgets/ToolSettingsContent\";\nimport type { ComponentGenerator } from \"./ComponentGenerator\";\n\nenum LayoutMode {\n  Wide = 0,\n  Narrow = 1,\n}\n\n/**\n * Component to provide grid of property editors\n * @public\n */\nexport function ToolSettingsGridContainer({\n  componentGenerator,\n}: {\n  componentGenerator: ComponentGenerator;\n}) {\n  const { availableContentWidth } = React.useContext(\n    ToolSettingsContentContext\n  );\n  const layoutMode = toLayoutMode(availableContentWidth);\n  const className = classnames(\n    \"uifw-tool-settings-grid-container\",\n    // istanbul ignore next\n    LayoutMode.Narrow === layoutMode && \"uifw-default-narrow\"\n  );\n  return (\n    <DialogGridContainer\n      componentGenerator={componentGenerator}\n      containerClassName={className}\n    />\n  );\n}\n\ninterface DialogGridContainerProps {\n  componentGenerator: ComponentGenerator;\n  containerClassName?: string;\n}\n\n/** @internal */\n// istanbul ignore next\nexport function DialogGridContainer({\n  componentGenerator,\n  containerClassName,\n}: DialogGridContainerProps) {\n  const className = classnames(\"uifw-default-container\", containerClassName);\n  return (\n    <div className={className}>\n      {componentGenerator.uiDataProvider.rows.map(\n        (row: DialogRow, index: number) => componentGenerator.getRow(row, index)\n      )}\n    </div>\n  );\n}\n\n/** DefaultDialogGridContainer populates a React node with the items specified by the UiLayoutDataProvider\n * @public\n */\nexport function DefaultDialogGridContainer({\n  componentGenerator,\n  isToolSettings,\n}: {\n  componentGenerator: ComponentGenerator;\n  isToolSettings?: boolean;\n}) {\n  return !!isToolSettings ? (\n    <ToolSettingsGridContainer componentGenerator={componentGenerator} />\n  ) : (\n    /* istanbul ignore next */\n    <DialogGridContainer componentGenerator={componentGenerator} />\n  );\n}\n\nconst toLayoutMode = (width: number) => {\n  return width < 250 && width > 0\n    ? /* istanbul ignore next */ LayoutMode.Narrow\n    : LayoutMode.Wide;\n};\n"]}

package/lib/cjs/appui-react/uiprovider/DefaultDialogGridContainer.scss

@@ -3,23 +3,6 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 
-.uifw-default-resizer-parent {
-  min-width: 200px;
-
-  &.uifw-fill {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.uifw-label-disabled {
-  color: var(--iui-color-text-disabled);
-}
-
-div.uifw-default-property-lock input[type="checkbox"] {
-  margin-right: 8px;
-}
-
 .uifw-default-center-across-width {
   display: flex;
   flex-direction: row;
@@ -28,95 +11,44 @@ div.uifw-default-property-lock input[type="checkbox"] {
   grid-column: 1 / span 2;
 }
 
-.uifw-width-100percent {
-  width: 100%;
-}
-
-.uifw-width-6rem {
-  width: 6rem;
-}
-
-.uifw-width-fit-content {
-  width: fit-content;
-}
-
-div.uifw-default-inline-editor-group {
+.uifw-default-inline-editor-group {
   display: flex;
-  flex-wrap: nowrap;
-}
-
-div.uifw-default-inline-editor-group .uifw-default-label {
-  margin-right: 4px;
-  margin-left: 4px;
-  width: auto;
-  align-self: center;
-  margin-bottom: 6px;
-}
+  gap: var(--iui-size-xs);
 
-div.nz-toolSettings-docked
-  .uifw-default-inline-editor-group
   .uifw-default-label {
-  margin-bottom: 0px;
-}
-
-div.uifw-default-inline-editor-group .uifw-default-editor {
-  margin-right: 6px;
-  margin-bottom: 6px;
-
-  &:last-child {
-    margin-right: 0px;
+    margin-right: var(--iui-size-xs);
   }
 }
 
-div.uifw-default-lock-and-label {
-  align-content: flex-start;
+.uifw-default-lock-and-label {
+  display: flex;
   align-items: center;
-  flex-direction: row;
-  display: inline-flex;
-  margin-bottom: 6px;
-
-  .uifw-default-property-lock {
-    padding: 0 4px 0 0;
-  }
+  justify-content: flex-end;
+}
 
-  &:last-child {
-    margin-bottom: 3px;
-  }
+.uifw-default-property-lock {
+  margin-right: var(--iui-size-s);
 }
 
 .uifw-default-inline-label-and-editor {
   display: flex;
-  flex-direction: row;
-  width: auto;
-}
-
-.uifw-default-wide-only-display {
-  display: inline-flex;
-  flex-wrap: none;
+  align-items: center;
 }
 
-.uifw-default-narrow-only-display {
-  display: none;
+.uifw-default-label {
+  white-space: nowrap;
 }
 
-/* Fixed spacing used to hold lock/enable toggle in first column */
-.uifw-default-lock {
-  min-width: 30px;
-  height: 1rem;
-  margin: 3px;
+.uifw-dockedBar .uifw-default-label {
+  margin-right: var(--iui-size-xs);
 }
 
-.uifw-default-editor {
-  margin-bottom: 6px;
-  display: flex;
-  align-items: center;
-
-  &:last-child {
-    margin-bottom: 3px;
-  }
+.uifw-default-narrow-only-display {
+  display: none;
 }
 
-div.uifw-default-container {
+.uifw-default-container {
+  min-width: 200px;
   display: grid;
   grid-template-columns: auto 1fr;
   grid-row-gap: 0px;
@@ -129,88 +61,43 @@ div.uifw-default-container {
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   align-items: center;
-  margin: 4px 4px 0px 4px;
+  margin: var(--iui-size-2xs);
 }
 
-.uifw-default-label {
-  width: fit-content;
-  margin-left: auto;
-  white-space: nowrap;
+.uifw-default-container.uifw-tool-settings-grid-container {
+  row-gap: var(--iui-size-xs);
 }
 
-/* Overrides when uifw-default-narrow class is added to parent container div */
-div.uifw-default-container.uifw-default-narrow {
+.uifw-default-container.uifw-default-narrow {
   grid-template-columns: 1fr;
-}
-
-div.uifw-default-container.uifw-default-narrow
-  div.uifw-default-center-across-width {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-content: center;
-  grid-column: 1 / span 1;
-}
-
-div.uifw-default-container.uifw-default-narrow
-  .uifw-default-narrow-only-display {
-  display: block;
-}
+  row-gap: var(--iui-size-2xs);
 
-div.uifw-default-container.uifw-default-narrow
-  .uifw-default-lock-and-label.uifw-default-wide-only-display {
-  display: none;
-}
-
-div.uifw-default-container.uifw-default-narrow
-  div.uifw-default-inline-editor-group {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-div.uifw-default-container.uifw-default-narrow .uifw-default-lock {
-  min-width: 0px;
-  height: 1rem;
-  margin-left: 0px;
-}
-
-div.uifw-default-container.uifw-default-narrow .uifw-default-lock-and-label {
-  margin-bottom: 0px;
-}
+  .uifw-default-label {
+    margin-left: var(--iui-size-2xs);
+  }
 
-div.uifw-default-container.uifw-default-narrow .uifw-default-label {
-  text-align: left;
-  margin-bottom: 3px;
-  align-self: flex-start;
-}
+  .uifw-default-lock-and-label {
+    justify-content: flex-start;
+  }
 
-div.uifw-default-container.uifw-default-narrow
   .uifw-default-inline-label-and-editor {
-  align-content: flex-start;
-  display: flex;
-  flex-direction: column;
-  width: auto;
-}
-
-div.uifw-default-container.uifw-default-narrow
-  .uifw-default-inline-editor-group
-  .uifw-default-editor {
-  margin-left: 0px;
-}
+    flex-direction: column;
+    align-items: flex-start;
+  }
 
-div.nz-toolSettings-docked div.uifw-default-lock-and-label {
-  margin-bottom: 0;
-  align-self: center;
-}
+  .uifw-default-narrow-only-display {
+    display: block;
+  }
 
-div.nz-toolSettings-docked
-  div.uifw-default-inline-editor-group
-  .uifw-default-editor {
-  margin-bottom: 0;
-  align-self: center;
-}
+  .uifw-default-wide-only-display {
+    display: none;
+  }
 
-div.nz-toolSettings-docked .uifw-default-editor:last-child {
-  margin-bottom: 0;
-  align-self: center;
+  .uifw-default-center-across-width {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-content: center;
+    grid-column: 1 / span 1;
+  }
 }

package/lib/cjs/appui-react/uistate/AppUiSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppUiSettings.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/uistate/AppUiSettings.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAG3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAIrD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa;IACb,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,qBAAa,aAAc,YAAW,oBAAoB;IACxD,SAAgB,UAAU,2BAA2B;IAErD,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAmB;IACnD,OAAO,CAAC,SAAS,CAAgC;IACjD,OAAO,CAAC,sBAAsB,CAAS;IAEhC,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAClC,eAAe,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACvC,aAAa,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACpC,cAAc,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACtC,0BAA0B,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAClD,mBAAmB,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC3C,0BAA0B,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAClD,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAE5C,OAAO,CAAC,aAAa,CAInB;gBAEU,QAAQ,EAAE,OAAO,CAAC,oBAAoB,CAAC;IA8EnD,OAAO,CAAC,iBAAiB,CAsCvB;IAEW,KAAK,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7C,gBAAgB,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;CAGtE"}
+{"version":3,"file":"AppUiSettings.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/uistate/AppUiSettings.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAG3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAIrD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa;IACb,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,qBAAa,aAAc,YAAW,oBAAoB;IACxD,SAAgB,UAAU,2BAA2B;IAErD,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAmB;IACnD,OAAO,CAAC,SAAS,CAAgC;IACjD,OAAO,CAAC,sBAAsB,CAAS;IAEhC,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAClC,eAAe,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACvC,aAAa,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACpC,cAAc,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACtC,0BAA0B,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAClD,mBAAmB,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC3C,0BAA0B,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAClD,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAE5C,OAAO,CAAC,aAAa,CAInB;gBAEU,QAAQ,EAAE,OAAO,CAAC,oBAAoB,CAAC;IA+EnD,OAAO,CAAC,iBAAiB,CAsCvB;IAEW,KAAK,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7C,gBAAgB,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;CAGtE"}

package/lib/cjs/appui-react/uistate/AppUiSettings.js

@@ -32,6 +32,7 @@ class AppUiSettings {
             // always store to local storage to avoid flicker during startup if user is not yet logged-in
             window.localStorage.setItem("uifw:defaultTheme", theme);
         };
+        // eslint-disable-next-line deprecation/deprecation
         this.handleSyncUiEvent = async (args) => {
             if (this._applyingLocalSettings)
                 return;

package/lib/cjs/appui-react/uistate/AppUiSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppUiSettings.js","sourceRoot":"","sources":["../../../../src/appui-react/uistate/AppUiSettings.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 Settings\n */\n\nimport type { UiStateStorage } from \"@itwin/core-react\";\nimport { UiStateEntry } from \"@itwin/core-react\";\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\nimport type { UserSettingsProvider } from \"../UiFramework\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { UiSyncEventArgs } from \"../syncui/UiSyncEvent\";\nimport type { ThemeId } from \"../theme/ThemeManager\";\n\n// cSpell:ignore configurableui\n\n/** Default values that may be specified for [[AppUiSettings]].\n * @public\n */\nexport interface InitialAppUiSettings {\n  colorTheme: ThemeId;\n  dragInteraction: boolean;\n  widgetOpacity: number;\n  showWidgetIcon?: boolean;\n  /** @alpha */\n  autoCollapseUnpinnedPanels?: boolean;\n  animateToolSettings?: boolean;\n  useToolAsToolSettingsLabel?: boolean;\n  toolbarOpacity: number;\n}\n\n/** These are the UI settings that are stored in the Redux store. They control the color theme,\n * how toolbar group buttons work, and the opacity of floating widget when the cursor\n * is not inside them. It is expect that an IModelApp using App UI components will create and register AppUiSettings with\n * defaults specific to their application. This would be done by calling the following.\n *\n * ```ts\n * UiFramework.registerUserSettingsProvider(new AppUiSettings(defaults));\n * ```\n *\n * @public\n */\nexport class AppUiSettings implements UserSettingsProvider {\n  public readonly providerId = \"AppUiSettingsProvider\";\n\n  private static _settingNamespace = \"AppUiSettings\";\n  private _settings: Array<UiStateEntry<any>> = [];\n  private _applyingLocalSettings = false;\n\n  public colorTheme: UiStateEntry<ThemeId>;\n  public dragInteraction: UiStateEntry<boolean>;\n  public widgetOpacity: UiStateEntry<number>;\n  public showWidgetIcon: UiStateEntry<boolean>;\n  public autoCollapseUnpinnedPanels: UiStateEntry<boolean>;\n  public animateToolSettings: UiStateEntry<boolean>;\n  public useToolAsToolSettingsLabel: UiStateEntry<boolean>;\n  public toolbarOpacity: UiStateEntry<number>;\n\n  private setColorTheme = (theme: ThemeId) => {\n    UiFramework.setColorTheme(theme);\n    // always store to local storage to avoid flicker during startup if user is not yet logged-in\n    window.localStorage.setItem(\"uifw:defaultTheme\", theme);\n  };\n\n  constructor(defaults: Partial<InitialAppUiSettings>) {\n    this._settings = [];\n\n    this.colorTheme = new UiStateEntry<ThemeId>(\n      AppUiSettings._settingNamespace,\n      \"ColorTheme\",\n      UiFramework.getColorTheme,\n      this.setColorTheme,\n      defaults.colorTheme\n    );\n    this._settings.push(this.colorTheme);\n\n    this.dragInteraction = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"DragInteraction\",\n      () => UiFramework.useDragInteraction,\n      (value: boolean) => UiFramework.setUseDragInteraction(value),\n      defaults.dragInteraction\n    );\n    this._settings.push(this.dragInteraction);\n\n    this.showWidgetIcon = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"ShowWidgetIcon\",\n      () => UiFramework.showWidgetIcon,\n      (value: boolean) => UiFramework.setShowWidgetIcon(value),\n      defaults.showWidgetIcon\n    );\n    this._settings.push(this.showWidgetIcon);\n\n    this.autoCollapseUnpinnedPanels = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"AutoCollapseUnpinnedPanels\",\n      () => UiFramework.autoCollapseUnpinnedPanels,\n      (value: boolean) => UiFramework.setAutoCollapseUnpinnedPanels(value),\n      defaults.autoCollapseUnpinnedPanels\n    );\n    this._settings.push(this.autoCollapseUnpinnedPanels);\n\n    this.widgetOpacity = new UiStateEntry<number>(\n      AppUiSettings._settingNamespace,\n      \"WidgetOpacity\",\n      () => UiFramework.getWidgetOpacity(),\n      (value: number) => UiFramework.setWidgetOpacity(value),\n      defaults.widgetOpacity\n    );\n    this._settings.push(this.widgetOpacity);\n\n    this.animateToolSettings = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"AnimateToolSettings\",\n      () => UiFramework.animateToolSettings,\n      (value: boolean) => UiFramework.setAnimateToolSettings(value),\n      defaults.animateToolSettings\n    );\n    this._settings.push(this.animateToolSettings);\n\n    this.useToolAsToolSettingsLabel = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"UseToolAsToolSettingsLabel\",\n      () => UiFramework.useToolAsToolSettingsLabel,\n      (value: boolean) => UiFramework.setUseToolAsToolSettingsLabel(value),\n      defaults.useToolAsToolSettingsLabel\n    );\n    this._settings.push(this.useToolAsToolSettingsLabel);\n\n    this.toolbarOpacity = new UiStateEntry<number>(\n      AppUiSettings._settingNamespace,\n      \"ToolOpacity\",\n      () => UiFramework.getToolbarOpacity(),\n      (value: number) => UiFramework.setToolbarOpacity(value),\n      defaults.toolbarOpacity\n    );\n    this._settings.push(this.toolbarOpacity);\n\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(this.handleSyncUiEvent);\n  }\n\n  private handleSyncUiEvent = async (args: UiSyncEventArgs) => {\n    if (this._applyingLocalSettings) return;\n\n    if (args.eventIds.has(\"configurableui:set_theme\")) {\n      await this.colorTheme.saveSetting(UiFramework.getUiStateStorage());\n      // always store as default theme in local storage to avoid flicker during startup if user is not yet logged-in\n      window.localStorage.setItem(\n        \"uifw:defaultTheme\",\n        UiFramework.getColorTheme()\n      );\n    }\n\n    if (args.eventIds.has(\"configurableui:set-drag-interaction\"))\n      await this.dragInteraction.saveSetting(UiFramework.getUiStateStorage());\n\n    if (args.eventIds.has(\"configurableui:set-show-widget-icon\"))\n      await this.showWidgetIcon.saveSetting(UiFramework.getUiStateStorage());\n\n    if (args.eventIds.has(\"configurableui:set-auto-collapse-unpinned-panels\"))\n      await this.autoCollapseUnpinnedPanels.saveSetting(\n        UiFramework.getUiStateStorage()\n      );\n\n    if (args.eventIds.has(\"configurableui:set_widget_opacity\"))\n      await this.widgetOpacity.saveSetting(UiFramework.getUiStateStorage());\n\n    if (args.eventIds.has(\"configurableui:set-animate-tool-settings\"))\n      await this.animateToolSettings.saveSetting(\n        UiFramework.getUiStateStorage()\n      );\n\n    if (args.eventIds.has(\"configurableui:set-use-tool-as-tool-settings-label\"))\n      await this.useToolAsToolSettingsLabel.saveSetting(\n        UiFramework.getUiStateStorage()\n      );\n\n    if (args.eventIds.has(\"configurableui:set-toolbar-opacity\"))\n      await this.toolbarOpacity.saveSetting(UiFramework.getUiStateStorage());\n  };\n\n  public async apply(storage: UiStateStorage): Promise<void> {\n    this._applyingLocalSettings = true;\n    for await (const setting of this._settings) {\n      await setting.getSettingAndApplyValue(storage);\n    }\n    this._applyingLocalSettings = false;\n  }\n\n  public async loadUserSettings(storage: UiStateStorage): Promise<void> {\n    await this.apply(storage);\n  }\n}\n"]}
+{"version":3,"file":"AppUiSettings.js","sourceRoot":"","sources":["../../../../src/appui-react/uistate/AppUiSettings.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 Settings\n */\n\nimport type { UiStateStorage } from \"@itwin/core-react\";\nimport { UiStateEntry } from \"@itwin/core-react\";\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\nimport type { UserSettingsProvider } from \"../UiFramework\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { UiSyncEventArgs } from \"../syncui/UiSyncEvent\";\nimport type { ThemeId } from \"../theme/ThemeManager\";\n\n// cSpell:ignore configurableui\n\n/** Default values that may be specified for [[AppUiSettings]].\n * @public\n */\nexport interface InitialAppUiSettings {\n  colorTheme: ThemeId;\n  dragInteraction: boolean;\n  widgetOpacity: number;\n  showWidgetIcon?: boolean;\n  /** @alpha */\n  autoCollapseUnpinnedPanels?: boolean;\n  animateToolSettings?: boolean;\n  useToolAsToolSettingsLabel?: boolean;\n  toolbarOpacity: number;\n}\n\n/** These are the UI settings that are stored in the Redux store. They control the color theme,\n * how toolbar group buttons work, and the opacity of floating widget when the cursor\n * is not inside them. It is expect that an IModelApp using App UI components will create and register AppUiSettings with\n * defaults specific to their application. This would be done by calling the following.\n *\n * ```ts\n * UiFramework.registerUserSettingsProvider(new AppUiSettings(defaults));\n * ```\n *\n * @public\n */\nexport class AppUiSettings implements UserSettingsProvider {\n  public readonly providerId = \"AppUiSettingsProvider\";\n\n  private static _settingNamespace = \"AppUiSettings\";\n  private _settings: Array<UiStateEntry<any>> = [];\n  private _applyingLocalSettings = false;\n\n  public colorTheme: UiStateEntry<ThemeId>;\n  public dragInteraction: UiStateEntry<boolean>;\n  public widgetOpacity: UiStateEntry<number>;\n  public showWidgetIcon: UiStateEntry<boolean>;\n  public autoCollapseUnpinnedPanels: UiStateEntry<boolean>;\n  public animateToolSettings: UiStateEntry<boolean>;\n  public useToolAsToolSettingsLabel: UiStateEntry<boolean>;\n  public toolbarOpacity: UiStateEntry<number>;\n\n  private setColorTheme = (theme: ThemeId) => {\n    UiFramework.setColorTheme(theme);\n    // always store to local storage to avoid flicker during startup if user is not yet logged-in\n    window.localStorage.setItem(\"uifw:defaultTheme\", theme);\n  };\n\n  constructor(defaults: Partial<InitialAppUiSettings>) {\n    this._settings = [];\n\n    this.colorTheme = new UiStateEntry<ThemeId>(\n      AppUiSettings._settingNamespace,\n      \"ColorTheme\",\n      UiFramework.getColorTheme,\n      this.setColorTheme,\n      defaults.colorTheme\n    );\n    this._settings.push(this.colorTheme);\n\n    this.dragInteraction = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"DragInteraction\",\n      () => UiFramework.useDragInteraction,\n      (value: boolean) => UiFramework.setUseDragInteraction(value),\n      defaults.dragInteraction\n    );\n    this._settings.push(this.dragInteraction);\n\n    this.showWidgetIcon = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"ShowWidgetIcon\",\n      () => UiFramework.showWidgetIcon,\n      (value: boolean) => UiFramework.setShowWidgetIcon(value),\n      defaults.showWidgetIcon\n    );\n    this._settings.push(this.showWidgetIcon);\n\n    this.autoCollapseUnpinnedPanels = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"AutoCollapseUnpinnedPanels\",\n      () => UiFramework.autoCollapseUnpinnedPanels,\n      (value: boolean) => UiFramework.setAutoCollapseUnpinnedPanels(value),\n      defaults.autoCollapseUnpinnedPanels\n    );\n    this._settings.push(this.autoCollapseUnpinnedPanels);\n\n    this.widgetOpacity = new UiStateEntry<number>(\n      AppUiSettings._settingNamespace,\n      \"WidgetOpacity\",\n      () => UiFramework.getWidgetOpacity(),\n      (value: number) => UiFramework.setWidgetOpacity(value),\n      defaults.widgetOpacity\n    );\n    this._settings.push(this.widgetOpacity);\n\n    this.animateToolSettings = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"AnimateToolSettings\",\n      () => UiFramework.animateToolSettings,\n      (value: boolean) => UiFramework.setAnimateToolSettings(value),\n      defaults.animateToolSettings\n    );\n    this._settings.push(this.animateToolSettings);\n\n    this.useToolAsToolSettingsLabel = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"UseToolAsToolSettingsLabel\",\n      () => UiFramework.useToolAsToolSettingsLabel,\n      (value: boolean) => UiFramework.setUseToolAsToolSettingsLabel(value),\n      defaults.useToolAsToolSettingsLabel\n    );\n    this._settings.push(this.useToolAsToolSettingsLabel);\n\n    this.toolbarOpacity = new UiStateEntry<number>(\n      AppUiSettings._settingNamespace,\n      \"ToolOpacity\",\n      () => UiFramework.getToolbarOpacity(),\n      (value: number) => UiFramework.setToolbarOpacity(value),\n      defaults.toolbarOpacity\n    );\n    this._settings.push(this.toolbarOpacity);\n\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(this.handleSyncUiEvent);\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  private handleSyncUiEvent = async (args: UiSyncEventArgs) => {\n    if (this._applyingLocalSettings) return;\n\n    if (args.eventIds.has(\"configurableui:set_theme\")) {\n      await this.colorTheme.saveSetting(UiFramework.getUiStateStorage());\n      // always store as default theme in local storage to avoid flicker during startup if user is not yet logged-in\n      window.localStorage.setItem(\n        \"uifw:defaultTheme\",\n        UiFramework.getColorTheme()\n      );\n    }\n\n    if (args.eventIds.has(\"configurableui:set-drag-interaction\"))\n      await this.dragInteraction.saveSetting(UiFramework.getUiStateStorage());\n\n    if (args.eventIds.has(\"configurableui:set-show-widget-icon\"))\n      await this.showWidgetIcon.saveSetting(UiFramework.getUiStateStorage());\n\n    if (args.eventIds.has(\"configurableui:set-auto-collapse-unpinned-panels\"))\n      await this.autoCollapseUnpinnedPanels.saveSetting(\n        UiFramework.getUiStateStorage()\n      );\n\n    if (args.eventIds.has(\"configurableui:set_widget_opacity\"))\n      await this.widgetOpacity.saveSetting(UiFramework.getUiStateStorage());\n\n    if (args.eventIds.has(\"configurableui:set-animate-tool-settings\"))\n      await this.animateToolSettings.saveSetting(\n        UiFramework.getUiStateStorage()\n      );\n\n    if (args.eventIds.has(\"configurableui:set-use-tool-as-tool-settings-label\"))\n      await this.useToolAsToolSettingsLabel.saveSetting(\n        UiFramework.getUiStateStorage()\n      );\n\n    if (args.eventIds.has(\"configurableui:set-toolbar-opacity\"))\n      await this.toolbarOpacity.saveSetting(UiFramework.getUiStateStorage());\n  };\n\n  public async apply(storage: UiStateStorage): Promise<void> {\n    this._applyingLocalSettings = true;\n    for await (const setting of this._settings) {\n      await setting.getSettingAndApplyValue(storage);\n    }\n    this._applyingLocalSettings = false;\n  }\n\n  public async loadUserSettings(storage: UiStateStorage): Promise<void> {\n    await this.apply(storage);\n  }\n}\n"]}

package/lib/cjs/appui-react/uistate/useUiStateStorage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUiStateStorage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/uistate/useUiStateStorage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AASxD,cAAc;AACd,wBAAgB,wBAAwB,IAAI,cAAc,CAEzD;AAED,gBAAgB;AAChB,eAAO,MAAM,qBAAqB,+BAEjC,CAAC;AAGF;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,uBAAuB,qBAyBnE"}
+{"version":3,"file":"useUiStateStorage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/uistate/useUiStateStorage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AASxD,cAAc;AACd,wBAAgB,wBAAwB,IAAI,cAAc,CAEzD;AAED,gBAAgB;AAChB,eAAO,MAAM,qBAAqB,+BAEjC,CAAC;AAGF;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,uBAAuB,qBA0BnE"}

package/lib/cjs/appui-react/uistate/useUiStateStorage.js

@@ -36,6 +36,7 @@ function UiStateStorageHandler(props) {
     const [stateStorage, setStateStorage] = React.useState(UiFramework_1.UiFramework.getUiStateStorage());
     React.useEffect(() => {
         // istanbul ignore next
+        // eslint-disable-next-line deprecation/deprecation
         const handleSyncUiEvent = (args) => {
             if (SyncUiEventDispatcher_1.SyncUiEventDispatcher.hasEventOfInterest(args.eventIds, [
                 SyncUiEventDispatcher_1.SyncUiEventId.UiStateStorageChanged,

package/lib/cjs/appui-react/uistate/useUiStateStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUiStateStorage.js","sourceRoot":"","sources":["../../../../src/appui-react/uistate/useUiStateStorage.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAE/B,kDAAsD;AACtD,gDAA6C;AAC7C,2EAGyC;AAGzC,cAAc;AACd,SAAgB,wBAAwB;IACtC,OAAO,KAAK,CAAC,UAAU,CAAC,6BAAqB,CAAC,CAAC;AACjD,CAAC;AAFD,4DAEC;AAED,gBAAgB;AACH,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CACtD,IAAI,8BAAiB,EAAE,CACxB,CAAC;AACF,6BAAqB,CAAC,WAAW,GAAG,4BAA4B,CAAC;AASjE;;;;;;;;;;;GAWG;AACH,SAAgB,qBAAqB,CAAC,KAA8B;IAClE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpD,yBAAW,CAAC,iBAAiB,EAAE,CAChC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,MAAM,iBAAiB,GAAG,CAAC,IAAqB,EAAQ,EAAE;YACxD,IACE,6CAAqB,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE;gBACtD,qCAAa,CAAC,qBAAqB;aACpC,CAAC;gBAEF,eAAe,CAAC,yBAAW,CAAC,iBAAiB,EAAE,CAAC,CAAC;QACrD,CAAC,CAAC;QAEF,OAAO,6CAAqB,CAAC,aAAa,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,6BAAqB,CAAC,QAAQ,IAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,YAAY,GACnB,CACH,CAAC;AACJ,CAAC;AAzBD,sDAyBC","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 UiStateStorage\n */\n\nimport * as React from \"react\";\nimport type { UiStateStorage } from \"@itwin/core-react\";\nimport { LocalStateStorage } from \"@itwin/core-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport {\n  SyncUiEventDispatcher,\n  SyncUiEventId,\n} from \"../syncui/SyncUiEventDispatcher\";\nimport type { UiSyncEventArgs } from \"../syncui/UiSyncEvent\";\n\n/** @public */\nexport function useUiStateStorageHandler(): UiStateStorage {\n  return React.useContext(UiStateStorageContext);\n}\n\n/** @internal */\nexport const UiStateStorageContext = React.createContext<UiStateStorage>(\n  new LocalStateStorage()\n);\nUiStateStorageContext.displayName = \"uifw:UiStateStorageContext\";\n\n/** Properties for the [[UiStateStorageHandler]] component.\n * @public\n */\nexport interface UiSettingsProviderProps {\n  children?: React.ReactNode;\n}\n\n/** Allows to provide a custom [[UiStateStorage]] implementation to persist UI settings\n * through [[UiFramework.setUiStateStorage]].\n *\n * This component should wrap the [[ConfigurableUiContent]].\n *\n * ```tsx\n *  <UiStateStorageHandler>\n *    <ConfigurableUiContent />\n *  </UiStateStorageHandler>\n * ```\n * @public\n */\nexport function UiStateStorageHandler(props: UiSettingsProviderProps) {\n  const [stateStorage, setStateStorage] = React.useState(\n    UiFramework.getUiStateStorage()\n  );\n\n  React.useEffect(() => {\n    // istanbul ignore next\n    const handleSyncUiEvent = (args: UiSyncEventArgs): void => {\n      if (\n        SyncUiEventDispatcher.hasEventOfInterest(args.eventIds, [\n          SyncUiEventId.UiStateStorageChanged,\n        ])\n      )\n        setStateStorage(UiFramework.getUiStateStorage());\n    };\n\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\n  });\n\n  return (\n    <UiStateStorageContext.Provider\n      children={props.children} // eslint-disable-line react/no-children-prop\n      value={stateStorage}\n    />\n  );\n}\n"]}
+{"version":3,"file":"useUiStateStorage.js","sourceRoot":"","sources":["../../../../src/appui-react/uistate/useUiStateStorage.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAE/B,kDAAsD;AACtD,gDAA6C;AAC7C,2EAGyC;AAGzC,cAAc;AACd,SAAgB,wBAAwB;IACtC,OAAO,KAAK,CAAC,UAAU,CAAC,6BAAqB,CAAC,CAAC;AACjD,CAAC;AAFD,4DAEC;AAED,gBAAgB;AACH,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CACtD,IAAI,8BAAiB,EAAE,CACxB,CAAC;AACF,6BAAqB,CAAC,WAAW,GAAG,4BAA4B,CAAC;AASjE;;;;;;;;;;;GAWG;AACH,SAAgB,qBAAqB,CAAC,KAA8B;IAClE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpD,yBAAW,CAAC,iBAAiB,EAAE,CAChC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,mDAAmD;QACnD,MAAM,iBAAiB,GAAG,CAAC,IAAqB,EAAQ,EAAE;YACxD,IACE,6CAAqB,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE;gBACtD,qCAAa,CAAC,qBAAqB;aACpC,CAAC;gBAEF,eAAe,CAAC,yBAAW,CAAC,iBAAiB,EAAE,CAAC,CAAC;QACrD,CAAC,CAAC;QAEF,OAAO,6CAAqB,CAAC,aAAa,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,6BAAqB,CAAC,QAAQ,IAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,YAAY,GACnB,CACH,CAAC;AACJ,CAAC;AA1BD,sDA0BC","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 UiStateStorage\n */\n\nimport * as React from \"react\";\nimport type { UiStateStorage } from \"@itwin/core-react\";\nimport { LocalStateStorage } from \"@itwin/core-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport {\n  SyncUiEventDispatcher,\n  SyncUiEventId,\n} from \"../syncui/SyncUiEventDispatcher\";\nimport type { UiSyncEventArgs } from \"../syncui/UiSyncEvent\";\n\n/** @public */\nexport function useUiStateStorageHandler(): UiStateStorage {\n  return React.useContext(UiStateStorageContext);\n}\n\n/** @internal */\nexport const UiStateStorageContext = React.createContext<UiStateStorage>(\n  new LocalStateStorage()\n);\nUiStateStorageContext.displayName = \"uifw:UiStateStorageContext\";\n\n/** Properties for the [[UiStateStorageHandler]] component.\n * @public\n */\nexport interface UiSettingsProviderProps {\n  children?: React.ReactNode;\n}\n\n/** Allows to provide a custom [[UiStateStorage]] implementation to persist UI settings\n * through [[UiFramework.setUiStateStorage]].\n *\n * This component should wrap the [[ConfigurableUiContent]].\n *\n * ```tsx\n *  <UiStateStorageHandler>\n *    <ConfigurableUiContent />\n *  </UiStateStorageHandler>\n * ```\n * @public\n */\nexport function UiStateStorageHandler(props: UiSettingsProviderProps) {\n  const [stateStorage, setStateStorage] = React.useState(\n    UiFramework.getUiStateStorage()\n  );\n\n  React.useEffect(() => {\n    // istanbul ignore next\n    // eslint-disable-next-line deprecation/deprecation\n    const handleSyncUiEvent = (args: UiSyncEventArgs): void => {\n      if (\n        SyncUiEventDispatcher.hasEventOfInterest(args.eventIds, [\n          SyncUiEventId.UiStateStorageChanged,\n        ])\n      )\n        setStateStorage(UiFramework.getUiStateStorage());\n    };\n\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\n  });\n\n  return (\n    <UiStateStorageContext.Provider\n      children={props.children} // eslint-disable-line react/no-children-prop\n      value={stateStorage}\n    />\n  );\n}\n"]}

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

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

package/lib/cjs/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: number;\n  private static _showUiTimeout: number | undefined;\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    window.clearTimeout(this._showUiTimeout);\n    this._showUiTimeout = window.setTimeout(() => {\n      InternalUiShowHideManager.showUi();\n      InternalUiShowHideManager.resetTimer();\n    });\n  }\n\n  /** Shows the Ui and cancels the inactivity timer */\n  public static showUiAndCancelTimer() {\n    window.clearTimeout(this._showUiTimeout);\n    this._showUiTimeout = window.setTimeout(() => {\n      InternalUiShowHideManager.showUi();\n      InternalUiShowHideManager.cancelTimer();\n    });\n  }\n\n  private static cancelTimer() {\n    window.clearTimeout(InternalUiShowHideManager._timeout);\n  }\n\n  private static resetTimer() {\n    InternalUiShowHideManager.cancelTimer();\n    InternalUiShowHideManager._timeout = window.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    this.cancelTimer();\n    window.clearTimeout(this._showUiTimeout);\n    this._showUiTimeout = undefined;\n    this._isUiVisible = true;\n    this._autoHideUi = true;\n    this._showHidePanels = false;\n    this._showHideFooter = false;\n    this._inactivityTime = INACTIVITY_TIME_DEFAULT;\n    this._useProximityOpacity = false;\n    this._snapWidgetOpacity = false;\n  }\n}\n"]}
+{"version":3,"file":"InternalUiShowHideManager.js","sourceRoot":"","sources":["../../../../src/appui-react/utils/InternalUiShowHideManager.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,kDAAyD;AACzD,2EAGyC;AAEzC,gDAA6C;AAE7C;;GAEG;AACH,MAAa,0BAA0B;IAAvC;QAKkB,eAAU,GAAG,4BAA4B,CAAC;IA0D5D,CAAC;IAxDQ,MAAM,CAAC,UAAU;QACtB,yBAAW,CAAC,4BAA4B,CAAC,IAAI,0BAA0B,EAAE,CAAC,CAAC;IAC7E,CAAC;IAEM,KAAK,CAAC,gBAAgB,CAAC,OAAuB;QACnD,IAAI,MAAM,GAAG,MAAM,OAAO,CAAC,UAAU,CACnC,0BAA0B,CAAC,kBAAkB,EAC7C,0BAA0B,CAAC,cAAc,CAC1C,CAAC;QACF,IAAI,MAAM,CAAC,MAAM,KAAK,iCAAoB,CAAC,OAAO;YAChD,yBAAyB,CAAC,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAE1D,MAAM,GAAG,MAAM,OAAO,CAAC,UAAU,CAC/B,0BAA0B,CAAC,kBAAkB,EAC7C,0BAA0B,CAAC,uBAAuB,CACnD,CAAC;QACF,IAAI,MAAM,CAAC,MAAM,KAAK,iCAAoB,CAAC,OAAO;YAChD,yBAAyB,CAAC,sBAAsB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAEnE,MAAM,GAAG,MAAM,OAAO,CAAC,UAAU,CAC/B,0BAA0B,CAAC,kBAAkB,EAC7C,0BAA0B,CAAC,qBAAqB,CACjD,CAAC;QACF,IAAI,MAAM,CAAC,MAAM,KAAK,iCAAoB,CAAC,OAAO;YAChD,yBAAyB,CAAC,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACnE,CAAC;IAEM,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,CAAU,EAAE,OAAwB;QACtE,KAAK,CAAC,OAAO,IAAI,yBAAW,CAAC,iBAAiB,EAAE,CAAC,CAAC,WAAW,CAC3D,IAAI,CAAC,kBAAkB,EACvB,IAAI,CAAC,cAAc,EACnB,CAAC,CACF,CAAC;IACJ,CAAC;IAEM,MAAM,CAAC,KAAK,CAAC,wBAAwB,CAC1C,CAAU,EACV,OAAwB;QAExB,KAAK,CAAC,OAAO,IAAI,yBAAW,CAAC,iBAAiB,EAAE,CAAC,CAAC,WAAW,CAC3D,IAAI,CAAC,kBAAkB,EACvB,IAAI,CAAC,uBAAuB,EAC5B,CAAC,CACF,CAAC;IACJ,CAAC;IAEM,MAAM,CAAC,KAAK,CAAC,sBAAsB,CACxC,CAAU,EACV,OAAwB;QAExB,KAAK,CAAC,OAAO,IAAI,yBAAW,CAAC,iBAAiB,EAAE,CAAC,CAAC,WAAW,CAC3D,IAAI,CAAC,kBAAkB,EACvB,IAAI,CAAC,qBAAqB,EAC1B,CAAC,CACF,CAAC;IACJ,CAAC;;AA7Dc,6CAAkB,GAAG,eAAe,AAAlB,CAAmB;AACrC,yCAAc,GAAG,YAAY,AAAf,CAAgB;AAC9B,kDAAuB,GAAG,qBAAqB,AAAxB,CAAyB;AAChD,gDAAqB,GAAG,mBAAmB,AAAtB,CAAuB;AAJhD,gEAA0B;AAiEvC;;GAEG;AACU,QAAA,uBAAuB,GAAG,IAAI,CAAC,CAAC,uBAAuB;AAEpE;;GAEG;AACH,MAAa,yBAAyB;IAWpC,sCAAsC;IAC/B,MAAM,KAAK,WAAW;QAC3B,OAAO,yBAAyB,CAAC,YAAY,CAAC;IAChD,CAAC;IACM,MAAM,KAAK,WAAW,CAAC,OAAgB;QAC5C,yBAAyB,CAAC,YAAY,GAAG,OAAO,CAAC;IACnD,CAAC;IAED,cAAc;IACP,MAAM,CAAC,aAAa,CAAC,KAAc;QACxC,yBAAyB,CAAC,WAAW,GAAG,KAAK,CAAC;IAChD,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,sBAAsB,CAAC,KAAc;QACjD,yBAAyB,CAAC,oBAAoB,GAAG,KAAK,CAAC;IACzD,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,oBAAoB,CAAC,KAAc;QAC/C,yBAAyB,CAAC,kBAAkB,GAAG,KAAK,CAAC;IACvD,CAAC;IAED;;OAEG;IACI,MAAM,KAAK,UAAU;QAC1B,OAAO,yBAAyB,CAAC,WAAW,CAAC;IAC/C,CAAC;IAEM,MAAM,KAAK,UAAU,CAAC,QAAiB;QAC5C,KAAK,0BAA0B,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC1D,yBAAyB,CAAC,WAAW,GAAG,QAAQ,CAAC;QACjD,6CAAqB,CAAC,4BAA4B,CAChD,qCAAa,CAAC,4BAA4B,CAC3C,CAAC;IACJ,CAAC;IACD,oFAAoF;IAC7E,MAAM,KAAK,cAAc;QAC9B,OAAO,yBAAyB,CAAC,eAAe,CAAC;IACnD,CAAC;IACM,MAAM,KAAK,cAAc,CAAC,QAAiB;QAChD,yBAAyB,CAAC,eAAe,GAAG,QAAQ,CAAC;QACrD,yBAAW,CAAC,qBAAqB,CAAC,IAAI,CAAC;YACrC,OAAO,EAAE,yBAAW,CAAC,cAAc,EAAE;SACtC,CAAC,CAAC;IACL,CAAC;IAED,gFAAgF;IACzE,MAAM,KAAK,cAAc;QAC9B,OAAO,yBAAyB,CAAC,eAAe,CAAC;IACnD,CAAC;IACM,MAAM,KAAK,cAAc,CAAC,QAAiB;QAChD,yBAAyB,CAAC,eAAe,GAAG,QAAQ,CAAC;QACrD,yBAAW,CAAC,qBAAqB,CAAC,IAAI,CAAC;YACrC,OAAO,EAAE,yBAAW,CAAC,cAAc,EAAE;SACtC,CAAC,CAAC;IACL,CAAC;IAED,iGAAiG;IAC1F,MAAM,KAAK,cAAc;QAC9B,OAAO,yBAAyB,CAAC,eAAe,CAAC;IACnD,CAAC;IACM,MAAM,KAAK,cAAc,CAAC,IAAY;QAC3C,yBAAyB,CAAC,eAAe,GAAG,IAAI,CAAC;IACnD,CAAC;IAED,6GAA6G;IACtG,MAAM,KAAK,mBAAmB;QACnC,OAAO,yBAAyB,CAAC,oBAAoB,CAAC;IACxD,CAAC;IACM,MAAM,KAAK,mBAAmB,CAAC,KAAc;QAClD,yBAAyB,CAAC,oBAAoB,GAAG,KAAK,CAAC;QACvD,KAAK,0BAA0B,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;QAChE,6CAAqB,CAAC,4BAA4B,CAChD,qCAAa,CAAC,4BAA4B,CAC3C,CAAC;QACF,yBAAW,CAAC,qBAAqB,CAAC,IAAI,CAAC;YACrC,OAAO,EAAE,yBAAW,CAAC,cAAc,EAAE;SACtC,CAAC,CAAC;IACL,CAAC;IAED,kFAAkF;IAC3E,MAAM,KAAK,iBAAiB;QACjC,OAAO,yBAAyB,CAAC,kBAAkB,CAAC;IACtD,CAAC;IACM,MAAM,KAAK,iBAAiB,CAAC,KAAc;QAChD,yBAAyB,CAAC,kBAAkB,GAAG,KAAK,CAAC;QACrD,KAAK,0BAA0B,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC9D,6CAAqB,CAAC,4BAA4B,CAChD,qCAAa,CAAC,4BAA4B,CAC3C,CAAC;QACF,yBAAW,CAAC,qBAAqB,CAAC,IAAI,CAAC;YACrC,OAAO,EAAE,yBAAW,CAAC,cAAc,EAAE;SACtC,CAAC,CAAC;IACL,CAAC;IAED,6CAA6C;IACtC,MAAM,CAAC,qBAAqB;QACjC,uBAAuB;QACvB,IAAI,CAAC,yBAAyB,CAAC,WAAW;YAAE,OAAO;QAEnD,yBAAyB,CAAC,mBAAmB,EAAE,CAAC;IAClD,CAAC;IAED,6DAA6D;IACtD,MAAM,CAAC,sBAAsB,CAClC,MAAkD;QAElD,IAAI,CAAC,yBAAyB,CAAC,WAAW;YAAE,OAAO;QAEnD,yBAAyB,CAAC,mBAAmB,EAAE,CAAC;IAClD,CAAC;IAED,iDAAiD;IAC1C,MAAM,CAAC,sBAAsB,CAClC,MAAkD;QAElD,IAAI,CAAC,yBAAyB,CAAC,WAAW;YAAE,OAAO;QAEnD,yBAAyB,CAAC,oBAAoB,EAAE,CAAC;IACnD,CAAC;IAED,mDAAmD;IAC5C,MAAM,CAAC,mBAAmB;QAC/B,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACzC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC3C,yBAAyB,CAAC,MAAM,EAAE,CAAC;YACnC,yBAAyB,CAAC,UAAU,EAAE,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oDAAoD;IAC7C,MAAM,CAAC,oBAAoB;QAChC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACzC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC3C,yBAAyB,CAAC,MAAM,EAAE,CAAC;YACnC,yBAAyB,CAAC,WAAW,EAAE,CAAC;QAC1C,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,MAAM,CAAC,WAAW;QACxB,MAAM,CAAC,YAAY,CAAC,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IAC1D,CAAC;IAEO,MAAM,CAAC,UAAU;QACvB,yBAAyB,CAAC,WAAW,EAAE,CAAC;QACxC,yBAAyB,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,CACpD,yBAAyB,CAAC,MAAM,EAChC,yBAAyB,CAAC,eAAe,CAC1C,CAAC;IACJ,CAAC;IAEO,MAAM,CAAC,MAAM;QACnB,yBAAW,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAEO,MAAM,CAAC,MAAM;QACnB,yBAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,SAAS;QACrB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACzC,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;QAChC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,eAAe,GAAG,+BAAuB,CAAC;QAC/C,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;IAClC,CAAC;;AAvLc,sCAAY,GAAY,IAAI,CAAC;AAC7B,qCAAW,GAAY,IAAI,CAAC;AAC5B,yCAAe,GAAY,KAAK,CAAC;AACjC,yCAAe,GAAY,KAAK,CAAC;AACjC,yCAAe,GAAW,+BAAuB,CAAC;AAGlD,8CAAoB,GAAY,KAAK,CAAC;AACtC,4CAAkB,GAAY,KAAK,CAAC;AATxC,8DAAyB","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: number;\n  private static _showUiTimeout: number | undefined;\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    window.clearTimeout(this._showUiTimeout);\n    this._showUiTimeout = window.setTimeout(() => {\n      InternalUiShowHideManager.showUi();\n      InternalUiShowHideManager.resetTimer();\n    });\n  }\n\n  /** Shows the Ui and cancels the inactivity timer */\n  public static showUiAndCancelTimer() {\n    window.clearTimeout(this._showUiTimeout);\n    this._showUiTimeout = window.setTimeout(() => {\n      InternalUiShowHideManager.showUi();\n      InternalUiShowHideManager.cancelTimer();\n    });\n  }\n\n  private static cancelTimer() {\n    window.clearTimeout(InternalUiShowHideManager._timeout);\n  }\n\n  private static resetTimer() {\n    InternalUiShowHideManager.cancelTimer();\n    InternalUiShowHideManager._timeout = window.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    this.cancelTimer();\n    window.clearTimeout(this._showUiTimeout);\n    this._showUiTimeout = undefined;\n    this._isUiVisible = true;\n    this._autoHideUi = true;\n    this._showHidePanels = false;\n    this._showHideFooter = false;\n    this._inactivityTime = INACTIVITY_TIME_DEFAULT;\n    this._useProximityOpacity = false;\n    this._snapWidgetOpacity = false;\n  }\n}\n"]}

package/lib/cjs/appui-react/widget-panels/Content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Content.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAiBtD,gBAAgB;AAChB,wBAAgB,aAAa,sBAwB5B;AAED,gBAAgB;AAChB,wBAAgB,YAAY,IAAI,SAAS,GAAG,SAAS,CA+BpD"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Content.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAkBtD,gBAAgB;AAChB,wBAAgB,aAAa,sBA2B5B;AAED,gBAAgB;AAChB,wBAAgB,YAAY,IAAI,SAAS,GAAG,SAAS,CA+BpD"}