@itwin/components-react 4.0.0-dev.11 → 4.0.0-dev.13

package/lib/cjs/components-react/editors/EditorContainer.js

@@ -1,184 +1,188 @@
-"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 PropertyEditors
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorContainer = void 0;
-require("./EditorContainer.scss");
-const React = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const PropertyEditorManager_1 = require("./PropertyEditorManager");
-/**
- * EditorContainer React component used by the Tree and PropertyGrid for cell editing.
- * @public
- */
-class EditorContainer extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._handleEditorBlur = (_e) => {
-            // istanbul ignore else
-            if (!this.props.ignoreEditorBlur && this._propertyEditor && this._propertyEditor.containerHandlesBlur)
-                this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises
-        };
-        this._handleContainerBlur = (e) => {
-            e.stopPropagation();
-        };
-        this._handleClick = (e) => {
-            e.stopPropagation();
-        };
-        this._handleKeyDown = (e) => {
-            switch (e.key) {
-                case appui_abstract_1.SpecialKey.Escape:
-                    this.onPressEscape(e);
-                    break;
-                case appui_abstract_1.SpecialKey.Enter:
-                    this.onPressEnter(e);
-                    break;
-                case appui_abstract_1.SpecialKey.Tab:
-                    this.onPressTab(e);
-                    break;
-                default:
-                    if (this._propertyEditor && this._propertyEditor.containerStopsKeydownPropagation)
-                        e.stopPropagation();
-            }
-        };
-        this._handleRightClick = (e) => {
-            e.stopPropagation();
-        };
-        this._handleEditorCommit = (args) => {
-            this._commit(args); // eslint-disable-line @typescript-eslint/no-floating-promises
-        };
-        this._handleContainerCommit = async () => {
-            const newValue = this._editorRef && await this._editorRef.getPropertyValue();
-            // istanbul ignore else
-            if (newValue !== undefined) {
-                this._commit({ propertyRecord: this.props.propertyRecord, newValue }); // eslint-disable-line @typescript-eslint/no-floating-promises
-            }
-        };
-        this._commit = async (args) => {
-            const newValue = args.newValue;
-            const isValid = await this.isNewValueValid(newValue);
-            if (isValid) {
-                let doCommit = true;
-                // istanbul ignore else
-                if (this._propertyEditor && args.propertyRecord) {
-                    const commitResult = await this._propertyEditor.commitValue(newValue, args.propertyRecord);
-                    if (commitResult.encounteredError) {
-                        this.displayOutputMessage(commitResult.errorMessage);
-                        doCommit = false;
-                    }
-                }
-                if (doCommit) {
-                    this.props.onCommit(args);
-                }
-            }
-        };
-        this._handleEditorCancel = () => {
-            this._commitCancel();
-        };
-        this._commitCancel = () => {
-            this.props.onCancel();
-        };
-    }
-    createEditor() {
-        const editorRef = (ref) => this._editorRef = ref;
-        const editorProps = {
-            ref: editorRef,
-            onCommit: this._handleEditorCommit,
-            onCancel: this._handleEditorCancel,
-            onBlur: this._handleEditorBlur,
-            propertyRecord: this.props.propertyRecord,
-            setFocus: this.props.setFocus !== undefined ? this.props.setFocus : true,
-            className: this.props.className,
-            style: this.props.style,
-            shouldCommitOnChange: this.props.shouldCommitOnChange,
-        };
-        const propDescription = this.props.propertyRecord.property;
-        const editorName = propDescription.editor !== undefined ? propDescription.editor.name : undefined;
-        this._propertyEditor = PropertyEditorManager_1.PropertyEditorManager.createEditor(propDescription.typename, editorName, propDescription.dataController);
-        const editorNode = this._propertyEditor.reactNode;
-        let clonedNode = null;
-        // istanbul ignore else
-        if (React.isValidElement(editorNode)) {
-            clonedNode = React.cloneElement(editorNode, editorProps);
-        }
-        return clonedNode;
-    }
-    onPressEscape(_e) {
-        // istanbul ignore else
-        if (this._propertyEditor && this._propertyEditor.containerHandlesEscape) {
-            this._commitCancel();
-        }
-    }
-    onPressEnter(e) {
-        // istanbul ignore else
-        if (this._propertyEditor && this._propertyEditor.containerHandlesEnter) {
-            // istanbul ignore else
-            if (this._editorRef && this._editorRef.hasFocus)
-                e.stopPropagation();
-            this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises
-        }
-    }
-    onPressTab(e) {
-        // istanbul ignore else
-        if (this._propertyEditor && this._propertyEditor.containerHandlesTab) {
-            e.stopPropagation();
-            this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises
-        }
-    }
-    displayOutputMessage(errorMessage) {
-        // istanbul ignore else
-        if (errorMessage && this._editorRef) {
-            const htmlElement = this._editorRef && this._editorRef.htmlElement;
-            // istanbul ignore else
-            if (htmlElement)
-                appui_abstract_1.UiAdmin.messagePresenter.displayInputFieldMessage(htmlElement, errorMessage.severity, errorMessage.briefMessage, errorMessage.detailedMessage);
-            else
-                appui_abstract_1.UiAdmin.messagePresenter.displayMessage(errorMessage.severity, errorMessage.briefMessage, errorMessage.detailedMessage, errorMessage.messageType);
-        }
-    }
-    async isNewValueValid(value) {
-        let isValid = true;
-        // istanbul ignore else
-        if (this._propertyEditor && this.props.propertyRecord) {
-            const validateResult = await this._propertyEditor.validateValue(value, this.props.propertyRecord);
-            if (validateResult.encounteredError) {
-                this.displayOutputMessage(validateResult.errorMessage);
-                isValid = false;
-            }
-        }
-        else {
-            isValid = false;
-        }
-        return isValid;
-    }
-    /** @internal */
-    render() {
-        return (React.createElement("span", { className: "components-editor-container", onBlur: this._handleContainerBlur, onKeyDown: this._handleKeyDown, onClick: this._handleClick, onContextMenu: this._handleRightClick, title: this.props.title, "data-testid": "editor-container", role: "presentation" }, this.createEditor()));
-    }
-}
-exports.EditorContainer = EditorContainer;
+"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 PropertyEditors
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorContainer = void 0;
+require("./EditorContainer.scss");
+const React = __importStar(require("react"));
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const PropertyEditorManager_1 = require("./PropertyEditorManager");
+/**
+ * EditorContainer React component used by the Tree and PropertyGrid for cell editing.
+ * @public
+ */
+class EditorContainer extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._handleEditorBlur = (_e) => {
+            // istanbul ignore else
+            if (!this.props.ignoreEditorBlur && this._propertyEditor && this._propertyEditor.containerHandlesBlur)
+                this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises
+        };
+        this._handleContainerBlur = (e) => {
+            e.stopPropagation();
+        };
+        this._handleClick = (e) => {
+            e.stopPropagation();
+        };
+        this._handleKeyDown = (e) => {
+            switch (e.key) {
+                case appui_abstract_1.SpecialKey.Escape:
+                    this.onPressEscape(e);
+                    break;
+                case appui_abstract_1.SpecialKey.Enter:
+                    this.onPressEnter(e);
+                    break;
+                case appui_abstract_1.SpecialKey.Tab:
+                    this.onPressTab(e);
+                    break;
+                default:
+                    if (this._propertyEditor && this._propertyEditor.containerStopsKeydownPropagation)
+                        e.stopPropagation();
+            }
+        };
+        this._handleRightClick = (e) => {
+            e.stopPropagation();
+        };
+        this._handleEditorCommit = (args) => {
+            this._commit(args); // eslint-disable-line @typescript-eslint/no-floating-promises
+        };
+        this._handleContainerCommit = async () => {
+            const newValue = this._editorRef && await this._editorRef.getPropertyValue();
+            // istanbul ignore else
+            if (newValue !== undefined) {
+                this._commit({ propertyRecord: this.props.propertyRecord, newValue }); // eslint-disable-line @typescript-eslint/no-floating-promises
+            }
+        };
+        this._commit = async (args) => {
+            const newValue = args.newValue;
+            const isValid = await this.isNewValueValid(newValue);
+            if (isValid) {
+                let doCommit = true;
+                // istanbul ignore else
+                if (this._propertyEditor && args.propertyRecord) {
+                    const commitResult = await this._propertyEditor.commitValue(newValue, args.propertyRecord);
+                    if (commitResult.encounteredError) {
+                        this.displayOutputMessage(commitResult.errorMessage);
+                        doCommit = false;
+                    }
+                }
+                if (doCommit) {
+                    this.props.onCommit(args);
+                }
+            }
+        };
+        this._handleEditorCancel = () => {
+            this._commitCancel();
+        };
+        this._commitCancel = () => {
+            this.props.onCancel();
+        };
+    }
+    createEditor() {
+        const editorRef = (ref) => this._editorRef = ref;
+        const editorProps = {
+            ref: editorRef,
+            onCommit: this._handleEditorCommit,
+            onCancel: this._handleEditorCancel,
+            onBlur: this._handleEditorBlur,
+            propertyRecord: this.props.propertyRecord,
+            setFocus: this.props.setFocus !== undefined ? this.props.setFocus : true,
+            className: this.props.className,
+            style: this.props.style,
+            shouldCommitOnChange: this.props.shouldCommitOnChange,
+        };
+        const propDescription = this.props.propertyRecord.property;
+        const editorName = propDescription.editor !== undefined ? propDescription.editor.name : undefined;
+        this._propertyEditor = PropertyEditorManager_1.PropertyEditorManager.createEditor(propDescription.typename, editorName, propDescription.dataController);
+        const editorNode = this._propertyEditor.reactNode;
+        let clonedNode = null;
+        // istanbul ignore else
+        if (React.isValidElement(editorNode)) {
+            clonedNode = React.cloneElement(editorNode, editorProps);
+        }
+        return clonedNode;
+    }
+    onPressEscape(_e) {
+        // istanbul ignore else
+        if (this._propertyEditor && this._propertyEditor.containerHandlesEscape) {
+            this._commitCancel();
+        }
+    }
+    onPressEnter(e) {
+        // istanbul ignore else
+        if (this._propertyEditor && this._propertyEditor.containerHandlesEnter) {
+            // istanbul ignore else
+            if (this._editorRef && this._editorRef.hasFocus)
+                e.stopPropagation();
+            this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises
+        }
+    }
+    onPressTab(e) {
+        // istanbul ignore else
+        if (this._propertyEditor && this._propertyEditor.containerHandlesTab) {
+            e.stopPropagation();
+            this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises
+        }
+    }
+    displayOutputMessage(errorMessage) {
+        // istanbul ignore else
+        if (errorMessage && this._editorRef) {
+            const htmlElement = this._editorRef && this._editorRef.htmlElement;
+            // istanbul ignore else
+            if (htmlElement)
+                appui_abstract_1.UiAdmin.messagePresenter.displayInputFieldMessage(htmlElement, errorMessage.severity, errorMessage.briefMessage, errorMessage.detailedMessage);
+            else
+                appui_abstract_1.UiAdmin.messagePresenter.displayMessage(errorMessage.severity, errorMessage.briefMessage, errorMessage.detailedMessage, errorMessage.messageType);
+        }
+    }
+    async isNewValueValid(value) {
+        let isValid = true;
+        // istanbul ignore else
+        if (this._propertyEditor && this.props.propertyRecord) {
+            const validateResult = await this._propertyEditor.validateValue(value, this.props.propertyRecord);
+            if (validateResult.encounteredError) {
+                this.displayOutputMessage(validateResult.errorMessage);
+                isValid = false;
+            }
+        }
+        else {
+            isValid = false;
+        }
+        return isValid;
+    }
+    /** @internal */
+    render() {
+        return (React.createElement("span", { className: "components-editor-container", onBlur: this._handleContainerBlur, onKeyDown: this._handleKeyDown, onClick: this._handleClick, onContextMenu: this._handleRightClick, title: this.props.title, "data-testid": "editor-container", role: "presentation" }, this.createEditor()));
+    }
+}
+exports.EditorContainer = EditorContainer;
 //# sourceMappingURL=EditorContainer.js.map

package/lib/cjs/components-react/editors/EditorContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorContainer.js","sourceRoot":"","sources":["../../../../src/components-react/editors/EditorContainer.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 PropertyEditors\r\n */\r\n\r\nimport \"./EditorContainer.scss\";\r\nimport * as React from \"react\";\r\nimport { PropertyRecord, PropertyValue, SpecialKey, UiAdmin } from \"@itwin/appui-abstract\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { AsyncErrorMessage, PropertyEditorBase, PropertyEditorManager } from \"./PropertyEditorManager\";\r\n\r\n/** Arguments for the Property Updated event callback\r\n * @public\r\n */\r\nexport interface PropertyUpdatedArgs {\r\n  /** The property being updated. */\r\n  propertyRecord: PropertyRecord;\r\n  /** The new value for the property. */\r\n  newValue: PropertyValue;\r\n}\r\n\r\n/** Properties for a property editor component\r\n * @public\r\n */\r\nexport interface PropertyEditorProps extends CommonProps {\r\n  /** The property being updated. */\r\n  propertyRecord?: PropertyRecord;\r\n  /** Handler for commit */\r\n  onCommit?: (args: PropertyUpdatedArgs) => void;\r\n  /** Handler for cancel */\r\n  onCancel?: () => void;\r\n  /** Handler for blur */\r\n  onBlur?: (event: React.FocusEvent) => void;\r\n  /** Indicates whether the Property Editor should set focus */\r\n  setFocus?: boolean;\r\n  /**\r\n   * Indicates whether value change should call onCommit().\r\n   * @internal\r\n   */\r\n  shouldCommitOnChange?: boolean;\r\n}\r\n\r\n/** [[EditorContainer]] React component properties\r\n * @public\r\n */\r\nexport interface EditorContainerProps extends CommonProps {\r\n  /** The property being updated. */\r\n  propertyRecord: PropertyRecord;\r\n  /** Tooltip text */\r\n  title?: string;\r\n  /** Handler for commit */\r\n  onCommit: (args: PropertyUpdatedArgs) => void;\r\n  /** Handler for cancel */\r\n  onCancel: () => void;\r\n  /** Indicates whether the Property Editor should set focus */\r\n  setFocus?: boolean;\r\n\r\n  /** @internal */\r\n  ignoreEditorBlur?: boolean;\r\n  /**\r\n  * Indicates whether value change should call onCommit().\r\n  * @internal\r\n  */\r\n  shouldCommitOnChange?: boolean;\r\n}\r\n\r\n/** @internal */\r\ninterface CloneProps extends PropertyEditorProps {\r\n  ref: (ref: any) => void;\r\n}\r\n\r\n/** Interface implemented by React based type editors\r\n * @public\r\n */\r\nexport interface TypeEditor {\r\n  getPropertyValue: () => Promise<PropertyValue | undefined>;\r\n  htmlElement: HTMLElement | null;\r\n  hasFocus: boolean;\r\n}\r\n\r\n/**\r\n * EditorContainer React component used by the Tree and PropertyGrid for cell editing.\r\n * @public\r\n */\r\nexport class EditorContainer extends React.PureComponent<EditorContainerProps> {\r\n\r\n  private _editorRef: TypeEditor | undefined;\r\n  private _propertyEditor: PropertyEditorBase | undefined;\r\n\r\n  private createEditor(): React.ReactNode {\r\n    const editorRef = (ref: TypeEditor | undefined) => this._editorRef = ref;\r\n\r\n    const editorProps: CloneProps = {\r\n      ref: editorRef,\r\n      onCommit: this._handleEditorCommit,\r\n      onCancel: this._handleEditorCancel,\r\n      onBlur: this._handleEditorBlur,\r\n      propertyRecord: this.props.propertyRecord,\r\n      setFocus: this.props.setFocus !== undefined ? this.props.setFocus : true,\r\n      className: this.props.className,\r\n      style: this.props.style,\r\n      shouldCommitOnChange: this.props.shouldCommitOnChange,\r\n    };\r\n\r\n    const propDescription = this.props.propertyRecord.property;\r\n\r\n    const editorName = propDescription.editor !== undefined ? propDescription.editor.name : undefined;\r\n    this._propertyEditor = PropertyEditorManager.createEditor(propDescription.typename, editorName, propDescription.dataController);\r\n    const editorNode: React.ReactNode = this._propertyEditor.reactNode;\r\n\r\n    let clonedNode: React.ReactNode = null;\r\n    // istanbul ignore else\r\n    if (React.isValidElement(editorNode)) {\r\n      clonedNode = React.cloneElement(editorNode, editorProps);\r\n    }\r\n\r\n    return clonedNode;\r\n  }\r\n\r\n  private _handleEditorBlur = (_e: React.FocusEvent) => {\r\n    // istanbul ignore else\r\n    if (!this.props.ignoreEditorBlur && this._propertyEditor && this._propertyEditor.containerHandlesBlur)\r\n      this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n  };\r\n\r\n  private _handleContainerBlur = (e: React.FocusEvent) => {\r\n    e.stopPropagation();\r\n  };\r\n\r\n  private _handleClick = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n  };\r\n\r\n  private _handleKeyDown = (e: React.KeyboardEvent) => {\r\n    switch (e.key) {\r\n      case SpecialKey.Escape:\r\n        this.onPressEscape(e);\r\n        break;\r\n      case SpecialKey.Enter:\r\n        this.onPressEnter(e);\r\n        break;\r\n      case SpecialKey.Tab:\r\n        this.onPressTab(e);\r\n        break;\r\n      default:\r\n        if (this._propertyEditor && this._propertyEditor.containerStopsKeydownPropagation)\r\n          e.stopPropagation();\r\n    }\r\n  };\r\n\r\n  private _handleRightClick = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n  };\r\n\r\n  private onPressEscape(_e: React.KeyboardEvent): void {\r\n    // istanbul ignore else\r\n    if (this._propertyEditor && this._propertyEditor.containerHandlesEscape) {\r\n      this._commitCancel();\r\n    }\r\n  }\r\n\r\n  private onPressEnter(e: React.KeyboardEvent): void {\r\n    // istanbul ignore else\r\n    if (this._propertyEditor && this._propertyEditor.containerHandlesEnter) {\r\n      // istanbul ignore else\r\n      if (this._editorRef && this._editorRef.hasFocus)\r\n        e.stopPropagation();\r\n      this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n    }\r\n  }\r\n\r\n  private onPressTab(e: React.KeyboardEvent): void {\r\n    // istanbul ignore else\r\n    if (this._propertyEditor && this._propertyEditor.containerHandlesTab) {\r\n      e.stopPropagation();\r\n      this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n    }\r\n  }\r\n\r\n  private displayOutputMessage(errorMessage: AsyncErrorMessage | undefined) {\r\n    // istanbul ignore else\r\n    if (errorMessage && this._editorRef) {\r\n      const htmlElement = this._editorRef && this._editorRef.htmlElement;\r\n      // istanbul ignore else\r\n      if (htmlElement)\r\n        UiAdmin.messagePresenter.displayInputFieldMessage(htmlElement, errorMessage.severity, errorMessage.briefMessage, errorMessage.detailedMessage);\r\n      else\r\n        UiAdmin.messagePresenter.displayMessage(errorMessage.severity, errorMessage.briefMessage, errorMessage.detailedMessage, errorMessage.messageType);\r\n    }\r\n  }\r\n\r\n  private async isNewValueValid(value: PropertyValue): Promise<boolean> {\r\n    let isValid = true;\r\n\r\n    // istanbul ignore else\r\n    if (this._propertyEditor && this.props.propertyRecord) {\r\n      const validateResult = await this._propertyEditor.validateValue(value, this.props.propertyRecord);\r\n\r\n      if (validateResult.encounteredError) {\r\n        this.displayOutputMessage(validateResult.errorMessage);\r\n        isValid = false;\r\n      }\r\n    } else {\r\n      isValid = false;\r\n    }\r\n\r\n    return isValid;\r\n  }\r\n\r\n  private _handleEditorCommit = (args: PropertyUpdatedArgs): void => {\r\n    this._commit(args); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n  };\r\n\r\n  private _handleContainerCommit = async (): Promise<void> => {\r\n    const newValue = this._editorRef && await this._editorRef.getPropertyValue();\r\n    // istanbul ignore else\r\n    if (newValue !== undefined) {\r\n      this._commit({ propertyRecord: this.props.propertyRecord, newValue });  // eslint-disable-line @typescript-eslint/no-floating-promises\r\n    }\r\n  };\r\n\r\n  private _commit = async (args: PropertyUpdatedArgs) => {\r\n    const newValue = args.newValue;\r\n    const isValid = await this.isNewValueValid(newValue);\r\n    if (isValid) {\r\n      let doCommit = true;\r\n      // istanbul ignore else\r\n      if (this._propertyEditor && args.propertyRecord) {\r\n        const commitResult = await this._propertyEditor.commitValue(newValue, args.propertyRecord);\r\n        if (commitResult.encounteredError) {\r\n          this.displayOutputMessage(commitResult.errorMessage);\r\n          doCommit = false;\r\n        }\r\n      }\r\n\r\n      if (doCommit) {\r\n        this.props.onCommit(args);\r\n      }\r\n    }\r\n  };\r\n\r\n  private _handleEditorCancel = () => {\r\n    this._commitCancel();\r\n  };\r\n\r\n  private _commitCancel = () => {\r\n    this.props.onCancel();\r\n  };\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return (\r\n      <span className=\"components-editor-container\"\r\n        onBlur={this._handleContainerBlur}\r\n        onKeyDown={this._handleKeyDown}\r\n        onClick={this._handleClick}\r\n        onContextMenu={this._handleRightClick}\r\n        title={this.props.title}\r\n        data-testid=\"editor-container\"\r\n        role=\"presentation\"\r\n      >\r\n        {this.createEditor()}\r\n      </span>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"EditorContainer.js","sourceRoot":"","sources":["../../../../src/components-react/editors/EditorContainer.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 PropertyEditors\n */\n\nimport \"./EditorContainer.scss\";\nimport * as React from \"react\";\nimport { PropertyRecord, PropertyValue, SpecialKey, UiAdmin } from \"@itwin/appui-abstract\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { AsyncErrorMessage, PropertyEditorBase, PropertyEditorManager } from \"./PropertyEditorManager\";\n\n/** Arguments for the Property Updated event callback\n * @public\n */\nexport interface PropertyUpdatedArgs {\n  /** The property being updated. */\n  propertyRecord: PropertyRecord;\n  /** The new value for the property. */\n  newValue: PropertyValue;\n}\n\n/** Properties for a property editor component\n * @public\n */\nexport interface PropertyEditorProps extends CommonProps {\n  /** The property being updated. */\n  propertyRecord?: PropertyRecord;\n  /** Handler for commit */\n  onCommit?: (args: PropertyUpdatedArgs) => void;\n  /** Handler for cancel */\n  onCancel?: () => void;\n  /** Handler for blur */\n  onBlur?: (event: React.FocusEvent) => void;\n  /** Indicates whether the Property Editor should set focus */\n  setFocus?: boolean;\n  /**\n   * Indicates whether value change should call onCommit().\n   * @internal\n   */\n  shouldCommitOnChange?: boolean;\n}\n\n/** [[EditorContainer]] React component properties\n * @public\n */\nexport interface EditorContainerProps extends CommonProps {\n  /** The property being updated. */\n  propertyRecord: PropertyRecord;\n  /** Tooltip text */\n  title?: string;\n  /** Handler for commit */\n  onCommit: (args: PropertyUpdatedArgs) => void;\n  /** Handler for cancel */\n  onCancel: () => void;\n  /** Indicates whether the Property Editor should set focus */\n  setFocus?: boolean;\n\n  /** @internal */\n  ignoreEditorBlur?: boolean;\n  /**\n  * Indicates whether value change should call onCommit().\n  * @internal\n  */\n  shouldCommitOnChange?: boolean;\n}\n\n/** @internal */\ninterface CloneProps extends PropertyEditorProps {\n  ref: (ref: any) => void;\n}\n\n/** Interface implemented by React based type editors\n * @public\n */\nexport interface TypeEditor {\n  getPropertyValue: () => Promise<PropertyValue | undefined>;\n  htmlElement: HTMLElement | null;\n  hasFocus: boolean;\n}\n\n/**\n * EditorContainer React component used by the Tree and PropertyGrid for cell editing.\n * @public\n */\nexport class EditorContainer extends React.PureComponent<EditorContainerProps> {\n\n  private _editorRef: TypeEditor | undefined;\n  private _propertyEditor: PropertyEditorBase | undefined;\n\n  private createEditor(): React.ReactNode {\n    const editorRef = (ref: TypeEditor | undefined) => this._editorRef = ref;\n\n    const editorProps: CloneProps = {\n      ref: editorRef,\n      onCommit: this._handleEditorCommit,\n      onCancel: this._handleEditorCancel,\n      onBlur: this._handleEditorBlur,\n      propertyRecord: this.props.propertyRecord,\n      setFocus: this.props.setFocus !== undefined ? this.props.setFocus : true,\n      className: this.props.className,\n      style: this.props.style,\n      shouldCommitOnChange: this.props.shouldCommitOnChange,\n    };\n\n    const propDescription = this.props.propertyRecord.property;\n\n    const editorName = propDescription.editor !== undefined ? propDescription.editor.name : undefined;\n    this._propertyEditor = PropertyEditorManager.createEditor(propDescription.typename, editorName, propDescription.dataController);\n    const editorNode: React.ReactNode = this._propertyEditor.reactNode;\n\n    let clonedNode: React.ReactNode = null;\n    // istanbul ignore else\n    if (React.isValidElement(editorNode)) {\n      clonedNode = React.cloneElement(editorNode, editorProps);\n    }\n\n    return clonedNode;\n  }\n\n  private _handleEditorBlur = (_e: React.FocusEvent) => {\n    // istanbul ignore else\n    if (!this.props.ignoreEditorBlur && this._propertyEditor && this._propertyEditor.containerHandlesBlur)\n      this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises\n  };\n\n  private _handleContainerBlur = (e: React.FocusEvent) => {\n    e.stopPropagation();\n  };\n\n  private _handleClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n  };\n\n  private _handleKeyDown = (e: React.KeyboardEvent) => {\n    switch (e.key) {\n      case SpecialKey.Escape:\n        this.onPressEscape(e);\n        break;\n      case SpecialKey.Enter:\n        this.onPressEnter(e);\n        break;\n      case SpecialKey.Tab:\n        this.onPressTab(e);\n        break;\n      default:\n        if (this._propertyEditor && this._propertyEditor.containerStopsKeydownPropagation)\n          e.stopPropagation();\n    }\n  };\n\n  private _handleRightClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n  };\n\n  private onPressEscape(_e: React.KeyboardEvent): void {\n    // istanbul ignore else\n    if (this._propertyEditor && this._propertyEditor.containerHandlesEscape) {\n      this._commitCancel();\n    }\n  }\n\n  private onPressEnter(e: React.KeyboardEvent): void {\n    // istanbul ignore else\n    if (this._propertyEditor && this._propertyEditor.containerHandlesEnter) {\n      // istanbul ignore else\n      if (this._editorRef && this._editorRef.hasFocus)\n        e.stopPropagation();\n      this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises\n    }\n  }\n\n  private onPressTab(e: React.KeyboardEvent): void {\n    // istanbul ignore else\n    if (this._propertyEditor && this._propertyEditor.containerHandlesTab) {\n      e.stopPropagation();\n      this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises\n    }\n  }\n\n  private displayOutputMessage(errorMessage: AsyncErrorMessage | undefined) {\n    // istanbul ignore else\n    if (errorMessage && this._editorRef) {\n      const htmlElement = this._editorRef && this._editorRef.htmlElement;\n      // istanbul ignore else\n      if (htmlElement)\n        UiAdmin.messagePresenter.displayInputFieldMessage(htmlElement, errorMessage.severity, errorMessage.briefMessage, errorMessage.detailedMessage);\n      else\n        UiAdmin.messagePresenter.displayMessage(errorMessage.severity, errorMessage.briefMessage, errorMessage.detailedMessage, errorMessage.messageType);\n    }\n  }\n\n  private async isNewValueValid(value: PropertyValue): Promise<boolean> {\n    let isValid = true;\n\n    // istanbul ignore else\n    if (this._propertyEditor && this.props.propertyRecord) {\n      const validateResult = await this._propertyEditor.validateValue(value, this.props.propertyRecord);\n\n      if (validateResult.encounteredError) {\n        this.displayOutputMessage(validateResult.errorMessage);\n        isValid = false;\n      }\n    } else {\n      isValid = false;\n    }\n\n    return isValid;\n  }\n\n  private _handleEditorCommit = (args: PropertyUpdatedArgs): void => {\n    this._commit(args); // eslint-disable-line @typescript-eslint/no-floating-promises\n  };\n\n  private _handleContainerCommit = async (): Promise<void> => {\n    const newValue = this._editorRef && await this._editorRef.getPropertyValue();\n    // istanbul ignore else\n    if (newValue !== undefined) {\n      this._commit({ propertyRecord: this.props.propertyRecord, newValue });  // eslint-disable-line @typescript-eslint/no-floating-promises\n    }\n  };\n\n  private _commit = async (args: PropertyUpdatedArgs) => {\n    const newValue = args.newValue;\n    const isValid = await this.isNewValueValid(newValue);\n    if (isValid) {\n      let doCommit = true;\n      // istanbul ignore else\n      if (this._propertyEditor && args.propertyRecord) {\n        const commitResult = await this._propertyEditor.commitValue(newValue, args.propertyRecord);\n        if (commitResult.encounteredError) {\n          this.displayOutputMessage(commitResult.errorMessage);\n          doCommit = false;\n        }\n      }\n\n      if (doCommit) {\n        this.props.onCommit(args);\n      }\n    }\n  };\n\n  private _handleEditorCancel = () => {\n    this._commitCancel();\n  };\n\n  private _commitCancel = () => {\n    this.props.onCancel();\n  };\n\n  /** @internal */\n  public override render() {\n    return (\n      <span className=\"components-editor-container\"\n        onBlur={this._handleContainerBlur}\n        onKeyDown={this._handleKeyDown}\n        onClick={this._handleClick}\n        onContextMenu={this._handleRightClick}\n        title={this.props.title}\n        data-testid=\"editor-container\"\n        role=\"presentation\"\n      >\n        {this.createEditor()}\n      </span>\n    );\n  }\n}\n"]}

package/lib/cjs/components-react/editors/EditorContainer.scss

@@ -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.
-*--------------------------------------------------------------------------------------------*/
-.components-editor-container {
-  width: 100%;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.components-editor-container {
+  width: 100%;
 }

package/lib/cjs/components-react/editors/EnumButtonGroupEditor.d.ts

@@ -1,45 +1,45 @@
-/** @packageDocumentation
- * @module PropertyEditors
- */
-import "./EnumButtonGroupEditor.scss";
-import * as React from "react";
-import { EnumerationChoice, IconDefinition, PropertyValue } from "@itwin/appui-abstract";
-import { PropertyEditorProps, TypeEditor } from "./EditorContainer";
-import { PropertyEditorBase } from "./PropertyEditorManager";
-/** @internal */
-interface EnumButtonGroupEditorState {
-    selectValue: string | number;
-    enumIcons: IconDefinition[];
-    choices: EnumerationChoice[];
-}
-/** EnumButtonGroupEditor React component that is a property editor with select input
- * @public
- */
-export declare class EnumButtonGroupEditor extends React.Component<PropertyEditorProps, EnumButtonGroupEditorState> implements TypeEditor {
-    private _btnRefs;
-    private _divElement;
-    private _placeholderIconSpec;
-    /** @internal */
-    readonly state: Readonly<EnumButtonGroupEditorState>;
-    getPropertyValue(): Promise<PropertyValue | undefined>;
-    get htmlElement(): HTMLElement | null;
-    get hasFocus(): boolean;
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentDidUpdate(prevProps: PropertyEditorProps): void;
-    private setStateFromProps;
-    private _handleButtonClick;
-    private getButton;
-    /** @internal */
-    render(): JSX.Element;
-}
-/** Enum Property Button Group Editor registered for the "enum" type name and the "enum-buttongroup" editor name.
- * It uses the [[EnumButtonGroupEditor]] React component.
- * @public
- */
-export declare class EnumPropertyButtonGroupEditor extends PropertyEditorBase {
-    get reactNode(): React.ReactNode;
-}
-export {};
+/** @packageDocumentation
+ * @module PropertyEditors
+ */
+import "./EnumButtonGroupEditor.scss";
+import * as React from "react";
+import { EnumerationChoice, IconDefinition, PropertyValue } from "@itwin/appui-abstract";
+import { PropertyEditorProps, TypeEditor } from "./EditorContainer";
+import { PropertyEditorBase } from "./PropertyEditorManager";
+/** @internal */
+interface EnumButtonGroupEditorState {
+    selectValue: string | number;
+    enumIcons: IconDefinition[];
+    choices: EnumerationChoice[];
+}
+/** EnumButtonGroupEditor React component that is a property editor with select input
+ * @public
+ */
+export declare class EnumButtonGroupEditor extends React.Component<PropertyEditorProps, EnumButtonGroupEditorState> implements TypeEditor {
+    private _btnRefs;
+    private _divElement;
+    private _placeholderIconSpec;
+    /** @internal */
+    readonly state: Readonly<EnumButtonGroupEditorState>;
+    getPropertyValue(): Promise<PropertyValue | undefined>;
+    get htmlElement(): HTMLElement | null;
+    get hasFocus(): boolean;
+    /** @internal */
+    componentDidMount(): void;
+    /** @internal */
+    componentDidUpdate(prevProps: PropertyEditorProps): void;
+    private setStateFromProps;
+    private _handleButtonClick;
+    private getButton;
+    /** @internal */
+    render(): JSX.Element;
+}
+/** Enum Property Button Group Editor registered for the "enum" type name and the "enum-buttongroup" editor name.
+ * It uses the [[EnumButtonGroupEditor]] React component.
+ * @public
+ */
+export declare class EnumPropertyButtonGroupEditor extends PropertyEditorBase {
+    get reactNode(): React.ReactNode;
+}
+export {};
 //# sourceMappingURL=EnumButtonGroupEditor.d.ts.map