@itwin/appui-react 3.6.0-dev.34 → 3.6.0-dev.36

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":["/*---------------------------------------------------------------------------------------------\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"]}
+{"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"]}

package/lib/cjs/appui-react/uiprovider/DefaultDialogGridContainer.d.ts

@@ -1,28 +1,28 @@
-/** @packageDocumentation
- * @module UiProvider
- */
-/// <reference types="react" />
-import "./DefaultDialogGridContainer.scss";
-import { ComponentGenerator } from "./ComponentGenerator";
-/**
- * Component to provide grid of property editors
- * @public
- */
-export declare function ToolSettingsGridContainer({ componentGenerator }: {
-    componentGenerator: ComponentGenerator;
-}): JSX.Element;
-interface DialogGridContainerProps {
-    componentGenerator: ComponentGenerator;
-    containerClassName?: string;
-}
-/** @internal */
-export declare function DialogGridContainer({ componentGenerator, containerClassName }: DialogGridContainerProps): JSX.Element;
-/** DefaultDialogGridContainer populates a React node with the items specified by the UiLayoutDataProvider
- * @public
- */
-export declare function DefaultDialogGridContainer({ componentGenerator, isToolSettings }: {
-    componentGenerator: ComponentGenerator;
-    isToolSettings?: boolean;
-}): JSX.Element;
-export {};
+/** @packageDocumentation
+ * @module UiProvider
+ */
+/// <reference types="react" />
+import "./DefaultDialogGridContainer.scss";
+import { ComponentGenerator } from "./ComponentGenerator";
+/**
+ * Component to provide grid of property editors
+ * @public
+ */
+export declare function ToolSettingsGridContainer({ componentGenerator }: {
+    componentGenerator: ComponentGenerator;
+}): JSX.Element;
+interface DialogGridContainerProps {
+    componentGenerator: ComponentGenerator;
+    containerClassName?: string;
+}
+/** @internal */
+export declare function DialogGridContainer({ componentGenerator, containerClassName }: DialogGridContainerProps): JSX.Element;
+/** DefaultDialogGridContainer populates a React node with the items specified by the UiLayoutDataProvider
+ * @public
+ */
+export declare function DefaultDialogGridContainer({ componentGenerator, isToolSettings }: {
+    componentGenerator: ComponentGenerator;
+    isToolSettings?: boolean;
+}): JSX.Element;
+export {};
 //# sourceMappingURL=DefaultDialogGridContainer.d.ts.map

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

@@ -1,56 +1,56 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module UiProvider
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultDialogGridContainer = exports.DialogGridContainer = exports.ToolSettingsGridContainer = void 0;
-require("./DefaultDialogGridContainer.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const useFrameworkVersion_1 = require("../hooks/useFrameworkVersion");
-const ToolSettingsContent_1 = require("../widgets/ToolSettingsContent");
-var LayoutMode;
-(function (LayoutMode) {
-    LayoutMode[LayoutMode["Wide"] = 0] = "Wide";
-    LayoutMode[LayoutMode["Narrow"] = 1] = "Narrow";
-})(LayoutMode || (LayoutMode = {}));
-/**
- * Component to provide grid of property editors
- * @public
- */
-function ToolSettingsGridContainer({ componentGenerator }) {
-    const { availableContentWidth } = React.useContext(ToolSettingsContent_1.ToolSettingsContentContext);
-    const version = (0, useFrameworkVersion_1.useFrameworkVersion)(); // eslint-disable-line deprecation/deprecation
-    const layoutMode = toLayoutMode(availableContentWidth);
-    const className = (0, classnames_1.default)("uifw-tool-settings-grid-container", version === "1" && "uifw-fill", 
-    // istanbul ignore next
-    LayoutMode.Narrow === layoutMode && "uifw-default-narrow");
-    return (React.createElement(DialogGridContainer, { componentGenerator: componentGenerator, containerClassName: className }));
-}
-exports.ToolSettingsGridContainer = ToolSettingsGridContainer;
-/** @internal */
-// 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)))));
-}
-exports.DialogGridContainer = DialogGridContainer;
-/** DefaultDialogGridContainer populates a React node with the items specified by the UiLayoutDataProvider
- * @public
- */
-function DefaultDialogGridContainer({ componentGenerator, isToolSettings }) {
-    return (!!isToolSettings ?
-        React.createElement(ToolSettingsGridContainer, { componentGenerator: componentGenerator }) :
-        /* istanbul ignore next */
-        React.createElement(DialogGridContainer, { componentGenerator: componentGenerator }));
-}
-exports.DefaultDialogGridContainer = DefaultDialogGridContainer;
-const toLayoutMode = (width) => {
-    return (width < 250 && width > 0) ? /* istanbul ignore next */ LayoutMode.Narrow : LayoutMode.Wide;
-};
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module UiProvider
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultDialogGridContainer = exports.DialogGridContainer = exports.ToolSettingsGridContainer = void 0;
+require("./DefaultDialogGridContainer.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const useFrameworkVersion_1 = require("../hooks/useFrameworkVersion");
+const ToolSettingsContent_1 = require("../widgets/ToolSettingsContent");
+var LayoutMode;
+(function (LayoutMode) {
+    LayoutMode[LayoutMode["Wide"] = 0] = "Wide";
+    LayoutMode[LayoutMode["Narrow"] = 1] = "Narrow";
+})(LayoutMode || (LayoutMode = {}));
+/**
+ * Component to provide grid of property editors
+ * @public
+ */
+function ToolSettingsGridContainer({ componentGenerator }) {
+    const { availableContentWidth } = React.useContext(ToolSettingsContent_1.ToolSettingsContentContext);
+    const version = (0, useFrameworkVersion_1.useFrameworkVersion)(); // eslint-disable-line deprecation/deprecation
+    const layoutMode = toLayoutMode(availableContentWidth);
+    const className = (0, classnames_1.default)("uifw-tool-settings-grid-container", version === "1" && "uifw-fill", 
+    // istanbul ignore next
+    LayoutMode.Narrow === layoutMode && "uifw-default-narrow");
+    return (React.createElement(DialogGridContainer, { componentGenerator: componentGenerator, containerClassName: className }));
+}
+exports.ToolSettingsGridContainer = ToolSettingsGridContainer;
+/** @internal */
+// 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)))));
+}
+exports.DialogGridContainer = DialogGridContainer;
+/** DefaultDialogGridContainer populates a React node with the items specified by the UiLayoutDataProvider
+ * @public
+ */
+function DefaultDialogGridContainer({ componentGenerator, isToolSettings }) {
+    return (!!isToolSettings ?
+        React.createElement(ToolSettingsGridContainer, { componentGenerator: componentGenerator }) :
+        /* istanbul ignore next */
+        React.createElement(DialogGridContainer, { componentGenerator: componentGenerator }));
+}
+exports.DefaultDialogGridContainer = DefaultDialogGridContainer;
+const toLayoutMode = (width) => {
+    return (width < 250 && width > 0) ? /* istanbul ignore next */ LayoutMode.Narrow : LayoutMode.Wide;
+};
 //# sourceMappingURL=DefaultDialogGridContainer.js.map

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;;;+FAG+F;AAC/F;;GAEG;;;AAEH,6CAA2C;AAC3C,2CAAoC;AACpC,+BAA+B;AAE/B,sEAAmE;AACnE,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,EAAE,kBAAkB,EAA8C;IAC1G,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,gDAA0B,CAAC,CAAC;IAC/E,MAAM,OAAO,GAAG,IAAA,yCAAmB,GAAE,CAAC,CAAC,8CAA8C;IACrF,MAAM,UAAU,GAAG,YAAY,CAAC,qBAAqB,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,mCAAmC,EACnC,OAAO,KAAK,GAAG,IAAI,WAAW;IAC9B,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;AAhBD,8DAgBC;AAOD,gBAAgB;AAChB,uBAAuB;AACvB,SAAgB,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,kBAAkB,EAA4B;IACtG,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,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;AAZD,kDAYC;AAED;;GAEG;AACH,SAAgB,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;AALD,gEAKC;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 { useFrameworkVersion } from \"../hooks/useFrameworkVersion\";\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 version = useFrameworkVersion(); // eslint-disable-line deprecation/deprecation\r\n  const layoutMode = toLayoutMode(availableContentWidth);\r\n  const className = classnames(\r\n    \"uifw-tool-settings-grid-container\",\r\n    version === \"1\" && \"uifw-fill\",\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"]}
+{"version":3,"file":"DefaultDialogGridContainer.js","sourceRoot":"","sources":["../../../../src/appui-react/uiprovider/DefaultDialogGridContainer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,6CAA2C;AAC3C,2CAAoC;AACpC,+BAA+B;AAE/B,sEAAmE;AACnE,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,EAAE,kBAAkB,EAA8C;IAC1G,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,gDAA0B,CAAC,CAAC;IAC/E,MAAM,OAAO,GAAG,IAAA,yCAAmB,GAAE,CAAC,CAAC,8CAA8C;IACrF,MAAM,UAAU,GAAG,YAAY,CAAC,qBAAqB,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,mCAAmC,EACnC,OAAO,KAAK,GAAG,IAAI,WAAW;IAC9B,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;AAhBD,8DAgBC;AAOD,gBAAgB;AAChB,uBAAuB;AACvB,SAAgB,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,kBAAkB,EAA4B;IACtG,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,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;AAZD,kDAYC;AAED;;GAEG;AACH,SAAgB,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;AALD,gEAKC;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 { useFrameworkVersion } from \"../hooks/useFrameworkVersion\";\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 version = useFrameworkVersion(); // eslint-disable-line deprecation/deprecation\n  const layoutMode = toLayoutMode(availableContentWidth);\n  const className = classnames(\n    \"uifw-tool-settings-grid-container\",\n    version === \"1\" && \"uifw-fill\",\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"]}