@itwin/appui-react 4.0.0-dev.2 → 4.0.0-dev.20

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultDialogGridContainer.js","sourceRoot":"","sources":["../../../../src/appui-react/uiprovider/DefaultDialogGridContainer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,mCAAmC,CAAC;AAC3C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAG5E,IAAK,UAGJ;AAHD,WAAK,UAAU;IACb,2CAAQ,CAAA;IACR,+CAAU,CAAA;AACZ,CAAC,EAHI,UAAU,KAAV,UAAU,QAGd;AAED;;;GAGG;AACH,MAAM,UAAU,yBAAyB,CAAC,EAAE,kBAAkB,EAA8C;IAC1G,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;IAC/E,MAAM,UAAU,GAAG,YAAY,CAAC,qBAAqB,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,UAAU,CAC1B,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;AAOD,gBAAgB;AAChB,uBAAuB;AACvB,MAAM,UAAU,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,kBAAkB,EAA4B;IACtG,MAAM,SAAS,GAAG,UAAU,CAC1B,wBAAwB,EACxB,kBAAkB,CACnB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAC,6BAA6B;QAC1C,6BAAK,SAAS,EAAE,SAAS,IACtB,kBAAkB,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAc,EAAE,KAAa,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CACjH,CACF,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,0BAA0B,CAAC,EAAE,kBAAkB,EAAE,cAAc,EAAwE;IACrJ,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;QACxB,oBAAC,yBAAyB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAAC,CAAC;QACvE,0BAA0B;QAC1B,oBAAC,mBAAmB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAAC,CAAC;AACrE,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;IACrC,OAAO,CAAC,KAAK,GAAG,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC;AACrG,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 { DialogRow } from \"@itwin/appui-abstract\";\nimport { ToolSettingsContentContext } from \"../widgets/ToolSettingsContent\";\nimport { 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({ componentGenerator }: { componentGenerator: ComponentGenerator }) {\n  const { availableContentWidth } = React.useContext(ToolSettingsContentContext);\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({ componentGenerator, containerClassName }: DialogGridContainerProps) {\n  const className = classnames(\n    \"uifw-default-container\",\n    containerClassName,\n  );\n  return (\n    <div className=\"uifw-default-resizer-parent\">\n      <div className={className}>\n        {componentGenerator.uiDataProvider.rows.map((row: DialogRow, index: number) => componentGenerator.getRow(row, index))}\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({ componentGenerator, isToolSettings }: { componentGenerator: ComponentGenerator, isToolSettings?: boolean }) {\n  return (!!isToolSettings ?\n    <ToolSettingsGridContainer componentGenerator={componentGenerator} /> :\n    /* istanbul ignore next */\n    <DialogGridContainer componentGenerator={componentGenerator} />);\n}\n\nconst toLayoutMode = (width: number) => {\n  return (width < 250 && width > 0) ? /* istanbul ignore next */ LayoutMode.Narrow : LayoutMode.Wide;\n};\n"]}
+{"version":3,"file":"DefaultDialogGridContainer.js","sourceRoot":"","sources":["../../../../src/appui-react/uiprovider/DefaultDialogGridContainer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,mCAAmC,CAAC;AAC3C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAG5E,IAAK,UAGJ;AAHD,WAAK,UAAU;IACb,2CAAQ,CAAA;IACR,+CAAU,CAAA;AACZ,CAAC,EAHI,UAAU,KAAV,UAAU,QAGd;AAED;;;GAGG;AACH,MAAM,UAAU,yBAAyB,CAAC,EAAE,kBAAkB,EAA8C;IAC1G,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;IAC/E,MAAM,UAAU,GAAG,YAAY,CAAC,qBAAqB,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,UAAU,CAC1B,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;AAOD,gBAAgB;AAChB,uBAAuB;AACvB,MAAM,UAAU,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,kBAAkB,EAA4B;IACtG,MAAM,SAAS,GAAG,UAAU,CAC1B,wBAAwB,EACxB,kBAAkB,CACnB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAC,6BAA6B;QAC1C,6BAAK,SAAS,EAAE,SAAS,IACtB,kBAAkB,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAc,EAAE,KAAa,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CACjH,CACF,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,0BAA0B,CAAC,EAAE,kBAAkB,EAAE,cAAc,EAAwE;IACrJ,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;QACxB,oBAAC,yBAAyB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAAC,CAAC;QACvE,0BAA0B;QAC1B,oBAAC,mBAAmB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAAC,CAAC;AACrE,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;IACrC,OAAO,CAAC,KAAK,GAAG,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC;AACrG,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module UiProvider\r\n */\r\n\r\nimport \"./DefaultDialogGridContainer.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { DialogRow } from \"@itwin/appui-abstract\";\r\nimport { ToolSettingsContentContext } from \"../widgets/ToolSettingsContent\";\r\nimport { ComponentGenerator } from \"./ComponentGenerator\";\r\n\r\nenum LayoutMode {\r\n  Wide = 0,\r\n  Narrow = 1,\r\n}\r\n\r\n/**\r\n * Component to provide grid of property editors\r\n * @public\r\n */\r\nexport function ToolSettingsGridContainer({ componentGenerator }: { componentGenerator: ComponentGenerator }) {\r\n  const { availableContentWidth } = React.useContext(ToolSettingsContentContext);\r\n  const layoutMode = toLayoutMode(availableContentWidth);\r\n  const className = classnames(\r\n    \"uifw-tool-settings-grid-container\",\r\n    // istanbul ignore next\r\n    LayoutMode.Narrow === layoutMode && \"uifw-default-narrow\",\r\n  );\r\n  return (\r\n    <DialogGridContainer\r\n      componentGenerator={componentGenerator}\r\n      containerClassName={className}\r\n    />\r\n  );\r\n}\r\n\r\ninterface DialogGridContainerProps {\r\n  componentGenerator: ComponentGenerator;\r\n  containerClassName?: string;\r\n}\r\n\r\n/** @internal */\r\n// istanbul ignore next\r\nexport function DialogGridContainer({ componentGenerator, containerClassName }: DialogGridContainerProps) {\r\n  const className = classnames(\r\n    \"uifw-default-container\",\r\n    containerClassName,\r\n  );\r\n  return (\r\n    <div className=\"uifw-default-resizer-parent\">\r\n      <div className={className}>\r\n        {componentGenerator.uiDataProvider.rows.map((row: DialogRow, index: number) => componentGenerator.getRow(row, index))}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\n/** DefaultDialogGridContainer populates a React node with the items specified by the UiLayoutDataProvider\r\n * @public\r\n */\r\nexport function DefaultDialogGridContainer({ componentGenerator, isToolSettings }: { componentGenerator: ComponentGenerator, isToolSettings?: boolean }) {\r\n  return (!!isToolSettings ?\r\n    <ToolSettingsGridContainer componentGenerator={componentGenerator} /> :\r\n    /* istanbul ignore next */\r\n    <DialogGridContainer componentGenerator={componentGenerator} />);\r\n}\r\n\r\nconst toLayoutMode = (width: number) => {\r\n  return (width < 250 && width > 0) ? /* istanbul ignore next */ LayoutMode.Narrow : LayoutMode.Wide;\r\n};\r\n"]}

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

@@ -1,213 +1,212 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-
-.uifw-default-resizer-parent {
-  min-width: 200px;
-
-  &.uifw-fill {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.uifw-label-disabled {
-  color: $buic-text-color-disabled;
-}
-
-div.uifw-default-property-lock input[type="checkbox"] {
-  margin-right: 8px;
-}
-
-.uifw-default-center-across-width {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-content: center;
-  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 {
-  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;
-}
-
-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;
-  }
-}
-
-div.uifw-default-lock-and-label {
-  align-content: flex-start;
-  align-items: center;
-  flex-direction: row;
-  display: inline-flex;
-  margin-bottom: 6px;
-
-  .uifw-default-property-lock {
-    padding: 0 4px 0 0;
-  }
-
-  &:last-child {
-    margin-bottom: 3px;
-  }
-}
-
-.uifw-default-inline-label-and-editor {
-  display: flex;
-  flex-direction: row;
-  width: auto;
-}
-
-.uifw-default-wide-only-display {
-  display: inline-flex;
-  flex-wrap: none;
-}
-
-.uifw-default-narrow-only-display {
-  display: none;
-}
-
-/* Fixed spacing used to hold lock/enable toggle in first column */
-.uifw-default-lock {
-  min-width: 30px;
-  height: 1rem;
-  margin: 3px;
-}
-
-.uifw-default-editor {
-  margin-bottom: 6px;
-  display: flex;
-  align-items: center;
-
-  &:last-child {
-    margin-bottom: 3px;
-  }
-}
-
-div.uifw-default-container {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  grid-row-gap: 0px;
-  row-gap: 0px;
-  grid-column-gap: 8px;
-  column-gap: 8px;
-  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-size: 14px;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  align-items: center;
-  margin: 4px 4px 0px 4px;
-}
-
-.uifw-default-label {
-  width: fit-content;
-  margin-left: auto;
-  white-space: nowrap;
-}
-
-/* Overrides when uifw-default-narrow class is added to parent container div */
-div.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;
-}
-
-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;
-}
-
-div.uifw-default-container.uifw-default-narrow .uifw-default-label {
-  text-align: left;
-  margin-bottom: 3px;
-  align-self: 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;
-}
-
-div.nz-toolSettings-docked div.uifw-default-lock-and-label {
-  margin-bottom: 0;
-  align-self: center;
-}
-
-div.nz-toolSettings-docked div.uifw-default-inline-editor-group .uifw-default-editor {
-  margin-bottom: 0;
-  align-self: center;
-}
-
-div.nz-toolSettings-docked .uifw-default-editor:last-child {
-  margin-bottom: 0;
-  align-self: center;
-}
-
-/* Override the GridLayout case where width is 100% */
-div.nz-toolSettings-docked {
-  border-top: none;
-  border-left: none;
-  border-right: none;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* 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;
+  justify-content: center;
+  align-content: center;
+  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 {
+  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;
+}
+
+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;
+  }
+}
+
+div.uifw-default-lock-and-label {
+  align-content: flex-start;
+  align-items: center;
+  flex-direction: row;
+  display: inline-flex;
+  margin-bottom: 6px;
+
+  .uifw-default-property-lock {
+    padding: 0 4px 0 0;
+  }
+
+  &:last-child {
+    margin-bottom: 3px;
+  }
+}
+
+.uifw-default-inline-label-and-editor {
+  display: flex;
+  flex-direction: row;
+  width: auto;
+}
+
+.uifw-default-wide-only-display {
+  display: inline-flex;
+  flex-wrap: none;
+}
+
+.uifw-default-narrow-only-display {
+  display: none;
+}
+
+/* Fixed spacing used to hold lock/enable toggle in first column */
+.uifw-default-lock {
+  min-width: 30px;
+  height: 1rem;
+  margin: 3px;
+}
+
+.uifw-default-editor {
+  margin-bottom: 6px;
+  display: flex;
+  align-items: center;
+
+  &:last-child {
+    margin-bottom: 3px;
+  }
+}
+
+div.uifw-default-container {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  grid-row-gap: 0px;
+  row-gap: 0px;
+  grid-column-gap: 8px;
+  column-gap: 8px;
+  font-family: var(--iui-font-sans);
+  font-size: 14px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  align-items: center;
+  margin: 4px 4px 0px 4px;
+}
+
+.uifw-default-label {
+  width: fit-content;
+  margin-left: auto;
+  white-space: nowrap;
+}
+
+/* Overrides when uifw-default-narrow class is added to parent container div */
+div.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;
+}
+
+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;
+}
+
+div.uifw-default-container.uifw-default-narrow .uifw-default-label {
+  text-align: left;
+  margin-bottom: 3px;
+  align-self: 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;
+}
+
+div.nz-toolSettings-docked div.uifw-default-lock-and-label {
+  margin-bottom: 0;
+  align-self: center;
+}
+
+div.nz-toolSettings-docked div.uifw-default-inline-editor-group .uifw-default-editor {
+  margin-bottom: 0;
+  align-self: center;
+}
+
+div.nz-toolSettings-docked .uifw-default-editor:last-child {
+  margin-bottom: 0;
+  align-self: center;
+}
+
+/* Override the GridLayout case where width is 100% */
+div.nz-toolSettings-docked {
+  border-top: none;
+  border-left: none;
+  border-right: none;
+}

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

@@ -19,7 +19,7 @@ import { UiFramework } from "../UiFramework";
  *
  * @public
  */
-export class AppUiSettings {
+class AppUiSettings {
     constructor(defaults) {
         this.providerId = "AppUiSettingsProvider";
         this._settings = [];
@@ -83,4 +83,5 @@ export class AppUiSettings {
     }
 }
 AppUiSettings._settingNamespace = "AppUiSettings";
+export { AppUiSettings };
 //# sourceMappingURL=AppUiSettings.js.map

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

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

@@ -14,7 +14,7 @@ export function useUiStateStorageHandler() {
     return React.useContext(UiStateStorageContext);
 }
 /** @internal */
-export const UiStateStorageContext = React.createContext(new LocalStateStorage()); // eslint-disable-line @typescript-eslint/naming-convention
+export const UiStateStorageContext = React.createContext(new LocalStateStorage());
 UiStateStorageContext.displayName = "uifw:UiStateStorageContext";
 /** Allows to provide a custom [[UiStateStorage]] implementation to persist UI settings.
  * @public