@itwin/components-react 5.29.0 → 5.30.0

package/CHANGELOG.md

@@ -1,5 +1,133 @@
 # Change Log - @itwin/components-react
 
+## 5.30.0
+
+### Minor Changes
+
+- b6ca75b: Deprecated legacy editors system
+
+  Deprecated the legacy editor system in favor of the new `EditorSpec`-based system. The following APIs are deprecated:
+
+  - `EditorContainer` - use `PropertyRecordEditor` or `EditorRenderer` instead.
+  - `PropertyEditorBase`, `TypeEditor`, `PropertyEditorProps` - use `EditorSpec` / `createEditorSpec` to define custom editors.
+  - `PropertyEditorManager` - use `EditorsRegistryProvider` to register custom editors.
+  - `DataControllerBase`, `DataController`, `AsyncErrorMessage`, `AsyncValueProcessingResult` - no longer needed in the new system.
+
+  Deprecated individual editor components. Use `EditorRenderer` to render editors based on metadata instead of using these directly:
+
+  - `BasicPropertyEditor`, `BooleanEditor`, `BooleanPropertyEditor`
+  - `TextEditor`, `TextareaEditor`, `TextareaPropertyEditor`
+  - `EnumEditor`, `EnumPropertyEditor`, `EnumButtonGroupEditor`, `EnumPropertyButtonGroupEditor`
+  - `NumericInputEditor`, `NumericInputPropertyEditor`
+  - `SliderEditor`, `SliderPropertyEditor`
+  - `ToggleEditor`, `TogglePropertyEditor`
+  - `ImageCheckBoxEditor`, `ImageCheckBoxPropertyEditor`
+  - `IconEditor`, `IconPropertyEditor`
+  - `CustomNumberEditor`, `CustomNumberPropertyEditor`
+
+- b6ca75b: Added `PropertyRecordEditorMetadata` and `isPropertyRecordEditorMetadata`
+
+  Promoted `PropertyRecordEditorMetadata` interface and `isPropertyRecordEditorMetadata` type guard to `@beta`. These allow custom editors to access legacy `PropertyRecord` metadata (e.g. `typename`, `params`, `enum`, `extendedData`) when used with the new editor system.
+
+  #### Migration
+
+  Migrate from `EditorContainer` to the new system using `PropertyRecordEditor`:
+
+  ```tsx
+  // before
+  <EditorContainer
+    propertyRecord={propertyRecord}
+    onCommit={onCommit}
+    onCancel={onCancel}
+  />
+
+  // after
+  <PropertyRecordEditor
+    propertyRecord={propertyRecord}
+    onCommit={onCommit}
+    onCancel={onCancel}
+    editorSystem="new"
+  />
+  ```
+
+  Migrate custom editors from `PropertyEditorBase` to `EditorSpec`:
+
+  **Before**
+
+  ```tsx
+  const CustomBooleanEditor = React.forwardRef<TypeEditor, PropertyEditorProps>(
+    (props, ref) => {
+      const currentValue =
+        props.propertyRecord?.value.valueFormat ===
+        PropertyValueFormat.Primitive
+          ? (props.propertyRecord.value.value as boolean)
+          : false;
+
+      React.useImperativeHandle(ref, () => ({
+        getPropertyValue: async () => ({
+          valueFormat: PropertyValueFormat.Primitive,
+          value: currentValue,
+          displayValue: "",
+        }),
+        htmlElement: null,
+        hasFocus: false,
+      }));
+
+      return (
+        <ToggleSwitch
+          checked={currentValue}
+          onChange={(e) => {
+            props.onCommit?.({
+              propertyRecord: props.propertyRecord!,
+              newValue: {
+                valueFormat: PropertyValueFormat.Primitive,
+                value: e.target.checked,
+                displayValue: "",
+              },
+            });
+          }}
+        />
+      );
+    }
+  );
+
+  export class CustomBooleanPropertyEditor extends PropertyEditorBase {
+    public get reactNode(): React.ReactNode {
+      return <CustomBooleanEditor />;
+    }
+  }
+  ```
+
+  **After**
+
+  ```tsx
+  export const CustomBoolEditorSpec: EditorSpec = createEditorSpec({
+    isMetadataSupported: (metadata): metadata is ValueMetadata =>
+      metadata.type === "bool",
+    isValueSupported: ValueUtilities.isBoolean,
+    Editor: CustomBooleanEditor,
+  });
+
+  function CustomBooleanEditor(
+    props: EditorProps<ValueMetadata, BooleanValue>
+  ) {
+    const currentValue = props.value?.value ?? false;
+    return (
+      <ToggleSwitch
+        checked={currentValue}
+        onChange={(e) => {
+          props.onChange({ value: e.target.checked });
+          props.commit?.();
+        }}
+      />
+    );
+  }
+  ```
+
+### Patch Changes
+
+- @itwin/core-react@5.30.0
+
 ## 5.29.0
 
 ### Minor Changes

package/lib/components-react/editors/BooleanEditor.d.ts

@@ -12,6 +12,7 @@ interface BooleanEditorState {
 }
 /** BooleanEditor React component that is a property editor with checkbox input
  * @public
+ * @deprecated in 5.30. This is part of the old editor system and should not be used directly. Use {@link EditorRenderer} instead.
  */
 export declare class BooleanEditor extends React.PureComponent<PropertyEditorProps, BooleanEditorState> implements TypeEditor {
     private _isMounted;
@@ -32,6 +33,7 @@ export declare class BooleanEditor extends React.PureComponent<PropertyEditorPro
 /** Boolean Property Editor registered for the "bool" and "boolean" type names.
  * It uses the [[BooleanEditor]] React component.
  * @public
+ * @deprecated in 5.30. This is part of the old editor system and should not be used directly. Use {@link EditorRenderer} instead.
  */
 export declare class BooleanPropertyEditor extends PropertyEditorBase {
     get containerHandlesBlur(): boolean;

package/lib/components-react/editors/BooleanEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BooleanEditor.d.ts","sourceRoot":"","sources":["../../../src/components-react/editors/BooleanEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,gBAAgB;AAChB,UAAU,kBAAkB;IAC1B,aAAa,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,qBAAa,aACX,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,kBAAkB,CACnE,YAAW,UAAU;IAErB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,aAAa,CAAuC;IAE5D,SAAyB,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAE1D;IAEW,gBAAgB,IAAI,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC;IAInE,OAAO,CAAC,oBAAoB;IAe5B,IAAW,WAAW,IAAI,WAAW,GAAG,IAAI,CAE3C;IAED,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,OAAO,CAAC,oBAAoB,CAqB1B;IAEc,iBAAiB;IAKjB,oBAAoB;IAIpC,gBAAgB;IACA,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAMjE,OAAO,CAAC,iBAAiB;IAkBT,MAAM;CA0BvB;AAED;;;GAGG;AACH,qBAAa,qBAAsB,SAAQ,kBAAkB;IAC3D,IAAoB,oBAAoB,IAAI,OAAO,CAElD;IAED,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;CACF"}
+{"version":3,"file":"BooleanEditor.d.ts","sourceRoot":"","sources":["../../../src/components-react/editors/BooleanEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAKhE,gBAAgB;AAChB,UAAU,kBAAkB;IAC1B,aAAa,EAAE,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,qBAAa,aACX,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,kBAAkB,CACnE,YAAW,UAAU;IAErB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,aAAa,CAAuC;IAE5D,SAAyB,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAE1D;IAEW,gBAAgB,IAAI,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC;IAInE,OAAO,CAAC,oBAAoB;IAe5B,IAAW,WAAW,IAAI,WAAW,GAAG,IAAI,CAE3C;IAED,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,OAAO,CAAC,oBAAoB,CAqB1B;IAEc,iBAAiB;IAKjB,oBAAoB;IAIpC,gBAAgB;IACA,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAMjE,OAAO,CAAC,iBAAiB;IAkBT,MAAM;CA0BvB;AAED;;;;GAIG;AACH,qBAAa,qBAAsB,SAAQ,kBAAkB;IAC3D,IAAoB,oBAAoB,IAAI,OAAO,CAElD;IAED,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;CACF"}

package/lib/components-react/editors/BooleanEditor.js

@@ -13,6 +13,7 @@ import { Checkbox } from "@itwin/itwinui-react";
 import { PropertyEditorBase } from "./PropertyEditorManager.js";
 /** BooleanEditor React component that is a property editor with checkbox input
  * @public
+ * @deprecated in 5.30. This is part of the old editor system and should not be used directly. Use {@link EditorRenderer} instead.
  */
 export class BooleanEditor extends React.PureComponent {
     _isMounted = false;
@@ -95,6 +96,7 @@ export class BooleanEditor extends React.PureComponent {
 /** Boolean Property Editor registered for the "bool" and "boolean" type names.
  * It uses the [[BooleanEditor]] React component.
  * @public
+ * @deprecated in 5.30. This is part of the old editor system and should not be used directly. Use {@link EditorRenderer} instead.
  */
 export class BooleanPropertyEditor extends PropertyEditorBase {
     get containerHandlesBlur() {

package/lib/components-react/editors/BooleanEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"BooleanEditor.js","sourceRoot":"","sources":["../../../src/components-react/editors/BooleanEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyEditors\n */\n\nimport \"./BooleanEditor.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { PropertyValue } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport type { PropertyEditorProps, TypeEditor } from \"./EditorContainer.js\";\nimport { PropertyEditorBase } from \"./PropertyEditorManager.js\";\n\n/** @internal */\ninterface BooleanEditorState {\n  checkboxValue: boolean;\n}\n\n/** BooleanEditor React component that is a property editor with checkbox input\n * @public\n */\nexport class BooleanEditor\n  extends React.PureComponent<PropertyEditorProps, BooleanEditorState>\n  implements TypeEditor\n{\n  private _isMounted = false;\n  private _inputElement = React.createRef<HTMLInputElement>();\n\n  public override readonly state: Readonly<BooleanEditorState> = {\n    checkboxValue: false,\n  };\n\n  public async getPropertyValue(): Promise<PropertyValue | undefined> {\n    return this.getPropertyValueSync();\n  }\n\n  private getPropertyValueSync(): PropertyValue | undefined {\n    const record = this.props.propertyRecord;\n    let propertyValue: PropertyValue | undefined;\n\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      propertyValue = {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: this.state.checkboxValue,\n        displayValue: \"\",\n      };\n    }\n\n    return propertyValue;\n  }\n\n  public get htmlElement(): HTMLElement | null {\n    return this._inputElement.current;\n  }\n\n  public get hasFocus(): boolean {\n    return document.activeElement === this._inputElement.current;\n  }\n\n  private _updateCheckboxValue = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (this._isMounted) {\n      const checkboxValue = !!e.target.checked;\n\n      this.setState(\n        {\n          checkboxValue,\n        },\n        () => {\n          if (this.props.propertyRecord && this.props.onCommit) {\n            const propertyValue = this.getPropertyValueSync();\n            if (propertyValue !== undefined) {\n              this.props.onCommit({\n                propertyRecord: this.props.propertyRecord,\n                newValue: propertyValue,\n              });\n            }\n          }\n        }\n      );\n    }\n  };\n\n  public override componentDidMount() {\n    this._isMounted = true;\n    this.setStateFromProps();\n  }\n\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  /** @internal */\n  public override componentDidUpdate(prevProps: PropertyEditorProps) {\n    if (this.props.propertyRecord !== prevProps.propertyRecord) {\n      this.setStateFromProps();\n    }\n  }\n\n  private setStateFromProps() {\n    const { propertyRecord } = this.props;\n    let checkboxValue = false;\n\n    if (\n      propertyRecord &&\n      propertyRecord.value.valueFormat === PropertyValueFormat.Primitive\n    ) {\n      const primitiveValue = propertyRecord.value.value;\n      checkboxValue = primitiveValue as boolean;\n    }\n\n    if (this._isMounted)\n      this.setState({\n        checkboxValue,\n      });\n  }\n\n  public override render() {\n    const className = classnames(\n      \"components-cell-editor\",\n      \"components-boolean-editor\",\n      this.props.className\n    );\n    const checked = this.state.checkboxValue;\n\n    return (\n      <Checkbox\n        ref={this._inputElement}\n        onBlur={this.props.onBlur}\n        className={className}\n        style={this.props.style}\n        checked={checked}\n        onChange={this._updateCheckboxValue}\n        autoFocus={this.props.setFocus} // eslint-disable-line jsx-a11y/no-autofocus\n        disabled={\n          this.props.propertyRecord?.isDisabled ||\n          this.props.propertyRecord?.isReadonly\n        }\n        data-testid=\"components-checkbox-editor\"\n        id={this.props.propertyRecord?.property.name}\n      ></Checkbox>\n    );\n  }\n}\n\n/** Boolean Property Editor registered for the \"bool\" and \"boolean\" type names.\n * It uses the [[BooleanEditor]] React component.\n * @public\n */\nexport class BooleanPropertyEditor extends PropertyEditorBase {\n  public override get containerHandlesBlur(): boolean {\n    return false;\n  }\n\n  public get reactNode(): React.ReactNode {\n    return <BooleanEditor />;\n  }\n}\n"]}
+{"version":3,"file":"BooleanEditor.js","sourceRoot":"","sources":["../../../src/components-react/editors/BooleanEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyEditors\n */\n\nimport \"./BooleanEditor.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { PropertyValue } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport type { PropertyEditorProps, TypeEditor } from \"./EditorContainer.js\";\nimport { PropertyEditorBase } from \"./PropertyEditorManager.js\";\nimport { EditorRenderer } from \"../new-editors/EditorRenderer.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** @internal */\ninterface BooleanEditorState {\n  checkboxValue: boolean;\n}\n\n/** BooleanEditor React component that is a property editor with checkbox input\n * @public\n * @deprecated in 5.30. This is part of the old editor system and should not be used directly. Use {@link EditorRenderer} instead.\n */\nexport class BooleanEditor\n  extends React.PureComponent<PropertyEditorProps, BooleanEditorState>\n  implements TypeEditor\n{\n  private _isMounted = false;\n  private _inputElement = React.createRef<HTMLInputElement>();\n\n  public override readonly state: Readonly<BooleanEditorState> = {\n    checkboxValue: false,\n  };\n\n  public async getPropertyValue(): Promise<PropertyValue | undefined> {\n    return this.getPropertyValueSync();\n  }\n\n  private getPropertyValueSync(): PropertyValue | undefined {\n    const record = this.props.propertyRecord;\n    let propertyValue: PropertyValue | undefined;\n\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      propertyValue = {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: this.state.checkboxValue,\n        displayValue: \"\",\n      };\n    }\n\n    return propertyValue;\n  }\n\n  public get htmlElement(): HTMLElement | null {\n    return this._inputElement.current;\n  }\n\n  public get hasFocus(): boolean {\n    return document.activeElement === this._inputElement.current;\n  }\n\n  private _updateCheckboxValue = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (this._isMounted) {\n      const checkboxValue = !!e.target.checked;\n\n      this.setState(\n        {\n          checkboxValue,\n        },\n        () => {\n          if (this.props.propertyRecord && this.props.onCommit) {\n            const propertyValue = this.getPropertyValueSync();\n            if (propertyValue !== undefined) {\n              this.props.onCommit({\n                propertyRecord: this.props.propertyRecord,\n                newValue: propertyValue,\n              });\n            }\n          }\n        }\n      );\n    }\n  };\n\n  public override componentDidMount() {\n    this._isMounted = true;\n    this.setStateFromProps();\n  }\n\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  /** @internal */\n  public override componentDidUpdate(prevProps: PropertyEditorProps) {\n    if (this.props.propertyRecord !== prevProps.propertyRecord) {\n      this.setStateFromProps();\n    }\n  }\n\n  private setStateFromProps() {\n    const { propertyRecord } = this.props;\n    let checkboxValue = false;\n\n    if (\n      propertyRecord &&\n      propertyRecord.value.valueFormat === PropertyValueFormat.Primitive\n    ) {\n      const primitiveValue = propertyRecord.value.value;\n      checkboxValue = primitiveValue as boolean;\n    }\n\n    if (this._isMounted)\n      this.setState({\n        checkboxValue,\n      });\n  }\n\n  public override render() {\n    const className = classnames(\n      \"components-cell-editor\",\n      \"components-boolean-editor\",\n      this.props.className\n    );\n    const checked = this.state.checkboxValue;\n\n    return (\n      <Checkbox\n        ref={this._inputElement}\n        onBlur={this.props.onBlur}\n        className={className}\n        style={this.props.style}\n        checked={checked}\n        onChange={this._updateCheckboxValue}\n        autoFocus={this.props.setFocus} // eslint-disable-line jsx-a11y/no-autofocus\n        disabled={\n          this.props.propertyRecord?.isDisabled ||\n          this.props.propertyRecord?.isReadonly\n        }\n        data-testid=\"components-checkbox-editor\"\n        id={this.props.propertyRecord?.property.name}\n      ></Checkbox>\n    );\n  }\n}\n\n/** Boolean Property Editor registered for the \"bool\" and \"boolean\" type names.\n * It uses the [[BooleanEditor]] React component.\n * @public\n * @deprecated in 5.30. This is part of the old editor system and should not be used directly. Use {@link EditorRenderer} instead.\n */\nexport class BooleanPropertyEditor extends PropertyEditorBase {\n  public override get containerHandlesBlur(): boolean {\n    return false;\n  }\n\n  public get reactNode(): React.ReactNode {\n    return <BooleanEditor />;\n  }\n}\n"]}

package/lib/components-react/editors/CustomNumberEditor.d.ts

@@ -15,6 +15,7 @@ interface CustomNumberEditorState {
 }
 /** CustomNumberEditor is a React component that is a property editor for numbers that specify custom formatting and parsing functions.
  * @alpha
+ * @deprecated in 5.30. This is part of the old editor system and should not be used directly. Use {@link EditorRenderer} instead.
  */
 export declare class CustomNumberEditor extends React.PureComponent<PropertyEditorProps, CustomNumberEditorState> implements TypeEditor {
     #private;
@@ -44,6 +45,7 @@ export declare class CustomNumberEditor extends React.PureComponent<PropertyEdit
 /** Custom Property Editor registered for the "number" type name and the "number-custom" editor name.
  * It uses the [[CustomNumberEditor]] React component.
  * @alpha
+ * @deprecated in 5.30. This is part of the old editor system and should not be used directly. Use {@link EditorRenderer} instead.
  */
 export declare class CustomNumberPropertyEditor extends PropertyEditorBase {
     get reactNode(): React.ReactNode;

package/lib/components-react/editors/CustomNumberEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomNumberEditor.d.ts","sourceRoot":"","sources":["../../../src/components-react/editors/CustomNumberEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AAEnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAOV,aAAa,EACd,MAAM,uBAAuB,CAAC;AAU/B,OAAO,KAAK,EAEV,mBAAmB,EACnB,UAAU,EACX,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAKhE,UAAU,uBAAuB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,kBACX,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,uBAAuB,CACxE,YAAW,UAAU;;IAErB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,aAAa,CAA0C;IAC/D,OAAO,CAAC,aAAa,CAAuC;IAC5D,OAAO,CAAC,eAAe,CAA4B;IAGnD,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,UAAU,CAA4B;IAE9C,SAAyB,KAAK,EAAE,QAAQ,CAAC,uBAAuB,CAAC,CAE/D;IAEW,gBAAgB,IAAI,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC;IA8FnE,IAAW,WAAW,IAAI,WAAW,GAAG,IAAI,CAE3C;IAED,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,kBAAkB;IA8B1B,OAAO,CAAC,iBAAiB,CAEvB;IAEc,iBAAiB;IAKjB,oBAAoB;IAIpB,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAMjE,OAAO,CAAC,uBAAuB;IAuB/B,OAAO,CAAC,iBAAiB;IAgGzB,OAAO,CAAC,6BAA6B;IAQrC,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,QAAQ,CAEd;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CAkD1C;AAED;;;GAGG;AACH,qBAAa,0BAA2B,SAAQ,kBAAkB;IAChE,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;IACD,IAAoB,sBAAsB,IAAI,OAAO,CAEpD;CACF"}
+{"version":3,"file":"CustomNumberEditor.d.ts","sourceRoot":"","sources":["../../../src/components-react/editors/CustomNumberEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AAEnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAOV,aAAa,EACd,MAAM,uBAAuB,CAAC;AAU/B,OAAO,KAAK,EAEV,mBAAmB,EACnB,UAAU,EACX,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAQhE,UAAU,uBAAuB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,qBAAa,kBACX,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,uBAAuB,CACxE,YAAW,UAAU;;IAErB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,aAAa,CAA0C;IAC/D,OAAO,CAAC,aAAa,CAAuC;IAC5D,OAAO,CAAC,eAAe,CAA4B;IAGnD,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,UAAU,CAA4B;IAE9C,SAAyB,KAAK,EAAE,QAAQ,CAAC,uBAAuB,CAAC,CAE/D;IAEW,gBAAgB,IAAI,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC;IA8FnE,IAAW,WAAW,IAAI,WAAW,GAAG,IAAI,CAE3C;IAED,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,kBAAkB;IA8B1B,OAAO,CAAC,iBAAiB,CAEvB;IAEc,iBAAiB;IAKjB,oBAAoB;IAIpB,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAMjE,OAAO,CAAC,uBAAuB;IAuB/B,OAAO,CAAC,iBAAiB;IAgGzB,OAAO,CAAC,6BAA6B;IAQrC,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,QAAQ,CAEd;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CAiD1C;AAED;;;;GAIG;AACH,qBAAa,0BAA2B,SAAQ,kBAAkB;IAChE,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;IACD,IAAoB,sBAAsB,IAAI,OAAO,CAEpD;CACF"}

package/lib/components-react/editors/CustomNumberEditor.js

@@ -17,6 +17,7 @@ import { UiComponents } from "../UiComponents.js";
 import { PropertyEditorBase } from "./PropertyEditorManager.js";
 /** CustomNumberEditor is a React component that is a property editor for numbers that specify custom formatting and parsing functions.
  * @alpha
+ * @deprecated in 5.30. This is part of the old editor system and should not be used directly. Use {@link EditorRenderer} instead.
  */
 export class CustomNumberEditor extends React.PureComponent {
     _isMounted = false;
@@ -298,15 +299,14 @@ export class CustomNumberEditor extends React.PureComponent {
             autoFocus: this.shouldSetFocus(),
             onKeyDown: this._onKeyPress,
         };
-        const icon = this.state.iconSpec ? (
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        React.createElement(Icon, { iconSpec: this.state.iconSpec })) : undefined;
+        const icon = this.state.iconSpec ? (React.createElement(Icon, { iconSpec: this.state.iconSpec })) : undefined;
         return (React.createElement(LockNumberEditor, { ...inputProps, ref: this._inputElement, id: this.props.propertyRecord?.property.name, icon: icon, decoration: decoration }));
     }
 }
 /** Custom Property Editor registered for the "number" type name and the "number-custom" editor name.
  * It uses the [[CustomNumberEditor]] React component.
  * @alpha
+ * @deprecated in 5.30. This is part of the old editor system and should not be used directly. Use {@link EditorRenderer} instead.
  */
 export class CustomNumberPropertyEditor extends PropertyEditorBase {
     get reactNode() {
@@ -325,9 +325,7 @@ const LockNumberEditor = React.forwardRef(function LockNumberEditor(props, forwa
             decoration));
     }
     if (icon) {
-        return (
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        React.createElement(IconInput, { ...rest, ref: forwardedRef, icon: icon, "data-testid": "components-customnumber-editor" }));
+        return (React.createElement(IconInput, { ...rest, ref: forwardedRef, icon: icon, "data-testid": "components-customnumber-editor" }));
     }
     return (React.createElement(Input, { ...rest, ref: forwardedRef, "data-testid": "components-customnumber-editor", size: "small" }));
 });

package/lib/components-react/editors/CustomNumberEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomNumberEditor.js","sourceRoot":"","sources":["../../../src/components-react/editors/CustomNumberEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyEditors\n */\n\nimport \"./CustomNumberEditor.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type {\n  CustomFormattedNumberParams,\n  IconEditorParams,\n  InputEditorSizeParams,\n  PrimitiveValue,\n  PropertyEditorParams,\n  PropertyRecord,\n  PropertyValue,\n} from \"@itwin/appui-abstract\";\nimport {\n  MessageSeverity,\n  PropertyEditorParamTypes,\n  PropertyValueFormat,\n  UiAdmin,\n} from \"@itwin/appui-abstract\";\nimport { Icon, IconInput } from \"@itwin/core-react\";\nimport { Input, InputWithDecorations } from \"@itwin/itwinui-react\";\nimport { UiComponents } from \"../UiComponents.js\";\nimport type {\n  InternalInputEditorProps,\n  PropertyEditorProps,\n  TypeEditor,\n} from \"./EditorContainer.js\";\nimport { PropertyEditorBase } from \"./PropertyEditorManager.js\";\nimport type { IconNodeEditorParams } from \"../../internal.js\";\n\ntype InputProps = React.ComponentPropsWithoutRef<typeof Input>;\n\ninterface CustomNumberEditorState {\n  inputValue: string;\n  size?: number;\n  maxSize?: number;\n  maxLength?: number;\n  iconSpec?: React.ReactNode;\n}\n\n/** CustomNumberEditor is a React component that is a property editor for numbers that specify custom formatting and parsing functions.\n * @alpha\n */\nexport class CustomNumberEditor\n  extends React.PureComponent<PropertyEditorProps, CustomNumberEditorState>\n  implements TypeEditor\n{\n  private _isMounted = false;\n  private _formatParams: CustomFormattedNumberParams | undefined;\n  private _inputElement = React.createRef<HTMLInputElement>();\n  private _lastValidValue: PropertyValue | undefined;\n\n  // Used to track the last user typed value.\n  private _lastInputValue: string | undefined;\n  private _lastValue: PropertyValue | undefined;\n\n  public override readonly state: Readonly<CustomNumberEditorState> = {\n    inputValue: \"\",\n  };\n\n  public async getPropertyValue(): Promise<PropertyValue | undefined> {\n    // This is called by the container to commit the value. Format the value.\n    this._lastInputValue = undefined;\n    this._lastValue = undefined;\n\n    const value = await this.#getPropertyValue();\n\n    if (\n      this.props.shouldCommitOnChange &&\n      this._formatParams &&\n      isPrimitiveValue(value) &&\n      typeof value.value === \"number\"\n    ) {\n      const newDisplayValue = this._formatParams.formatFunction(value.value);\n      this.setState({\n        inputValue: newDisplayValue,\n      });\n    }\n    return value;\n  }\n\n  async #getPropertyValue(): Promise<PropertyValue | undefined> {\n    // This is called by the editor to get the current input value as a PropertyValue.\n    const record = this.props.propertyRecord as PropertyRecord;\n    let propertyValue: PropertyValue | undefined;\n\n    if (record.isReadonly) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: (record.value as PrimitiveValue).value,\n        displayValue: (record.value as PrimitiveValue).displayValue,\n      };\n    }\n\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      const parseResults = (\n        this._formatParams as CustomFormattedNumberParams\n      ).parseFunction(this.state.inputValue);\n      if (!parseResults.parseError && undefined !== parseResults.value) {\n        const newDisplayValue = (\n          this._formatParams as CustomFormattedNumberParams\n        ).formatFunction(parseResults.value as number);\n        propertyValue = {\n          valueFormat: PropertyValueFormat.Primitive,\n          value: parseResults.value,\n          displayValue: newDisplayValue,\n        };\n        this._lastValidValue = { ...propertyValue };\n        // make sure the text in the input item matches the latest formatted text... this could get out if the input string say 1.5 === the display string of 1'-6\"\n        if (\n          // This should not happen in a getter, for now fix only if shouldCommitOnChange is true.\n          !this.props.shouldCommitOnChange &&\n          newDisplayValue !== this.state.inputValue\n        ) {\n          this.setState({ inputValue: newDisplayValue });\n        }\n      } else {\n        if (this.htmlElement) {\n          UiAdmin.messagePresenter.displayInputFieldMessage(\n            this.htmlElement,\n            MessageSeverity.Error,\n            parseResults.parseError\n              ? parseResults.parseError\n              : UiComponents.translate(\"errors.unable-to-parse-quantity\")\n          );\n          this.htmlElement.focus();\n        } else {\n          UiAdmin.messagePresenter.displayMessage(\n            MessageSeverity.Error,\n            parseResults.parseError\n              ? parseResults.parseError\n              : UiComponents.translate(\"errors.unable-to-parse-quantity\")\n          );\n        }\n\n        const displayValue =\n          record.value.displayValue && record.value.displayValue.length > 0\n            ? record.value.displayValue\n            : (\n                this._formatParams as CustomFormattedNumberParams\n              ).formatFunction(record.value.value as number);\n        propertyValue = this._lastValidValue\n          ? { ...this._lastValidValue }\n          : {\n              valueFormat: PropertyValueFormat.Primitive,\n              value: record.value.value,\n              displayValue,\n            };\n      }\n    }\n\n    return propertyValue;\n  }\n\n  public get htmlElement(): HTMLElement | null {\n    return this._inputElement.current;\n  }\n\n  public get hasFocus(): boolean {\n    return document.activeElement === this._inputElement.current;\n  }\n\n  private shouldSetFocus(): boolean {\n    if (!this.props.setFocus) return false;\n\n    const record = this.props.propertyRecord as PropertyRecord;\n    const disabled = record && !record.isDisabled ? false : true;\n    const readonly = record && !record.isReadonly ? false : true;\n\n    return !disabled && !readonly;\n  }\n\n  private _applyUpdatedValue(userInput: string) {\n    const record = this.props.propertyRecord as PropertyRecord;\n    const readonly = record && !record.isReadonly ? false : true;\n    const disabled = record && !record.isDisabled ? false : true;\n\n    if (readonly || disabled) return;\n\n    if (this._isMounted)\n      this.setState(\n        {\n          inputValue: userInput,\n        },\n        async () => {\n          if (!this.props.shouldCommitOnChange) return;\n          if (!this.props.onCommit) return;\n          if (!this.props.propertyRecord) return;\n\n          const newValue = await this.#getPropertyValue();\n          if (!newValue) return;\n\n          this._lastInputValue = this.state.inputValue;\n          this._lastValue = newValue;\n          this.props.onCommit({\n            propertyRecord: this.props.propertyRecord,\n            newValue,\n          });\n        }\n      );\n  }\n\n  private _updateInputValue = (e: React.ChangeEvent<HTMLInputElement>) => {\n    this._applyUpdatedValue(e.target.value);\n  };\n\n  public override componentDidMount() {\n    this._isMounted = true;\n    this.setStateFromProps();\n  }\n\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  public override componentDidUpdate(prevProps: PropertyEditorProps) {\n    if (this.props.propertyRecord !== prevProps.propertyRecord) {\n      this.setStateFromProps();\n    }\n  }\n\n  private _getInitialDisplayValue(): string {\n    const record = this.props.propertyRecord;\n    let initialDisplayValue = \"\";\n    let numberValue = 0;\n    if (record) {\n      if (record.value.valueFormat === PropertyValueFormat.Primitive) {\n        const primitiveValue = record.value;\n        numberValue =\n          undefined !== primitiveValue.value\n            ? (primitiveValue.value as number)\n            : 0;\n        if (primitiveValue.displayValue)\n          initialDisplayValue = primitiveValue.displayValue;\n        else\n          initialDisplayValue = (\n            this._formatParams as CustomFormattedNumberParams\n          ).formatFunction(numberValue);\n      }\n    }\n\n    return initialDisplayValue;\n  }\n\n  private setStateFromProps() {\n    if (!this._isMounted) return;\n\n    const record = this.props.propertyRecord;\n    if (!record || !record.property) {\n      Logger.logError(\n        UiComponents.loggerCategory(\"CustomNumberEditor\"),\n        \"PropertyRecord must be defined to use CustomNumberPropertyEditor\"\n      );\n      return;\n    }\n    if (\n      record.property &&\n      record.property.editor &&\n      record.property.editor.params\n    ) {\n      this._formatParams = record.property.editor.params.find(\n        (param: PropertyEditorParams) =>\n          param.type ===\n          PropertyEditorParamTypes.CustomFormattedNumber.valueOf()\n      ) as CustomFormattedNumberParams;\n    }\n\n    if (!this._formatParams) {\n      Logger.logError(\n        UiComponents.loggerCategory(\"CustomNumberEditor\"),\n        `CustomFormattedNumberParams must be defined for property ${record.property.name}`\n      );\n      return;\n    }\n\n    const initialDisplayValue = this._getInitialDisplayValue();\n    this._lastValidValue = {\n      valueFormat: PropertyValueFormat.Primitive,\n      value: (record.value as PrimitiveValue).value,\n      displayValue: initialDisplayValue,\n    };\n    let size: number | undefined;\n    let maxSize: number | undefined;\n    let maxLength: number | undefined;\n    let iconSpec: React.ReactNode | undefined;\n\n    if (\n      record.property &&\n      record.property.editor &&\n      record.property.editor.params\n    ) {\n      const editorSizeParams = record.property.editor.params.find(\n        (param: PropertyEditorParams) =>\n          param.type === PropertyEditorParamTypes.InputEditorSize.valueOf()\n      ) as InputEditorSizeParams;\n      if (editorSizeParams) {\n        if (editorSizeParams.size) size = editorSizeParams.size;\n        if (editorSizeParams.maxSize) maxSize = editorSizeParams.maxSize;\n        if (editorSizeParams.maxLength) maxLength = editorSizeParams.maxLength;\n      }\n\n      const iconParams = record.property.editor.params.find(\n        (param: PropertyEditorParams) =>\n          param.type === PropertyEditorParamTypes.Icon.valueOf()\n      ) as IconEditorParams;\n      if (iconParams) {\n        iconSpec = iconParams.definition.iconSpec;\n      }\n\n      const iconNodeParam = record.property.editor.params.find(\n        (param): param is IconNodeEditorParams =>\n          param.type ===\n          (\"appui-icon-node\" satisfies IconNodeEditorParams[\"type\"])\n      );\n      if (iconNodeParam) {\n        iconSpec = iconNodeParam.icon;\n      }\n    }\n\n    let inputValue = initialDisplayValue;\n    if (\n      this.props.shouldCommitOnChange &&\n      this._lastInputValue &&\n      isPrimitiveValue(this._lastValue) &&\n      isPrimitiveValue(this.props.propertyRecord?.value) &&\n      this._lastValue.value === this.props.propertyRecord.value.value\n    ) {\n      // If the value matches the user-entered value - keep it unformatted.\n      inputValue = this._lastInputValue;\n    }\n\n    this.setState({\n      inputValue,\n      size,\n      maxLength,\n      maxSize,\n      iconSpec,\n    });\n  }\n\n  private _resetToLastValidDisplayValue() {\n    const initialDisplayValue =\n      (this._lastValidValue &&\n        (this._lastValidValue as PrimitiveValue).displayValue) ??\n      this._getInitialDisplayValue();\n    this.setState({ inputValue: initialDisplayValue });\n  }\n\n  private _onKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === Key.Escape.valueOf()) {\n      const initialDisplayValue =\n        (this._lastValidValue &&\n          (this._lastValidValue as PrimitiveValue).displayValue) ??\n        this._getInitialDisplayValue();\n      if (initialDisplayValue !== this.state.inputValue) {\n        e.preventDefault();\n        e.stopPropagation();\n        this._resetToLastValidDisplayValue();\n      } else {\n        if (this.props.onCancel) this.props.onCancel();\n      }\n    }\n\n    if (e.key !== Key.Enter.valueOf()) {\n      UiAdmin.messagePresenter.closeInputFieldMessage();\n    }\n  };\n\n  private _onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    e.target.select();\n  };\n\n  public override render(): React.ReactNode {\n    const { decoration } = this.props as InternalInputEditorProps;\n    const minSize = this.state.size ? this.state.size : 8;\n    const style: React.CSSProperties = {\n      minWidth: `${minSize * 0.75}em`,\n      maxWidth: this.state.maxSize\n        ? `${this.state.maxSize * 0.75}em`\n        : undefined,\n    };\n    const record = this.props.propertyRecord as PropertyRecord;\n    if (!record || !this._formatParams) return null;\n\n    const readOnly = !record.isReadonly ? false : true;\n    const disabled = !record.isDisabled ? false : true;\n\n    const className = classnames(\n      \"components-cell-editor\",\n      \"components-customnumber-editor\",\n      this.props.className\n    );\n\n    const inputProps: Omit<InputProps, \"size\"> = {\n      className,\n      style: this.props.style ? this.props.style : style,\n      readOnly,\n      disabled,\n      maxLength: this.state.maxLength,\n      value: this.state.inputValue,\n      onChange: this._updateInputValue,\n      onBlur: this.props.onBlur,\n      onFocus: this._onFocus,\n      autoFocus: this.shouldSetFocus(),\n      onKeyDown: this._onKeyPress,\n    };\n\n    const icon = this.state.iconSpec ? (\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      <Icon iconSpec={this.state.iconSpec} />\n    ) : undefined;\n\n    return (\n      <LockNumberEditor\n        {...inputProps}\n        ref={this._inputElement}\n        id={this.props.propertyRecord?.property.name}\n        icon={icon}\n        decoration={decoration}\n      />\n    );\n  }\n}\n\n/** Custom Property Editor registered for the \"number\" type name and the \"number-custom\" editor name.\n * It uses the [[CustomNumberEditor]] React component.\n * @alpha\n */\nexport class CustomNumberPropertyEditor extends PropertyEditorBase {\n  public get reactNode(): React.ReactNode {\n    return <CustomNumberEditor />;\n  }\n  public override get containerHandlesEscape(): boolean {\n    return false;\n  }\n}\n\ninterface LockNumberEditorProps extends InputProps {\n  icon?: React.ReactNode;\n  decoration?: React.ReactNode;\n}\n\nconst LockNumberEditor = React.forwardRef<\n  HTMLInputElement,\n  LockNumberEditorProps\n>(function LockNumberEditor(props, forwardedRef) {\n  const { icon, decoration, ...rest } = props;\n  if (decoration) {\n    return (\n      <InputWithDecorations size=\"small\">\n        {icon && (\n          <InputWithDecorations.Icon size=\"small\">\n            {icon}\n          </InputWithDecorations.Icon>\n        )}\n        <InputWithDecorations.Input\n          {...rest}\n          ref={forwardedRef}\n          data-testid=\"components-customnumber-editor\"\n          size=\"small\"\n        />\n        {decoration}\n      </InputWithDecorations>\n    );\n  }\n\n  if (icon) {\n    return (\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      <IconInput\n        {...rest}\n        ref={forwardedRef}\n        icon={icon}\n        data-testid=\"components-customnumber-editor\"\n      />\n    );\n  }\n  return (\n    <Input\n      {...rest}\n      ref={forwardedRef}\n      data-testid=\"components-customnumber-editor\"\n      size=\"small\"\n    />\n  );\n});\n\nfunction isPrimitiveValue(value?: PropertyValue): value is PrimitiveValue {\n  return value?.valueFormat === PropertyValueFormat.Primitive;\n}\n"]}
+{"version":3,"file":"CustomNumberEditor.js","sourceRoot":"","sources":["../../../src/components-react/editors/CustomNumberEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyEditors\n */\n\nimport \"./CustomNumberEditor.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type {\n  CustomFormattedNumberParams,\n  IconEditorParams,\n  InputEditorSizeParams,\n  PrimitiveValue,\n  PropertyEditorParams,\n  PropertyRecord,\n  PropertyValue,\n} from \"@itwin/appui-abstract\";\nimport {\n  MessageSeverity,\n  PropertyEditorParamTypes,\n  PropertyValueFormat,\n  UiAdmin,\n} from \"@itwin/appui-abstract\";\nimport { Icon, IconInput } from \"@itwin/core-react\";\nimport { Input, InputWithDecorations } from \"@itwin/itwinui-react\";\nimport { UiComponents } from \"../UiComponents.js\";\nimport type {\n  InternalInputEditorProps,\n  PropertyEditorProps,\n  TypeEditor,\n} from \"./EditorContainer.js\";\nimport { PropertyEditorBase } from \"./PropertyEditorManager.js\";\nimport type { IconNodeEditorParams } from \"../../internal.js\";\nimport { EditorRenderer } from \"../new-editors/EditorRenderer.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\ntype InputProps = React.ComponentPropsWithoutRef<typeof Input>;\n\ninterface CustomNumberEditorState {\n  inputValue: string;\n  size?: number;\n  maxSize?: number;\n  maxLength?: number;\n  iconSpec?: React.ReactNode;\n}\n\n/** CustomNumberEditor is a React component that is a property editor for numbers that specify custom formatting and parsing functions.\n * @alpha\n * @deprecated in 5.30. This is part of the old editor system and should not be used directly. Use {@link EditorRenderer} instead.\n */\nexport class CustomNumberEditor\n  extends React.PureComponent<PropertyEditorProps, CustomNumberEditorState>\n  implements TypeEditor\n{\n  private _isMounted = false;\n  private _formatParams: CustomFormattedNumberParams | undefined;\n  private _inputElement = React.createRef<HTMLInputElement>();\n  private _lastValidValue: PropertyValue | undefined;\n\n  // Used to track the last user typed value.\n  private _lastInputValue: string | undefined;\n  private _lastValue: PropertyValue | undefined;\n\n  public override readonly state: Readonly<CustomNumberEditorState> = {\n    inputValue: \"\",\n  };\n\n  public async getPropertyValue(): Promise<PropertyValue | undefined> {\n    // This is called by the container to commit the value. Format the value.\n    this._lastInputValue = undefined;\n    this._lastValue = undefined;\n\n    const value = await this.#getPropertyValue();\n\n    if (\n      this.props.shouldCommitOnChange &&\n      this._formatParams &&\n      isPrimitiveValue(value) &&\n      typeof value.value === \"number\"\n    ) {\n      const newDisplayValue = this._formatParams.formatFunction(value.value);\n      this.setState({\n        inputValue: newDisplayValue,\n      });\n    }\n    return value;\n  }\n\n  async #getPropertyValue(): Promise<PropertyValue | undefined> {\n    // This is called by the editor to get the current input value as a PropertyValue.\n    const record = this.props.propertyRecord as PropertyRecord;\n    let propertyValue: PropertyValue | undefined;\n\n    if (record.isReadonly) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: (record.value as PrimitiveValue).value,\n        displayValue: (record.value as PrimitiveValue).displayValue,\n      };\n    }\n\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      const parseResults = (\n        this._formatParams as CustomFormattedNumberParams\n      ).parseFunction(this.state.inputValue);\n      if (!parseResults.parseError && undefined !== parseResults.value) {\n        const newDisplayValue = (\n          this._formatParams as CustomFormattedNumberParams\n        ).formatFunction(parseResults.value as number);\n        propertyValue = {\n          valueFormat: PropertyValueFormat.Primitive,\n          value: parseResults.value,\n          displayValue: newDisplayValue,\n        };\n        this._lastValidValue = { ...propertyValue };\n        // make sure the text in the input item matches the latest formatted text... this could get out if the input string say 1.5 === the display string of 1'-6\"\n        if (\n          // This should not happen in a getter, for now fix only if shouldCommitOnChange is true.\n          !this.props.shouldCommitOnChange &&\n          newDisplayValue !== this.state.inputValue\n        ) {\n          this.setState({ inputValue: newDisplayValue });\n        }\n      } else {\n        if (this.htmlElement) {\n          UiAdmin.messagePresenter.displayInputFieldMessage(\n            this.htmlElement,\n            MessageSeverity.Error,\n            parseResults.parseError\n              ? parseResults.parseError\n              : UiComponents.translate(\"errors.unable-to-parse-quantity\")\n          );\n          this.htmlElement.focus();\n        } else {\n          UiAdmin.messagePresenter.displayMessage(\n            MessageSeverity.Error,\n            parseResults.parseError\n              ? parseResults.parseError\n              : UiComponents.translate(\"errors.unable-to-parse-quantity\")\n          );\n        }\n\n        const displayValue =\n          record.value.displayValue && record.value.displayValue.length > 0\n            ? record.value.displayValue\n            : (\n                this._formatParams as CustomFormattedNumberParams\n              ).formatFunction(record.value.value as number);\n        propertyValue = this._lastValidValue\n          ? { ...this._lastValidValue }\n          : {\n              valueFormat: PropertyValueFormat.Primitive,\n              value: record.value.value,\n              displayValue,\n            };\n      }\n    }\n\n    return propertyValue;\n  }\n\n  public get htmlElement(): HTMLElement | null {\n    return this._inputElement.current;\n  }\n\n  public get hasFocus(): boolean {\n    return document.activeElement === this._inputElement.current;\n  }\n\n  private shouldSetFocus(): boolean {\n    if (!this.props.setFocus) return false;\n\n    const record = this.props.propertyRecord as PropertyRecord;\n    const disabled = record && !record.isDisabled ? false : true;\n    const readonly = record && !record.isReadonly ? false : true;\n\n    return !disabled && !readonly;\n  }\n\n  private _applyUpdatedValue(userInput: string) {\n    const record = this.props.propertyRecord as PropertyRecord;\n    const readonly = record && !record.isReadonly ? false : true;\n    const disabled = record && !record.isDisabled ? false : true;\n\n    if (readonly || disabled) return;\n\n    if (this._isMounted)\n      this.setState(\n        {\n          inputValue: userInput,\n        },\n        async () => {\n          if (!this.props.shouldCommitOnChange) return;\n          if (!this.props.onCommit) return;\n          if (!this.props.propertyRecord) return;\n\n          const newValue = await this.#getPropertyValue();\n          if (!newValue) return;\n\n          this._lastInputValue = this.state.inputValue;\n          this._lastValue = newValue;\n          this.props.onCommit({\n            propertyRecord: this.props.propertyRecord,\n            newValue,\n          });\n        }\n      );\n  }\n\n  private _updateInputValue = (e: React.ChangeEvent<HTMLInputElement>) => {\n    this._applyUpdatedValue(e.target.value);\n  };\n\n  public override componentDidMount() {\n    this._isMounted = true;\n    this.setStateFromProps();\n  }\n\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  public override componentDidUpdate(prevProps: PropertyEditorProps) {\n    if (this.props.propertyRecord !== prevProps.propertyRecord) {\n      this.setStateFromProps();\n    }\n  }\n\n  private _getInitialDisplayValue(): string {\n    const record = this.props.propertyRecord;\n    let initialDisplayValue = \"\";\n    let numberValue = 0;\n    if (record) {\n      if (record.value.valueFormat === PropertyValueFormat.Primitive) {\n        const primitiveValue = record.value;\n        numberValue =\n          undefined !== primitiveValue.value\n            ? (primitiveValue.value as number)\n            : 0;\n        if (primitiveValue.displayValue)\n          initialDisplayValue = primitiveValue.displayValue;\n        else\n          initialDisplayValue = (\n            this._formatParams as CustomFormattedNumberParams\n          ).formatFunction(numberValue);\n      }\n    }\n\n    return initialDisplayValue;\n  }\n\n  private setStateFromProps() {\n    if (!this._isMounted) return;\n\n    const record = this.props.propertyRecord;\n    if (!record || !record.property) {\n      Logger.logError(\n        UiComponents.loggerCategory(\"CustomNumberEditor\"),\n        \"PropertyRecord must be defined to use CustomNumberPropertyEditor\"\n      );\n      return;\n    }\n    if (\n      record.property &&\n      record.property.editor &&\n      record.property.editor.params\n    ) {\n      this._formatParams = record.property.editor.params.find(\n        (param: PropertyEditorParams) =>\n          param.type ===\n          PropertyEditorParamTypes.CustomFormattedNumber.valueOf()\n      ) as CustomFormattedNumberParams;\n    }\n\n    if (!this._formatParams) {\n      Logger.logError(\n        UiComponents.loggerCategory(\"CustomNumberEditor\"),\n        `CustomFormattedNumberParams must be defined for property ${record.property.name}`\n      );\n      return;\n    }\n\n    const initialDisplayValue = this._getInitialDisplayValue();\n    this._lastValidValue = {\n      valueFormat: PropertyValueFormat.Primitive,\n      value: (record.value as PrimitiveValue).value,\n      displayValue: initialDisplayValue,\n    };\n    let size: number | undefined;\n    let maxSize: number | undefined;\n    let maxLength: number | undefined;\n    let iconSpec: React.ReactNode | undefined;\n\n    if (\n      record.property &&\n      record.property.editor &&\n      record.property.editor.params\n    ) {\n      const editorSizeParams = record.property.editor.params.find(\n        (param: PropertyEditorParams) =>\n          param.type === PropertyEditorParamTypes.InputEditorSize.valueOf()\n      ) as InputEditorSizeParams;\n      if (editorSizeParams) {\n        if (editorSizeParams.size) size = editorSizeParams.size;\n        if (editorSizeParams.maxSize) maxSize = editorSizeParams.maxSize;\n        if (editorSizeParams.maxLength) maxLength = editorSizeParams.maxLength;\n      }\n\n      const iconParams = record.property.editor.params.find(\n        (param: PropertyEditorParams) =>\n          param.type === PropertyEditorParamTypes.Icon.valueOf()\n      ) as IconEditorParams;\n      if (iconParams) {\n        iconSpec = iconParams.definition.iconSpec;\n      }\n\n      const iconNodeParam = record.property.editor.params.find(\n        (param): param is IconNodeEditorParams =>\n          param.type ===\n          (\"appui-icon-node\" satisfies IconNodeEditorParams[\"type\"])\n      );\n      if (iconNodeParam) {\n        iconSpec = iconNodeParam.icon;\n      }\n    }\n\n    let inputValue = initialDisplayValue;\n    if (\n      this.props.shouldCommitOnChange &&\n      this._lastInputValue &&\n      isPrimitiveValue(this._lastValue) &&\n      isPrimitiveValue(this.props.propertyRecord?.value) &&\n      this._lastValue.value === this.props.propertyRecord.value.value\n    ) {\n      // If the value matches the user-entered value - keep it unformatted.\n      inputValue = this._lastInputValue;\n    }\n\n    this.setState({\n      inputValue,\n      size,\n      maxLength,\n      maxSize,\n      iconSpec,\n    });\n  }\n\n  private _resetToLastValidDisplayValue() {\n    const initialDisplayValue =\n      (this._lastValidValue &&\n        (this._lastValidValue as PrimitiveValue).displayValue) ??\n      this._getInitialDisplayValue();\n    this.setState({ inputValue: initialDisplayValue });\n  }\n\n  private _onKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === Key.Escape.valueOf()) {\n      const initialDisplayValue =\n        (this._lastValidValue &&\n          (this._lastValidValue as PrimitiveValue).displayValue) ??\n        this._getInitialDisplayValue();\n      if (initialDisplayValue !== this.state.inputValue) {\n        e.preventDefault();\n        e.stopPropagation();\n        this._resetToLastValidDisplayValue();\n      } else {\n        if (this.props.onCancel) this.props.onCancel();\n      }\n    }\n\n    if (e.key !== Key.Enter.valueOf()) {\n      UiAdmin.messagePresenter.closeInputFieldMessage();\n    }\n  };\n\n  private _onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    e.target.select();\n  };\n\n  public override render(): React.ReactNode {\n    const { decoration } = this.props as InternalInputEditorProps;\n    const minSize = this.state.size ? this.state.size : 8;\n    const style: React.CSSProperties = {\n      minWidth: `${minSize * 0.75}em`,\n      maxWidth: this.state.maxSize\n        ? `${this.state.maxSize * 0.75}em`\n        : undefined,\n    };\n    const record = this.props.propertyRecord as PropertyRecord;\n    if (!record || !this._formatParams) return null;\n\n    const readOnly = !record.isReadonly ? false : true;\n    const disabled = !record.isDisabled ? false : true;\n\n    const className = classnames(\n      \"components-cell-editor\",\n      \"components-customnumber-editor\",\n      this.props.className\n    );\n\n    const inputProps: Omit<InputProps, \"size\"> = {\n      className,\n      style: this.props.style ? this.props.style : style,\n      readOnly,\n      disabled,\n      maxLength: this.state.maxLength,\n      value: this.state.inputValue,\n      onChange: this._updateInputValue,\n      onBlur: this.props.onBlur,\n      onFocus: this._onFocus,\n      autoFocus: this.shouldSetFocus(),\n      onKeyDown: this._onKeyPress,\n    };\n\n    const icon = this.state.iconSpec ? (\n      <Icon iconSpec={this.state.iconSpec} />\n    ) : undefined;\n\n    return (\n      <LockNumberEditor\n        {...inputProps}\n        ref={this._inputElement}\n        id={this.props.propertyRecord?.property.name}\n        icon={icon}\n        decoration={decoration}\n      />\n    );\n  }\n}\n\n/** Custom Property Editor registered for the \"number\" type name and the \"number-custom\" editor name.\n * It uses the [[CustomNumberEditor]] React component.\n * @alpha\n * @deprecated in 5.30. This is part of the old editor system and should not be used directly. Use {@link EditorRenderer} instead.\n */\nexport class CustomNumberPropertyEditor extends PropertyEditorBase {\n  public get reactNode(): React.ReactNode {\n    return <CustomNumberEditor />;\n  }\n  public override get containerHandlesEscape(): boolean {\n    return false;\n  }\n}\n\ninterface LockNumberEditorProps extends InputProps {\n  icon?: React.ReactNode;\n  decoration?: React.ReactNode;\n}\n\nconst LockNumberEditor = React.forwardRef<\n  HTMLInputElement,\n  LockNumberEditorProps\n>(function LockNumberEditor(props, forwardedRef) {\n  const { icon, decoration, ...rest } = props;\n  if (decoration) {\n    return (\n      <InputWithDecorations size=\"small\">\n        {icon && (\n          <InputWithDecorations.Icon size=\"small\">\n            {icon}\n          </InputWithDecorations.Icon>\n        )}\n        <InputWithDecorations.Input\n          {...rest}\n          ref={forwardedRef}\n          data-testid=\"components-customnumber-editor\"\n          size=\"small\"\n        />\n        {decoration}\n      </InputWithDecorations>\n    );\n  }\n\n  if (icon) {\n    return (\n      <IconInput\n        {...rest}\n        ref={forwardedRef}\n        icon={icon}\n        data-testid=\"components-customnumber-editor\"\n      />\n    );\n  }\n  return (\n    <Input\n      {...rest}\n      ref={forwardedRef}\n      data-testid=\"components-customnumber-editor\"\n      size=\"small\"\n    />\n  );\n});\n\nfunction isPrimitiveValue(value?: PropertyValue): value is PrimitiveValue {\n  return value?.valueFormat === PropertyValueFormat.Primitive;\n}\n"]}

package/lib/components-react/editors/DateTimeEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeEditor.d.ts","sourceRoot":"","sources":["../../../src/components-react/editors/DateTimeEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAGL,WAAW,EACZ,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAQhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAOpE,gBAAgB;AAChB,UAAU,mBAAmB;IAC3B,KAAK,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,gBAAgB;AAChB,UAAU,mBAAoB,SAAQ,mBAAmB;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,cACX,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,mBAAmB,CACpE,YAAW,UAAU;IAErB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAqC;IAExD,SAAyB,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAG3D;IAEW,gBAAgB,IAAI,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC;IAenE,IAAW,WAAW,IAAI,WAAW,GAAG,IAAI,CAE3C;IAED,IAAW,QAAQ,IAAI,OAAO,CAK7B;IAEY,iBAAiB,CAC5B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,IAAI,GACb,OAAO,CAAC,IAAI,CAAC;IAahB,OAAO,CAAC,aAAa,CAWnB;IAEF,OAAO,CAAC,iBAAiB,CAWvB;IAEc,iBAAiB;IAKjB,oBAAoB;IAIpB,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;YAMnD,iBAAiB;IA+F/B,OAAO,CAAC,YAAY,CAGlB;IAEF,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,SAAS,CAEf;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,aAAa,CAUnB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CA6D1C;AAED;;;GAGG;AACH,qBAAa,2BAA4B,SAAQ,kBAAkB;IACjE,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;IACD,IAAoB,mBAAmB,IAAI,OAAO,CAEjD;CACF;AAED;;;GAGG;AACH,qBAAa,sBAAuB,SAAQ,kBAAkB;IAC5D,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;IACD,IAAoB,mBAAmB,IAAI,OAAO,CAEjD;CACF"}
+{"version":3,"file":"DateTimeEditor.d.ts","sourceRoot":"","sources":["../../../src/components-react/editors/DateTimeEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAGL,WAAW,EACZ,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAQhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AASpE,gBAAgB;AAChB,UAAU,mBAAmB;IAC3B,KAAK,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,gBAAgB;AAChB,UAAU,mBAAoB,SAAQ,mBAAmB;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,cACX,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,mBAAmB,CACpE,YAAW,UAAU;IAErB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAqC;IAExD,SAAyB,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAG3D;IAEW,gBAAgB,IAAI,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC;IAenE,IAAW,WAAW,IAAI,WAAW,GAAG,IAAI,CAE3C;IAED,IAAW,QAAQ,IAAI,OAAO,CAK7B;IAEY,iBAAiB,CAC5B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,IAAI,GACb,OAAO,CAAC,IAAI,CAAC;IAahB,OAAO,CAAC,aAAa,CAWnB;IAEF,OAAO,CAAC,iBAAiB,CAWvB;IAEc,iBAAiB;IAKjB,oBAAoB;IAIpB,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;YAMnD,iBAAiB;IA+F/B,OAAO,CAAC,YAAY,CAGlB;IAEF,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,SAAS,CAEf;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,aAAa,CAUnB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CA6D1C;AAED;;;GAGG;AACH,qBAAa,2BAA4B,SAAQ,kBAAkB;IACjE,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;IACD,IAAoB,mBAAmB,IAAI,OAAO,CAEjD;CACF;AAED;;;GAGG;AACH,qBAAa,sBAAuB,SAAQ,kBAAkB;IAC5D,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;IACD,IAAoB,mBAAmB,IAAI,OAAO,CAEjD;CACF"}

package/lib/components-react/editors/DateTimeEditor.js

@@ -212,8 +212,7 @@ export class DateTimeEditor extends React.PureComponent {
                 React.createElement(PopupContent, null,
                     React.createElement(React.Fragment, null,
                         React.createElement("div", { className: "components-date-picker-calendar-popup-panel", "data-testid": "components-date-picker-calendar-popup-panel" },
-                            React.createElement(DatePicker // eslint-disable-line @typescript-eslint/no-deprecated
-                            , { selected: date, onDateChange: this._handleChange, showFocusOutline: false }),
+                            React.createElement(DatePicker, { selected: date, onDateChange: this._handleChange, showFocusOutline: false }),
                             this.state.timeDisplay && (React.createElement("div", { className: "time-container" },
                                 React.createElement(Text, { variant: "body", className: "time-label" }, "Time"),
                                 React.createElement(TimeField, { time: timeSpec, timeDisplay: this.state.timeDisplay, onTimeChange: this._handleTimeChange }))))),

package/lib/components-react/editors/DateTimeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeEditor.js","sourceRoot":"","sources":["../../../src/components-react/editors/DateTimeEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyEditors\n */\n\nimport \"./DateTimeEditor.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { PropertyValue } from \"@itwin/appui-abstract\";\nimport {\n  AlternateDateFormats,\n  PropertyValueFormat,\n  TimeDisplay,\n} from \"@itwin/appui-abstract\";\nimport type { PropertyEditorProps, TypeEditor } from \"./EditorContainer.js\";\nimport { PropertyEditorBase } from \"./PropertyEditorManager.js\";\nimport {\n  PopupButton,\n  PopupContent,\n  PopupOkCancelButtons,\n} from \"./PopupButton.js\";\nimport type { TimeSpec } from \"../datepicker/TimeField.js\";\nimport { TimeField } from \"../datepicker/TimeField.js\";\nimport type { TypeConverter } from \"../converters/TypeConverter.js\";\nimport { DatePicker } from \"../datepicker/DatePicker.js\";\nimport { TypeConverterManager } from \"../converters/TypeConverterManager.js\";\nimport { DateTimeTypeConverterBase } from \"../converters/DateTimeTypeConverter.js\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport { adjustDateToTimezone } from \"../common/DateUtils.js\";\n\n/** @internal */\ninterface DateTimeEditorState {\n  value: Date;\n  displayValue?: string;\n  timeDisplay?: TimeDisplay;\n  typeConverter?: TypeConverter;\n  editInUtc: boolean;\n}\n\n/** @internal */\ninterface DateTimeEditorProps extends PropertyEditorProps {\n  showTime?: boolean;\n}\n\n/** DateTimeEditor React component that is a property editor for selection of date and time.\n * @internal\n */\nexport class DateTimeEditor\n  extends React.PureComponent<DateTimeEditorProps, DateTimeEditorState>\n  implements TypeEditor\n{\n  private _isMounted = false;\n  private _enterKey = false;\n  private _divElement = React.createRef<HTMLDivElement>();\n\n  public override readonly state: Readonly<DateTimeEditorState> = {\n    value: new Date(),\n    editInUtc: false,\n  };\n\n  public async getPropertyValue(): Promise<PropertyValue | undefined> {\n    const record = this.props.propertyRecord;\n    let propertyValue: PropertyValue | undefined;\n\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      propertyValue = {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: this.state.value,\n        displayValue: this.state.displayValue,\n      };\n    }\n\n    return propertyValue;\n  }\n\n  public get htmlElement(): HTMLElement | null {\n    return this._divElement.current;\n  }\n\n  public get hasFocus(): boolean {\n    let containsFocus = false;\n    if (this.htmlElement)\n      containsFocus = this.htmlElement.contains(document.activeElement);\n    return containsFocus;\n  }\n\n  public async processDateChange(\n    typeConverter: TypeConverter,\n    newValue: Date\n  ): Promise<void> {\n    if (this.props.propertyRecord) {\n      const displayValue = await typeConverter.convertPropertyToString(\n        this.props.propertyRecord.property,\n        newValue\n      );\n      this.setState({\n        value: newValue,\n        displayValue,\n      });\n    }\n  }\n\n  private _handleChange = (newValue: Date): void => {\n    if (this._isMounted && this.state.typeConverter) {\n      if (this.state.editInUtc) {\n        newValue = adjustDateToTimezone(\n          newValue,\n          newValue.getTimezoneOffset() * -1\n        );\n      }\n\n      void this.processDateChange(this.state.typeConverter, newValue);\n    }\n  };\n\n  private _handleTimeChange = (time: TimeSpec): void => {\n    // Combine new time into selected Date\n    if (this.state.editInUtc) {\n      const newWorkingDate = adjustDateToTimezone(this.state.value, 0);\n      newWorkingDate.setUTCHours(time.hours, time.minutes, time.seconds);\n      this._handleChange(newWorkingDate);\n    } else {\n      const newWorkingDate = new Date(this.state.value.getTime());\n      newWorkingDate.setHours(time.hours, time.minutes, time.seconds);\n      this._handleChange(newWorkingDate);\n    }\n  };\n\n  public override componentDidMount() {\n    this._isMounted = true;\n    void this.setStateFromProps();\n  }\n\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  public override componentDidUpdate(prevProps: PropertyEditorProps) {\n    if (this.props.propertyRecord !== prevProps.propertyRecord) {\n      void this.setStateFromProps();\n    }\n  }\n\n  private async setStateFromProps() {\n    const record = this.props.propertyRecord;\n    let initialValue: Date | undefined;\n    let typeConverter: TypeConverter | undefined;\n    let timeDisplay: TimeDisplay | undefined;\n    let alternateDateFormat = AlternateDateFormats.None;\n    let editInUtc = false;\n\n    if (this.props.showTime) timeDisplay = TimeDisplay.H12MC;\n\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      if (record.value.value instanceof Date)\n        initialValue = new Date(record.value.value);\n      else if (typeof record.value.value === \"string\")\n        initialValue = new Date(record.value.value);\n      else if (record.value.value === undefined) initialValue = new Date();\n\n      typeConverter = TypeConverterManager.getConverter(\n        record.property.typename,\n        record.property.converter?.name\n      );\n\n      const options = record.property.converter?.options;\n      if (options) {\n        if (\"alternateDateFormat\" in options) {\n          if (\n            DateTimeTypeConverterBase.isAlternateDateFormats(\n              options.alternateDateFormat\n            )\n          ) {\n            timeDisplay = TimeDisplay.H24MS;\n            alternateDateFormat = options.alternateDateFormat;\n          }\n        }\n\n        if (\"timeDisplay\" in options && this.props.showTime) {\n          timeDisplay = options.timeDisplay;\n          // use 24 hr time display if alternateDateFormat is defined\n          if (\n            alternateDateFormat &&\n            timeDisplay !== TimeDisplay.H24MS &&\n            timeDisplay !== TimeDisplay.H24M\n          )\n            timeDisplay = TimeDisplay.H24MS;\n        }\n\n        if (alternateDateFormat) {\n          editInUtc = true;\n\n          if (this.props.showTime) {\n            if (alternateDateFormat === AlternateDateFormats.IsoShort) {\n              alternateDateFormat = AlternateDateFormats.IsoDateTime;\n            }\n            if (alternateDateFormat === AlternateDateFormats.UtcShort) {\n              alternateDateFormat = AlternateDateFormats.UtcDateTime;\n            }\n            if (alternateDateFormat === AlternateDateFormats.UtcShortWithDay) {\n              alternateDateFormat = AlternateDateFormats.UtcDateTimeWithDay;\n            }\n          } else {\n            timeDisplay = undefined;\n            if (alternateDateFormat === AlternateDateFormats.IsoDateTime)\n              alternateDateFormat = AlternateDateFormats.IsoShort;\n            if (alternateDateFormat === AlternateDateFormats.UtcDateTime)\n              alternateDateFormat = AlternateDateFormats.UtcShort;\n            if (alternateDateFormat === AlternateDateFormats.UtcDateTimeWithDay)\n              alternateDateFormat = AlternateDateFormats.UtcShortWithDay;\n          }\n        }\n      }\n    }\n\n    if (!initialValue) {\n      throw new Error(\"Bad Value\");\n    }\n\n    if (!typeConverter) {\n      throw new Error(\"Unable to determine TypeConverter\");\n    }\n\n    const displayValue = await typeConverter.convertPropertyToString(\n      record!.property,\n      initialValue\n    );\n\n    if (this._isMounted)\n      this.setState({\n        value: initialValue,\n        timeDisplay,\n        typeConverter,\n        displayValue,\n        editInUtc,\n      });\n  }\n\n  private _handleEnter = async (): Promise<void> => {\n    this._enterKey = true;\n    await this._handleCommit();\n  };\n\n  private _handleClose = async (): Promise<void> => {\n    if (this._enterKey) {\n      this._enterKey = false;\n    } else {\n      if (this.props.onCancel) this.props.onCancel();\n    }\n  };\n\n  private _handleOk = async (_event: React.MouseEvent): Promise<void> => {\n    await this._handleCommit();\n  };\n\n  private _handleCancel = (_event: React.MouseEvent): void => {\n    if (this.props.onCancel) {\n      this.props.onCancel();\n    }\n  };\n\n  private _handleCommit = async (): Promise<void> => {\n    if (this.props.propertyRecord && this.props.onCommit) {\n      const propertyValue = await this.getPropertyValue();\n      if (propertyValue !== undefined) {\n        this.props.onCommit({\n          propertyRecord: this.props.propertyRecord,\n          newValue: propertyValue,\n        });\n      }\n    }\n  };\n\n  public override render(): React.ReactNode {\n    const date = this.state.editInUtc\n      ? adjustDateToTimezone(this.state.value, 0)\n      : this.state.value;\n    const timeSpec: TimeSpec = {\n      hours: date.getHours(),\n      minutes: date.getMinutes(),\n      seconds: date.getSeconds(),\n    };\n\n    const className = classnames(\n      \"components-cell-editor\",\n      \"components-datetime-editor\",\n      this.props.className\n    );\n\n    return (\n      <div className={className} ref={this._divElement}>\n        <PopupButton\n          id={this.props.propertyRecord?.property.name}\n          label={this.state.displayValue}\n          onClose={this._handleClose}\n          onEnter={this._handleEnter}\n          setFocus={this.props.setFocus}\n          disabled={this.props.propertyRecord?.isDisabled}\n          readonly={this.props.propertyRecord?.isReadonly}\n        >\n          <PopupContent>\n            <>\n              <div\n                className=\"components-date-picker-calendar-popup-panel\"\n                data-testid=\"components-date-picker-calendar-popup-panel\"\n              >\n                <DatePicker // eslint-disable-line @typescript-eslint/no-deprecated\n                  selected={date}\n                  onDateChange={this._handleChange}\n                  showFocusOutline={false}\n                />\n                {this.state.timeDisplay && (\n                  <div className=\"time-container\">\n                    <Text variant=\"body\" className=\"time-label\">\n                      {\"Time\"}\n                    </Text>\n                    <TimeField\n                      time={timeSpec}\n                      timeDisplay={this.state.timeDisplay}\n                      onTimeChange={this._handleTimeChange}\n                    />\n                  </div>\n                )}\n              </div>\n            </>\n            <PopupOkCancelButtons\n              onOk={this._handleOk}\n              onCancel={this._handleCancel}\n            />\n          </PopupContent>\n        </PopupButton>\n      </div>\n    );\n  }\n}\n\n/** DateTime Property Editor registered for the \"number\" type name and \"DateTime\" editor name.\n * It uses the [[DateTimeEditor]] React component.\n * @internal\n */\nexport class ShortDateTimePropertyEditor extends PropertyEditorBase {\n  public get reactNode(): React.ReactNode {\n    return <DateTimeEditor showTime={false} />;\n  }\n  public override get containerHandlesTab(): boolean {\n    return false;\n  }\n}\n\n/** DateTime Property Editor registered for the \"number\" type name and \"DateTime\" editor name.\n * It uses the [[DateTimeEditor]] React component.\n * @internal\n */\nexport class DateTimePropertyEditor extends PropertyEditorBase {\n  public get reactNode(): React.ReactNode {\n    return <DateTimeEditor showTime={true} />;\n  }\n  public override get containerHandlesTab(): boolean {\n    return false;\n  }\n}\n"]}
+{"version":3,"file":"DateTimeEditor.js","sourceRoot":"","sources":["../../../src/components-react/editors/DateTimeEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyEditors\n */\n\nimport \"./DateTimeEditor.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { PropertyValue } from \"@itwin/appui-abstract\";\nimport {\n  AlternateDateFormats,\n  PropertyValueFormat,\n  TimeDisplay,\n} from \"@itwin/appui-abstract\";\nimport type { PropertyEditorProps, TypeEditor } from \"./EditorContainer.js\";\nimport { PropertyEditorBase } from \"./PropertyEditorManager.js\";\nimport {\n  PopupButton,\n  PopupContent,\n  PopupOkCancelButtons,\n} from \"./PopupButton.js\";\nimport type { TimeSpec } from \"../datepicker/TimeField.js\";\nimport { TimeField } from \"../datepicker/TimeField.js\";\nimport type { TypeConverter } from \"../converters/TypeConverter.js\";\nimport { DatePicker } from \"../datepicker/DatePicker.js\";\nimport { TypeConverterManager } from \"../converters/TypeConverterManager.js\";\nimport { DateTimeTypeConverterBase } from \"../converters/DateTimeTypeConverter.js\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport { adjustDateToTimezone } from \"../common/DateUtils.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** @internal */\ninterface DateTimeEditorState {\n  value: Date;\n  displayValue?: string;\n  timeDisplay?: TimeDisplay;\n  typeConverter?: TypeConverter;\n  editInUtc: boolean;\n}\n\n/** @internal */\ninterface DateTimeEditorProps extends PropertyEditorProps {\n  showTime?: boolean;\n}\n\n/** DateTimeEditor React component that is a property editor for selection of date and time.\n * @internal\n */\nexport class DateTimeEditor\n  extends React.PureComponent<DateTimeEditorProps, DateTimeEditorState>\n  implements TypeEditor\n{\n  private _isMounted = false;\n  private _enterKey = false;\n  private _divElement = React.createRef<HTMLDivElement>();\n\n  public override readonly state: Readonly<DateTimeEditorState> = {\n    value: new Date(),\n    editInUtc: false,\n  };\n\n  public async getPropertyValue(): Promise<PropertyValue | undefined> {\n    const record = this.props.propertyRecord;\n    let propertyValue: PropertyValue | undefined;\n\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      propertyValue = {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: this.state.value,\n        displayValue: this.state.displayValue,\n      };\n    }\n\n    return propertyValue;\n  }\n\n  public get htmlElement(): HTMLElement | null {\n    return this._divElement.current;\n  }\n\n  public get hasFocus(): boolean {\n    let containsFocus = false;\n    if (this.htmlElement)\n      containsFocus = this.htmlElement.contains(document.activeElement);\n    return containsFocus;\n  }\n\n  public async processDateChange(\n    typeConverter: TypeConverter,\n    newValue: Date\n  ): Promise<void> {\n    if (this.props.propertyRecord) {\n      const displayValue = await typeConverter.convertPropertyToString(\n        this.props.propertyRecord.property,\n        newValue\n      );\n      this.setState({\n        value: newValue,\n        displayValue,\n      });\n    }\n  }\n\n  private _handleChange = (newValue: Date): void => {\n    if (this._isMounted && this.state.typeConverter) {\n      if (this.state.editInUtc) {\n        newValue = adjustDateToTimezone(\n          newValue,\n          newValue.getTimezoneOffset() * -1\n        );\n      }\n\n      void this.processDateChange(this.state.typeConverter, newValue);\n    }\n  };\n\n  private _handleTimeChange = (time: TimeSpec): void => {\n    // Combine new time into selected Date\n    if (this.state.editInUtc) {\n      const newWorkingDate = adjustDateToTimezone(this.state.value, 0);\n      newWorkingDate.setUTCHours(time.hours, time.minutes, time.seconds);\n      this._handleChange(newWorkingDate);\n    } else {\n      const newWorkingDate = new Date(this.state.value.getTime());\n      newWorkingDate.setHours(time.hours, time.minutes, time.seconds);\n      this._handleChange(newWorkingDate);\n    }\n  };\n\n  public override componentDidMount() {\n    this._isMounted = true;\n    void this.setStateFromProps();\n  }\n\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  public override componentDidUpdate(prevProps: PropertyEditorProps) {\n    if (this.props.propertyRecord !== prevProps.propertyRecord) {\n      void this.setStateFromProps();\n    }\n  }\n\n  private async setStateFromProps() {\n    const record = this.props.propertyRecord;\n    let initialValue: Date | undefined;\n    let typeConverter: TypeConverter | undefined;\n    let timeDisplay: TimeDisplay | undefined;\n    let alternateDateFormat = AlternateDateFormats.None;\n    let editInUtc = false;\n\n    if (this.props.showTime) timeDisplay = TimeDisplay.H12MC;\n\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      if (record.value.value instanceof Date)\n        initialValue = new Date(record.value.value);\n      else if (typeof record.value.value === \"string\")\n        initialValue = new Date(record.value.value);\n      else if (record.value.value === undefined) initialValue = new Date();\n\n      typeConverter = TypeConverterManager.getConverter(\n        record.property.typename,\n        record.property.converter?.name\n      );\n\n      const options = record.property.converter?.options;\n      if (options) {\n        if (\"alternateDateFormat\" in options) {\n          if (\n            DateTimeTypeConverterBase.isAlternateDateFormats(\n              options.alternateDateFormat\n            )\n          ) {\n            timeDisplay = TimeDisplay.H24MS;\n            alternateDateFormat = options.alternateDateFormat;\n          }\n        }\n\n        if (\"timeDisplay\" in options && this.props.showTime) {\n          timeDisplay = options.timeDisplay;\n          // use 24 hr time display if alternateDateFormat is defined\n          if (\n            alternateDateFormat &&\n            timeDisplay !== TimeDisplay.H24MS &&\n            timeDisplay !== TimeDisplay.H24M\n          )\n            timeDisplay = TimeDisplay.H24MS;\n        }\n\n        if (alternateDateFormat) {\n          editInUtc = true;\n\n          if (this.props.showTime) {\n            if (alternateDateFormat === AlternateDateFormats.IsoShort) {\n              alternateDateFormat = AlternateDateFormats.IsoDateTime;\n            }\n            if (alternateDateFormat === AlternateDateFormats.UtcShort) {\n              alternateDateFormat = AlternateDateFormats.UtcDateTime;\n            }\n            if (alternateDateFormat === AlternateDateFormats.UtcShortWithDay) {\n              alternateDateFormat = AlternateDateFormats.UtcDateTimeWithDay;\n            }\n          } else {\n            timeDisplay = undefined;\n            if (alternateDateFormat === AlternateDateFormats.IsoDateTime)\n              alternateDateFormat = AlternateDateFormats.IsoShort;\n            if (alternateDateFormat === AlternateDateFormats.UtcDateTime)\n              alternateDateFormat = AlternateDateFormats.UtcShort;\n            if (alternateDateFormat === AlternateDateFormats.UtcDateTimeWithDay)\n              alternateDateFormat = AlternateDateFormats.UtcShortWithDay;\n          }\n        }\n      }\n    }\n\n    if (!initialValue) {\n      throw new Error(\"Bad Value\");\n    }\n\n    if (!typeConverter) {\n      throw new Error(\"Unable to determine TypeConverter\");\n    }\n\n    const displayValue = await typeConverter.convertPropertyToString(\n      record!.property,\n      initialValue\n    );\n\n    if (this._isMounted)\n      this.setState({\n        value: initialValue,\n        timeDisplay,\n        typeConverter,\n        displayValue,\n        editInUtc,\n      });\n  }\n\n  private _handleEnter = async (): Promise<void> => {\n    this._enterKey = true;\n    await this._handleCommit();\n  };\n\n  private _handleClose = async (): Promise<void> => {\n    if (this._enterKey) {\n      this._enterKey = false;\n    } else {\n      if (this.props.onCancel) this.props.onCancel();\n    }\n  };\n\n  private _handleOk = async (_event: React.MouseEvent): Promise<void> => {\n    await this._handleCommit();\n  };\n\n  private _handleCancel = (_event: React.MouseEvent): void => {\n    if (this.props.onCancel) {\n      this.props.onCancel();\n    }\n  };\n\n  private _handleCommit = async (): Promise<void> => {\n    if (this.props.propertyRecord && this.props.onCommit) {\n      const propertyValue = await this.getPropertyValue();\n      if (propertyValue !== undefined) {\n        this.props.onCommit({\n          propertyRecord: this.props.propertyRecord,\n          newValue: propertyValue,\n        });\n      }\n    }\n  };\n\n  public override render(): React.ReactNode {\n    const date = this.state.editInUtc\n      ? adjustDateToTimezone(this.state.value, 0)\n      : this.state.value;\n    const timeSpec: TimeSpec = {\n      hours: date.getHours(),\n      minutes: date.getMinutes(),\n      seconds: date.getSeconds(),\n    };\n\n    const className = classnames(\n      \"components-cell-editor\",\n      \"components-datetime-editor\",\n      this.props.className\n    );\n\n    return (\n      <div className={className} ref={this._divElement}>\n        <PopupButton\n          id={this.props.propertyRecord?.property.name}\n          label={this.state.displayValue}\n          onClose={this._handleClose}\n          onEnter={this._handleEnter}\n          setFocus={this.props.setFocus}\n          disabled={this.props.propertyRecord?.isDisabled}\n          readonly={this.props.propertyRecord?.isReadonly}\n        >\n          <PopupContent>\n            <>\n              <div\n                className=\"components-date-picker-calendar-popup-panel\"\n                data-testid=\"components-date-picker-calendar-popup-panel\"\n              >\n                <DatePicker\n                  selected={date}\n                  onDateChange={this._handleChange}\n                  showFocusOutline={false}\n                />\n                {this.state.timeDisplay && (\n                  <div className=\"time-container\">\n                    <Text variant=\"body\" className=\"time-label\">\n                      {\"Time\"}\n                    </Text>\n                    <TimeField\n                      time={timeSpec}\n                      timeDisplay={this.state.timeDisplay}\n                      onTimeChange={this._handleTimeChange}\n                    />\n                  </div>\n                )}\n              </div>\n            </>\n            <PopupOkCancelButtons\n              onOk={this._handleOk}\n              onCancel={this._handleCancel}\n            />\n          </PopupContent>\n        </PopupButton>\n      </div>\n    );\n  }\n}\n\n/** DateTime Property Editor registered for the \"number\" type name and \"DateTime\" editor name.\n * It uses the [[DateTimeEditor]] React component.\n * @internal\n */\nexport class ShortDateTimePropertyEditor extends PropertyEditorBase {\n  public get reactNode(): React.ReactNode {\n    return <DateTimeEditor showTime={false} />;\n  }\n  public override get containerHandlesTab(): boolean {\n    return false;\n  }\n}\n\n/** DateTime Property Editor registered for the \"number\" type name and \"DateTime\" editor name.\n * It uses the [[DateTimeEditor]] React component.\n * @internal\n */\nexport class DateTimePropertyEditor extends PropertyEditorBase {\n  public get reactNode(): React.ReactNode {\n    return <DateTimeEditor showTime={true} />;\n  }\n  public override get containerHandlesTab(): boolean {\n    return false;\n  }\n}\n"]}

package/lib/components-react/editors/EditorContainer.d.ts

@@ -16,6 +16,7 @@ export interface PropertyUpdatedArgs {
 }
 /** Properties for a property editor component
  * @public
+ * @deprecated in 5.30. This interface is part of the old editor system and was used to defined custom editor. Use {@link EditorSpec} and {@link createEditorSpec} instead.
  */
 export interface PropertyEditorProps extends CommonProps {
     /** The property being updated. */
@@ -65,8 +66,10 @@ export interface EditorContainerProps extends CommonProps {
      */
     shouldCommitOnChange?: boolean;
 }
-/** Interface implemented by React based type editors
+/**
+ * Interface implemented by React based type editors
  * @public
+ * @deprecated in 5.30. This interface is part of the old editor system and was used to defined custom editor. Use {@link EditorSpec} and {@link createEditorSpec} instead.
  */
 export interface TypeEditor {
     getPropertyValue: () => Promise<PropertyValue | undefined>;
@@ -75,6 +78,7 @@ export interface TypeEditor {
 }
 /** EditorContainer React component used by the Tree and PropertyGrid for cell editing.
  * @public
+ * @deprecated in 5.30. This component is part of the old editor system. Use {@link EditorRenderer} instead.
  */
 export declare function EditorContainer(props: EditorContainerProps): React.JSX.Element;
 //# sourceMappingURL=EditorContainer.d.ts.map

package/lib/components-react/editors/EditorContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorContainer.d.ts","sourceRoot":"","sources":["../../../src/components-react/editors/EditorContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAGV,cAAc,EACd,aAAa,EACd,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOrD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,kCAAkC;IAClC,cAAc,EAAE,cAAc,CAAC;IAC/B,sCAAsC;IACtC,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED;;GAEG;AAEH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,kCAAkC;IAClC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC/C,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,uBAAuB;IACvB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC3C,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;GAGG;AAEH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,kCAAkC;IAClC,cAAc,EAAE,cAAc,CAAC;IAC/B,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC9C,yBAAyB;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,gBAAgB;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAMD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,gBAAgB,EAAE,MAAM,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC3D,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAkM1D"}
+{"version":3,"file":"EditorContainer.d.ts","sourceRoot":"","sources":["../../../src/components-react/editors/EditorContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAGV,cAAc,EACd,aAAa,EACd,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAWrD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,kCAAkC;IAClC,cAAc,EAAE,cAAc,CAAC;IAC/B,sCAAsC;IACtC,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,kCAAkC;IAClC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC/C,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,uBAAuB;IACvB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC3C,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,kCAAkC;IAClC,cAAc,EAAE,cAAc,CAAC;IAC/B,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC9C,yBAAyB;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,gBAAgB;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAMD;;;;GAIG;AACH,MAAM,WAAW,UAAU;IACzB,gBAAgB,EAAE,MAAM,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC3D,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAkM1D"}

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

@@ -12,8 +12,8 @@ import { PropertyValueFormat, UiAdmin } from "@itwin/appui-abstract";
 import { PropertyEditorManager } from "./PropertyEditorManager.js";
 /** EditorContainer React component used by the Tree and PropertyGrid for cell editing.
  * @public
+ * @deprecated in 5.30. This component is part of the old editor system. Use {@link EditorRenderer} instead.
  */
-// eslint-disable-next-line @typescript-eslint/no-deprecated
 export function EditorContainer(props) {
     const { ignoreEditorBlur, title, shouldCommitOnChange, propertyRecord, setFocus, onCommit, onCancel, onClick, ...rest } = props;
     const editorRef = React.useRef(undefined);