@itwin/appui-react 4.1.0 → 4.2.0

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -11,10 +11,12 @@ import * as React from "react";
 import { PropertyValueFormat, UiLayoutDataProvider, } from "@itwin/appui-abstract";
 import { EditorContainer } from "@itwin/components-react";
 import { assert, Logger } from "@itwin/core-bentley";
-function EditorLabel({ uiDataProvider, item, isLeftmostRecord }) {
+function EditorLabel({ uiDataProvider, item, isLeftmostRecord, }) {
     const [isDisabled, setIsDisabled] = React.useState(!!item.isDisabled);
     const displayLabel = React.useMemo(() => {
-        return item.property.displayLabel ? item.property.displayLabel : /* istanbul ignore next */ item.property.name;
+        return item.property.displayLabel
+            ? item.property.displayLabel
+            : /* istanbul ignore next */ item.property.name;
     }, [item]);
     const propertyId = React.useMemo(() => `dialogItemProperty-${item.property.name}`, [item]);
     // listen for tool sync property events and update the isDisabled state
@@ -33,15 +35,17 @@ function EditorLabel({ uiDataProvider, item, isLeftmostRecord }) {
     }, [uiDataProvider, item]);
     // istanbul ignore next
     const className = classnames("uifw-default-label", isDisabled && "uifw-label-disabled", !!isLeftmostRecord && "uifw-default-narrow-only-display", !isLeftmostRecord && "uifw-default-inline-label");
-    return React.createElement("label", { className: className, htmlFor: propertyId },
+    return (React.createElement("label", { className: className, htmlFor: propertyId },
         displayLabel,
-        ":");
+        ":"));
 }
-function PropertyEditor({ uiDataProvider, initialItem, isLock, setFocus }) {
+function PropertyEditor({ uiDataProvider, initialItem, isLock, setFocus, }) {
     const getLatestRecordValue = React.useCallback(() => {
         let newRecord = UiLayoutDataProvider.getPropertyRecord(initialItem);
         // istanbul ignore next
-        const foundItem = isLock ? uiDataProvider.items.find((item) => { var _a; return ((_a = item.lockProperty) === null || _a === void 0 ? void 0 : _a.property.name) === initialItem.property.name; }) : uiDataProvider.items.find((item) => item.property.name === initialItem.property.name);
+        const foundItem = isLock
+            ? uiDataProvider.items.find((item) => item.lockProperty?.property.name === initialItem.property.name)
+            : uiDataProvider.items.find((item) => item.property.name === initialItem.property.name);
         // istanbul ignore else
         if (foundItem) {
             if (isLock) {
@@ -95,14 +99,20 @@ function PropertyEditor({ uiDataProvider, initialItem, isLock, setFocus }) {
             uiDataProvider.onSyncPropertiesChangeEvent.removeListener(handleSync);
         };
     }, [uiDataProvider, propertyRecord, initialItem.property.name]);
-    const className = React.useMemo(() => isLock ? "uifw-default-property-lock" : "uifw-default-editor", [isLock]);
+    const className = React.useMemo(() => (isLock ? "uifw-default-property-lock" : "uifw-default-editor"), [isLock]);
     // istanbul ignore next
     const handleCommit = React.useCallback((commit) => {
         // UiLayoutDataProvider supports only primitive property types
         // istanbul ignore next
-        assert(commit.newValue.valueFormat === PropertyValueFormat.Primitive && commit.propertyRecord.value.valueFormat === PropertyValueFormat.Primitive);
+        assert(commit.newValue.valueFormat === PropertyValueFormat.Primitive &&
+            commit.propertyRecord.value.valueFormat ===
+                PropertyValueFormat.Primitive);
         const newPropertyValue = propertyRecord.copyWithNewValue(commit.newValue);
-        const syncItem = { value: commit.newValue, propertyName: initialItem.property.name, isDisabled: newPropertyValue.isDisabled };
+        const syncItem = {
+            value: commit.newValue,
+            propertyName: initialItem.property.name,
+            isDisabled: newPropertyValue.isDisabled,
+        };
         uiDataProvider.applyUiPropertyChange(syncItem);
         // Now have the uiDataProvider refetch the latest property values from the tool
         uiDataProvider.reloadDialogItems(true);
@@ -123,7 +133,7 @@ export class ComponentGenerator {
         return this._uiDataProvider;
     }
     getEditor(item, isLock = false, setFocus = false) {
-        return React.createElement(PropertyEditor, { key: item.property.name, uiDataProvider: this.uiDataProvider, initialItem: item, isLock: isLock, setFocus: setFocus });
+        return (React.createElement(PropertyEditor, { key: item.property.name, uiDataProvider: this.uiDataProvider, initialItem: item, isLock: isLock, setFocus: setFocus }));
     }
     generateRowWithButtonGroupEditors(row, rowIndex) {
         // istanbul ignore else
@@ -136,38 +146,46 @@ export class ComponentGenerator {
     generateEntryWithButtonGroupEditors(row, rowIndex) {
         // istanbul ignore else
         if (1 === row.items.length) {
-            return ({
+            return {
                 labelNode: "",
-                editorNode: React.createElement("div", { key: row.items[0].property.name, className: "uifw-default-inline-editor-group uifw-default-center-across-width" }, this.getEditor(row.items[0])),
-            });
+                editorNode: (React.createElement("div", { key: row.items[0].property.name, className: "uifw-default-inline-editor-group uifw-default-center-across-width" }, this.getEditor(row.items[0]))),
+            };
         }
-        return ({
+        return {
             labelNode: "",
-            editorNode: React.createElement("div", { key: rowIndex, className: "uifw-default-inline-editor-group uifw-default-center-across-width" },
-                React.createElement("div", { className: "uifw-default-inline-editor-group" }, row.items.map((item) => this.getEditor(item)))),
-        });
+            editorNode: (React.createElement("div", { key: rowIndex, className: "uifw-default-inline-editor-group uifw-default-center-across-width" },
+                React.createElement("div", { className: "uifw-default-inline-editor-group" }, row.items.map((item) => this.getEditor(item))))),
+        };
     }
     getEditorLabel(item, isLeftmostRecord = false) {
-        return React.createElement(EditorLabel, { uiDataProvider: this.uiDataProvider, item: item, isLeftmostRecord: isLeftmostRecord });
+        return (React.createElement(EditorLabel, { uiDataProvider: this.uiDataProvider, item: item, isLeftmostRecord: isLeftmostRecord }));
     }
     getLeftLockAndLabel(rowItem, multiplePropertiesOnRow) {
         const record = UiLayoutDataProvider.getPropertyRecord(rowItem);
         // istanbul ignore next
-        const lockEditor = (UiLayoutDataProvider.hasAssociatedLockProperty(rowItem)) ? this.getEditor(rowItem.lockProperty, true) : null;
-        const label = (UiLayoutDataProvider.editorWantsLabel(rowItem)) ? this.getEditorLabel(rowItem) : null;
-        const classNames = multiplePropertiesOnRow ? "uifw-default-lock-and-label uifw-default-wide-only-display" : "uifw-default-lock-and-label";
+        const lockEditor = UiLayoutDataProvider.hasAssociatedLockProperty(rowItem)
+            ? this.getEditor(rowItem.lockProperty, true)
+            : null;
+        const label = UiLayoutDataProvider.editorWantsLabel(rowItem)
+            ? this.getEditorLabel(rowItem)
+            : null;
+        const classNames = multiplePropertiesOnRow
+            ? "uifw-default-lock-and-label uifw-default-wide-only-display"
+            : "uifw-default-lock-and-label";
         return (React.createElement("div", { key: `lock-${record.property.name}`, className: classNames },
             lockEditor,
             label));
     }
     getInlineLabelAndEditor(item, isLeftmostRecord) {
-        const label = (UiLayoutDataProvider.editorWantsLabel(item)) ? this.getEditorLabel(item, isLeftmostRecord) : null;
+        const label = UiLayoutDataProvider.editorWantsLabel(item)
+            ? this.getEditorLabel(item, isLeftmostRecord)
+            : null;
         return (React.createElement("div", { key: item.property.name, className: "uifw-default-inline-label-and-editor" },
             label,
             this.getEditor(item)));
     }
     getRowWithMultipleEditors(row) {
-        return React.createElement("div", { className: "uifw-default-inline-editor-group" }, row.items.map((item, index) => this.getInlineLabelAndEditor(item, 0 === index)));
+        return (React.createElement("div", { className: "uifw-default-inline-editor-group" }, row.items.map((item, index) => this.getInlineLabelAndEditor(item, 0 === index))));
     }
     getDivForRow(row) {
         if (1 === row.items.length)
@@ -189,10 +207,10 @@ export class ComponentGenerator {
             return this.generateEntryWithButtonGroupEditors(row, rowIndex);
         }
         else {
-            return ({
+            return {
                 labelNode: this.getLeftLockAndLabel(row.items[0], row.items.length > 1),
                 editorNode: this.getDivForRow(row),
-            });
+            };
         }
     }
     /** ToolSettingsEntries are used by the tool settings bar. */

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

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

@@ -8,7 +8,7 @@ import type { ComponentGenerator } from "./ComponentGenerator";
  * Component to provide grid of property editors
  * @public
  */
-export declare function ToolSettingsGridContainer({ componentGenerator }: {
+export declare function ToolSettingsGridContainer({ componentGenerator, }: {
     componentGenerator: ComponentGenerator;
 }): JSX.Element;
 interface DialogGridContainerProps {
@@ -16,11 +16,11 @@ interface DialogGridContainerProps {
     containerClassName?: string;
 }
 /** @internal */
-export declare function DialogGridContainer({ componentGenerator, containerClassName }: DialogGridContainerProps): JSX.Element;
+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 }: {
+export declare function DefaultDialogGridContainer({ componentGenerator, isToolSettings, }: {
     componentGenerator: ComponentGenerator;
     isToolSettings?: boolean;
 }): JSX.Element;

package/lib/esm/appui-react/uiprovider/DefaultDialogGridContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultDialogGridContainer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/uiprovider/DefaultDialogGridContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,mCAAmC,CAAC;AAK3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAO/D;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,kBAAkB,EAAE,EAAE;IAAE,kBAAkB,EAAE,kBAAkB,CAAA;CAAE,eAc3G;AAED,UAAU,wBAAwB;IAChC,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,gBAAgB;AAEhB,wBAAgB,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,EAAE,wBAAwB,eAYvG;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,kBAAkB,EAAE,cAAc,EAAE,EAAE;IAAE,kBAAkB,EAAE,kBAAkB,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,eAKtJ"}
+{"version":3,"file":"DefaultDialogGridContainer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/uiprovider/DefaultDialogGridContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,mCAAmC,CAAC;AAK3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAO/D;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,kBAAkB,GACnB,EAAE;IACD,kBAAkB,EAAE,kBAAkB,CAAC;CACxC,eAgBA;AAED,UAAU,wBAAwB;IAChC,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,gBAAgB;AAEhB,wBAAgB,mBAAmB,CAAC,EAClC,kBAAkB,EAClB,kBAAkB,GACnB,EAAE,wBAAwB,eAY1B;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,kBAAkB,EAClB,cAAc,GACf,EAAE;IACD,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,eAOA"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -18,7 +18,7 @@ var LayoutMode;
  * Component to provide grid of property editors
  * @public
  */
-export function ToolSettingsGridContainer({ componentGenerator }) {
+export function ToolSettingsGridContainer({ componentGenerator, }) {
     const { availableContentWidth } = React.useContext(ToolSettingsContentContext);
     const layoutMode = toLayoutMode(availableContentWidth);
     const className = classnames("uifw-tool-settings-grid-container", 
@@ -28,7 +28,7 @@ export function ToolSettingsGridContainer({ componentGenerator }) {
 }
 /** @internal */
 // istanbul ignore next
-export function DialogGridContainer({ componentGenerator, containerClassName }) {
+export function DialogGridContainer({ componentGenerator, containerClassName, }) {
     const className = classnames("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)))));
@@ -36,13 +36,14 @@ export function DialogGridContainer({ componentGenerator, containerClassName })
 /** DefaultDialogGridContainer populates a React node with the items specified by the UiLayoutDataProvider
  * @public
  */
-export function DefaultDialogGridContainer({ componentGenerator, isToolSettings }) {
-    return (!!isToolSettings ?
-        React.createElement(ToolSettingsGridContainer, { componentGenerator: componentGenerator }) :
-        /* istanbul ignore next */
-        React.createElement(DialogGridContainer, { componentGenerator: componentGenerator }));
+export function DefaultDialogGridContainer({ componentGenerator, isToolSettings, }) {
+    return !!isToolSettings ? (React.createElement(ToolSettingsGridContainer, { componentGenerator: componentGenerator })) : (
+    /* istanbul ignore next */
+    React.createElement(DialogGridContainer, { componentGenerator: componentGenerator }));
 }
 const toLayoutMode = (width) => {
-    return (width < 250 && width > 0) ? /* istanbul ignore next */ LayoutMode.Narrow : LayoutMode.Wide;
+    return width < 250 && width > 0
+        ? /* istanbul ignore next */ LayoutMode.Narrow
+        : LayoutMode.Wide;
 };
 //# sourceMappingURL=DefaultDialogGridContainer.js.map

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":["/*---------------------------------------------------------------------------------------------\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 type { DialogRow } from \"@itwin/appui-abstract\";\r\nimport { ToolSettingsContentContext } from \"../widgets/ToolSettingsContent\";\r\nimport type { 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"]}
+{"version":3,"file":"DefaultDialogGridContainer.js","sourceRoot":"","sources":["../../../../src/appui-react/uiprovider/DefaultDialogGridContainer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;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,EACxC,kBAAkB,GAGnB;IACC,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAChD,0BAA0B,CAC3B,CAAC;IACF,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,EAClC,kBAAkB,EAClB,kBAAkB,GACO;IACzB,MAAM,SAAS,GAAG,UAAU,CAAC,wBAAwB,EAAE,kBAAkB,CAAC,CAAC;IAC3E,OAAO,CACL,6BAAK,SAAS,EAAC,6BAA6B;QAC1C,6BAAK,SAAS,EAAE,SAAS,IACtB,kBAAkB,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CACzC,CAAC,GAAc,EAAE,KAAa,EAAE,EAAE,CAChC,kBAAkB,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CACxC,CACG,CACF,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,0BAA0B,CAAC,EACzC,kBAAkB,EAClB,cAAc,GAIf;IACC,OAAO,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CACxB,oBAAC,yBAAyB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CACtE,CAAC,CAAC,CAAC;IACF,0BAA0B;IAC1B,oBAAC,mBAAmB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAChE,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;IACrC,OAAO,KAAK,GAAG,GAAG,IAAI,KAAK,GAAG,CAAC;QAC7B,CAAC,CAAC,0BAA0B,CAAC,UAAU,CAAC,MAAM;QAC9C,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC;AACtB,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module UiProvider\n */\n\nimport \"./DefaultDialogGridContainer.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { DialogRow } from \"@itwin/appui-abstract\";\nimport { ToolSettingsContentContext } from \"../widgets/ToolSettingsContent\";\nimport type { ComponentGenerator } from \"./ComponentGenerator\";\n\nenum LayoutMode {\n  Wide = 0,\n  Narrow = 1,\n}\n\n/**\n * Component to provide grid of property editors\n * @public\n */\nexport function ToolSettingsGridContainer({\n  componentGenerator,\n}: {\n  componentGenerator: ComponentGenerator;\n}) {\n  const { availableContentWidth } = React.useContext(\n    ToolSettingsContentContext\n  );\n  const layoutMode = toLayoutMode(availableContentWidth);\n  const className = classnames(\n    \"uifw-tool-settings-grid-container\",\n    // istanbul ignore next\n    LayoutMode.Narrow === layoutMode && \"uifw-default-narrow\"\n  );\n  return (\n    <DialogGridContainer\n      componentGenerator={componentGenerator}\n      containerClassName={className}\n    />\n  );\n}\n\ninterface DialogGridContainerProps {\n  componentGenerator: ComponentGenerator;\n  containerClassName?: string;\n}\n\n/** @internal */\n// istanbul ignore next\nexport function DialogGridContainer({\n  componentGenerator,\n  containerClassName,\n}: DialogGridContainerProps) {\n  const className = classnames(\"uifw-default-container\", containerClassName);\n  return (\n    <div className=\"uifw-default-resizer-parent\">\n      <div className={className}>\n        {componentGenerator.uiDataProvider.rows.map(\n          (row: DialogRow, index: number) =>\n            componentGenerator.getRow(row, index)\n        )}\n      </div>\n    </div>\n  );\n}\n\n/** DefaultDialogGridContainer populates a React node with the items specified by the UiLayoutDataProvider\n * @public\n */\nexport function DefaultDialogGridContainer({\n  componentGenerator,\n  isToolSettings,\n}: {\n  componentGenerator: ComponentGenerator;\n  isToolSettings?: boolean;\n}) {\n  return !!isToolSettings ? (\n    <ToolSettingsGridContainer componentGenerator={componentGenerator} />\n  ) : (\n    /* istanbul ignore next */\n    <DialogGridContainer componentGenerator={componentGenerator} />\n  );\n}\n\nconst toLayoutMode = (width: number) => {\n  return width < 250 && width > 0\n    ? /* istanbul ignore next */ LayoutMode.Narrow\n    : LayoutMode.Wide;\n};\n"]}