@itwin/components-react 5.31.0 → 5.32.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Change Log - @itwin/components-react
 
+## 5.32.1
+
+### Patch Changes
+
+- 8579336: `Text` and `Numerical` editors now select the input value on focus. `Quantity` editor no longer clear merged values (`-- unit`) on focus.
+- 6a8e093: `VirtualizedPropertyGrid` now resets the active editor back to its initial value when a commit is aborted by the consumer (`onPropertyUpdated` returns `false`). Cancelling an edit now also resets editor.
+  - @itwin/core-react@5.32.1
+
+## 5.32.0
+
+### Patch Changes
+
+- @itwin/core-react@5.32.0
+
 ## 5.31.0
 
 ### Patch Changes

package/lib/components-react/new-editors/editors/NumericEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumericEditor.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/NumericEditor.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAQxD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,EAAE,GACH,EAAE,WAAW,CAAC,oBAAoB,EAAE,YAAY,CAAC,qBAsBjD"}
+{"version":3,"file":"NumericEditor.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/NumericEditor.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAQxD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,EAAE,GACH,EAAE,WAAW,CAAC,oBAAoB,EAAE,YAAY,CAAC,qBA4BjD"}

package/lib/components-react/new-editors/editors/NumericEditor.js

@@ -12,6 +12,9 @@ import { applyNumericConstraints, getNumericConstraints, } from "../ConstraintUt
  */
 export function NumericEditor({ metadata, value, onChange, size, disabled, id, }) {
     const currentValue = getNumericValue(value);
+    const handleFocus = (e) => {
+        e.target.select();
+    };
     return (React.createElement(Input, { id: id, value: currentValue.displayValue, onChange: (e) => {
             const parsedValue = parseFloat(e.target.value);
             onChange({
@@ -23,7 +26,7 @@ export function NumericEditor({ metadata, value, onChange, size, disabled, id, }
                     }),
                 displayValue: e.target.value,
             });
-        }, size: size, disabled: disabled }));
+        }, onFocus: handleFocus, size: size, disabled: disabled }));
 }
 function getNumericValue(value) {
     return value ? value : { rawValue: undefined, displayValue: "" };

package/lib/components-react/new-editors/editors/NumericEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumericEditor.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/NumericEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAI7C,OAAO,EACL,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,uBAAuB,CAAC;AAE/B,qBAAqB;AAErB;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,EAAE,GAC8C;IAChD,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,oBAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,YAAY,CAAC,YAAY,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/C,QAAQ,CAAC;gBACP,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC;oBACjC,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,uBAAuB,CAAC;wBACtB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,WAAW,CAAC;wBAC9C,KAAK,EAAE,WAAW;qBACnB,CAAC;gBACN,YAAY,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;aAC7B,CAAC,CAAC;QACL,CAAC,EACD,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAA+B;IACtD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;AACnE,CAAC;AAED,oBAAoB","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\nimport * as React from \"react\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport type { EditorProps } from \"../Types.js\";\nimport type { NumericValueMetadata } from \"../values/Metadata.js\";\nimport type { NumericValue } from \"../values/Values.js\";\nimport {\n  applyNumericConstraints,\n  getNumericConstraints,\n} from \"../ConstraintUtils.js\";\n\n/* v8 ignore start */\n\n/**\n * Numeric value editor that renders `Input` components for changing value.\n * @internal\n */\nexport function NumericEditor({\n  metadata,\n  value,\n  onChange,\n  size,\n  disabled,\n  id,\n}: EditorProps<NumericValueMetadata, NumericValue>) {\n  const currentValue = getNumericValue(value);\n  return (\n    <Input\n      id={id}\n      value={currentValue.displayValue}\n      onChange={(e) => {\n        const parsedValue = parseFloat(e.target.value);\n        onChange({\n          rawValue: Number.isNaN(parsedValue)\n            ? undefined\n            : applyNumericConstraints({\n                ...getNumericConstraints(metadata.constraints),\n                value: parsedValue,\n              }),\n          displayValue: e.target.value,\n        });\n      }}\n      size={size}\n      disabled={disabled}\n    />\n  );\n}\n\nfunction getNumericValue(value: NumericValue | undefined): NumericValue {\n  return value ? value : { rawValue: undefined, displayValue: \"\" };\n}\n\n/* v8 ignore stop */\n"]}
+{"version":3,"file":"NumericEditor.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/NumericEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAI7C,OAAO,EACL,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,uBAAuB,CAAC;AAE/B,qBAAqB;AAErB;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,EAAE,GAC8C;IAChD,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,CAAC,CAAqC,EAAE,EAAE;QAC5D,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,YAAY,CAAC,YAAY,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/C,QAAQ,CAAC;gBACP,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC;oBACjC,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,uBAAuB,CAAC;wBACtB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,WAAW,CAAC;wBAC9C,KAAK,EAAE,WAAW;qBACnB,CAAC;gBACN,YAAY,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;aAC7B,CAAC,CAAC;QACL,CAAC,EACD,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAA+B;IACtD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;AACnE,CAAC;AAED,oBAAoB","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\nimport * as React from \"react\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport type { EditorProps } from \"../Types.js\";\nimport type { NumericValueMetadata } from \"../values/Metadata.js\";\nimport type { NumericValue } from \"../values/Values.js\";\nimport {\n  applyNumericConstraints,\n  getNumericConstraints,\n} from \"../ConstraintUtils.js\";\n\n/* v8 ignore start */\n\n/**\n * Numeric value editor that renders `Input` components for changing value.\n * @internal\n */\nexport function NumericEditor({\n  metadata,\n  value,\n  onChange,\n  size,\n  disabled,\n  id,\n}: EditorProps<NumericValueMetadata, NumericValue>) {\n  const currentValue = getNumericValue(value);\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    e.target.select();\n  };\n\n  return (\n    <Input\n      id={id}\n      value={currentValue.displayValue}\n      onChange={(e) => {\n        const parsedValue = parseFloat(e.target.value);\n        onChange({\n          rawValue: Number.isNaN(parsedValue)\n            ? undefined\n            : applyNumericConstraints({\n                ...getNumericConstraints(metadata.constraints),\n                value: parsedValue,\n              }),\n          displayValue: e.target.value,\n        });\n      }}\n      onFocus={handleFocus}\n      size={size}\n      disabled={disabled}\n    />\n  );\n}\n\nfunction getNumericValue(value: NumericValue | undefined): NumericValue {\n  return value ? value : { rawValue: undefined, displayValue: \"\" };\n}\n\n/* v8 ignore stop */\n"]}

package/lib/components-react/new-editors/editors/TextEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/TextEditor.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAKrD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,EAAE,GACH,EAAE,WAAW,CAAC,iBAAiB,EAAE,SAAS,CAAC,qBAe3C"}
+{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/TextEditor.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAKrD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,EAAE,GACH,EAAE,WAAW,CAAC,iBAAiB,EAAE,SAAS,CAAC,qBAwB3C"}

package/lib/components-react/new-editors/editors/TextEditor.js

@@ -13,7 +13,13 @@ import { getStringConstraints } from "../ConstraintUtils.js";
 export function TextEditor({ metadata, value, onChange, size, disabled, id, }) {
     const currentValue = value ? value : { value: "" };
     const { maxLength, minLength } = getStringConstraints(metadata.constraints);
-    return (React.createElement(Input, { id: id, value: currentValue.value, onChange: (e) => onChange({ value: e.target.value }), maxLength: maxLength, minLength: minLength, size: size, disabled: disabled }));
+    const handleChange = (e) => {
+        onChange({ value: e.target.value });
+    };
+    const handleFocus = (e) => {
+        e.target.select();
+    };
+    return (React.createElement(Input, { id: id, value: currentValue.value, onChange: handleChange, onFocus: handleFocus, maxLength: maxLength, minLength: minLength, size: size, disabled: disabled }));
 }
 /* v8 ignore stop */
 //# sourceMappingURL=TextEditor.js.map

package/lib/components-react/new-editors/editors/TextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/TextEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAI7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,qBAAqB;AAErB;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,EAAE,GACwC;IAC1C,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IACnD,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,oBAAoB,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAE5E,OAAO,CACL,oBAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EACpD,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC;AAED,oBAAoB","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\nimport * as React from \"react\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport type { EditorProps } from \"../Types.js\";\nimport type { TextValueMetadata } from \"../values/Metadata.js\";\nimport type { TextValue } from \"../values/Values.js\";\nimport { getStringConstraints } from \"../ConstraintUtils.js\";\n\n/* v8 ignore start */\n\n/**\n * Text value editor that renders `Input` component for changing value.\n * @internal\n */\nexport function TextEditor({\n  metadata,\n  value,\n  onChange,\n  size,\n  disabled,\n  id,\n}: EditorProps<TextValueMetadata, TextValue>) {\n  const currentValue = value ? value : { value: \"\" };\n  const { maxLength, minLength } = getStringConstraints(metadata.constraints);\n\n  return (\n    <Input\n      id={id}\n      value={currentValue.value}\n      onChange={(e) => onChange({ value: e.target.value })}\n      maxLength={maxLength}\n      minLength={minLength}\n      size={size}\n      disabled={disabled}\n    />\n  );\n}\n\n/* v8 ignore stop */\n"]}
+{"version":3,"file":"TextEditor.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/TextEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAI7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,qBAAqB;AAErB;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,EAAE,GACwC;IAC1C,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IACnD,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,oBAAoB,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAE5E,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAqC,EAAE,EAAE;QAC5D,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC;AAED,oBAAoB","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\nimport * as React from \"react\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport type { EditorProps } from \"../Types.js\";\nimport type { TextValueMetadata } from \"../values/Metadata.js\";\nimport type { TextValue } from \"../values/Values.js\";\nimport { getStringConstraints } from \"../ConstraintUtils.js\";\n\n/* v8 ignore start */\n\n/**\n * Text value editor that renders `Input` component for changing value.\n * @internal\n */\nexport function TextEditor({\n  metadata,\n  value,\n  onChange,\n  size,\n  disabled,\n  id,\n}: EditorProps<TextValueMetadata, TextValue>) {\n  const currentValue = value ? value : { value: \"\" };\n  const { maxLength, minLength } = getStringConstraints(metadata.constraints);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange({ value: e.target.value });\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    e.target.select();\n  };\n\n  return (\n    <Input\n      id={id}\n      value={currentValue.value}\n      onChange={handleChange}\n      onFocus={handleFocus}\n      maxLength={maxLength}\n      minLength={minLength}\n      size={size}\n      disabled={disabled}\n    />\n  );\n}\n\n/* v8 ignore stop */\n"]}

package/lib/components-react/new-editors/interop/EditorInterop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorInterop.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/interop/EditorInterop.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAUxE,OAAO,KAAK,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAC;AAQlE,OAAO,KAAK,EACV,6BAA6B,EAC7B,eAAe,EAChB,MAAM,uBAAuB,CAAC;AAE/B;;;GAGG;AACH,yBAAiB,aAAa,CAAC;IAC7B,6EAA6E;IAC7E,SAAgB,mBAAmB,CACjC,cAAc,EAAE,6BAA6B,GAC5C;QACD,QAAQ,EAAE,eAAe,CAAC,4BAA4B,CAAC,GAAG,SAAS,CAAC;QACpE,KAAK,EAAE,cAAc,GAAG,SAAS,CAAC;KACnC,CAoGA;IAED,oEAAoE;IACpE,SAAgB,uBAAuB,CACrC,QAAQ,EAAE,cAAc,GACvB,cAAc,CAuChB;CACF"}
+{"version":3,"file":"EditorInterop.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/interop/EditorInterop.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAUxE,OAAO,KAAK,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAC;AAQlE,OAAO,KAAK,EACV,6BAA6B,EAC7B,eAAe,EAChB,MAAM,uBAAuB,CAAC;AAE/B;;;GAGG;AACH,yBAAiB,aAAa,CAAC;IAC7B,6EAA6E;IAC7E,SAAgB,mBAAmB,CACjC,cAAc,EAAE,6BAA6B,GAC5C;QACD,QAAQ,EAAE,eAAe,CAAC,4BAA4B,CAAC,GAAG,SAAS,CAAC;QACpE,KAAK,EAAE,cAAc,GAAG,SAAS,CAAC;KACnC,CAyGA;IAED,oEAAoE;IACpE,SAAgB,uBAAuB,CACrC,QAAQ,EAAE,cAAc,GACvB,cAAc,CAuChB;CACF"}

package/lib/components-react/new-editors/interop/EditorInterop.js

@@ -32,7 +32,11 @@ export var EditorInterop;
                         type: "string",
                     },
                     value: {
-                        value: primitiveValue.value ?? "",
+                        value: primitiveValue.value !== undefined
+                            ? primitiveValue.value
+                            : primitiveValue.displayValue === "--"
+                                ? primitiveValue.displayValue
+                                : "",
                     },
                 };
             case "dateTime":

package/lib/components-react/new-editors/interop/EditorInterop.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorInterop.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/interop/EditorInterop.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport type { Primitives, PrimitiveValue } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type {\n  BooleanValue,\n  DateValue,\n  EnumValue,\n  InstanceKeyValue,\n  NumericValue,\n  TextValue,\n} from \"../values/Values.js\";\nimport type { Value as NewEditorValue } from \"../values/Values.js\";\nimport type { PropertyRecordEditorMetadata } from \"./Metadata.js\";\nimport {\n  isBoolean,\n  isDate,\n  isEnum,\n  isNumeric,\n  isText,\n} from \"../values/ValueUtilities.js\";\nimport type {\n  PropertyRecordWithConstraints,\n  WithConstraints,\n} from \"../ConstraintUtils.js\";\n\n/**\n * Interop utilities for converting between old and new editor values.\n * @internal\n */\nexport namespace EditorInterop {\n  /** Attempts to convert `PropertyRecord` into `ValueMetadata` and `Value`. */\n  export function getMetadataAndValue(\n    propertyRecord: PropertyRecordWithConstraints\n  ): {\n    metadata: WithConstraints<PropertyRecordEditorMetadata> | undefined;\n    value: NewEditorValue | undefined;\n  } {\n    const baseMetadata: Omit<\n      WithConstraints<PropertyRecordEditorMetadata>,\n      \"type\"\n    > = {\n      preferredEditor: propertyRecord.property.editor?.name,\n      params: propertyRecord.property.editor?.params,\n      extendedData: propertyRecord.extendedData,\n      enum: propertyRecord.property.enum,\n      typename: propertyRecord.property.typename,\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      quantityType: propertyRecord.property.quantityType,\n      constraints: propertyRecord.property.constraints,\n    };\n\n    const primitiveValue = propertyRecord.value as PrimitiveValue;\n    switch (propertyRecord.property.typename) {\n      case \"text\":\n      case \"string\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type: \"string\",\n          },\n          value: {\n            value: (primitiveValue.value as string) ?? \"\",\n          } satisfies TextValue,\n        };\n      case \"dateTime\":\n      case \"shortdate\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type:\n              propertyRecord.property.typename === \"shortdate\"\n                ? \"date\"\n                : \"dateTime\",\n          },\n          value: {\n            value: (primitiveValue.value as Date) ?? new Date(),\n          } satisfies DateValue,\n        };\n      case \"boolean\":\n      case \"bool\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type: \"bool\",\n          },\n          value: {\n            value: (primitiveValue.value as boolean) ?? false,\n          } satisfies BooleanValue,\n        };\n      case \"float\":\n      case \"double\":\n      case \"int\":\n      case \"integer\":\n      case \"number\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type: \"number\",\n          },\n          value: {\n            rawValue: primitiveValue.value as number,\n            displayValue: primitiveValue.displayValue\n              ? primitiveValue.displayValue\n              : primitiveValue.value !== undefined\n              ? `${primitiveValue.value as number}`\n              : \"\",\n            roundingError: primitiveValue.roundingError,\n          } satisfies NumericValue,\n        };\n      case \"enum\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type: \"enum\",\n          },\n          value: {\n            choice: primitiveValue.value as number | string,\n          } satisfies EnumValue,\n        };\n      case \"navigation\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type: \"instanceKey\",\n          },\n          value: {\n            key: primitiveValue.value as Primitives.InstanceKey,\n            label: primitiveValue.displayValue ?? \"\",\n          } satisfies InstanceKeyValue,\n        };\n    }\n\n    return {\n      metadata: undefined,\n      value: undefined,\n    };\n  }\n\n  /** Converts new editors system `Value` into old `PrimitiveValue` */\n  export function convertToPrimitiveValue(\n    newValue: NewEditorValue\n  ): PrimitiveValue {\n    if (isText(newValue)) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: newValue.value,\n        displayValue: newValue.value,\n      };\n    }\n    if (isNumeric(newValue)) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: newValue.rawValue,\n        displayValue: newValue.displayValue,\n        roundingError: newValue.roundingError,\n      };\n    }\n    if (isBoolean(newValue)) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: newValue.value,\n        displayValue: newValue.value.toString(),\n      };\n    }\n    if (isDate(newValue)) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: newValue.value,\n        displayValue: newValue.value.toString(),\n      };\n    }\n\n    if (isEnum(newValue)) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: newValue.choice,\n      };\n    }\n\n    throw new Error(\"Unsupported value type\");\n  }\n}\n"]}
+{"version":3,"file":"EditorInterop.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/interop/EditorInterop.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport type { Primitives, PrimitiveValue } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type {\n  BooleanValue,\n  DateValue,\n  EnumValue,\n  InstanceKeyValue,\n  NumericValue,\n  TextValue,\n} from \"../values/Values.js\";\nimport type { Value as NewEditorValue } from \"../values/Values.js\";\nimport type { PropertyRecordEditorMetadata } from \"./Metadata.js\";\nimport {\n  isBoolean,\n  isDate,\n  isEnum,\n  isNumeric,\n  isText,\n} from \"../values/ValueUtilities.js\";\nimport type {\n  PropertyRecordWithConstraints,\n  WithConstraints,\n} from \"../ConstraintUtils.js\";\n\n/**\n * Interop utilities for converting between old and new editor values.\n * @internal\n */\nexport namespace EditorInterop {\n  /** Attempts to convert `PropertyRecord` into `ValueMetadata` and `Value`. */\n  export function getMetadataAndValue(\n    propertyRecord: PropertyRecordWithConstraints\n  ): {\n    metadata: WithConstraints<PropertyRecordEditorMetadata> | undefined;\n    value: NewEditorValue | undefined;\n  } {\n    const baseMetadata: Omit<\n      WithConstraints<PropertyRecordEditorMetadata>,\n      \"type\"\n    > = {\n      preferredEditor: propertyRecord.property.editor?.name,\n      params: propertyRecord.property.editor?.params,\n      extendedData: propertyRecord.extendedData,\n      enum: propertyRecord.property.enum,\n      typename: propertyRecord.property.typename,\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      quantityType: propertyRecord.property.quantityType,\n      constraints: propertyRecord.property.constraints,\n    };\n\n    const primitiveValue = propertyRecord.value as PrimitiveValue;\n    switch (propertyRecord.property.typename) {\n      case \"text\":\n      case \"string\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type: \"string\",\n          },\n          value: {\n            value:\n              primitiveValue.value !== undefined\n                ? (primitiveValue.value as string)\n                : primitiveValue.displayValue === \"--\"\n                ? primitiveValue.displayValue\n                : \"\",\n          } satisfies TextValue,\n        };\n      case \"dateTime\":\n      case \"shortdate\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type:\n              propertyRecord.property.typename === \"shortdate\"\n                ? \"date\"\n                : \"dateTime\",\n          },\n          value: {\n            value: (primitiveValue.value as Date) ?? new Date(),\n          } satisfies DateValue,\n        };\n      case \"boolean\":\n      case \"bool\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type: \"bool\",\n          },\n          value: {\n            value: (primitiveValue.value as boolean) ?? false,\n          } satisfies BooleanValue,\n        };\n      case \"float\":\n      case \"double\":\n      case \"int\":\n      case \"integer\":\n      case \"number\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type: \"number\",\n          },\n          value: {\n            rawValue: primitiveValue.value as number,\n            displayValue: primitiveValue.displayValue\n              ? primitiveValue.displayValue\n              : primitiveValue.value !== undefined\n              ? `${primitiveValue.value as number}`\n              : \"\",\n            roundingError: primitiveValue.roundingError,\n          } satisfies NumericValue,\n        };\n      case \"enum\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type: \"enum\",\n          },\n          value: {\n            choice: primitiveValue.value as number | string,\n          } satisfies EnumValue,\n        };\n      case \"navigation\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type: \"instanceKey\",\n          },\n          value: {\n            key: primitiveValue.value as Primitives.InstanceKey,\n            label: primitiveValue.displayValue ?? \"\",\n          } satisfies InstanceKeyValue,\n        };\n    }\n\n    return {\n      metadata: undefined,\n      value: undefined,\n    };\n  }\n\n  /** Converts new editors system `Value` into old `PrimitiveValue` */\n  export function convertToPrimitiveValue(\n    newValue: NewEditorValue\n  ): PrimitiveValue {\n    if (isText(newValue)) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: newValue.value,\n        displayValue: newValue.value,\n      };\n    }\n    if (isNumeric(newValue)) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: newValue.rawValue,\n        displayValue: newValue.displayValue,\n        roundingError: newValue.roundingError,\n      };\n    }\n    if (isBoolean(newValue)) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: newValue.value,\n        displayValue: newValue.value.toString(),\n      };\n    }\n    if (isDate(newValue)) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: newValue.value,\n        displayValue: newValue.value.toString(),\n      };\n    }\n\n    if (isEnum(newValue)) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: newValue.choice,\n      };\n    }\n\n    throw new Error(\"Unsupported value type\");\n  }\n}\n"]}

package/lib/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.d.ts

@@ -3,10 +3,16 @@
  */
 import "./PropertyGrid.scss";
 import * as React from "react";
+import type { PropertyUpdatedArgs } from "../../editors/EditorContainer.js";
+import type { PropertyCategory } from "../PropertyDataProvider.js";
 import type { CommonPropertyGridProps } from "./PropertyGridCommons.js";
 import type { PropertyListProps } from "./PropertyList.js";
 /** @internal */
-export type PropertyGridEventsRelatedProps = Pick<PropertyListProps, "onPropertyClicked" | "onPropertyRightClicked" | "onPropertyContextMenu" | "onEditCommit" | "onEditCancel" | "selectedPropertyKey" | "editingPropertyKey"> & Pick<CommonPropertyGridProps, "isPropertySelectionOnRightClickEnabled" | "isPropertyEditingEnabled"> & Required<Pick<CommonPropertyGridProps, "isPropertyHoverEnabled" | "isPropertySelectionEnabled">>;
+export type PropertyGridEventsRelatedProps = Pick<PropertyListProps, "onPropertyClicked" | "onPropertyRightClicked" | "onPropertyContextMenu" | "onEditCancel" | "selectedPropertyKey" | "editingPropertyKey"> & Pick<CommonPropertyGridProps, "isPropertySelectionOnRightClickEnabled" | "isPropertyEditingEnabled"> & Required<Pick<CommonPropertyGridProps, "isPropertyHoverEnabled" | "isPropertySelectionEnabled">> & {
+    onEditCommit: (args: PropertyUpdatedArgs, category: PropertyCategory) => void | Promise<{
+        status: "success" | "cancel";
+    }>;
+};
 /** Properties for [[PropertyGridEventsRelatedPropsSupplier]] React component
  * @internal
  */
@@ -21,6 +27,8 @@ interface PropertyGridEventsRelatedPropsSupplierState {
     selectedPropertyKey?: string;
     /** Unique key of currently edited property */
     editingPropertyKey?: string;
+    /** Indicates if a property edit is currently being committed */
+    isCommitting: boolean;
 }
 /** PropertyGridEventsRelatedPropsSupplier React component.
  * @internal

package/lib/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridEventsRelatedPropsSupplier.d.ts","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,gBAAgB;AAChB,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC/C,iBAAiB,EACf,mBAAmB,GACnB,wBAAwB,GACxB,uBAAuB,GACvB,cAAc,GACd,cAAc,GACd,qBAAqB,GACrB,oBAAoB,CACvB,GACC,IAAI,CACF,uBAAuB,EACvB,wCAAwC,GAAG,0BAA0B,CACtE,GACD,QAAQ,CACN,IAAI,CACF,uBAAuB,EACvB,wBAAwB,GAAG,4BAA4B,CACxD,CACF,CAAC;AAEJ;;GAEG;AACH,MAAM,MAAM,2CAA2C,GAAG,IAAI,CAC5D,uBAAuB,EACrB,uBAAuB,GACvB,wCAAwC,GACxC,4BAA4B,GAC5B,0BAA0B,GAC1B,mBAAmB,CACtB,GACC,QAAQ,CACN,IAAI,CACF,uBAAuB,EACvB,wBAAwB,GAAG,4BAA4B,CACxD,CACF,GAAG;IACF,QAAQ,EAAE,CAAC,OAAO,EAAE,8BAA8B,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE,CAAC;AAEJ;;GAEG;AACH,UAAU,2CAA2C;IACnD,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,qBAAa,sCAAuC,SAAQ,KAAK,CAAC,SAAS,CACzE,2CAA2C,EAC3C,2CAA2C,CAC5C;gBACa,KAAK,EAAE,2CAA2C;IAK9D,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,uBAAuB,CAM7B;IAEF,OAAO,CAAC,kBAAkB,CAGxB;IAEF,OAAO,CAAC,sBAAsB,CAO5B;IAEF,OAAO,CAAC,aAAa,CAQnB;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,6BAA6B;IAgBrC,OAAO,CAAC,4BAA4B;IA8BpB,MAAM;CA0BvB"}
+{"version":3,"file":"PropertyGridEventsRelatedPropsSupplier.d.ts","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,gBAAgB;AAChB,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC/C,iBAAiB,EACf,mBAAmB,GACnB,wBAAwB,GACxB,uBAAuB,GACvB,cAAc,GACd,qBAAqB,GACrB,oBAAoB,CACvB,GACC,IAAI,CACF,uBAAuB,EACvB,wCAAwC,GAAG,0BAA0B,CACtE,GACD,QAAQ,CACN,IAAI,CACF,uBAAuB,EACvB,wBAAwB,GAAG,4BAA4B,CACxD,CACF,GAAG;IACF,YAAY,EAAE,CACZ,IAAI,EAAE,mBAAmB,EACzB,QAAQ,EAAE,gBAAgB,KACvB,IAAI,GAAG,OAAO,CAAC;QAAE,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAA;KAAE,CAAC,CAAC;CACvD,CAAC;AAEJ;;GAEG;AACH,MAAM,MAAM,2CAA2C,GAAG,IAAI,CAC5D,uBAAuB,EACrB,uBAAuB,GACvB,wCAAwC,GACxC,4BAA4B,GAC5B,0BAA0B,GAC1B,mBAAmB,CACtB,GACC,QAAQ,CACN,IAAI,CACF,uBAAuB,EACvB,wBAAwB,GAAG,4BAA4B,CACxD,CACF,GAAG;IACF,QAAQ,EAAE,CAAC,OAAO,EAAE,8BAA8B,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE,CAAC;AAEJ;;GAEG;AACH,UAAU,2CAA2C;IACnD,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gEAAgE;IAChE,YAAY,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,qBAAa,sCAAuC,SAAQ,KAAK,CAAC,SAAS,CACzE,2CAA2C,EAC3C,2CAA2C,CAC5C;gBACa,KAAK,EAAE,2CAA2C;IAK9D,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,uBAAuB,CAM7B;IAEF,OAAO,CAAC,kBAAkB,CAGxB;IAEF,OAAO,CAAC,sBAAsB,CAO5B;IAEF,OAAO,CAAC,aAAa,CAcnB;IAEF,OAAO,CAAC,aAAa,CAUnB;IAEF,OAAO,CAAC,6BAA6B;IAgBrC,OAAO,CAAC,4BAA4B;IA8BpB,MAAM;CA0BvB"}

package/lib/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.js

@@ -13,7 +13,7 @@ import * as React from "react";
 export class PropertyGridEventsRelatedPropsSupplier extends React.Component {
     constructor(props) {
         super(props);
-        this.state = {};
+        this.state = { isCommitting: false };
     }
     _isClickSupported() {
         return (this.props.isPropertySelectionEnabled ||
@@ -37,12 +37,25 @@ export class PropertyGridEventsRelatedPropsSupplier extends React.Component {
     };
     _onEditCommit = async (args, category) => {
         if (this.props.onPropertyUpdated) {
-            await this.props.onPropertyUpdated(args, category);
-            this.setState({ editingPropertyKey: undefined });
+            this.setState({ isCommitting: true });
+            const result = await this.props.onPropertyUpdated(args, category);
+            this.setState({
+                editingPropertyKey: undefined,
+                isCommitting: false,
+            });
+            return { status: result === false ? "cancel" : "success" };
         }
+        return { status: "success" };
     };
     _onEditCancel = () => {
-        this.setState({ editingPropertyKey: undefined });
+        this.setState((prev) => 
+        // do not reset editingPropertyKey if currently committing an edit, to prevent editor from being closed before commit finishes
+        prev.isCommitting
+            ? prev
+            : {
+                editingPropertyKey: undefined,
+                isCommitting: false,
+            });
     };
     onEnabledPropertyRightClicked(property, key) {
         let selectedPropertyKey = this.state.selectedPropertyKey;

package/lib/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridEventsRelatedPropsSupplier.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.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\n/** @packageDocumentation\n * @module PropertyGrid\n */\nimport \"./PropertyGrid.scss\";\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer.js\";\nimport type { PropertyCategory } from \"../PropertyDataProvider.js\";\nimport type { CommonPropertyGridProps } from \"./PropertyGridCommons.js\";\nimport type { PropertyListProps } from \"./PropertyList.js\";\n\n/** @internal */\nexport type PropertyGridEventsRelatedProps = Pick<\n  PropertyListProps,\n  | \"onPropertyClicked\"\n  | \"onPropertyRightClicked\"\n  | \"onPropertyContextMenu\"\n  | \"onEditCommit\"\n  | \"onEditCancel\"\n  | \"selectedPropertyKey\"\n  | \"editingPropertyKey\"\n> &\n  Pick<\n    CommonPropertyGridProps,\n    \"isPropertySelectionOnRightClickEnabled\" | \"isPropertyEditingEnabled\"\n  > &\n  Required<\n    Pick<\n      CommonPropertyGridProps,\n      \"isPropertyHoverEnabled\" | \"isPropertySelectionEnabled\"\n    >\n  >;\n\n/** Properties for [[PropertyGridEventsRelatedPropsSupplier]] React component\n * @internal\n */\nexport type PropertyGridEventsRelatedPropsSupplierProps = Pick<\n  CommonPropertyGridProps,\n  | \"onPropertyContextMenu\"\n  | \"isPropertySelectionOnRightClickEnabled\"\n  | \"onPropertySelectionChanged\"\n  | \"isPropertyEditingEnabled\"\n  | \"onPropertyUpdated\"\n> &\n  Required<\n    Pick<\n      CommonPropertyGridProps,\n      \"isPropertyHoverEnabled\" | \"isPropertySelectionEnabled\"\n    >\n  > & {\n    children: (context: PropertyGridEventsRelatedProps) => React.ReactNode;\n  };\n\n/** State of [[PropertyGridEventsRelatedPropsSupplier]] React component\n * @internal\n */\ninterface PropertyGridEventsRelatedPropsSupplierState {\n  /** Unique key of currently selected property */\n  selectedPropertyKey?: string;\n  /** Unique key of currently edited property */\n  editingPropertyKey?: string;\n}\n\n/** PropertyGridEventsRelatedPropsSupplier React component.\n * @internal\n */\nexport class PropertyGridEventsRelatedPropsSupplier extends React.Component<\n  PropertyGridEventsRelatedPropsSupplierProps,\n  PropertyGridEventsRelatedPropsSupplierState\n> {\n  constructor(props: PropertyGridEventsRelatedPropsSupplierProps) {\n    super(props);\n    this.state = {};\n  }\n\n  private _isClickSupported() {\n    return (\n      this.props.isPropertySelectionEnabled ||\n      this.props.isPropertyEditingEnabled\n    );\n  }\n\n  private _isRightClickSupported() {\n    return this.props.isPropertySelectionOnRightClickEnabled;\n  }\n\n  private _onPropertyRightClicked = (\n    property: PropertyRecord,\n    key?: string\n  ) => {\n    if (this._isRightClickSupported())\n      this.onEnabledPropertyRightClicked(property, key);\n  };\n\n  private _onPropertyClicked = (property: PropertyRecord, key?: string) => {\n    if (this._isClickSupported())\n      this.onEnabledPropertyLeftClicked(property, key);\n  };\n\n  private _onPropertyContextMenu = (\n    property: PropertyRecord,\n    e: React.MouseEvent\n  ) => {\n    if (this.props.onPropertyContextMenu) {\n      this.props.onPropertyContextMenu({ propertyRecord: property, event: e });\n    }\n  };\n\n  private _onEditCommit = async (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => {\n    if (this.props.onPropertyUpdated) {\n      await this.props.onPropertyUpdated(args, category);\n      this.setState({ editingPropertyKey: undefined });\n    }\n  };\n\n  private _onEditCancel = () => {\n    this.setState({ editingPropertyKey: undefined });\n  };\n\n  private onEnabledPropertyRightClicked(\n    property: PropertyRecord,\n    key: string | undefined\n  ) {\n    let selectedPropertyKey = this.state.selectedPropertyKey;\n    let editingPropertyKey = this.state.editingPropertyKey;\n\n    editingPropertyKey = undefined;\n    if (selectedPropertyKey !== key) selectedPropertyKey = key;\n\n    if (this.props.onPropertySelectionChanged)\n      this.props.onPropertySelectionChanged(property);\n\n    this.setState({ selectedPropertyKey, editingPropertyKey });\n  }\n\n  private onEnabledPropertyLeftClicked(\n    property: PropertyRecord,\n    key: string | undefined\n  ) {\n    let selectedPropertyKey = this.state.selectedPropertyKey;\n    let editingPropertyKey = this.state.editingPropertyKey;\n\n    const isEditingEnabled = this.props.isPropertyEditingEnabled;\n    const isSelectionEnabled = this.props.isPropertySelectionEnabled;\n\n    if (isEditingEnabled) {\n      // Deselect editing key only if another selection was made\n      editingPropertyKey =\n        isSelectionEnabled && selectedPropertyKey !== key ? undefined : key;\n    }\n\n    if (editingPropertyKey === key) {\n      this.setState({ editingPropertyKey });\n      return;\n    }\n\n    // Select/Deselect\n    selectedPropertyKey = selectedPropertyKey !== key ? key : undefined;\n\n    if (this.props.onPropertySelectionChanged)\n      this.props.onPropertySelectionChanged(property);\n\n    this.setState({ selectedPropertyKey, editingPropertyKey });\n  }\n\n  public override render() {\n    const renderContext: PropertyGridEventsRelatedProps = {\n      isPropertyHoverEnabled: this.props.isPropertyHoverEnabled,\n      isPropertySelectionEnabled: this.props.isPropertySelectionEnabled,\n      isPropertySelectionOnRightClickEnabled:\n        this.props.isPropertySelectionOnRightClickEnabled,\n      isPropertyEditingEnabled: this.props.isPropertyEditingEnabled,\n      selectedPropertyKey: this.state.selectedPropertyKey,\n      editingPropertyKey: this.state.editingPropertyKey,\n      onEditCommit: this._onEditCommit,\n      onEditCancel: this._onEditCancel,\n      onPropertyClicked: this._isClickSupported()\n        ? this._onPropertyClicked\n        : undefined,\n      onPropertyRightClicked: this._isRightClickSupported()\n        ? this._onPropertyRightClicked\n        : undefined,\n      onPropertyContextMenu: this.props.onPropertyContextMenu\n        ? this._onPropertyContextMenu\n        : undefined,\n    };\n\n    return (\n      <React.Fragment>{this.props.children(renderContext)}</React.Fragment>\n    );\n  }\n}\n"]}
+{"version":3,"file":"PropertyGridEventsRelatedPropsSupplier.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG;;GAEG;AACH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiE/B;;GAEG;AACH,MAAM,OAAO,sCAAuC,SAAQ,KAAK,CAAC,SAGjE;IACC,YAAY,KAAkD;QAC5D,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;IACvC,CAAC;IAEO,iBAAiB;QACvB,OAAO,CACL,IAAI,CAAC,KAAK,CAAC,0BAA0B;YACrC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CACpC,CAAC;IACJ,CAAC;IAEO,sBAAsB;QAC5B,OAAO,IAAI,CAAC,KAAK,CAAC,sCAAsC,CAAC;IAC3D,CAAC;IAEO,uBAAuB,GAAG,CAChC,QAAwB,EACxB,GAAY,EACZ,EAAE;QACF,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC/B,IAAI,CAAC,6BAA6B,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IACtD,CAAC,CAAC;IAEM,kBAAkB,GAAG,CAAC,QAAwB,EAAE,GAAY,EAAE,EAAE;QACtE,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,IAAI,CAAC,4BAA4B,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IACrD,CAAC,CAAC;IAEM,sBAAsB,GAAG,CAC/B,QAAwB,EACxB,CAAmB,EACnB,EAAE;QACF,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC;YACrC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC,CAAC;IAEM,aAAa,GAAG,KAAK,EAC3B,IAAyB,EACzB,QAA0B,EACiB,EAAE;QAC7C,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC;YACjC,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;YACtC,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YAClE,IAAI,CAAC,QAAQ,CAAC;gBACZ,kBAAkB,EAAE,SAAS;gBAC7B,YAAY,EAAE,KAAK;aACpB,CAAC,CAAC;YACH,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;QAC7D,CAAC;QACD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;IAC/B,CAAC,CAAC;IAEM,aAAa,GAAG,GAAG,EAAE;QAC3B,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;QACrB,8HAA8H;QAC9H,IAAI,CAAC,YAAY;YACf,CAAC,CAAC,IAAI;YACN,CAAC,CAAC;gBACE,kBAAkB,EAAE,SAAS;gBAC7B,YAAY,EAAE,KAAK;aACpB,CACN,CAAC;IACJ,CAAC,CAAC;IAEM,6BAA6B,CACnC,QAAwB,EACxB,GAAuB;QAEvB,IAAI,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC;QACzD,IAAI,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC;QAEvD,kBAAkB,GAAG,SAAS,CAAC;QAC/B,IAAI,mBAAmB,KAAK,GAAG;YAAE,mBAAmB,GAAG,GAAG,CAAC;QAE3D,IAAI,IAAI,CAAC,KAAK,CAAC,0BAA0B;YACvC,IAAI,CAAC,KAAK,CAAC,0BAA0B,CAAC,QAAQ,CAAC,CAAC;QAElD,IAAI,CAAC,QAAQ,CAAC,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC,CAAC;IAC7D,CAAC;IAEO,4BAA4B,CAClC,QAAwB,EACxB,GAAuB;QAEvB,IAAI,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC;QACzD,IAAI,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC;QAEvD,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC;QAC7D,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,0BAA0B,CAAC;QAEjE,IAAI,gBAAgB,EAAE,CAAC;YACrB,0DAA0D;YAC1D,kBAAkB;gBAChB,kBAAkB,IAAI,mBAAmB,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;QACxE,CAAC;QAED,IAAI,kBAAkB,KAAK,GAAG,EAAE,CAAC;YAC/B,IAAI,CAAC,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC,CAAC;YACtC,OAAO;QACT,CAAC;QAED,kBAAkB;QAClB,mBAAmB,GAAG,mBAAmB,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QAEpE,IAAI,IAAI,CAAC,KAAK,CAAC,0BAA0B;YACvC,IAAI,CAAC,KAAK,CAAC,0BAA0B,CAAC,QAAQ,CAAC,CAAC;QAElD,IAAI,CAAC,QAAQ,CAAC,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC,CAAC;IAC7D,CAAC;IAEe,MAAM;QACpB,MAAM,aAAa,GAAmC;YACpD,sBAAsB,EAAE,IAAI,CAAC,KAAK,CAAC,sBAAsB;YACzD,0BAA0B,EAAE,IAAI,CAAC,KAAK,CAAC,0BAA0B;YACjE,sCAAsC,EACpC,IAAI,CAAC,KAAK,CAAC,sCAAsC;YACnD,wBAAwB,EAAE,IAAI,CAAC,KAAK,CAAC,wBAAwB;YAC7D,mBAAmB,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB;YACnD,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB;YACjD,YAAY,EAAE,IAAI,CAAC,aAAa;YAChC,YAAY,EAAE,IAAI,CAAC,aAAa;YAChC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE;gBACzC,CAAC,CAAC,IAAI,CAAC,kBAAkB;gBACzB,CAAC,CAAC,SAAS;YACb,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,EAAE;gBACnD,CAAC,CAAC,IAAI,CAAC,uBAAuB;gBAC9B,CAAC,CAAC,SAAS;YACb,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB;gBACrD,CAAC,CAAC,IAAI,CAAC,sBAAsB;gBAC7B,CAAC,CAAC,SAAS;SACd,CAAC;QAEF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,QAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAkB,CACtE,CAAC;IACJ,CAAC;CACF","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\n/** @packageDocumentation\n * @module PropertyGrid\n */\nimport \"./PropertyGrid.scss\";\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer.js\";\nimport type { PropertyCategory } from \"../PropertyDataProvider.js\";\nimport type { CommonPropertyGridProps } from \"./PropertyGridCommons.js\";\nimport type { PropertyListProps } from \"./PropertyList.js\";\n\n/** @internal */\nexport type PropertyGridEventsRelatedProps = Pick<\n  PropertyListProps,\n  | \"onPropertyClicked\"\n  | \"onPropertyRightClicked\"\n  | \"onPropertyContextMenu\"\n  | \"onEditCancel\"\n  | \"selectedPropertyKey\"\n  | \"editingPropertyKey\"\n> &\n  Pick<\n    CommonPropertyGridProps,\n    \"isPropertySelectionOnRightClickEnabled\" | \"isPropertyEditingEnabled\"\n  > &\n  Required<\n    Pick<\n      CommonPropertyGridProps,\n      \"isPropertyHoverEnabled\" | \"isPropertySelectionEnabled\"\n    >\n  > & {\n    onEditCommit: (\n      args: PropertyUpdatedArgs,\n      category: PropertyCategory\n    ) => void | Promise<{ status: \"success\" | \"cancel\" }>;\n  };\n\n/** Properties for [[PropertyGridEventsRelatedPropsSupplier]] React component\n * @internal\n */\nexport type PropertyGridEventsRelatedPropsSupplierProps = Pick<\n  CommonPropertyGridProps,\n  | \"onPropertyContextMenu\"\n  | \"isPropertySelectionOnRightClickEnabled\"\n  | \"onPropertySelectionChanged\"\n  | \"isPropertyEditingEnabled\"\n  | \"onPropertyUpdated\"\n> &\n  Required<\n    Pick<\n      CommonPropertyGridProps,\n      \"isPropertyHoverEnabled\" | \"isPropertySelectionEnabled\"\n    >\n  > & {\n    children: (context: PropertyGridEventsRelatedProps) => React.ReactNode;\n  };\n\n/** State of [[PropertyGridEventsRelatedPropsSupplier]] React component\n * @internal\n */\ninterface PropertyGridEventsRelatedPropsSupplierState {\n  /** Unique key of currently selected property */\n  selectedPropertyKey?: string;\n  /** Unique key of currently edited property */\n  editingPropertyKey?: string;\n  /** Indicates if a property edit is currently being committed */\n  isCommitting: boolean;\n}\n\n/** PropertyGridEventsRelatedPropsSupplier React component.\n * @internal\n */\nexport class PropertyGridEventsRelatedPropsSupplier extends React.Component<\n  PropertyGridEventsRelatedPropsSupplierProps,\n  PropertyGridEventsRelatedPropsSupplierState\n> {\n  constructor(props: PropertyGridEventsRelatedPropsSupplierProps) {\n    super(props);\n    this.state = { isCommitting: false };\n  }\n\n  private _isClickSupported() {\n    return (\n      this.props.isPropertySelectionEnabled ||\n      this.props.isPropertyEditingEnabled\n    );\n  }\n\n  private _isRightClickSupported() {\n    return this.props.isPropertySelectionOnRightClickEnabled;\n  }\n\n  private _onPropertyRightClicked = (\n    property: PropertyRecord,\n    key?: string\n  ) => {\n    if (this._isRightClickSupported())\n      this.onEnabledPropertyRightClicked(property, key);\n  };\n\n  private _onPropertyClicked = (property: PropertyRecord, key?: string) => {\n    if (this._isClickSupported())\n      this.onEnabledPropertyLeftClicked(property, key);\n  };\n\n  private _onPropertyContextMenu = (\n    property: PropertyRecord,\n    e: React.MouseEvent\n  ) => {\n    if (this.props.onPropertyContextMenu) {\n      this.props.onPropertyContextMenu({ propertyRecord: property, event: e });\n    }\n  };\n\n  private _onEditCommit = async (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ): Promise<{ status: \"success\" | \"cancel\" }> => {\n    if (this.props.onPropertyUpdated) {\n      this.setState({ isCommitting: true });\n      const result = await this.props.onPropertyUpdated(args, category);\n      this.setState({\n        editingPropertyKey: undefined,\n        isCommitting: false,\n      });\n      return { status: result === false ? \"cancel\" : \"success\" };\n    }\n    return { status: \"success\" };\n  };\n\n  private _onEditCancel = () => {\n    this.setState((prev) =>\n      // do not reset editingPropertyKey if currently committing an edit, to prevent editor from being closed before commit finishes\n      prev.isCommitting\n        ? prev\n        : {\n            editingPropertyKey: undefined,\n            isCommitting: false,\n          }\n    );\n  };\n\n  private onEnabledPropertyRightClicked(\n    property: PropertyRecord,\n    key: string | undefined\n  ) {\n    let selectedPropertyKey = this.state.selectedPropertyKey;\n    let editingPropertyKey = this.state.editingPropertyKey;\n\n    editingPropertyKey = undefined;\n    if (selectedPropertyKey !== key) selectedPropertyKey = key;\n\n    if (this.props.onPropertySelectionChanged)\n      this.props.onPropertySelectionChanged(property);\n\n    this.setState({ selectedPropertyKey, editingPropertyKey });\n  }\n\n  private onEnabledPropertyLeftClicked(\n    property: PropertyRecord,\n    key: string | undefined\n  ) {\n    let selectedPropertyKey = this.state.selectedPropertyKey;\n    let editingPropertyKey = this.state.editingPropertyKey;\n\n    const isEditingEnabled = this.props.isPropertyEditingEnabled;\n    const isSelectionEnabled = this.props.isPropertySelectionEnabled;\n\n    if (isEditingEnabled) {\n      // Deselect editing key only if another selection was made\n      editingPropertyKey =\n        isSelectionEnabled && selectedPropertyKey !== key ? undefined : key;\n    }\n\n    if (editingPropertyKey === key) {\n      this.setState({ editingPropertyKey });\n      return;\n    }\n\n    // Select/Deselect\n    selectedPropertyKey = selectedPropertyKey !== key ? key : undefined;\n\n    if (this.props.onPropertySelectionChanged)\n      this.props.onPropertySelectionChanged(property);\n\n    this.setState({ selectedPropertyKey, editingPropertyKey });\n  }\n\n  public override render() {\n    const renderContext: PropertyGridEventsRelatedProps = {\n      isPropertyHoverEnabled: this.props.isPropertyHoverEnabled,\n      isPropertySelectionEnabled: this.props.isPropertySelectionEnabled,\n      isPropertySelectionOnRightClickEnabled:\n        this.props.isPropertySelectionOnRightClickEnabled,\n      isPropertyEditingEnabled: this.props.isPropertyEditingEnabled,\n      selectedPropertyKey: this.state.selectedPropertyKey,\n      editingPropertyKey: this.state.editingPropertyKey,\n      onEditCommit: this._onEditCommit,\n      onEditCancel: this._onEditCancel,\n      onPropertyClicked: this._isClickSupported()\n        ? this._onPropertyClicked\n        : undefined,\n      onPropertyRightClicked: this._isRightClickSupported()\n        ? this._onPropertyRightClicked\n        : undefined,\n      onPropertyContextMenu: this.props.onPropertyContextMenu\n        ? this._onPropertyContextMenu\n        : undefined,\n    };\n\n    return (\n      <React.Fragment>{this.props.children(renderContext)}</React.Fragment>\n    );\n  }\n}\n"]}

package/lib/components-react/propertygrid/component/VirtualizedPropertyGrid.d.ts

@@ -104,7 +104,9 @@ export interface VirtualizedPropertyGridContext {
     onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;
     onPropertyContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;
     editingPropertyKey?: string;
-    onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;
+    onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void | Promise<{
+        status: "success" | "cancel";
+    }>;
     onEditCancel?: () => void;
     editorSystem: "legacy" | "new";
     eventHandler: IPropertyGridEventHandler;

package/lib/components-react/propertygrid/component/VirtualizedPropertyGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedPropertyGrid.d.ts","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/VirtualizedPropertyGrid.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VirtualizedPropertyGrid.d.ts","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/VirtualizedPropertyGrid.tsx"],"names":[],"mappings":"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"}

package/lib/components-react/propertygrid/component/VirtualizedPropertyGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedPropertyGrid.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/VirtualizedPropertyGrid.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\n/** @packageDocumentation\n * @module PropertyGrid\n */\nimport \"./VirtualizedPropertyGrid.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type {\n  ListChildComponentProps,\n  VariableSizeListProps,\n} from \"react-window\";\nimport { areEqual, VariableSizeList } from \"react-window\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { createContextWithMandatoryProvider } from \"../../common/UseContextWithMandatoryProvider.js\";\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer.js\";\nimport type { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer.js\";\nimport type { PropertyGridColumnInfo } from \"../../properties/renderers/PropertyGridColumns.js\";\nimport type { PropertyValueRendererManager } from \"../../properties/ValueRendererManager.js\";\nimport { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase.js\";\nimport type {\n  FlatGridItem,\n  GridCategoryItem,\n} from \"../internal/flat-items/FlatGridItem.js\";\nimport { MutableCategorizedPrimitiveProperty } from \"../internal/flat-items/MutableCategorizedPrimitiveProperty.js\";\nimport { MutableCustomGridCategory } from \"../internal/flat-items/MutableCustomGridCategory.js\";\nimport { FlatGridItemType } from \"../internal/flat-items/MutableFlatGridItem.js\";\nimport { MutableGridCategory } from \"../internal/flat-items/MutableGridCategory.js\";\nimport { FlatPropertyRenderer } from \"../internal/flat-properties/FlatPropertyRenderer.js\";\nimport type { IPropertyGridEventHandler } from \"../internal/PropertyGridEventHandler.js\";\nimport type { IPropertyGridModel } from \"../internal/PropertyGridModel.js\";\nimport type { PropertyCategoryRendererProps } from \"../PropertyCategoryRendererManager.js\";\nimport { PropertyCategoryRendererManager } from \"../PropertyCategoryRendererManager.js\";\nimport type {\n  IPropertyDataProvider,\n  PropertyCategory,\n} from \"../PropertyDataProvider.js\";\nimport { ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier.js\";\nimport { FlatItemNestedBorderWrapper } from \"./FlatItemNestedBorderWrapper.js\";\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock.js\";\nimport type {\n  CommonPropertyGridProps,\n  PropertyGridContentHighlightProps,\n} from \"./PropertyGridCommons.js\";\nimport { PropertyGridCommons } from \"./PropertyGridCommons.js\";\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier.js\";\nimport { useElementsScrollStorage } from \"../../common/UseElementsScrollStorage.js\";\nimport { Orientation } from \"../../common/Orientation.js\";\n\n/**\n * @public\n */\ninterface VirtualizedPropertyGridBaseProps extends CommonPropertyGridProps {\n  /** Property grid view model that defines what needs to be rendered */\n  model: IPropertyGridModel;\n  /** Handler of the events raised from the property grid */\n  eventHandler: IPropertyGridEventHandler;\n  /** Property data provider used by the property grid */\n  dataProvider: IPropertyDataProvider;\n  /** Properties for highlighting property data in the grid. */\n  highlight?: PropertyGridContentHighlightProps;\n  /** Custom property category renderer manager. Defaults to [[PropertyCategoryRendererManager.defaultManager]]. */\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\n  /** Width of the property grid component. */\n  width: number;\n  /** Height of the property grid component. */\n  height: number;\n}\n\n/** @public */\ninterface VirtualizedPropertyGridLegacyProps\n  extends VirtualizedPropertyGridBaseProps {\n  /**\n   * Specifies which editors system should be used: legacy or the new one.\n   * @default \"legacy\"\n   * @beta\n   * @deprecated in 5.30. Legacy editors system is deprecated. Use `editorSystem: \"new\"`.\n   */\n  editorSystem?: \"legacy\";\n}\n\n/**\n * @public\n */\ninterface VirtualizedPropertyGridNewProps\n  extends VirtualizedPropertyGridBaseProps {\n  /**\n   * Specifies which editors system should be used: legacy or the new one.\n   * @default \"legacy\"\n   * @beta\n   */\n  editorSystem: \"new\";\n}\n\n/** Properties for [[VirtualizedPropertyGrid]] React component\n * @public\n * @deprecated in 5.30.0. Use `React.ComponentProps<typeof VirtualizedPropertyGrid>` instead.\n */\nexport type VirtualizedPropertyGridProps =\n  | VirtualizedPropertyGridLegacyProps\n  | VirtualizedPropertyGridNewProps;\n\ninterface VirtualizedPropertyGridComponent {\n  /**\n   * [[VirtualizedPropertyGrid]] React Component which takes a data provider and\n   * sets up default implementations for `IPropertyGridModelSource` and `IPropertyGridEventHandler`\n   * @public\n   */\n  (props: VirtualizedPropertyGridNewProps): React.JSX.Element;\n  /**\n   * @deprecated in 5.30. Use `VirtualizedPropertyGrid` with `editorSystem=\"new\"` instead.\n   * @public\n   */\n  (props: VirtualizedPropertyGridLegacyProps): React.JSX.Element;\n  /** @public */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  (props: VirtualizedPropertyGridProps): React.JSX.Element;\n}\n\n/** State of [[VirtualizedPropertyGrid]] React component\n * @internal\n */\ninterface VirtualizedPropertyGridState {\n  /** List of PropertyGrid categories */\n  gridItems: FlatGridItem[];\n  /** Actual orientation used by the property grid */\n  orientation: Orientation;\n  /** Keeps record of dynamic node heights */\n  dynamicNodeHeights: Map<string, number>;\n}\n\n/**\n * Context of [[VirtualizedPropertyGrid]] component.\n * @internal\n */\nexport interface PropertyGridInternalContext {\n  gridItems: FlatGridItem[];\n  gridEventHandler: IPropertyGridEventHandler;\n  gridModel: IPropertyGridModel;\n\n  style?: React.CSSProperties;\n  className?: string;\n  gridContext: VirtualizedPropertyGridContext;\n  onItemHeightChanged: (index: number, key: string, height: number) => void;\n}\n\n/**\n * Context of the surrounding [[VirtualizedPropertyGrid]] component.\n * @public\n */\nexport interface VirtualizedPropertyGridContext {\n  orientation: Orientation;\n  gridWidth: number;\n\n  isPropertyHoverEnabled: boolean;\n  isPropertySelectionEnabled: boolean;\n  selectedPropertyKey?: string;\n  isPropertyEditingEnabled?: boolean;\n\n  alwaysShowEditor?: (property: PropertyRecord) => boolean;\n  onPropertyClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyContextMenu?: (\n    property: PropertyRecord,\n    e: React.MouseEvent\n  ) => void;\n\n  editingPropertyKey?: string;\n  onEditCommit?: (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => void;\n  onEditCancel?: () => void;\n  editorSystem: \"legacy\" | \"new\";\n\n  eventHandler: IPropertyGridEventHandler;\n  dataProvider: IPropertyDataProvider;\n\n  actionButtonRenderers?: ActionButtonRenderer[];\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\n\n  columnRatio: number;\n  columnInfo: PropertyGridColumnInfo;\n  isResizeHandleBeingDragged: boolean;\n  isResizeHandleHovered: boolean;\n  onColumnRatioChanged: (ratio: number) => void | {\n    ratio: number;\n  };\n  onResizeHandleDragChanged: (newValue: boolean) => void;\n  onResizeHandleHoverChanged: (newValue: boolean) => void;\n\n  highlight?: PropertyGridContentHighlightProps;\n}\n\nconst [\n  PropertyGridInternalContextProvider,\n  _PropertyGridInternalContextConsumer,\n  usePropertyGridInternalContext,\n] = createContextWithMandatoryProvider<PropertyGridInternalContext>(\n  \"PropertyGridInternalContext\"\n);\n\nconst ACTION_BUTTON_DEFAULT_WIDTH = 90;\nconst CATEGORY_HEADER_HEIGHT = 42;\nconst CATEGORY_PROPERTY_HEIGHT = 28;\nconst VERTICAL_CATEGORY_PROPERTY_HEIGHT = 48;\n\n/**\n * VirtualizedPropertyGrid React component.\n * @public\n */\nexport const VirtualizedPropertyGrid: VirtualizedPropertyGridComponent = (\n  props\n) => {\n  return <VirtualizedPropertyGridImpl {...props} />;\n};\n\nclass VirtualizedPropertyGridImpl extends React.Component<\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  VirtualizedPropertyGridProps,\n  VirtualizedPropertyGridState\n> {\n  private _listRef = React.createRef<VariableSizeList>();\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  constructor(props: VirtualizedPropertyGridProps) {\n    super(props);\n    this.state = {\n      gridItems: [],\n      orientation:\n        props.orientation ??\n        PropertyGridCommons.getCurrentOrientation(\n          props.width,\n          undefined,\n          props.isOrientationFixed,\n          props.horizontalOrientationMinWidth\n        ),\n      dynamicNodeHeights: new Map(),\n    };\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  public override componentDidUpdate(prevProps: VirtualizedPropertyGridProps) {\n    if (\n      this.props.orientation !== prevProps.orientation ||\n      this.props.isOrientationFixed !== prevProps.isOrientationFixed ||\n      this.props.horizontalOrientationMinWidth !==\n        prevProps.horizontalOrientationMinWidth ||\n      this.props.width !== prevProps.width\n    )\n      this.updateOrientation(this.props.width);\n\n    if (this.props.model !== prevProps.model) {\n      if (this._listRef.current) this._listRef.current.resetAfterIndex(0);\n    }\n\n    if (\n      this.props.highlight !== prevProps.highlight &&\n      this.props.highlight?.activeHighlight &&\n      this.state.gridItems.length !== 0\n    ) {\n      let index = 0;\n      let foundMatchingItem = false;\n      for (const item of this.state.gridItems) {\n        if (\n          (item instanceof MutableCategorizedPrimitiveProperty &&\n            this.props.highlight.activeHighlight.highlightedItemIdentifier ===\n              item.derivedRecord.property.name) ||\n          (item instanceof MutableGridCategory &&\n            this.props.highlight.activeHighlight.highlightedItemIdentifier ===\n              item.name)\n        ) {\n          foundMatchingItem = true;\n          break;\n        }\n        index++;\n      }\n      if (foundMatchingItem) {\n        if (this._listRef.current) this._listRef.current.scrollToItem(index);\n      }\n    }\n  }\n\n  public static getDerivedStateFromProps(\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    props: VirtualizedPropertyGridProps,\n    state: VirtualizedPropertyGridState\n  ): VirtualizedPropertyGridState | null {\n    return {\n      ...state,\n      gridItems: props.model.getVisibleFlatGrid(),\n    };\n  }\n\n  private updateOrientation(width: number) {\n    const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = {\n      ...this.props,\n    };\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(\n      width,\n      orientation,\n      isOrientationFixed,\n      horizontalOrientationMinWidth\n    );\n\n    if (currentOrientation !== this.state.orientation) {\n      this.setState({ orientation: currentOrientation });\n    }\n  }\n\n  /**\n   * Calculate given node height depending on it's type, position in category, parent category depth and current orientation.\n   * @param node FlatGridItem node for which to calculate height\n   * @returns current height of node.\n   */\n  private calculateNodeHeight(node: FlatGridItem) {\n    return getPropertyHeight(this.state);\n\n    function getPropertyHeight(state: VirtualizedPropertyGridState) {\n      const dynamicHeight = state.dynamicNodeHeights.get(node.key);\n      if (dynamicHeight !== undefined) {\n        if (node instanceof MutableCustomGridCategory) {\n          return CATEGORY_HEADER_HEIGHT + (node.isExpanded ? dynamicHeight : 0);\n        }\n\n        return dynamicHeight;\n      }\n\n      if (node.type === FlatGridItemType.Category) {\n        return CATEGORY_HEADER_HEIGHT;\n      }\n\n      return state.orientation === Orientation.Vertical\n        ? VERTICAL_CATEGORY_PROPERTY_HEIGHT\n        : CATEGORY_PROPERTY_HEIGHT;\n    }\n  }\n\n  private _handleNodeHeightChange = (\n    index: number,\n    key: string,\n    newHeight: number\n  ) => {\n    if (this.state.dynamicNodeHeights.get(key) === newHeight) {\n      return;\n    }\n\n    this.setState(\n      (state) => {\n        return {\n          ...state,\n          dynamicNodeHeights: new Map(state.dynamicNodeHeights).set(\n            key,\n            newHeight\n          ),\n        };\n      },\n      () => this._listRef.current!.resetAfterIndex(index)\n    );\n  };\n\n  private _calculateNodeHeightByIndex = (index: number) => {\n    const node = this.state.gridItems[index];\n    return this.calculateNodeHeight(node);\n  };\n\n  private calculateEstimatedHeight() {\n    let sum = 0;\n    for (const node of this.state.gridItems)\n      sum += this.calculateNodeHeight(node);\n\n    return Math.ceil(sum / this.state.gridItems.length);\n  }\n\n  private _getNodeKey = (index: number) => {\n    const node = this.state.gridItems[index];\n    return node.key;\n  };\n\n  private _getMaxItemDepth = () => {\n    let depth = 0;\n    for (const item of this.state.gridItems) {\n      if (depth < item.depth) {\n        depth = item.depth;\n      }\n    }\n    return depth + 1;\n  };\n\n  public override render() {\n    const defaultActionButtonWidth =\n      (this.props.actionButtonRenderers?.length ?? 0) > 0\n        ? ACTION_BUTTON_DEFAULT_WIDTH\n        : undefined;\n\n    return (\n      <ColumnResizingPropertyListPropsSupplier\n        orientation={this.state.orientation}\n        width={this.props.width}\n        minLabelWidth={this.props.minLabelWidth}\n        minValueWidth={this.props.minValueWidth}\n        actionButtonWidth={\n          this.props.actionButtonWidth !== undefined\n            ? this.props.actionButtonWidth\n            : defaultActionButtonWidth\n        }\n        maxPropertyDepth={this._getMaxItemDepth()}\n      >\n        {(columnResizeContext) => (\n          <PropertyGridEventsRelatedPropsSupplier\n            isPropertySelectionEnabled={\n              this.props.isPropertySelectionEnabled ?? false\n            }\n            isPropertySelectionOnRightClickEnabled={\n              this.props.isPropertySelectionOnRightClickEnabled\n            }\n            isPropertyEditingEnabled={this.props.isPropertyEditingEnabled}\n            onPropertyContextMenu={this.props.onPropertyContextMenu}\n            onPropertyUpdated={this.props.onPropertyUpdated}\n            onPropertySelectionChanged={this.props.onPropertySelectionChanged}\n            isPropertyHoverEnabled={this.props.isPropertyHoverEnabled ?? false}\n          >\n            {(selectionContext) => {\n              const gridContext: VirtualizedPropertyGridContext = {\n                orientation: columnResizeContext.orientation,\n                gridWidth: this.props.width,\n\n                isPropertyHoverEnabled: selectionContext.isPropertyHoverEnabled,\n                isPropertySelectionEnabled:\n                  selectionContext.isPropertySelectionEnabled,\n                selectedPropertyKey: selectionContext.selectedPropertyKey,\n                isPropertyEditingEnabled: this.props.isPropertyEditingEnabled,\n\n                alwaysShowEditor: this.props.alwaysShowEditor,\n                onPropertyClicked: selectionContext.onPropertyClicked,\n                onPropertyRightClicked: selectionContext.onPropertyRightClicked,\n                onPropertyContextMenu: selectionContext.onPropertyContextMenu,\n\n                editingPropertyKey: selectionContext.editingPropertyKey,\n                onEditCommit: selectionContext.onEditCommit,\n                onEditCancel: selectionContext.onEditCancel,\n                // eslint-disable-next-line @typescript-eslint/no-deprecated\n                editorSystem: this.props.editorSystem ?? \"legacy\",\n\n                eventHandler: this.props.eventHandler,\n                dataProvider: this.props.dataProvider,\n\n                actionButtonRenderers: this.props.actionButtonRenderers,\n                propertyValueRendererManager:\n                  this.props.propertyValueRendererManager,\n                propertyCategoryRendererManager:\n                  this.props.propertyCategoryRendererManager,\n\n                columnRatio: columnResizeContext.columnRatio,\n                columnInfo: columnResizeContext.columnInfo,\n                isResizeHandleBeingDragged:\n                  columnResizeContext.isResizeHandleBeingDragged,\n                isResizeHandleHovered:\n                  columnResizeContext.isResizeHandleHovered,\n                onColumnRatioChanged: columnResizeContext.onColumnChanged,\n                onResizeHandleDragChanged:\n                  columnResizeContext.onResizeHandleDragChanged,\n                onResizeHandleHoverChanged:\n                  columnResizeContext.onResizeHandleHoverChanged,\n\n                highlight: this.props.highlight,\n              };\n\n              const renderContext: PropertyGridInternalContext = {\n                gridItems: this.state.gridItems,\n                gridEventHandler: this.props.eventHandler,\n                gridModel: this.props.model,\n                style: this.props.style,\n                className: this.props.className,\n                onItemHeightChanged: this._handleNodeHeightChange,\n                gridContext,\n              };\n\n              return (\n                <PropertyGridInternalContextProvider value={renderContext}>\n                  <VirtualizedPropertyGridInternal\n                    width={this.props.width}\n                    height={this.props.height}\n                    itemCount={this.state.gridItems.length}\n                    itemSize={this._calculateNodeHeightByIndex}\n                    estimatedItemSize={this.calculateEstimatedHeight()}\n                    overscanCount={10}\n                    layout=\"vertical\"\n                    style={this.props.style}\n                    itemKey={this._getNodeKey}\n                    ref={this._listRef}\n                  />\n                </PropertyGridInternalContextProvider>\n              );\n            }}\n          </PropertyGridEventsRelatedPropsSupplier>\n        )}\n      </ColumnResizingPropertyListPropsSupplier>\n    );\n  }\n}\n\nconst VirtualizedPropertyGridInternal = React.forwardRef<\n  VariableSizeList,\n  Omit<VariableSizeListProps, \"children\">\n>(function VirtualizedPropertyGridInternal(props, ref) {\n  const { gridContext } = usePropertyGridInternalContext(FlatGridItemNode);\n\n  React.useEffect(() => {\n    return gridContext.dataProvider.onDataChanged.addListener(() => {\n      gridContext.onEditCancel?.();\n    });\n  }, [gridContext]);\n\n  return (\n    <div\n      className={classnames(\n        \"components-virtualized-property-grid\",\n        \"components-smallEditor-host\"\n      )}\n    >\n      <VariableSizeList\n        {...props}\n        className={classnames(\n          \"components-property-grid-wrapper\",\n          \"ReactWindow__VariableSizeList\",\n          props.className\n        )}\n        ref={ref}\n      >\n        {FlatGridItemNode}\n      </VariableSizeList>\n    </div>\n  );\n});\n\n/**\n * Returns callbacks for persisting and restoring [[VirtualizedPropertyGrid]] layout state.\n * Returned `ref` should be set on container containing [[VirtualizedPropertyGrid]].\n * @public\n */\nexport function useVirtualizedPropertyGridLayoutStorage<T extends Element>() {\n  return useElementsScrollStorage<T>(\"ReactWindow__VariableSizeList\");\n}\n\nconst FlatGridItemNode = React.memo(\n  ({ index, style: virtualizedListStyle }: ListChildComponentProps) => {\n    const {\n      gridItems,\n      gridEventHandler,\n      gridModel,\n      gridContext,\n      className,\n      style,\n      onItemHeightChanged,\n    } = usePropertyGridInternalContext(FlatGridItemNode);\n    const node = gridItems[index];\n    const divRef = React.useRef<HTMLDivElement>(null);\n    const previousHeightRef = React.useRef(0);\n\n    const onExpansionToggled = React.useCallback(\n      () => gridEventHandler.onExpansionToggled(node.selectionKey),\n      [gridEventHandler, node.selectionKey]\n    );\n    const onHeightChanged = React.useCallback(\n      (newHeight: number) => onItemHeightChanged(index, node.key, newHeight),\n      [onItemHeightChanged, index, node.key]\n    );\n\n    const minHeight = React.useMemo(() => {\n      if (node.type === FlatGridItemType.Category)\n        return CATEGORY_HEADER_HEIGHT;\n\n      return gridContext.orientation === Orientation.Vertical\n        ? VERTICAL_CATEGORY_PROPERTY_HEIGHT\n        : CATEGORY_PROPERTY_HEIGHT;\n    }, [gridContext.orientation, node.type]);\n\n    React.useLayoutEffect(() => {\n      assert(divRef.current !== null);\n      const refHeight = divRef.current.getBoundingClientRect().height;\n      const currentHeight = Math.max(refHeight, minHeight);\n\n      if (currentHeight !== previousHeightRef.current) {\n        onHeightChanged(currentHeight);\n        previousHeightRef.current = currentHeight;\n      }\n    });\n\n    function getDisplayNode() {\n      const lastInNumberOfCategories = node.lastInNumberOfCategories;\n      switch (node.type) {\n        case FlatGridItemType.Category:\n          const categoryRendererManager =\n            gridContext.propertyCategoryRendererManager ??\n            PropertyCategoryRendererManager.defaultManager;\n          const customRenderer =\n            categoryRendererManager.getCategoryComponent(node);\n          const wrapperClassName = classnames(\n            \"virtualized-grid-node-content\",\n            customRenderer !== undefined\n              ? \"virtualized-grid-node-custom-category\"\n              : \"virtualized-grid-node-category\"\n          );\n          return (\n            <FlatItemNestedBorderWrapper\n              borderCount={node.depth}\n              bottomBorderCount={lastInNumberOfCategories}\n              className={wrapperClassName}\n            >\n              <PropertyCategoryBlock\n                className={className}\n                style={style}\n                category={node.derivedCategory}\n                onExpansionToggled={onExpansionToggled}\n                highlight={\n                  gridContext.highlight?.filteredTypes?.includes(\n                    FilteredType.Category\n                  )\n                    ? gridContext.highlight\n                    : undefined\n                }\n              >\n                {customRenderer !== undefined && (\n                  <CustomCategoryContent\n                    renderer={customRenderer}\n                    categoryItem={node}\n                    gridContext={gridContext}\n                    onHeightChanged={onHeightChanged}\n                  />\n                )}\n              </PropertyCategoryBlock>\n            </FlatItemNestedBorderWrapper>\n          );\n        case FlatGridItemType.Array:\n        case FlatGridItemType.Struct:\n        case FlatGridItemType.Primitive:\n          const selectionKey = node.selectionKey;\n          const parentCategoryItem = gridModel.getItem(\n            node.parentCategorySelectionKey\n          ) as GridCategoryItem;\n\n          return (\n            <FlatItemNestedBorderWrapper\n              borderCount={parentCategoryItem.depth + 1}\n              bottomBorderCount={lastInNumberOfCategories}\n              className=\"virtualized-grid-node-content\"\n            >\n              <FlatPropertyRenderer\n                key={node.key}\n                uniqueKey={selectionKey}\n                propertyRecord={node.derivedRecord}\n                orientation={gridContext.orientation}\n                indentation={node.depth}\n                width={gridContext.gridWidth}\n                isHoverable={gridContext.isPropertyHoverEnabled}\n                isSelectable={gridContext.isPropertySelectionEnabled}\n                isSelected={selectionKey === gridContext.selectedPropertyKey}\n                onClick={gridContext.onPropertyClicked}\n                onRightClick={gridContext.onPropertyRightClicked}\n                onContextMenu={gridContext.onPropertyContextMenu}\n                category={parentCategoryItem.derivedCategory}\n                isEditing={selectionKey === gridContext.editingPropertyKey}\n                isPropertyEditingEnabled={gridContext.isPropertyEditingEnabled}\n                alwaysShowEditor={gridContext.alwaysShowEditor}\n                onEditCommit={gridContext.onEditCommit}\n                onEditCancel={gridContext.onEditCancel}\n                editorSystem={gridContext.editorSystem}\n                isExpanded={node.isExpanded}\n                onExpansionToggled={onExpansionToggled}\n                onHeightChanged={onHeightChanged}\n                actionButtonRenderers={gridContext.actionButtonRenderers}\n                propertyValueRendererManager={\n                  gridContext.propertyValueRendererManager\n                }\n                columnRatio={gridContext.columnRatio}\n                columnInfo={gridContext.columnInfo}\n                isResizeHandleBeingDragged={\n                  gridContext.isResizeHandleBeingDragged\n                }\n                isResizeHandleHovered={gridContext.isResizeHandleHovered}\n                onColumnRatioChanged={gridContext.onColumnRatioChanged}\n                onResizeHandleDragChanged={\n                  gridContext.onResizeHandleDragChanged\n                }\n                onResizeHandleHoverChanged={\n                  gridContext.onResizeHandleHoverChanged\n                }\n                highlight={\n                  gridContext.highlight\n                    ? {\n                        applyOnLabel:\n                          gridContext.highlight.filteredTypes?.includes(\n                            FilteredType.Label\n                          ) ?? false,\n                        applyOnValue:\n                          gridContext.highlight.filteredTypes?.includes(\n                            FilteredType.Value\n                          ) ?? false,\n                        ...gridContext.highlight,\n                      }\n                    : undefined\n                }\n              />\n            </FlatItemNestedBorderWrapper>\n          );\n      }\n    }\n\n    return (\n      <div className=\"virtualized-grid-node\" style={virtualizedListStyle}>\n        <div\n          className=\"virtualized-grid-node-content-wrapper\"\n          style={{\n            minHeight: `${minHeight}px`,\n            display: \"grid\",\n          }}\n        >\n          <div\n            ref={divRef}\n            className=\"virtualized-grid-node-content-wrapper-item\"\n          >\n            {getDisplayNode()}\n          </div>\n        </div>\n      </div>\n    );\n  },\n  areEqual\n);\n\nFlatGridItemNode.displayName = \"FlatGridItemNode\";\n\ninterface CustomCategoryContentProps {\n  categoryItem: GridCategoryItem;\n  renderer: React.ComponentType<PropertyCategoryRendererProps>;\n  gridContext: VirtualizedPropertyGridContext;\n  onHeightChanged: (newHeight: number) => void;\n}\n\nconst CustomCategoryContent: React.FC<CustomCategoryContentProps> = (props) => {\n  const { onHeightChanged } = props;\n  const divRef = React.useRef<HTMLDivElement>(null);\n\n  React.useLayoutEffect(() => {\n    assert(divRef.current !== null);\n    const contentHeight = divRef.current.getBoundingClientRect().height;\n    onHeightChanged(contentHeight);\n  }, [props.gridContext.orientation, onHeightChanged]);\n\n  return <div ref={divRef}>{React.createElement(props.renderer, props)}</div>;\n};\n"]}
+{"version":3,"file":"VirtualizedPropertyGrid.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/VirtualizedPropertyGrid.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\n/** @packageDocumentation\n * @module PropertyGrid\n */\nimport \"./VirtualizedPropertyGrid.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type {\n  ListChildComponentProps,\n  VariableSizeListProps,\n} from \"react-window\";\nimport { areEqual, VariableSizeList } from \"react-window\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { createContextWithMandatoryProvider } from \"../../common/UseContextWithMandatoryProvider.js\";\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer.js\";\nimport type { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer.js\";\nimport type { PropertyGridColumnInfo } from \"../../properties/renderers/PropertyGridColumns.js\";\nimport type { PropertyValueRendererManager } from \"../../properties/ValueRendererManager.js\";\nimport { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase.js\";\nimport type {\n  FlatGridItem,\n  GridCategoryItem,\n} from \"../internal/flat-items/FlatGridItem.js\";\nimport { MutableCategorizedPrimitiveProperty } from \"../internal/flat-items/MutableCategorizedPrimitiveProperty.js\";\nimport { MutableCustomGridCategory } from \"../internal/flat-items/MutableCustomGridCategory.js\";\nimport { FlatGridItemType } from \"../internal/flat-items/MutableFlatGridItem.js\";\nimport { MutableGridCategory } from \"../internal/flat-items/MutableGridCategory.js\";\nimport { FlatPropertyRenderer } from \"../internal/flat-properties/FlatPropertyRenderer.js\";\nimport type { IPropertyGridEventHandler } from \"../internal/PropertyGridEventHandler.js\";\nimport type { IPropertyGridModel } from \"../internal/PropertyGridModel.js\";\nimport type { PropertyCategoryRendererProps } from \"../PropertyCategoryRendererManager.js\";\nimport { PropertyCategoryRendererManager } from \"../PropertyCategoryRendererManager.js\";\nimport type {\n  IPropertyDataProvider,\n  PropertyCategory,\n} from \"../PropertyDataProvider.js\";\nimport { ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier.js\";\nimport { FlatItemNestedBorderWrapper } from \"./FlatItemNestedBorderWrapper.js\";\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock.js\";\nimport type {\n  CommonPropertyGridProps,\n  PropertyGridContentHighlightProps,\n} from \"./PropertyGridCommons.js\";\nimport { PropertyGridCommons } from \"./PropertyGridCommons.js\";\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier.js\";\nimport { useElementsScrollStorage } from \"../../common/UseElementsScrollStorage.js\";\nimport { Orientation } from \"../../common/Orientation.js\";\n\n/**\n * @public\n */\ninterface VirtualizedPropertyGridBaseProps extends CommonPropertyGridProps {\n  /** Property grid view model that defines what needs to be rendered */\n  model: IPropertyGridModel;\n  /** Handler of the events raised from the property grid */\n  eventHandler: IPropertyGridEventHandler;\n  /** Property data provider used by the property grid */\n  dataProvider: IPropertyDataProvider;\n  /** Properties for highlighting property data in the grid. */\n  highlight?: PropertyGridContentHighlightProps;\n  /** Custom property category renderer manager. Defaults to [[PropertyCategoryRendererManager.defaultManager]]. */\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\n  /** Width of the property grid component. */\n  width: number;\n  /** Height of the property grid component. */\n  height: number;\n}\n\n/** @public */\ninterface VirtualizedPropertyGridLegacyProps\n  extends VirtualizedPropertyGridBaseProps {\n  /**\n   * Specifies which editors system should be used: legacy or the new one.\n   * @default \"legacy\"\n   * @beta\n   * @deprecated in 5.30. Legacy editors system is deprecated. Use `editorSystem: \"new\"`.\n   */\n  editorSystem?: \"legacy\";\n}\n\n/**\n * @public\n */\ninterface VirtualizedPropertyGridNewProps\n  extends VirtualizedPropertyGridBaseProps {\n  /**\n   * Specifies which editors system should be used: legacy or the new one.\n   * @default \"legacy\"\n   * @beta\n   */\n  editorSystem: \"new\";\n}\n\n/** Properties for [[VirtualizedPropertyGrid]] React component\n * @public\n * @deprecated in 5.30.0. Use `React.ComponentProps<typeof VirtualizedPropertyGrid>` instead.\n */\nexport type VirtualizedPropertyGridProps =\n  | VirtualizedPropertyGridLegacyProps\n  | VirtualizedPropertyGridNewProps;\n\ninterface VirtualizedPropertyGridComponent {\n  /**\n   * [[VirtualizedPropertyGrid]] React Component which takes a data provider and\n   * sets up default implementations for `IPropertyGridModelSource` and `IPropertyGridEventHandler`\n   * @public\n   */\n  (props: VirtualizedPropertyGridNewProps): React.JSX.Element;\n  /**\n   * @deprecated in 5.30. Use `VirtualizedPropertyGrid` with `editorSystem=\"new\"` instead.\n   * @public\n   */\n  (props: VirtualizedPropertyGridLegacyProps): React.JSX.Element;\n  /** @public */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  (props: VirtualizedPropertyGridProps): React.JSX.Element;\n}\n\n/** State of [[VirtualizedPropertyGrid]] React component\n * @internal\n */\ninterface VirtualizedPropertyGridState {\n  /** List of PropertyGrid categories */\n  gridItems: FlatGridItem[];\n  /** Actual orientation used by the property grid */\n  orientation: Orientation;\n  /** Keeps record of dynamic node heights */\n  dynamicNodeHeights: Map<string, number>;\n}\n\n/**\n * Context of [[VirtualizedPropertyGrid]] component.\n * @internal\n */\nexport interface PropertyGridInternalContext {\n  gridItems: FlatGridItem[];\n  gridEventHandler: IPropertyGridEventHandler;\n  gridModel: IPropertyGridModel;\n\n  style?: React.CSSProperties;\n  className?: string;\n  gridContext: VirtualizedPropertyGridContext;\n  onItemHeightChanged: (index: number, key: string, height: number) => void;\n}\n\n/**\n * Context of the surrounding [[VirtualizedPropertyGrid]] component.\n * @public\n */\nexport interface VirtualizedPropertyGridContext {\n  orientation: Orientation;\n  gridWidth: number;\n\n  isPropertyHoverEnabled: boolean;\n  isPropertySelectionEnabled: boolean;\n  selectedPropertyKey?: string;\n  isPropertyEditingEnabled?: boolean;\n\n  alwaysShowEditor?: (property: PropertyRecord) => boolean;\n  onPropertyClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyContextMenu?: (\n    property: PropertyRecord,\n    e: React.MouseEvent\n  ) => void;\n\n  editingPropertyKey?: string;\n  onEditCommit?: (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => void | Promise<{ status: \"success\" | \"cancel\" }>;\n  onEditCancel?: () => void;\n  editorSystem: \"legacy\" | \"new\";\n\n  eventHandler: IPropertyGridEventHandler;\n  dataProvider: IPropertyDataProvider;\n\n  actionButtonRenderers?: ActionButtonRenderer[];\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\n\n  columnRatio: number;\n  columnInfo: PropertyGridColumnInfo;\n  isResizeHandleBeingDragged: boolean;\n  isResizeHandleHovered: boolean;\n  onColumnRatioChanged: (ratio: number) => void | {\n    ratio: number;\n  };\n  onResizeHandleDragChanged: (newValue: boolean) => void;\n  onResizeHandleHoverChanged: (newValue: boolean) => void;\n\n  highlight?: PropertyGridContentHighlightProps;\n}\n\nconst [\n  PropertyGridInternalContextProvider,\n  _PropertyGridInternalContextConsumer,\n  usePropertyGridInternalContext,\n] = createContextWithMandatoryProvider<PropertyGridInternalContext>(\n  \"PropertyGridInternalContext\"\n);\n\nconst ACTION_BUTTON_DEFAULT_WIDTH = 90;\nconst CATEGORY_HEADER_HEIGHT = 42;\nconst CATEGORY_PROPERTY_HEIGHT = 28;\nconst VERTICAL_CATEGORY_PROPERTY_HEIGHT = 48;\n\n/**\n * VirtualizedPropertyGrid React component.\n * @public\n */\nexport const VirtualizedPropertyGrid: VirtualizedPropertyGridComponent = (\n  props\n) => {\n  return <VirtualizedPropertyGridImpl {...props} />;\n};\n\nclass VirtualizedPropertyGridImpl extends React.Component<\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  VirtualizedPropertyGridProps,\n  VirtualizedPropertyGridState\n> {\n  private _listRef = React.createRef<VariableSizeList>();\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  constructor(props: VirtualizedPropertyGridProps) {\n    super(props);\n    this.state = {\n      gridItems: [],\n      orientation:\n        props.orientation ??\n        PropertyGridCommons.getCurrentOrientation(\n          props.width,\n          undefined,\n          props.isOrientationFixed,\n          props.horizontalOrientationMinWidth\n        ),\n      dynamicNodeHeights: new Map(),\n    };\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  public override componentDidUpdate(prevProps: VirtualizedPropertyGridProps) {\n    if (\n      this.props.orientation !== prevProps.orientation ||\n      this.props.isOrientationFixed !== prevProps.isOrientationFixed ||\n      this.props.horizontalOrientationMinWidth !==\n        prevProps.horizontalOrientationMinWidth ||\n      this.props.width !== prevProps.width\n    )\n      this.updateOrientation(this.props.width);\n\n    if (this.props.model !== prevProps.model) {\n      if (this._listRef.current) this._listRef.current.resetAfterIndex(0);\n    }\n\n    if (\n      this.props.highlight !== prevProps.highlight &&\n      this.props.highlight?.activeHighlight &&\n      this.state.gridItems.length !== 0\n    ) {\n      let index = 0;\n      let foundMatchingItem = false;\n      for (const item of this.state.gridItems) {\n        if (\n          (item instanceof MutableCategorizedPrimitiveProperty &&\n            this.props.highlight.activeHighlight.highlightedItemIdentifier ===\n              item.derivedRecord.property.name) ||\n          (item instanceof MutableGridCategory &&\n            this.props.highlight.activeHighlight.highlightedItemIdentifier ===\n              item.name)\n        ) {\n          foundMatchingItem = true;\n          break;\n        }\n        index++;\n      }\n      if (foundMatchingItem) {\n        if (this._listRef.current) this._listRef.current.scrollToItem(index);\n      }\n    }\n  }\n\n  public static getDerivedStateFromProps(\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    props: VirtualizedPropertyGridProps,\n    state: VirtualizedPropertyGridState\n  ): VirtualizedPropertyGridState | null {\n    return {\n      ...state,\n      gridItems: props.model.getVisibleFlatGrid(),\n    };\n  }\n\n  private updateOrientation(width: number) {\n    const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = {\n      ...this.props,\n    };\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(\n      width,\n      orientation,\n      isOrientationFixed,\n      horizontalOrientationMinWidth\n    );\n\n    if (currentOrientation !== this.state.orientation) {\n      this.setState({ orientation: currentOrientation });\n    }\n  }\n\n  /**\n   * Calculate given node height depending on it's type, position in category, parent category depth and current orientation.\n   * @param node FlatGridItem node for which to calculate height\n   * @returns current height of node.\n   */\n  private calculateNodeHeight(node: FlatGridItem) {\n    return getPropertyHeight(this.state);\n\n    function getPropertyHeight(state: VirtualizedPropertyGridState) {\n      const dynamicHeight = state.dynamicNodeHeights.get(node.key);\n      if (dynamicHeight !== undefined) {\n        if (node instanceof MutableCustomGridCategory) {\n          return CATEGORY_HEADER_HEIGHT + (node.isExpanded ? dynamicHeight : 0);\n        }\n\n        return dynamicHeight;\n      }\n\n      if (node.type === FlatGridItemType.Category) {\n        return CATEGORY_HEADER_HEIGHT;\n      }\n\n      return state.orientation === Orientation.Vertical\n        ? VERTICAL_CATEGORY_PROPERTY_HEIGHT\n        : CATEGORY_PROPERTY_HEIGHT;\n    }\n  }\n\n  private _handleNodeHeightChange = (\n    index: number,\n    key: string,\n    newHeight: number\n  ) => {\n    if (this.state.dynamicNodeHeights.get(key) === newHeight) {\n      return;\n    }\n\n    this.setState(\n      (state) => {\n        return {\n          ...state,\n          dynamicNodeHeights: new Map(state.dynamicNodeHeights).set(\n            key,\n            newHeight\n          ),\n        };\n      },\n      () => this._listRef.current!.resetAfterIndex(index)\n    );\n  };\n\n  private _calculateNodeHeightByIndex = (index: number) => {\n    const node = this.state.gridItems[index];\n    return this.calculateNodeHeight(node);\n  };\n\n  private calculateEstimatedHeight() {\n    let sum = 0;\n    for (const node of this.state.gridItems)\n      sum += this.calculateNodeHeight(node);\n\n    return Math.ceil(sum / this.state.gridItems.length);\n  }\n\n  private _getNodeKey = (index: number) => {\n    const node = this.state.gridItems[index];\n    return node.key;\n  };\n\n  private _getMaxItemDepth = () => {\n    let depth = 0;\n    for (const item of this.state.gridItems) {\n      if (depth < item.depth) {\n        depth = item.depth;\n      }\n    }\n    return depth + 1;\n  };\n\n  public override render() {\n    const defaultActionButtonWidth =\n      (this.props.actionButtonRenderers?.length ?? 0) > 0\n        ? ACTION_BUTTON_DEFAULT_WIDTH\n        : undefined;\n\n    return (\n      <ColumnResizingPropertyListPropsSupplier\n        orientation={this.state.orientation}\n        width={this.props.width}\n        minLabelWidth={this.props.minLabelWidth}\n        minValueWidth={this.props.minValueWidth}\n        actionButtonWidth={\n          this.props.actionButtonWidth !== undefined\n            ? this.props.actionButtonWidth\n            : defaultActionButtonWidth\n        }\n        maxPropertyDepth={this._getMaxItemDepth()}\n      >\n        {(columnResizeContext) => (\n          <PropertyGridEventsRelatedPropsSupplier\n            isPropertySelectionEnabled={\n              this.props.isPropertySelectionEnabled ?? false\n            }\n            isPropertySelectionOnRightClickEnabled={\n              this.props.isPropertySelectionOnRightClickEnabled\n            }\n            isPropertyEditingEnabled={this.props.isPropertyEditingEnabled}\n            onPropertyContextMenu={this.props.onPropertyContextMenu}\n            onPropertyUpdated={this.props.onPropertyUpdated}\n            onPropertySelectionChanged={this.props.onPropertySelectionChanged}\n            isPropertyHoverEnabled={this.props.isPropertyHoverEnabled ?? false}\n          >\n            {(selectionContext) => {\n              const gridContext: VirtualizedPropertyGridContext = {\n                orientation: columnResizeContext.orientation,\n                gridWidth: this.props.width,\n\n                isPropertyHoverEnabled: selectionContext.isPropertyHoverEnabled,\n                isPropertySelectionEnabled:\n                  selectionContext.isPropertySelectionEnabled,\n                selectedPropertyKey: selectionContext.selectedPropertyKey,\n                isPropertyEditingEnabled: this.props.isPropertyEditingEnabled,\n\n                alwaysShowEditor: this.props.alwaysShowEditor,\n                onPropertyClicked: selectionContext.onPropertyClicked,\n                onPropertyRightClicked: selectionContext.onPropertyRightClicked,\n                onPropertyContextMenu: selectionContext.onPropertyContextMenu,\n\n                editingPropertyKey: selectionContext.editingPropertyKey,\n                onEditCommit: selectionContext.onEditCommit,\n                onEditCancel: selectionContext.onEditCancel,\n                // eslint-disable-next-line @typescript-eslint/no-deprecated\n                editorSystem: this.props.editorSystem ?? \"legacy\",\n\n                eventHandler: this.props.eventHandler,\n                dataProvider: this.props.dataProvider,\n\n                actionButtonRenderers: this.props.actionButtonRenderers,\n                propertyValueRendererManager:\n                  this.props.propertyValueRendererManager,\n                propertyCategoryRendererManager:\n                  this.props.propertyCategoryRendererManager,\n\n                columnRatio: columnResizeContext.columnRatio,\n                columnInfo: columnResizeContext.columnInfo,\n                isResizeHandleBeingDragged:\n                  columnResizeContext.isResizeHandleBeingDragged,\n                isResizeHandleHovered:\n                  columnResizeContext.isResizeHandleHovered,\n                onColumnRatioChanged: columnResizeContext.onColumnChanged,\n                onResizeHandleDragChanged:\n                  columnResizeContext.onResizeHandleDragChanged,\n                onResizeHandleHoverChanged:\n                  columnResizeContext.onResizeHandleHoverChanged,\n\n                highlight: this.props.highlight,\n              };\n\n              const renderContext: PropertyGridInternalContext = {\n                gridItems: this.state.gridItems,\n                gridEventHandler: this.props.eventHandler,\n                gridModel: this.props.model,\n                style: this.props.style,\n                className: this.props.className,\n                onItemHeightChanged: this._handleNodeHeightChange,\n                gridContext,\n              };\n\n              return (\n                <PropertyGridInternalContextProvider value={renderContext}>\n                  <VirtualizedPropertyGridInternal\n                    width={this.props.width}\n                    height={this.props.height}\n                    itemCount={this.state.gridItems.length}\n                    itemSize={this._calculateNodeHeightByIndex}\n                    estimatedItemSize={this.calculateEstimatedHeight()}\n                    overscanCount={10}\n                    layout=\"vertical\"\n                    style={this.props.style}\n                    itemKey={this._getNodeKey}\n                    ref={this._listRef}\n                  />\n                </PropertyGridInternalContextProvider>\n              );\n            }}\n          </PropertyGridEventsRelatedPropsSupplier>\n        )}\n      </ColumnResizingPropertyListPropsSupplier>\n    );\n  }\n}\n\nconst VirtualizedPropertyGridInternal = React.forwardRef<\n  VariableSizeList,\n  Omit<VariableSizeListProps, \"children\">\n>(function VirtualizedPropertyGridInternal(props, ref) {\n  const { gridContext } = usePropertyGridInternalContext(FlatGridItemNode);\n\n  React.useEffect(() => {\n    return gridContext.dataProvider.onDataChanged.addListener(() => {\n      gridContext.onEditCancel?.();\n    });\n  }, [gridContext]);\n\n  return (\n    <div\n      className={classnames(\n        \"components-virtualized-property-grid\",\n        \"components-smallEditor-host\"\n      )}\n    >\n      <VariableSizeList\n        {...props}\n        className={classnames(\n          \"components-property-grid-wrapper\",\n          \"ReactWindow__VariableSizeList\",\n          props.className\n        )}\n        ref={ref}\n      >\n        {FlatGridItemNode}\n      </VariableSizeList>\n    </div>\n  );\n});\n\n/**\n * Returns callbacks for persisting and restoring [[VirtualizedPropertyGrid]] layout state.\n * Returned `ref` should be set on container containing [[VirtualizedPropertyGrid]].\n * @public\n */\nexport function useVirtualizedPropertyGridLayoutStorage<T extends Element>() {\n  return useElementsScrollStorage<T>(\"ReactWindow__VariableSizeList\");\n}\n\nconst FlatGridItemNode = React.memo(\n  ({ index, style: virtualizedListStyle }: ListChildComponentProps) => {\n    const {\n      gridItems,\n      gridEventHandler,\n      gridModel,\n      gridContext,\n      className,\n      style,\n      onItemHeightChanged,\n    } = usePropertyGridInternalContext(FlatGridItemNode);\n    const node = gridItems[index];\n    const divRef = React.useRef<HTMLDivElement>(null);\n    const previousHeightRef = React.useRef(0);\n\n    const onExpansionToggled = React.useCallback(\n      () => gridEventHandler.onExpansionToggled(node.selectionKey),\n      [gridEventHandler, node.selectionKey]\n    );\n    const onHeightChanged = React.useCallback(\n      (newHeight: number) => onItemHeightChanged(index, node.key, newHeight),\n      [onItemHeightChanged, index, node.key]\n    );\n\n    const minHeight = React.useMemo(() => {\n      if (node.type === FlatGridItemType.Category)\n        return CATEGORY_HEADER_HEIGHT;\n\n      return gridContext.orientation === Orientation.Vertical\n        ? VERTICAL_CATEGORY_PROPERTY_HEIGHT\n        : CATEGORY_PROPERTY_HEIGHT;\n    }, [gridContext.orientation, node.type]);\n\n    React.useLayoutEffect(() => {\n      assert(divRef.current !== null);\n      const refHeight = divRef.current.getBoundingClientRect().height;\n      const currentHeight = Math.max(refHeight, minHeight);\n\n      if (currentHeight !== previousHeightRef.current) {\n        onHeightChanged(currentHeight);\n        previousHeightRef.current = currentHeight;\n      }\n    });\n\n    function getDisplayNode() {\n      const lastInNumberOfCategories = node.lastInNumberOfCategories;\n      switch (node.type) {\n        case FlatGridItemType.Category:\n          const categoryRendererManager =\n            gridContext.propertyCategoryRendererManager ??\n            PropertyCategoryRendererManager.defaultManager;\n          const customRenderer =\n            categoryRendererManager.getCategoryComponent(node);\n          const wrapperClassName = classnames(\n            \"virtualized-grid-node-content\",\n            customRenderer !== undefined\n              ? \"virtualized-grid-node-custom-category\"\n              : \"virtualized-grid-node-category\"\n          );\n          return (\n            <FlatItemNestedBorderWrapper\n              borderCount={node.depth}\n              bottomBorderCount={lastInNumberOfCategories}\n              className={wrapperClassName}\n            >\n              <PropertyCategoryBlock\n                className={className}\n                style={style}\n                category={node.derivedCategory}\n                onExpansionToggled={onExpansionToggled}\n                highlight={\n                  gridContext.highlight?.filteredTypes?.includes(\n                    FilteredType.Category\n                  )\n                    ? gridContext.highlight\n                    : undefined\n                }\n              >\n                {customRenderer !== undefined && (\n                  <CustomCategoryContent\n                    renderer={customRenderer}\n                    categoryItem={node}\n                    gridContext={gridContext}\n                    onHeightChanged={onHeightChanged}\n                  />\n                )}\n              </PropertyCategoryBlock>\n            </FlatItemNestedBorderWrapper>\n          );\n        case FlatGridItemType.Array:\n        case FlatGridItemType.Struct:\n        case FlatGridItemType.Primitive:\n          const selectionKey = node.selectionKey;\n          const parentCategoryItem = gridModel.getItem(\n            node.parentCategorySelectionKey\n          ) as GridCategoryItem;\n\n          return (\n            <FlatItemNestedBorderWrapper\n              borderCount={parentCategoryItem.depth + 1}\n              bottomBorderCount={lastInNumberOfCategories}\n              className=\"virtualized-grid-node-content\"\n            >\n              <FlatPropertyRenderer\n                key={node.key}\n                uniqueKey={selectionKey}\n                propertyRecord={node.derivedRecord}\n                orientation={gridContext.orientation}\n                indentation={node.depth}\n                width={gridContext.gridWidth}\n                isHoverable={gridContext.isPropertyHoverEnabled}\n                isSelectable={gridContext.isPropertySelectionEnabled}\n                isSelected={selectionKey === gridContext.selectedPropertyKey}\n                onClick={gridContext.onPropertyClicked}\n                onRightClick={gridContext.onPropertyRightClicked}\n                onContextMenu={gridContext.onPropertyContextMenu}\n                category={parentCategoryItem.derivedCategory}\n                isEditing={selectionKey === gridContext.editingPropertyKey}\n                isPropertyEditingEnabled={gridContext.isPropertyEditingEnabled}\n                alwaysShowEditor={gridContext.alwaysShowEditor}\n                onEditCommit={gridContext.onEditCommit}\n                onEditCancel={gridContext.onEditCancel}\n                editorSystem={gridContext.editorSystem}\n                isExpanded={node.isExpanded}\n                onExpansionToggled={onExpansionToggled}\n                onHeightChanged={onHeightChanged}\n                actionButtonRenderers={gridContext.actionButtonRenderers}\n                propertyValueRendererManager={\n                  gridContext.propertyValueRendererManager\n                }\n                columnRatio={gridContext.columnRatio}\n                columnInfo={gridContext.columnInfo}\n                isResizeHandleBeingDragged={\n                  gridContext.isResizeHandleBeingDragged\n                }\n                isResizeHandleHovered={gridContext.isResizeHandleHovered}\n                onColumnRatioChanged={gridContext.onColumnRatioChanged}\n                onResizeHandleDragChanged={\n                  gridContext.onResizeHandleDragChanged\n                }\n                onResizeHandleHoverChanged={\n                  gridContext.onResizeHandleHoverChanged\n                }\n                highlight={\n                  gridContext.highlight\n                    ? {\n                        applyOnLabel:\n                          gridContext.highlight.filteredTypes?.includes(\n                            FilteredType.Label\n                          ) ?? false,\n                        applyOnValue:\n                          gridContext.highlight.filteredTypes?.includes(\n                            FilteredType.Value\n                          ) ?? false,\n                        ...gridContext.highlight,\n                      }\n                    : undefined\n                }\n              />\n            </FlatItemNestedBorderWrapper>\n          );\n      }\n    }\n\n    return (\n      <div className=\"virtualized-grid-node\" style={virtualizedListStyle}>\n        <div\n          className=\"virtualized-grid-node-content-wrapper\"\n          style={{\n            minHeight: `${minHeight}px`,\n            display: \"grid\",\n          }}\n        >\n          <div\n            ref={divRef}\n            className=\"virtualized-grid-node-content-wrapper-item\"\n          >\n            {getDisplayNode()}\n          </div>\n        </div>\n      </div>\n    );\n  },\n  areEqual\n);\n\nFlatGridItemNode.displayName = \"FlatGridItemNode\";\n\ninterface CustomCategoryContentProps {\n  categoryItem: GridCategoryItem;\n  renderer: React.ComponentType<PropertyCategoryRendererProps>;\n  gridContext: VirtualizedPropertyGridContext;\n  onHeightChanged: (newHeight: number) => void;\n}\n\nconst CustomCategoryContent: React.FC<CustomCategoryContentProps> = (props) => {\n  const { onHeightChanged } = props;\n  const divRef = React.useRef<HTMLDivElement>(null);\n\n  React.useLayoutEffect(() => {\n    assert(divRef.current !== null);\n    const contentHeight = divRef.current.getBoundingClientRect().height;\n    onHeightChanged(contentHeight);\n  }, [props.gridContext.orientation, onHeightChanged]);\n\n  return <div ref={divRef}>{React.createElement(props.renderer, props)}</div>;\n};\n"]}

package/lib/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.d.ts

@@ -22,7 +22,9 @@ export interface FlatPropertyRendererProps extends SharedRendererProps {
     /** Callback to determine which editors should be always visible */
     alwaysShowEditor?: (property: PropertyRecord) => boolean;
     /** Called when property edit is committed. */
-    onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;
+    onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void | Promise<{
+        status: "success" | "cancel";
+    }>;
     /** Called when property edit is cancelled. */
     onEditCancel?: () => void;
     /** Used to switch between new and legacy editing system. */

package/lib/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlatPropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAChG,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAG/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAC7F,OAAO,EAAE,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAC3F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAMtE;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,mBAAmB;IACpE,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,4BAA4B;IAC5B,4BAA4B,CAAC,EAAE,4BAA4B,CAAC;IAC5D,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,OAAO,CAAC;IACzD,8CAA8C;IAC9C,YAAY,CAAC,EAAE,CACb,IAAI,EAAE,mBAAmB,EACzB,QAAQ,EAAE,gBAAgB,KACvB,IAAI,CAAC;IACV,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAChC,6DAA6D;IAC7D,UAAU,EAAE,OAAO,CAAC;IACpB,wFAAwF;IACxF,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,uCAAuC;IACvC,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C,SAAS,CAAC,EAAE,0BAA0B,GAAG;QACvC,YAAY,EAAE,OAAO,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC;KACvB,CAAC;IAEF,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA+DpE,CAAC"}
+{"version":3,"file":"FlatPropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAChG,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAG/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAC7F,OAAO,EAAE,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAC3F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAMtE;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,mBAAmB;IACpE,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,4BAA4B;IAC5B,4BAA4B,CAAC,EAAE,4BAA4B,CAAC;IAC5D,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,OAAO,CAAC;IACzD,8CAA8C;IAC9C,YAAY,CAAC,EAAE,CACb,IAAI,EAAE,mBAAmB,EACzB,QAAQ,EAAE,gBAAgB,KACvB,IAAI,GAAG,OAAO,CAAC;QAAE,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAA;KAAE,CAAC,CAAC;IACtD,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAChC,6DAA6D;IAC7D,UAAU,EAAE,OAAO,CAAC;IACpB,wFAAwF;IACxF,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,uCAAuC;IACvC,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C,SAAS,CAAC,EAAE,0BAA0B,GAAG;QACvC,YAAY,EAAE,OAAO,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC;KACvB,CAAC;IAEF,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA+DpE,CAAC"}

package/lib/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.js

@@ -47,18 +47,47 @@ const DisplayValue = (props) => {
     const alwaysShowsEditor = props.alwaysShowEditor
         ? props.alwaysShowEditor(props.propertyRecord)
         : false;
+    const { editorKey, onCancel } = useEditorKey({
+        propertyRecord: props.propertyRecord,
+    });
     if (props.isEditing ||
         (alwaysShowsEditor && props.isPropertyEditingEnabled)) {
-        const _onEditCommit = (args) => {
-            if (props.category)
-                props.onEditCommit?.(args, props.category);
+        const _onEditCommit = async (args) => {
+            if (!props.category) {
+                return;
+            }
+            const result = await props.onEditCommit?.(args, props.category);
+            if (result?.status === "cancel") {
+                onCancel();
+            }
         };
-        return (React.createElement(PropertyRecordEditor, { propertyRecord: props.propertyRecord, onCommit: _onEditCommit, onCancel: props.onEditCancel ?? (() => { }), onClick: () => props.onClick?.(props.propertyRecord, props.uniqueKey), setFocus: props.isEditing, 
+        return (React.createElement(PropertyRecordEditor, { key: editorKey, propertyRecord: props.propertyRecord, onCommit: _onEditCommit, onCancel: () => {
+                props.onEditCancel?.();
+                onCancel();
+            }, onClick: () => props.onClick?.(props.propertyRecord, props.uniqueKey), setFocus: props.isEditing, 
             // eslint-disable-next-line @typescript-eslint/no-deprecated
             editorSystem: props.editorSystem, size: "small" }));
     }
     return CommonPropertyRenderer.createNewDisplayValue(props.orientation, props.propertyRecord, props.indentation, props.propertyValueRendererManager, props.isExpanded, props.onExpansionToggled, props.onHeightChanged, props.highlight);
 };
+/**
+ * Created key for editor component. Different key is produced to reset editor when:
+ * - property value changes
+ * - edit is cancelled (to reset editor internal state to initial value)
+ */
+function useEditorKey({ propertyRecord, }) {
+    const [internalKey, setInternalKey] = React.useState(1);
+    const onCancel = () => {
+        setInternalKey((prev) => prev + 1);
+    };
+    const key = React.useMemo(() => {
+        const serializedValue = propertyRecord.value.valueFormat === PropertyValueFormat.Primitive
+            ? JSON.stringify(propertyRecord.value.value)
+            : "";
+        return `${serializedValue}-${internalKey}`;
+    }, [internalKey, propertyRecord]);
+    return { editorKey: key, onCancel };
+}
 function useResetHeightOnEdit(orientation, isEditing, onHeightChanged) {
     const previousEditingStatusRef = React.useRef(isEditing);
     React.useEffect(() => {

package/lib/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlatPropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.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 PropertyGrid\n */\n\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { HighlightingComponentProps } from \"../../../common/HighlightingComponentProps.js\";\nimport type { PropertyUpdatedArgs } from \"../../../editors/EditorContainer.js\";\nimport { CommonPropertyRenderer } from \"../../../properties/renderers/CommonPropertyRenderer.js\";\nimport type { PrimitiveRendererProps } from \"../../../properties/renderers/PrimitivePropertyRenderer.js\";\nimport type { SharedRendererProps } from \"../../../properties/renderers/PropertyRenderer.js\";\nimport { PropertyValueRendererManager } from \"../../../properties/ValueRendererManager.js\";\nimport type { PropertyCategory } from \"../../PropertyDataProvider.js\";\nimport { FlatNonPrimitivePropertyRenderer } from \"./FlatNonPrimitivePropertyRenderer.js\";\nimport { CustomizablePropertyRenderer } from \"../../../properties/renderers/CustomizablePropertyRenderer.js\";\nimport { Orientation } from \"../../../common/Orientation.js\";\nimport { PropertyRecordEditor } from \"../../../new-editors/interop/PropertyRecordEditor.js\";\n\n/** Properties of [[FlatPropertyRenderer]] React component\n * @internal\n */\nexport interface FlatPropertyRendererProps extends SharedRendererProps {\n  category?: PropertyCategory;\n  /** Custom value renderer */\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  /** Multiplier of how much the property is indented to the right */\n  indentation?: number;\n  /** Indicates property is being edited */\n  isEditing?: boolean;\n  /** Callback to determine which editors should be always visible */\n  alwaysShowEditor?: (property: PropertyRecord) => boolean;\n  /** Called when property edit is committed. */\n  onEditCommit?: (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => void;\n  /** Called when property edit is cancelled. */\n  onEditCancel?: () => void;\n  /** Used to switch between new and legacy editing system. */\n  editorSystem?: \"legacy\" | \"new\";\n  /** Whether property value is displayed in expanded state. */\n  isExpanded: boolean;\n  /** Called when toggling between expanded and collapsed property value display state. */\n  onExpansionToggled: () => void;\n  /** Reports property height changes. */\n  onHeightChanged?: (newHeight: number) => void;\n\n  highlight?: HighlightingComponentProps & {\n    applyOnLabel: boolean;\n    applyOnValue: boolean;\n  };\n\n  children?: never;\n}\n\n/**  A React component that renders flat properties\n * @internal\n */\nexport const FlatPropertyRenderer: React.FC<FlatPropertyRendererProps> = (\n  props\n) => {\n  const { propertyValueRendererManager, highlight, ...passthroughProps } =\n    props;\n\n  const valueElementRenderer = () => (\n    <DisplayValue {...props} editorSystem={props.editorSystem ?? \"legacy\"} />\n  );\n\n  const primitiveRendererProps: PrimitiveRendererProps = {\n    ...passthroughProps,\n    valueElementRenderer,\n    indentation: props.indentation,\n  };\n\n  const rendererManager =\n    propertyValueRendererManager ?? PropertyValueRendererManager.defaultManager;\n  const hasCustomRenderer = rendererManager.hasCustomRenderer(\n    passthroughProps.propertyRecord\n  );\n\n  switch (props.propertyRecord.value.valueFormat) {\n    case PropertyValueFormat.Primitive:\n      return (\n        <CustomizablePropertyRenderer\n          highlight={highlight?.applyOnLabel ? highlight : undefined}\n          {...primitiveRendererProps}\n        />\n      );\n\n    case PropertyValueFormat.Array:\n      // If array is empty or has a custom renderer registered, render it as a customizable property\n      if (props.propertyRecord.value.items.length === 0 || hasCustomRenderer)\n        return (\n          <CustomizablePropertyRenderer\n            highlight={highlight?.applyOnLabel ? highlight : undefined}\n            {...primitiveRendererProps}\n          />\n        );\n\n    // eslint-disable-next-line no-fallthrough\n    case PropertyValueFormat.Struct:\n      // If a custom renderer is registered for the struct property, render it as a customizable property\n      if (hasCustomRenderer) {\n        return (\n          <CustomizablePropertyRenderer\n            highlight={highlight?.applyOnLabel ? highlight : undefined}\n            {...primitiveRendererProps}\n          />\n        );\n      }\n\n      return (\n        <FlatNonPrimitivePropertyRenderer\n          {...primitiveRendererProps}\n          isExpanded={props.isExpanded}\n          onExpandToggled={props.onExpansionToggled}\n          valueElement={undefined}\n          valueElementRenderer={undefined}\n        />\n      );\n  }\n};\n\ninterface DisplayValueProps {\n  isEditing?: boolean;\n  isPropertyEditingEnabled?: boolean;\n  alwaysShowEditor?: (property: PropertyRecord) => boolean;\n  propertyRecord: PropertyRecord;\n\n  orientation: Orientation;\n  columnRatio?: number;\n  /** Pass width to rerender component as property grid width changes */\n  width?: number;\n  indentation?: number;\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  isExpanded?: boolean;\n  onExpansionToggled?: () => void;\n  onHeightChanged?: (newHeight: number) => void;\n  onClick?: (property: PropertyRecord, key?: string) => void;\n  uniqueKey?: string;\n  category?: PropertyCategory;\n  editorSystem: \"legacy\" | \"new\";\n  onEditCancel?: () => void;\n  onEditCommit?: (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => void;\n\n  highlight?: HighlightingComponentProps & {\n    applyOnLabel: boolean;\n    applyOnValue: boolean;\n  };\n}\n\nconst DisplayValue: React.FC<DisplayValueProps> = (props): React.ReactNode => {\n  useResetHeightOnEdit(\n    props.orientation,\n    props.isEditing,\n    props.onHeightChanged\n  );\n\n  const alwaysShowsEditor = props.alwaysShowEditor\n    ? props.alwaysShowEditor(props.propertyRecord)\n    : false;\n\n  if (\n    props.isEditing ||\n    (alwaysShowsEditor && props.isPropertyEditingEnabled)\n  ) {\n    const _onEditCommit = (args: PropertyUpdatedArgs) => {\n      if (props.category) props.onEditCommit?.(args, props.category);\n    };\n\n    return (\n      <PropertyRecordEditor\n        propertyRecord={props.propertyRecord}\n        onCommit={_onEditCommit}\n        onCancel={props.onEditCancel ?? (() => {})}\n        onClick={() => props.onClick?.(props.propertyRecord, props.uniqueKey)}\n        setFocus={props.isEditing}\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        editorSystem={props.editorSystem}\n        size=\"small\"\n      />\n    );\n  }\n\n  return CommonPropertyRenderer.createNewDisplayValue(\n    props.orientation,\n    props.propertyRecord,\n    props.indentation,\n    props.propertyValueRendererManager,\n    props.isExpanded,\n    props.onExpansionToggled,\n    props.onHeightChanged,\n    props.highlight\n  );\n};\n\nfunction useResetHeightOnEdit(\n  orientation: Orientation,\n  isEditing?: boolean,\n  onHeightChanged?: (newHeight: number) => void\n) {\n  const previousEditingStatusRef = React.useRef(isEditing);\n  React.useEffect(() => {\n    if (!previousEditingStatusRef.current && isEditing) {\n      onHeightChanged?.(orientation === Orientation.Vertical ? 48 : 28);\n    }\n\n    previousEditingStatusRef.current = isEditing;\n  });\n}\n"]}
+{"version":3,"file":"FlatPropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.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 PropertyGrid\n */\n\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { HighlightingComponentProps } from \"../../../common/HighlightingComponentProps.js\";\nimport type { PropertyUpdatedArgs } from \"../../../editors/EditorContainer.js\";\nimport { CommonPropertyRenderer } from \"../../../properties/renderers/CommonPropertyRenderer.js\";\nimport type { PrimitiveRendererProps } from \"../../../properties/renderers/PrimitivePropertyRenderer.js\";\nimport type { SharedRendererProps } from \"../../../properties/renderers/PropertyRenderer.js\";\nimport { PropertyValueRendererManager } from \"../../../properties/ValueRendererManager.js\";\nimport type { PropertyCategory } from \"../../PropertyDataProvider.js\";\nimport { FlatNonPrimitivePropertyRenderer } from \"./FlatNonPrimitivePropertyRenderer.js\";\nimport { CustomizablePropertyRenderer } from \"../../../properties/renderers/CustomizablePropertyRenderer.js\";\nimport { Orientation } from \"../../../common/Orientation.js\";\nimport { PropertyRecordEditor } from \"../../../new-editors/interop/PropertyRecordEditor.js\";\n\n/** Properties of [[FlatPropertyRenderer]] React component\n * @internal\n */\nexport interface FlatPropertyRendererProps extends SharedRendererProps {\n  category?: PropertyCategory;\n  /** Custom value renderer */\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  /** Multiplier of how much the property is indented to the right */\n  indentation?: number;\n  /** Indicates property is being edited */\n  isEditing?: boolean;\n  /** Callback to determine which editors should be always visible */\n  alwaysShowEditor?: (property: PropertyRecord) => boolean;\n  /** Called when property edit is committed. */\n  onEditCommit?: (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => void | Promise<{ status: \"success\" | \"cancel\" }>;\n  /** Called when property edit is cancelled. */\n  onEditCancel?: () => void;\n  /** Used to switch between new and legacy editing system. */\n  editorSystem?: \"legacy\" | \"new\";\n  /** Whether property value is displayed in expanded state. */\n  isExpanded: boolean;\n  /** Called when toggling between expanded and collapsed property value display state. */\n  onExpansionToggled: () => void;\n  /** Reports property height changes. */\n  onHeightChanged?: (newHeight: number) => void;\n\n  highlight?: HighlightingComponentProps & {\n    applyOnLabel: boolean;\n    applyOnValue: boolean;\n  };\n\n  children?: never;\n}\n\n/**  A React component that renders flat properties\n * @internal\n */\nexport const FlatPropertyRenderer: React.FC<FlatPropertyRendererProps> = (\n  props\n) => {\n  const { propertyValueRendererManager, highlight, ...passthroughProps } =\n    props;\n\n  const valueElementRenderer = () => (\n    <DisplayValue {...props} editorSystem={props.editorSystem ?? \"legacy\"} />\n  );\n\n  const primitiveRendererProps: PrimitiveRendererProps = {\n    ...passthroughProps,\n    valueElementRenderer,\n    indentation: props.indentation,\n  };\n\n  const rendererManager =\n    propertyValueRendererManager ?? PropertyValueRendererManager.defaultManager;\n  const hasCustomRenderer = rendererManager.hasCustomRenderer(\n    passthroughProps.propertyRecord\n  );\n\n  switch (props.propertyRecord.value.valueFormat) {\n    case PropertyValueFormat.Primitive:\n      return (\n        <CustomizablePropertyRenderer\n          highlight={highlight?.applyOnLabel ? highlight : undefined}\n          {...primitiveRendererProps}\n        />\n      );\n\n    case PropertyValueFormat.Array:\n      // If array is empty or has a custom renderer registered, render it as a customizable property\n      if (props.propertyRecord.value.items.length === 0 || hasCustomRenderer)\n        return (\n          <CustomizablePropertyRenderer\n            highlight={highlight?.applyOnLabel ? highlight : undefined}\n            {...primitiveRendererProps}\n          />\n        );\n\n    // eslint-disable-next-line no-fallthrough\n    case PropertyValueFormat.Struct:\n      // If a custom renderer is registered for the struct property, render it as a customizable property\n      if (hasCustomRenderer) {\n        return (\n          <CustomizablePropertyRenderer\n            highlight={highlight?.applyOnLabel ? highlight : undefined}\n            {...primitiveRendererProps}\n          />\n        );\n      }\n\n      return (\n        <FlatNonPrimitivePropertyRenderer\n          {...primitiveRendererProps}\n          isExpanded={props.isExpanded}\n          onExpandToggled={props.onExpansionToggled}\n          valueElement={undefined}\n          valueElementRenderer={undefined}\n        />\n      );\n  }\n};\n\ninterface DisplayValueProps {\n  isEditing?: boolean;\n  isPropertyEditingEnabled?: boolean;\n  alwaysShowEditor?: (property: PropertyRecord) => boolean;\n  propertyRecord: PropertyRecord;\n\n  orientation: Orientation;\n  columnRatio?: number;\n  /** Pass width to rerender component as property grid width changes */\n  width?: number;\n  indentation?: number;\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  isExpanded?: boolean;\n  onExpansionToggled?: () => void;\n  onHeightChanged?: (newHeight: number) => void;\n  onClick?: (property: PropertyRecord, key?: string) => void;\n  uniqueKey?: string;\n  category?: PropertyCategory;\n  editorSystem: \"legacy\" | \"new\";\n  onEditCancel?: () => void;\n  onEditCommit?: (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => void | Promise<{ status: \"success\" | \"cancel\" }>;\n\n  highlight?: HighlightingComponentProps & {\n    applyOnLabel: boolean;\n    applyOnValue: boolean;\n  };\n}\n\nconst DisplayValue: React.FC<DisplayValueProps> = (props): React.ReactNode => {\n  useResetHeightOnEdit(\n    props.orientation,\n    props.isEditing,\n    props.onHeightChanged\n  );\n\n  const alwaysShowsEditor = props.alwaysShowEditor\n    ? props.alwaysShowEditor(props.propertyRecord)\n    : false;\n\n  const { editorKey, onCancel } = useEditorKey({\n    propertyRecord: props.propertyRecord,\n  });\n\n  if (\n    props.isEditing ||\n    (alwaysShowsEditor && props.isPropertyEditingEnabled)\n  ) {\n    const _onEditCommit = async (args: PropertyUpdatedArgs) => {\n      if (!props.category) {\n        return;\n      }\n      const result = await props.onEditCommit?.(args, props.category);\n      if (result?.status === \"cancel\") {\n        onCancel();\n      }\n    };\n\n    return (\n      <PropertyRecordEditor\n        key={editorKey}\n        propertyRecord={props.propertyRecord}\n        onCommit={_onEditCommit}\n        onCancel={() => {\n          props.onEditCancel?.();\n          onCancel();\n        }}\n        onClick={() => props.onClick?.(props.propertyRecord, props.uniqueKey)}\n        setFocus={props.isEditing}\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        editorSystem={props.editorSystem}\n        size=\"small\"\n      />\n    );\n  }\n\n  return CommonPropertyRenderer.createNewDisplayValue(\n    props.orientation,\n    props.propertyRecord,\n    props.indentation,\n    props.propertyValueRendererManager,\n    props.isExpanded,\n    props.onExpansionToggled,\n    props.onHeightChanged,\n    props.highlight\n  );\n};\n\n/**\n * Created key for editor component. Different key is produced to reset editor when:\n * - property value changes\n * - edit is cancelled (to reset editor internal state to initial value)\n */\nfunction useEditorKey({\n  propertyRecord,\n}: Pick<DisplayValueProps, \"propertyRecord\">) {\n  const [internalKey, setInternalKey] = React.useState(1);\n\n  const onCancel = () => {\n    setInternalKey((prev) => prev + 1);\n  };\n\n  const key = React.useMemo(() => {\n    const serializedValue =\n      propertyRecord.value.valueFormat === PropertyValueFormat.Primitive\n        ? JSON.stringify(propertyRecord.value.value)\n        : \"\";\n    return `${serializedValue}-${internalKey}`;\n  }, [internalKey, propertyRecord]);\n\n  return { editorKey: key, onCancel };\n}\n\nfunction useResetHeightOnEdit(\n  orientation: Orientation,\n  isEditing?: boolean,\n  onHeightChanged?: (newHeight: number) => void\n) {\n  const previousEditingStatusRef = React.useRef(isEditing);\n  React.useEffect(() => {\n    if (!previousEditingStatusRef.current && isEditing) {\n      onHeightChanged?.(orientation === Orientation.Vertical ? 48 : 28);\n    }\n\n    previousEditingStatusRef.current = isEditing;\n  });\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/components-react",
-  "version": "5.31.0",
+  "version": "5.32.1",
   "description": "A react component library of iTwin.js UI data-oriented components",
   "type": "module",
   "types": "./lib/components-react.d.ts",
@@ -40,7 +40,7 @@
     "@itwin/itwinui-react": "^3.15.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@itwin/core-react": "5.31.0"
+    "@itwin/core-react": "5.32.1"
   },
   "devDependencies": {
     "@itwin/appui-abstract": "^5.8.1",
@@ -74,7 +74,7 @@
     "typescript": "~5.6.3",
     "upath": "^2.0.1",
     "vitest": "^3.2.4",
-    "@itwin/core-react": "5.31.0"
+    "@itwin/core-react": "5.32.1"
   },
   "dependencies": {
     "@itwin/itwinui-icons-react": "^2.11.0",