@itwin/components-react 5.28.1 → 5.29.0

package/lib/components-react/new-editors/editors-registry/DefaultEditors.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultEditors.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors-registry/DefaultEditors.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\nimport { StandardEditorNames } from \"@itwin/appui-abstract\";\nimport { BooleanEditor } from \"../editors/BooleanEditor.js\";\nimport { DateTimeEditor } from \"../editors/DateTimeEditor.js\";\nimport { EnumEditor } from \"../editors/EnumEditor.js\";\nimport { NumericEditor } from \"../editors/NumericEditor.js\";\nimport { TextEditor } from \"../editors/TextEditor.js\";\n\nimport { ColorEditorSpec as InteropColorEditorSpec } from \"../interop/old-editors/Color.js\";\nimport { CustomNumberEditorSpec as InteropCustomNumberEditorSpec } from \"../interop/old-editors/CustomNumber.js\";\nimport { EnumEditorSpec as InteropEnumEditorSpec } from \"../interop/old-editors/Enum.js\";\nimport { EnumButtonGroupEditorSpec as InteropEnumButtonGroupEditorSpec } from \"../interop/old-editors/EnumButtonGroup.js\";\nimport { MultilineEditorSpec as InteropMultilineEditorSpec } from \"../interop/old-editors/TextArea.js\";\nimport { SliderEditorSpec as InteropSliderEditorSpec } from \"../interop/old-editors/Slider.js\";\nimport { NumericInputEditorSpec as InteropNumericInputEditorSpec } from \"../interop/old-editors/NumericInput.js\";\n\nimport { createEditorSpec, type EditorSpec } from \"../Types.js\";\nimport type { EnumValueMetadata, ValueMetadata } from \"../values/Metadata.js\";\nimport { ToggleEditor } from \"../editors/ToggleEditor.js\";\nimport { DateEditor } from \"../editors/DateEditor.js\";\nimport {\n  isBoolean,\n  isDate,\n  isEnum,\n  isNumeric,\n  isText,\n} from \"../values/ValueUtilities.js\";\n\n/** v8 ignore start */\n\n/**\n * Specification for default text editor. It applies for values whose type is \"string\".\n * @internal\n */\nexport const TextEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"string\",\n  isValueSupported: isText,\n  Editor: TextEditor,\n});\n\n/**\n * Specification for default date editor. It applies for values whose type is \"date\".\n * @internal\n */\nexport const DateEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"date\",\n  isValueSupported: isDate,\n  Editor: DateEditor,\n});\n\n/**\n * Specification for default date time editor. It applies for values whose type is \"dateTime\".\n * @internal\n */\nexport const DateTimeEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"dateTime\",\n  isValueSupported: isDate,\n  Editor: DateTimeEditor,\n});\n\n/**\n * Specification for default boolean editor. It applies for values whose type is \"bool\".\n * @internal\n */\nexport const BoolEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"bool\",\n  isValueSupported: isBoolean,\n  Editor: BooleanEditor,\n});\n\n/**\n * Specification for default numeric editor. It applies for values whose type is \"number\".\n * @internal\n */\nexport const NumericEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"number\",\n  isValueSupported: isNumeric,\n  Editor: NumericEditor,\n});\n\n/**\n * Specification for default toggle editor. It applies for values whose type is \"bool\" when preferred editor set to `toggle`.\n * @internal\n */\nexport const EnumEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is EnumValueMetadata =>\n    metadata.type === \"enum\",\n  isValueSupported: isEnum,\n  Editor: EnumEditor,\n});\n\n/**\n * Specification for default enum editor. It applies for values whose type is \"enum\".\n * @internal\n */\nexport const ToggleEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"bool\" &&\n    metadata.preferredEditor === StandardEditorNames.Toggle,\n  isValueSupported: isBoolean,\n  Editor: ToggleEditor,\n});\n\n/**\n * List of default editor specifications that are used as fallback if EditorRegistry does not provide a custom editor.\n * @internal\n */\nexport const defaultEditorSpecs: EditorSpec[] = [\n  // list editors with preferred editor check first\n  ToggleEditorSpec,\n\n  // list editors that checks only value type\n  TextEditorSpec,\n  BoolEditorSpec,\n  NumericEditorSpec,\n  DateEditorSpec,\n  DateTimeEditorSpec,\n  EnumEditorSpec,\n];\n\n/**\n * List of editor specifications that are rewritten based on the old version that accepts editor params from `PropertyRecord`. Needed to support\n * editing customizations used through `PropertyRecord`.\n * @internal\n */\nexport const interopEditorSpecs: EditorSpec[] = [\n  InteropSliderEditorSpec,\n  InteropEnumButtonGroupEditorSpec,\n  InteropNumericInputEditorSpec,\n  InteropCustomNumberEditorSpec,\n  InteropColorEditorSpec,\n  InteropMultilineEditorSpec,\n\n  InteropEnumEditorSpec,\n];\n\n/** v8 ignore stop */\n"]}
+{"version":3,"file":"DefaultEditors.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors-registry/DefaultEditors.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\nimport { StandardEditorNames } from \"@itwin/appui-abstract\";\nimport { BooleanEditor } from \"../editors/BooleanEditor.js\";\nimport { DateTimeEditor } from \"../editors/DateTimeEditor.js\";\nimport { EnumEditor } from \"../editors/EnumEditor.js\";\nimport { NumericEditor } from \"../editors/NumericEditor.js\";\nimport { TextEditor } from \"../editors/TextEditor.js\";\n\nimport { ColorEditorSpec as InteropColorEditorSpec } from \"../interop/old-editors/Color.js\";\nimport { CustomNumberEditorSpec as InteropCustomNumberEditorSpec } from \"../interop/old-editors/CustomNumber.js\";\nimport { EnumEditorSpec as InteropEnumEditorSpec } from \"../interop/old-editors/Enum.js\";\nimport { EnumButtonGroupEditorSpec as InteropEnumButtonGroupEditorSpec } from \"../interop/old-editors/EnumButtonGroup.js\";\nimport { MultilineEditorSpec as InteropMultilineEditorSpec } from \"../interop/old-editors/TextArea.js\";\nimport { SliderEditorSpec as InteropSliderEditorSpec } from \"../interop/old-editors/Slider.js\";\nimport { NumericInputEditorSpec as InteropNumericInputEditorSpec } from \"../interop/old-editors/NumericInput.js\";\n\nimport { createEditorSpec, type EditorSpec } from \"../Types.js\";\nimport type {\n  EnumValueMetadata,\n  NumericValueMetadata,\n  TextValueMetadata,\n  ValueMetadata,\n} from \"../values/Metadata.js\";\nimport { ToggleEditor } from \"../editors/ToggleEditor.js\";\nimport { DateEditor } from \"../editors/DateEditor.js\";\nimport {\n  isBoolean,\n  isDate,\n  isEnum,\n  isNumeric,\n  isText,\n} from \"../values/ValueUtilities.js\";\n\n/** v8 ignore start */\n\n/**\n * Specification for default text editor. It applies for values whose type is \"string\".\n * @internal\n */\nexport const TextEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is TextValueMetadata =>\n    metadata.type === \"string\",\n  isValueSupported: isText,\n  Editor: TextEditor,\n});\n\n/**\n * Specification for default date editor. It applies for values whose type is \"date\".\n * @internal\n */\nexport const DateEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"date\",\n  isValueSupported: isDate,\n  Editor: DateEditor,\n});\n\n/**\n * Specification for default date time editor. It applies for values whose type is \"dateTime\".\n * @internal\n */\nexport const DateTimeEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"dateTime\",\n  isValueSupported: isDate,\n  Editor: DateTimeEditor,\n});\n\n/**\n * Specification for default boolean editor. It applies for values whose type is \"bool\".\n * @internal\n */\nexport const BoolEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"bool\",\n  isValueSupported: isBoolean,\n  Editor: BooleanEditor,\n});\n\n/**\n * Specification for default numeric editor. It applies for values whose type is \"number\".\n * @internal\n */\nexport const NumericEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is NumericValueMetadata =>\n    metadata.type === \"number\",\n  isValueSupported: isNumeric,\n  Editor: NumericEditor,\n});\n\n/**\n * Specification for default toggle editor. It applies for values whose type is \"bool\" when preferred editor set to `toggle`.\n * @internal\n */\nexport const EnumEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is EnumValueMetadata =>\n    metadata.type === \"enum\",\n  isValueSupported: isEnum,\n  Editor: EnumEditor,\n});\n\n/**\n * Specification for default enum editor. It applies for values whose type is \"enum\".\n * @internal\n */\nexport const ToggleEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"bool\" &&\n    metadata.preferredEditor === StandardEditorNames.Toggle,\n  isValueSupported: isBoolean,\n  Editor: ToggleEditor,\n});\n\n/**\n * List of default editor specifications that are used as fallback if EditorRegistry does not provide a custom editor.\n * @internal\n */\nexport const defaultEditorSpecs: EditorSpec[] = [\n  // list editors with preferred editor check first\n  ToggleEditorSpec,\n\n  // list editors that checks only value type\n  TextEditorSpec,\n  BoolEditorSpec,\n  NumericEditorSpec,\n  DateEditorSpec,\n  DateTimeEditorSpec,\n  EnumEditorSpec,\n];\n\n/**\n * List of editor specifications that are rewritten based on the old version that accepts editor params from `PropertyRecord`. Needed to support\n * editing customizations used through `PropertyRecord`.\n * @internal\n */\nexport const interopEditorSpecs: EditorSpec[] = [\n  InteropSliderEditorSpec,\n  InteropEnumButtonGroupEditorSpec,\n  InteropNumericInputEditorSpec,\n  InteropCustomNumberEditorSpec,\n  InteropColorEditorSpec,\n  InteropMultilineEditorSpec,\n\n  InteropEnumEditorSpec,\n];\n\n/** v8 ignore stop */\n"]}

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

@@ -1,14 +1,15 @@
-import type { PrimitiveValue, PropertyRecord } from "@itwin/appui-abstract";
+import type { PrimitiveValue } from "@itwin/appui-abstract";
 import type { Value as NewEditorValue } from "../values/Values.js";
 import type { OldEditorMetadata } from "./Metadata.js";
+import type { PropertyRecordWithConstraints, WithConstraints } from "../ConstraintUtils.js";
 /**
  * Interop utilities for converting between old and new editor values.
  * @internal
  */
 export declare namespace EditorInterop {
     /** Attempts to convert `PropertyRecord` into `ValueMetadata` and `Value`. */
-    function getMetadataAndValue(propertyRecord: PropertyRecord): {
-        metadata: OldEditorMetadata | undefined;
+    function getMetadataAndValue(propertyRecord: PropertyRecordWithConstraints): {
+        metadata: WithConstraints<OldEditorMetadata> | undefined;
         value: NewEditorValue | undefined;
     };
     /** Converts new editors system `Value` into old `PrimitiveValue` */

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

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

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

@@ -20,6 +20,7 @@ export var EditorInterop;
             typename: propertyRecord.property.typename,
             // eslint-disable-next-line @typescript-eslint/no-deprecated
             quantityType: propertyRecord.property.quantityType,
+            constraints: propertyRecord.property.constraints,
         };
         const primitiveValue = propertyRecord.value;
         switch (propertyRecord.property.typename) {

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

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

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

@@ -4,6 +4,9 @@
 import * as React from "react";
 import { type PropertyRecord } from "@itwin/appui-abstract";
 import { type PropertyUpdatedArgs } from "../../editors/EditorContainer.js";
+import type { ValueMetadata } from "../values/Metadata.js";
+import type { Value } from "../values/Values.js";
+import type { WithConstraints } from "../ConstraintUtils.js";
 interface PropertyRecordEditorProps {
     propertyRecord: PropertyRecord;
     onCommit: (args: PropertyUpdatedArgs) => void;
@@ -18,5 +21,16 @@ interface PropertyRecordEditorProps {
  * @beta
  */
 export declare function PropertyRecordEditor({ propertyRecord, onCommit, onCancel, onClick, setFocus, size, editorSystem, }: PropertyRecordEditorProps): React.JSX.Element;
+/** @internal */
+export declare function CommittingEditor({ metadata, initialValue, onCancel, onCommit, onClick, disabled, size, id, }: {
+    metadata: WithConstraints<ValueMetadata>;
+    initialValue?: Value;
+    onCommit: (value?: Value) => void;
+    onCancel: () => void;
+    onClick?: () => void;
+    disabled?: boolean;
+    size?: "small" | "large";
+    id?: string;
+}): React.JSX.Element;
 export {};
 //# sourceMappingURL=PropertyRecordEditor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyRecordEditor.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/interop/PropertyRecordEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,kCAAkC,CAAC;AAM1C,UAAU,yBAAyB;IACjC,cAAc,EAAE,cAAc,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CACjC;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,YAAY,GACb,EAAE,yBAAyB,qBAiC3B"}
+{"version":3,"file":"PropertyRecordEditor.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/interop/PropertyRecordEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,kCAAkC,CAAC;AAG1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,UAAU,yBAAyB;IACjC,cAAc,EAAE,cAAc,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CACjC;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,YAAY,GACb,EAAE,yBAAyB,qBAkC3B;AAED,gBAAgB;AAChB,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,EAAE,GACH,EAAE;IACD,QAAQ,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,qBA0BA"}

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

@@ -25,17 +25,18 @@ export function PropertyRecordEditor({ propertyRecord, onCommit, onCancel, onCli
                         ? { valueFormat: PropertyValueFormat.Primitive }
                         : EditorInterop.convertToPrimitiveValue(newValue),
                 });
-            }, onCancel: onCancel, onClick: onClick, disabled: propertyRecord.isDisabled || propertyRecord.isReadonly, size: size }));
+            }, onCancel: onCancel, onClick: onClick, disabled: propertyRecord.isDisabled || propertyRecord.isReadonly, size: size, id: propertyRecord.property.name }));
     }
     return (React.createElement(EditorContainer, { propertyRecord: propertyRecord, onCommit: onCommit, onCancel: onCancel, onClick: onClick, setFocus: setFocus }));
 }
-function CommittingEditor({ metadata, initialValue, onCancel, onCommit, onClick, disabled, size, }) {
+/** @internal */
+export function CommittingEditor({ metadata, initialValue, onCancel, onCommit, onClick, disabled, size, id, }) {
     const { value, onChange, onKeydown, commit, cancel } = useCommittableValue({
         initialValue,
         onCommit,
         onCancel,
     });
     return (React.createElement("div", { onKeyDown: onKeydown, onBlur: commit, onClick: onClick, role: "presentation" },
-        React.createElement(EditorRenderer, { metadata: metadata, value: value, onChange: onChange, commit: commit, cancel: cancel, disabled: disabled, size: size })));
+        React.createElement(EditorRenderer, { metadata: metadata, value: value, onChange: onChange, commit: commit, cancel: cancel, disabled: disabled, size: size, id: id })));
 }
 //# sourceMappingURL=PropertyRecordEditor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyRecordEditor.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/interop/PropertyRecordEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EACL,eAAe,GAEhB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AActD;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,YAAY,GACc;IAC1B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC;IAC9E,IAAI,YAAY,KAAK,KAAK,IAAI,QAAQ,IAAI,KAAK,EAAE,CAAC;QAChD,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACrB,QAAQ,CAAC;oBACP,cAAc;oBACd,QAAQ,EACN,QAAQ,KAAK,SAAS;wBACpB,CAAC,CAAC,EAAE,WAAW,EAAE,mBAAmB,CAAC,SAAS,EAAE;wBAChD,CAAC,CAAC,aAAa,CAAC,uBAAuB,CAAC,QAAQ,CAAC;iBACtD,CAAC,CAAC;YACL,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,CAAC,UAAU,IAAI,cAAc,CAAC,UAAU,EAChE,IAAI,EAAE,IAAI,GACV,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,eAAe,IACd,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GASL;IACC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,mBAAmB,CAAC;QACzE,YAAY;QACZ,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,cAAc;QAEnB,oBAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,GACV,CACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyEditors\n */\n\nimport * as React from \"react\";\nimport {\n  type PropertyRecord,\n  PropertyValueFormat,\n} from \"@itwin/appui-abstract\";\nimport { EditorInterop } from \"./EditorInterop.js\";\nimport {\n  EditorContainer,\n  type PropertyUpdatedArgs,\n} from \"../../editors/EditorContainer.js\";\nimport { useCommittableValue } from \"../UseCommittableValue.js\";\nimport { EditorRenderer } from \"../EditorRenderer.js\";\nimport type { ValueMetadata } from \"../values/Metadata.js\";\nimport type { Value } from \"../values/Values.js\";\n\ninterface PropertyRecordEditorProps {\n  propertyRecord: PropertyRecord;\n  onCommit: (args: PropertyUpdatedArgs) => void;\n  onCancel: () => void;\n  onClick?: () => void;\n  setFocus?: boolean;\n  size?: \"small\" | \"large\";\n  editorSystem?: \"legacy\" | \"new\";\n}\n\n/**\n * Editor component for editing property values represented by `PropertyRecord`.\n * @beta\n */\nexport function PropertyRecordEditor({\n  propertyRecord,\n  onCommit,\n  onCancel,\n  onClick,\n  setFocus,\n  size,\n  editorSystem,\n}: PropertyRecordEditorProps) {\n  const { metadata, value } = EditorInterop.getMetadataAndValue(propertyRecord);\n  if (editorSystem === \"new\" && metadata && value) {\n    return (\n      <CommittingEditor\n        metadata={metadata}\n        initialValue={value}\n        onCommit={(newValue) => {\n          onCommit({\n            propertyRecord,\n            newValue:\n              newValue === undefined\n                ? { valueFormat: PropertyValueFormat.Primitive }\n                : EditorInterop.convertToPrimitiveValue(newValue),\n          });\n        }}\n        onCancel={onCancel}\n        onClick={onClick}\n        disabled={propertyRecord.isDisabled || propertyRecord.isReadonly}\n        size={size}\n      />\n    );\n  }\n\n  return (\n    <EditorContainer\n      propertyRecord={propertyRecord}\n      onCommit={onCommit}\n      onCancel={onCancel}\n      onClick={onClick}\n      setFocus={setFocus}\n    />\n  );\n}\n\nfunction CommittingEditor({\n  metadata,\n  initialValue,\n  onCancel,\n  onCommit,\n  onClick,\n  disabled,\n  size,\n}: {\n  metadata: ValueMetadata;\n  initialValue?: Value;\n  onCommit: (value?: Value) => void;\n  onCancel: () => void;\n  onClick?: () => void;\n  disabled?: boolean;\n  size?: \"small\" | \"large\";\n}) {\n  const { value, onChange, onKeydown, commit, cancel } = useCommittableValue({\n    initialValue,\n    onCommit,\n    onCancel,\n  });\n\n  return (\n    <div\n      onKeyDown={onKeydown}\n      onBlur={commit}\n      onClick={onClick}\n      role=\"presentation\"\n    >\n      <EditorRenderer\n        metadata={metadata}\n        value={value}\n        onChange={onChange}\n        commit={commit}\n        cancel={cancel}\n        disabled={disabled}\n        size={size}\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"PropertyRecordEditor.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/interop/PropertyRecordEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EACL,eAAe,GAEhB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAetD;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,YAAY,GACc;IAC1B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC;IAC9E,IAAI,YAAY,KAAK,KAAK,IAAI,QAAQ,IAAI,KAAK,EAAE,CAAC;QAChD,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACrB,QAAQ,CAAC;oBACP,cAAc;oBACd,QAAQ,EACN,QAAQ,KAAK,SAAS;wBACpB,CAAC,CAAC,EAAE,WAAW,EAAE,mBAAmB,CAAC,SAAS,EAAE;wBAChD,CAAC,CAAC,aAAa,CAAC,uBAAuB,CAAC,QAAQ,CAAC;iBACtD,CAAC,CAAC;YACL,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,CAAC,UAAU,IAAI,cAAc,CAAC,UAAU,EAChE,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,IAAI,GAChC,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,eAAe,IACd,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,EAAE,GAUH;IACC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,mBAAmB,CAAC;QACzE,YAAY;QACZ,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,cAAc;QAEnB,oBAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,GACN,CACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyEditors\n */\n\nimport * as React from \"react\";\nimport {\n  type PropertyRecord,\n  PropertyValueFormat,\n} from \"@itwin/appui-abstract\";\nimport { EditorInterop } from \"./EditorInterop.js\";\nimport {\n  EditorContainer,\n  type PropertyUpdatedArgs,\n} from \"../../editors/EditorContainer.js\";\nimport { useCommittableValue } from \"../UseCommittableValue.js\";\nimport { EditorRenderer } from \"../EditorRenderer.js\";\nimport type { ValueMetadata } from \"../values/Metadata.js\";\nimport type { Value } from \"../values/Values.js\";\nimport type { WithConstraints } from \"../ConstraintUtils.js\";\n\ninterface PropertyRecordEditorProps {\n  propertyRecord: PropertyRecord;\n  onCommit: (args: PropertyUpdatedArgs) => void;\n  onCancel: () => void;\n  onClick?: () => void;\n  setFocus?: boolean;\n  size?: \"small\" | \"large\";\n  editorSystem?: \"legacy\" | \"new\";\n}\n\n/**\n * Editor component for editing property values represented by `PropertyRecord`.\n * @beta\n */\nexport function PropertyRecordEditor({\n  propertyRecord,\n  onCommit,\n  onCancel,\n  onClick,\n  setFocus,\n  size,\n  editorSystem,\n}: PropertyRecordEditorProps) {\n  const { metadata, value } = EditorInterop.getMetadataAndValue(propertyRecord);\n  if (editorSystem === \"new\" && metadata && value) {\n    return (\n      <CommittingEditor\n        metadata={metadata}\n        initialValue={value}\n        onCommit={(newValue) => {\n          onCommit({\n            propertyRecord,\n            newValue:\n              newValue === undefined\n                ? { valueFormat: PropertyValueFormat.Primitive }\n                : EditorInterop.convertToPrimitiveValue(newValue),\n          });\n        }}\n        onCancel={onCancel}\n        onClick={onClick}\n        disabled={propertyRecord.isDisabled || propertyRecord.isReadonly}\n        size={size}\n        id={propertyRecord.property.name}\n      />\n    );\n  }\n\n  return (\n    <EditorContainer\n      propertyRecord={propertyRecord}\n      onCommit={onCommit}\n      onCancel={onCancel}\n      onClick={onClick}\n      setFocus={setFocus}\n    />\n  );\n}\n\n/** @internal */\nexport function CommittingEditor({\n  metadata,\n  initialValue,\n  onCancel,\n  onCommit,\n  onClick,\n  disabled,\n  size,\n  id,\n}: {\n  metadata: WithConstraints<ValueMetadata>;\n  initialValue?: Value;\n  onCommit: (value?: Value) => void;\n  onCancel: () => void;\n  onClick?: () => void;\n  disabled?: boolean;\n  size?: \"small\" | \"large\";\n  id?: string;\n}) {\n  const { value, onChange, onKeydown, commit, cancel } = useCommittableValue({\n    initialValue,\n    onCommit,\n    onCancel,\n  });\n\n  return (\n    <div\n      onKeyDown={onKeydown}\n      onBlur={commit}\n      onClick={onClick}\n      role=\"presentation\"\n    >\n      <EditorRenderer\n        metadata={metadata}\n        value={value}\n        onChange={onChange}\n        commit={commit}\n        cancel={cancel}\n        disabled={disabled}\n        size={size}\n        id={id}\n      />\n    </div>\n  );\n}\n"]}

package/lib/components-react/new-editors/interop/old-editors/Color.js

@@ -22,7 +22,7 @@ export const ColorEditorSpec = createEditorSpec({
     isValueSupported: isNumeric,
     Editor: ColorEditor,
 });
-function ColorEditor({ value, metadata, onChange, commit, size, }) {
+function ColorEditor({ value, metadata, onChange, commit, size, id, }) {
     const colorParams = useColorEditorParams(metadata);
     const colors = colorParams?.colorValues ?? [];
     const currentValue = value
@@ -41,7 +41,7 @@ function ColorEditor({ value, metadata, onChange, commit, size, }) {
                 commit?.();
             }
         } },
-        React.createElement(IconButton, { size: size },
+        React.createElement(IconButton, { id: id, size: size },
             React.createElement(ColorSwatch, { color: activeColor }))));
 }
 /* v8 ignore stop */

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

@@ -1 +1 @@
-{"version":3,"file":"Color.js","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/Color.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,wBAAwB,EACxB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,UAAU,EACV,OAAO,GACR,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,qBAAqB;AAErB;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAe,gBAAgB,CAAC;IAC1D,mBAAmB,EAAE,CAAC,QAAQ,EAAiC,EAAE,CAC/D,mBAAmB,CAAC,QAAQ,CAAC;QAC7B,QAAQ,CAAC,IAAI,KAAK,QAAQ;QAC1B,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CACrB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,wBAAwB,CAAC,SAAS,CAAC,OAAO,EAAE,CACvE;QACD,QAAQ,CAAC,eAAe,KAAK,mBAAmB,CAAC,WAAW;IAC9D,gBAAgB,EAAE,SAAS;IAC3B,MAAM,EAAE,WAAW;CACpB,CAAC,CAAC;AAEH,SAAS,WAAW,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAI,GACyC;IAC7C,MAAM,WAAW,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACnD,MAAM,MAAM,GAAG,WAAW,EAAE,WAAW,IAAI,EAAE,CAAC;IAE9C,MAAM,YAAY,GAAG,KAAK;QACxB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IACrE,MAAM,WAAW,GACf,YAAY,CAAC,QAAQ,KAAK,SAAS;QACjC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC;QAC5C,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAE,EAAE;QAC3C,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,OAAO,IACN,OAAO,EACL,oBAAC,WAAW,IACV,aAAa,EAAE,WAAW,EAC1B,gBAAgB,EAAE,cAAc;YAEhC,oBAAC,YAAY,IAAC,MAAM,EAAE,UAAU,GAAI,CACxB,EAEhB,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE;YAC3B,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,MAAM,EAAE,EAAE,CAAC;YACb,CAAC;QACH,CAAC;QAED,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI;YACpB,oBAAC,WAAW,IAAC,KAAK,EAAE,WAAW,GAAI,CACxB,CACL,CACX,CAAC;AACJ,CAAC;AAED,oBAAoB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport * as React from \"react\";\nimport {\n  PropertyEditorParamTypes,\n  StandardEditorNames,\n} from \"@itwin/appui-abstract\";\nimport {\n  ColorPalette,\n  ColorPicker,\n  ColorSwatch,\n  ColorValue,\n  IconButton,\n  Popover,\n} from \"@itwin/itwinui-react\";\nimport type { EditorProps, EditorSpec } from \"../../Types.js\";\nimport { createEditorSpec } from \"../../Types.js\";\nimport type { OldEditorMetadata } from \"../Metadata.js\";\nimport { isOldEditorMetadata } from \"../Metadata.js\";\nimport type { NumericValue } from \"../../values/Values.js\";\nimport { useColorEditorParams } from \"./UseEditorParams.js\";\nimport { isNumeric } from \"../../values/ValueUtilities.js\";\n\n/* v8 ignore start */\n\n/**\n * Editor specification for color editor.\n * @internal\n */\nexport const ColorEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is OldEditorMetadata =>\n    isOldEditorMetadata(metadata) &&\n    metadata.type === \"number\" &&\n    !!metadata.params?.find(\n      (param) => param.type === PropertyEditorParamTypes.ColorData.valueOf()\n    ) &&\n    metadata.preferredEditor === StandardEditorNames.ColorPicker,\n  isValueSupported: isNumeric,\n  Editor: ColorEditor,\n});\n\nfunction ColorEditor({\n  value,\n  metadata,\n  onChange,\n  commit,\n  size,\n}: EditorProps<OldEditorMetadata, NumericValue>) {\n  const colorParams = useColorEditorParams(metadata);\n  const colors = colorParams?.colorValues ?? [];\n\n  const currentValue = value\n    ? value\n    : { rawValue: colors[0], displayValue: \"\" };\n  const colorsList = colors.map((color) => ColorValue.fromTbgr(color));\n  const activeColor =\n    currentValue.rawValue !== undefined\n      ? ColorValue.fromTbgr(currentValue.rawValue)\n      : colorsList[0];\n\n  const onColorChanged = (color: ColorValue) => {\n    onChange({ rawValue: color.toTbgr(), displayValue: \"\" });\n  };\n\n  return (\n    <Popover\n      content={\n        <ColorPicker\n          selectedColor={activeColor}\n          onChangeComplete={onColorChanged}\n        >\n          <ColorPalette colors={colorsList} />\n        </ColorPicker>\n      }\n      onVisibleChange={(visible) => {\n        if (!visible) {\n          commit?.();\n        }\n      }}\n    >\n      <IconButton size={size}>\n        <ColorSwatch color={activeColor} />\n      </IconButton>\n    </Popover>\n  );\n}\n\n/* v8 ignore stop */\n"]}
+{"version":3,"file":"Color.js","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/Color.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,wBAAwB,EACxB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,UAAU,EACV,OAAO,GACR,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,qBAAqB;AAErB;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAe,gBAAgB,CAAC;IAC1D,mBAAmB,EAAE,CAAC,QAAQ,EAAiC,EAAE,CAC/D,mBAAmB,CAAC,QAAQ,CAAC;QAC7B,QAAQ,CAAC,IAAI,KAAK,QAAQ;QAC1B,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CACrB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,wBAAwB,CAAC,SAAS,CAAC,OAAO,EAAE,CACvE;QACD,QAAQ,CAAC,eAAe,KAAK,mBAAmB,CAAC,WAAW;IAC9D,gBAAgB,EAAE,SAAS;IAC3B,MAAM,EAAE,WAAW;CACpB,CAAC,CAAC;AAEH,SAAS,WAAW,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,EAAE,GAC2C;IAC7C,MAAM,WAAW,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACnD,MAAM,MAAM,GAAG,WAAW,EAAE,WAAW,IAAI,EAAE,CAAC;IAE9C,MAAM,YAAY,GAAG,KAAK;QACxB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IACrE,MAAM,WAAW,GACf,YAAY,CAAC,QAAQ,KAAK,SAAS;QACjC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC;QAC5C,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAE,EAAE;QAC3C,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,OAAO,IACN,OAAO,EACL,oBAAC,WAAW,IACV,aAAa,EAAE,WAAW,EAC1B,gBAAgB,EAAE,cAAc;YAEhC,oBAAC,YAAY,IAAC,MAAM,EAAE,UAAU,GAAI,CACxB,EAEhB,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE;YAC3B,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,MAAM,EAAE,EAAE,CAAC;YACb,CAAC;QACH,CAAC;QAED,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI;YAC5B,oBAAC,WAAW,IAAC,KAAK,EAAE,WAAW,GAAI,CACxB,CACL,CACX,CAAC;AACJ,CAAC;AAED,oBAAoB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport * as React from \"react\";\nimport {\n  PropertyEditorParamTypes,\n  StandardEditorNames,\n} from \"@itwin/appui-abstract\";\nimport {\n  ColorPalette,\n  ColorPicker,\n  ColorSwatch,\n  ColorValue,\n  IconButton,\n  Popover,\n} from \"@itwin/itwinui-react\";\nimport type { EditorProps, EditorSpec } from \"../../Types.js\";\nimport { createEditorSpec } from \"../../Types.js\";\nimport type { OldEditorMetadata } from \"../Metadata.js\";\nimport { isOldEditorMetadata } from \"../Metadata.js\";\nimport type { NumericValue } from \"../../values/Values.js\";\nimport { useColorEditorParams } from \"./UseEditorParams.js\";\nimport { isNumeric } from \"../../values/ValueUtilities.js\";\n\n/* v8 ignore start */\n\n/**\n * Editor specification for color editor.\n * @internal\n */\nexport const ColorEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is OldEditorMetadata =>\n    isOldEditorMetadata(metadata) &&\n    metadata.type === \"number\" &&\n    !!metadata.params?.find(\n      (param) => param.type === PropertyEditorParamTypes.ColorData.valueOf()\n    ) &&\n    metadata.preferredEditor === StandardEditorNames.ColorPicker,\n  isValueSupported: isNumeric,\n  Editor: ColorEditor,\n});\n\nfunction ColorEditor({\n  value,\n  metadata,\n  onChange,\n  commit,\n  size,\n  id,\n}: EditorProps<OldEditorMetadata, NumericValue>) {\n  const colorParams = useColorEditorParams(metadata);\n  const colors = colorParams?.colorValues ?? [];\n\n  const currentValue = value\n    ? value\n    : { rawValue: colors[0], displayValue: \"\" };\n  const colorsList = colors.map((color) => ColorValue.fromTbgr(color));\n  const activeColor =\n    currentValue.rawValue !== undefined\n      ? ColorValue.fromTbgr(currentValue.rawValue)\n      : colorsList[0];\n\n  const onColorChanged = (color: ColorValue) => {\n    onChange({ rawValue: color.toTbgr(), displayValue: \"\" });\n  };\n\n  return (\n    <Popover\n      content={\n        <ColorPicker\n          selectedColor={activeColor}\n          onChangeComplete={onColorChanged}\n        >\n          <ColorPalette colors={colorsList} />\n        </ColorPicker>\n      }\n      onVisibleChange={(visible) => {\n        if (!visible) {\n          commit?.();\n        }\n      }}\n    >\n      <IconButton id={id} size={size}>\n        <ColorSwatch color={activeColor} />\n      </IconButton>\n    </Popover>\n  );\n}\n\n/* v8 ignore stop */\n"]}

package/lib/components-react/new-editors/interop/old-editors/CustomNumber.d.ts

@@ -2,12 +2,13 @@ import * as React from "react";
 import type { EditorProps } from "../../Types.js";
 import type { OldEditorMetadata } from "../Metadata.js";
 import type { NumericValue } from "../../values/Values.js";
+import type { WithConstraints } from "../../ConstraintUtils.js";
 /** @internal */
 export declare const CustomNumberEditorSpec: import("../../Types.js").EditorSpec;
-interface CustomNumberEditorProps extends EditorProps<OldEditorMetadata, NumericValue> {
+interface CustomNumberEditorProps extends EditorProps<WithConstraints<OldEditorMetadata>, NumericValue> {
     decoration?: React.ReactNode;
 }
 /** @internal */
-export declare function CustomNumberEditor({ metadata, value, onChange, size, disabled, decoration, }: CustomNumberEditorProps): React.JSX.Element | null;
+export declare function CustomNumberEditor({ metadata, value, onChange, size, disabled, decoration, id, }: CustomNumberEditorProps): React.JSX.Element | null;
 export {};
 //# sourceMappingURL=CustomNumber.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CustomNumber.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/CustomNumber.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAW3D,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,qCAWjC,CAAC;AAEH,UAAU,uBACR,SAAQ,WAAW,CAAC,iBAAiB,EAAE,YAAY,CAAC;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,gBAAgB;AAChB,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,UAAU,GACX,EAAE,uBAAuB,4BA2DzB"}
+{"version":3,"file":"CustomNumber.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/CustomNumber.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAQ3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAOhE,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,qCAWjC,CAAC;AAEH,UAAU,uBACR,SAAQ,WAAW,CAAC,eAAe,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACrE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,gBAAgB;AAChB,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,EAAE,GACH,EAAE,uBAAuB,4BAiEzB"}

package/lib/components-react/new-editors/interop/old-editors/CustomNumber.js

@@ -10,6 +10,7 @@ import { isOldEditorMetadata } from "../Metadata.js";
 import { useCustomFormattedNumberParams, useIconEditorParams, useInputEditorSizeParams, } from "./UseEditorParams.js";
 import { findIcon } from "../IconsRegistry.js";
 import { isNumeric } from "../../values/ValueUtilities.js";
+import { applyNumericConstraints, getNumericConstraints, } from "../../ConstraintUtils.js";
 /* v8 ignore start */
 /** @internal */
 export const CustomNumberEditorSpec = createEditorSpec({
@@ -21,7 +22,7 @@ export const CustomNumberEditorSpec = createEditorSpec({
     Editor: CustomNumberEditor,
 });
 /** @internal */
-export function CustomNumberEditor({ metadata, value, onChange, size, disabled, decoration, }) {
+export function CustomNumberEditor({ metadata, value, onChange, size, disabled, decoration, id, }) {
     const formatParams = useCustomFormattedNumberParams(metadata);
     const sizeParams = useInputEditorSizeParams(metadata);
     const iconParams = useIconEditorParams(metadata);
@@ -48,7 +49,12 @@ export function CustomNumberEditor({ metadata, value, onChange, size, disabled,
     const handleChange = (e) => {
         const currentValue = e.target.value;
         const result = formatParams.parseFunction(currentValue);
-        const parsedValue = typeof result.value === "number" ? result.value : undefined;
+        const parsedValue = typeof result.value === "number"
+            ? applyNumericConstraints({
+                ...getNumericConstraints(metadata.constraints),
+                value: result.value,
+            })
+            : undefined;
         setInputValue(currentValue);
         onChange({
             rawValue: parsedValue,
@@ -57,7 +63,7 @@ export function CustomNumberEditor({ metadata, value, onChange, size, disabled,
     };
     return (React.createElement(InputWithDecorations, { size: size },
         icon !== undefined ? (React.createElement(InputWithDecorations.Icon, null, icon)) : null,
-        React.createElement(InputWithDecorations.Input, { ref: inputRef, style: style, disabled: disabled, onChange: handleChange, value: inputValue }),
+        React.createElement(InputWithDecorations.Input, { id: id, ref: inputRef, style: style, disabled: disabled, onChange: handleChange, value: inputValue }),
         decoration));
 }
 /* v8 ignore stop */

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

@@ -1 +1 @@
-{"version":3,"file":"CustomNumber.js","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/CustomNumber.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,wBAAwB,EACxB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EACL,8BAA8B,EAC9B,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,qBAAqB;AAErB,gBAAgB;AAChB,MAAM,CAAC,MAAM,sBAAsB,GAAG,gBAAgB,CAAC;IACrD,mBAAmB,EAAE,CAAC,QAAQ,EAAiC,EAAE,CAC/D,mBAAmB,CAAC,QAAQ,CAAC;QAC7B,QAAQ,CAAC,IAAI,KAAK,QAAQ;QAC1B,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CACrB,CAAC,KAAK,EAAE,EAAE,CACR,KAAK,CAAC,IAAI,KAAK,wBAAwB,CAAC,qBAAqB,CAAC,OAAO,EAAE,CAC1E;QACD,QAAQ,CAAC,eAAe,KAAK,mBAAmB,CAAC,YAAY;IAC/D,gBAAgB,EAAE,SAAS;IAC3B,MAAM,EAAE,kBAAkB;CAC3B,CAAC,CAAC;AAOH,gBAAgB;AAChB,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,UAAU,GACc;IACxB,MAAM,YAAY,GAAG,8BAA8B,CAAC,QAAQ,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE;QACtD,OAAO,KAAK,EAAE,QAAQ,KAAK,SAAS,IAAI,YAAY;YAClD,CAAC,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC;YAC7C,CAAC,CAAC,EAAE,CAAC;IACT,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,KAAK,GACT,UAAU,EAAE,IAAI,KAAK,SAAS;QAC5B,CAAC,CAAC;YACE,QAAQ,EAAE,GAAG,UAAU,EAAE,IAAI,GAAG,IAAI,IAAI;YACxC,QAAQ,EACN,UAAU,EAAE,OAAO,KAAK,SAAS;gBAC/B,CAAC,CAAC,GAAG,UAAU,EAAE,OAAO,GAAG,IAAI,IAAI;gBACnC,CAAC,CAAC,SAAS;SAChB;QACH,CAAC,CAAC,SAAS,CAAC;IAChB,MAAM,IAAI,GACR,UAAU,EAAE,UAAU,EAAE,QAAQ,KAAK,SAAS;QAC5C,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC;QAC1C,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACpC,MAAM,MAAM,GAAG,YAAY,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACxD,MAAM,WAAW,GACf,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;QAE9D,aAAa,CAAC,YAAY,CAAC,CAAC;QAE5B,QAAQ,CAAC;YACP,QAAQ,EAAE,WAAW;YACrB,YAAY,EAAE,YAAY;SAC3B,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,oBAAoB,IAAC,IAAI,EAAE,IAAI;QAC7B,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACpB,oBAAC,oBAAoB,CAAC,IAAI,QAAE,IAAI,CAA6B,CAC9D,CAAC,CAAC,CAAC,IAAI;QACR,oBAAC,oBAAoB,CAAC,KAAK,IACzB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,UAAU,GACjB;QACD,UAAU,CACU,CACxB,CAAC;AACJ,CAAC;AAED,oBAAoB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport * as React from \"react\";\nimport {\n  PropertyEditorParamTypes,\n  StandardEditorNames,\n} from \"@itwin/appui-abstract\";\nimport { InputWithDecorations } from \"@itwin/itwinui-react\";\nimport type { EditorProps } from \"../../Types.js\";\nimport { createEditorSpec } from \"../../Types.js\";\nimport type { OldEditorMetadata } from \"../Metadata.js\";\nimport { isOldEditorMetadata } from \"../Metadata.js\";\nimport type { NumericValue } from \"../../values/Values.js\";\nimport {\n  useCustomFormattedNumberParams,\n  useIconEditorParams,\n  useInputEditorSizeParams,\n} from \"./UseEditorParams.js\";\nimport { findIcon } from \"../IconsRegistry.js\";\nimport { isNumeric } from \"../../values/ValueUtilities.js\";\n\n/* v8 ignore start */\n\n/** @internal */\nexport const CustomNumberEditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is OldEditorMetadata =>\n    isOldEditorMetadata(metadata) &&\n    metadata.type === \"number\" &&\n    !!metadata.params?.find(\n      (param) =>\n        param.type === PropertyEditorParamTypes.CustomFormattedNumber.valueOf()\n    ) &&\n    metadata.preferredEditor === StandardEditorNames.NumberCustom,\n  isValueSupported: isNumeric,\n  Editor: CustomNumberEditor,\n});\n\ninterface CustomNumberEditorProps\n  extends EditorProps<OldEditorMetadata, NumericValue> {\n  decoration?: React.ReactNode;\n}\n\n/** @internal */\nexport function CustomNumberEditor({\n  metadata,\n  value,\n  onChange,\n  size,\n  disabled,\n  decoration,\n}: CustomNumberEditorProps) {\n  const formatParams = useCustomFormattedNumberParams(metadata);\n  const sizeParams = useInputEditorSizeParams(metadata);\n  const iconParams = useIconEditorParams(metadata);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const [inputValue, setInputValue] = React.useState(() => {\n    return value?.rawValue !== undefined && formatParams\n      ? formatParams.formatFunction(value.rawValue)\n      : \"\";\n  });\n\n  if (!formatParams) {\n    return null;\n  }\n\n  const style: React.CSSProperties | undefined =\n    sizeParams?.size !== undefined\n      ? {\n          minWidth: `${sizeParams?.size * 0.75}em`,\n          maxWidth:\n            sizeParams?.maxSize !== undefined\n              ? `${sizeParams?.maxSize * 0.75}em`\n              : undefined,\n        }\n      : undefined;\n  const icon =\n    iconParams?.definition?.iconSpec !== undefined\n      ? findIcon(iconParams.definition.iconSpec)\n      : undefined;\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const currentValue = e.target.value;\n    const result = formatParams.parseFunction(currentValue);\n    const parsedValue =\n      typeof result.value === \"number\" ? result.value : undefined;\n\n    setInputValue(currentValue);\n\n    onChange({\n      rawValue: parsedValue,\n      displayValue: currentValue,\n    });\n  };\n\n  return (\n    <InputWithDecorations size={size}>\n      {icon !== undefined ? (\n        <InputWithDecorations.Icon>{icon}</InputWithDecorations.Icon>\n      ) : null}\n      <InputWithDecorations.Input\n        ref={inputRef}\n        style={style}\n        disabled={disabled}\n        onChange={handleChange}\n        value={inputValue}\n      />\n      {decoration}\n    </InputWithDecorations>\n  );\n}\n\n/* v8 ignore stop */\n"]}
+{"version":3,"file":"CustomNumber.js","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/CustomNumber.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\nimport * as React from \"react\";\nimport {\n  PropertyEditorParamTypes,\n  StandardEditorNames,\n} from \"@itwin/appui-abstract\";\nimport { InputWithDecorations } from \"@itwin/itwinui-react\";\nimport type { EditorProps } from \"../../Types.js\";\nimport { createEditorSpec } from \"../../Types.js\";\nimport type { OldEditorMetadata } from \"../Metadata.js\";\nimport { isOldEditorMetadata } from \"../Metadata.js\";\nimport type { NumericValue } from \"../../values/Values.js\";\nimport {\n  useCustomFormattedNumberParams,\n  useIconEditorParams,\n  useInputEditorSizeParams,\n} from \"./UseEditorParams.js\";\nimport { findIcon } from \"../IconsRegistry.js\";\nimport { isNumeric } from \"../../values/ValueUtilities.js\";\nimport type { WithConstraints } from \"../../ConstraintUtils.js\";\nimport {\n  applyNumericConstraints,\n  getNumericConstraints,\n} from \"../../ConstraintUtils.js\";\n/* v8 ignore start */\n\n/** @internal */\nexport const CustomNumberEditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is OldEditorMetadata =>\n    isOldEditorMetadata(metadata) &&\n    metadata.type === \"number\" &&\n    !!metadata.params?.find(\n      (param) =>\n        param.type === PropertyEditorParamTypes.CustomFormattedNumber.valueOf()\n    ) &&\n    metadata.preferredEditor === StandardEditorNames.NumberCustom,\n  isValueSupported: isNumeric,\n  Editor: CustomNumberEditor,\n});\n\ninterface CustomNumberEditorProps\n  extends EditorProps<WithConstraints<OldEditorMetadata>, NumericValue> {\n  decoration?: React.ReactNode;\n}\n\n/** @internal */\nexport function CustomNumberEditor({\n  metadata,\n  value,\n  onChange,\n  size,\n  disabled,\n  decoration,\n  id,\n}: CustomNumberEditorProps) {\n  const formatParams = useCustomFormattedNumberParams(metadata);\n  const sizeParams = useInputEditorSizeParams(metadata);\n  const iconParams = useIconEditorParams(metadata);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const [inputValue, setInputValue] = React.useState(() => {\n    return value?.rawValue !== undefined && formatParams\n      ? formatParams.formatFunction(value.rawValue)\n      : \"\";\n  });\n\n  if (!formatParams) {\n    return null;\n  }\n\n  const style: React.CSSProperties | undefined =\n    sizeParams?.size !== undefined\n      ? {\n          minWidth: `${sizeParams?.size * 0.75}em`,\n          maxWidth:\n            sizeParams?.maxSize !== undefined\n              ? `${sizeParams?.maxSize * 0.75}em`\n              : undefined,\n        }\n      : undefined;\n  const icon =\n    iconParams?.definition?.iconSpec !== undefined\n      ? findIcon(iconParams.definition.iconSpec)\n      : undefined;\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const currentValue = e.target.value;\n    const result = formatParams.parseFunction(currentValue);\n    const parsedValue =\n      typeof result.value === \"number\"\n        ? applyNumericConstraints({\n            ...getNumericConstraints(metadata.constraints),\n            value: result.value,\n          })\n        : undefined;\n\n    setInputValue(currentValue);\n\n    onChange({\n      rawValue: parsedValue,\n      displayValue: currentValue,\n    });\n  };\n\n  return (\n    <InputWithDecorations size={size}>\n      {icon !== undefined ? (\n        <InputWithDecorations.Icon>{icon}</InputWithDecorations.Icon>\n      ) : null}\n      <InputWithDecorations.Input\n        id={id}\n        ref={inputRef}\n        style={style}\n        disabled={disabled}\n        onChange={handleChange}\n        value={inputValue}\n      />\n      {decoration}\n    </InputWithDecorations>\n  );\n}\n\n/* v8 ignore stop */\n"]}

package/lib/components-react/new-editors/interop/old-editors/EnumButtonGroup.js

@@ -20,7 +20,7 @@ export const EnumButtonGroupEditorSpec = createEditorSpec({
     isValueSupported: isEnum,
     Editor: EnumButtonGroupEditor,
 });
-function EnumButtonGroupEditor({ value, onChange, commit, size, disabled, metadata, }) {
+function EnumButtonGroupEditor({ value, onChange, commit, size, disabled, metadata, id, }) {
     const enumMetadata = useEnumMetadata(metadata);
     const buttonGroupParams = useButtonGroupEditorParams(metadata);
     const enumIcons = React.useMemo(() => {
@@ -30,7 +30,7 @@ function EnumButtonGroupEditor({ value, onChange, commit, size, disabled, metada
     }, [enumMetadata, buttonGroupParams]);
     const firstChoice = enumMetadata.choices[0];
     const currentValue = value ? value : { choice: firstChoice?.value ?? "" };
-    return (React.createElement(ButtonGroup, { orientation: "horizontal" }, enumMetadata.choices.map((choice) => {
+    return (React.createElement(ButtonGroup, { id: id, orientation: "horizontal" }, enumMetadata.choices.map((choice) => {
         const icon = findIcon(enumIcons?.get(choice.value));
         return (React.createElement(IconButton, { key: choice.value, onClick: () => {
                 onChange({ choice: choice.value });

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

@@ -1 +1 @@
-{"version":3,"file":"EnumButtonGroup.js","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/EnumButtonGroup.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\nimport * as React from \"react\";\nimport type { ButtonGroupEditorParams } from \"@itwin/appui-abstract\";\nimport {\n  type EnumerationChoice,\n  StandardEditorNames,\n} from \"@itwin/appui-abstract\";\nimport type { EditorProps, EditorSpec } from \"../../Types.js\";\nimport { createEditorSpec } from \"../../Types.js\";\nimport type { OldEditorMetadata } from \"../Metadata.js\";\nimport { isOldEditorMetadata } from \"../Metadata.js\";\nimport type { EnumValue } from \"../../values/Values.js\";\nimport { useEnumMetadata } from \"./UseEnumMetadata.js\";\nimport { useButtonGroupEditorParams } from \"./UseEditorParams.js\";\nimport { ButtonGroup, IconButton } from \"@itwin/itwinui-react\";\nimport { findIcon } from \"../IconsRegistry.js\";\nimport { isEnum } from \"../../values/ValueUtilities.js\";\n\n/* v8 ignore start */\n\n/** @internal */\nexport const EnumButtonGroupEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is OldEditorMetadata =>\n    isOldEditorMetadata(metadata) &&\n    metadata.type === \"enum\" &&\n    metadata.preferredEditor === StandardEditorNames.EnumButtonGroup,\n  isValueSupported: isEnum,\n  Editor: EnumButtonGroupEditor,\n});\n\nfunction EnumButtonGroupEditor({\n  value,\n  onChange,\n  commit,\n  size,\n  disabled,\n  metadata,\n}: EditorProps<OldEditorMetadata, EnumValue>) {\n  const enumMetadata = useEnumMetadata(metadata);\n  const buttonGroupParams = useButtonGroupEditorParams(metadata);\n\n  const enumIcons = React.useMemo(() => {\n    return buttonGroupParams\n      ? createIconsMap(enumMetadata.choices, buttonGroupParams)\n      : undefined;\n  }, [enumMetadata, buttonGroupParams]);\n\n  const firstChoice = enumMetadata.choices[0] as EnumerationChoice | undefined;\n  const currentValue = value ? value : { choice: firstChoice?.value ?? \"\" };\n\n  return (\n    <ButtonGroup orientation=\"horizontal\">\n      {enumMetadata.choices.map((choice) => {\n        const icon = findIcon(enumIcons?.get(choice.value));\n        return (\n          <IconButton\n            key={choice.value}\n            onClick={() => {\n              onChange({ choice: choice.value });\n              commit?.();\n            }}\n            label={choice.label}\n            isActive={choice.value === currentValue.choice}\n            size={size}\n            disabled={disabled}\n          >\n            {icon}\n          </IconButton>\n        );\n      })}\n    </ButtonGroup>\n  );\n}\n\nfunction createIconsMap(\n  choices: EnumerationChoice[],\n  params: ButtonGroupEditorParams\n) {\n  const icons = new Map<string | number, string>();\n  for (let i = 0; i < choices.length; i++) {\n    const iconDef = params.buttons[i];\n    icons.set(choices[i].value, iconDef.iconSpec);\n  }\n  return icons;\n}\n\n/* v8 ignore stop */\n"]}
+{"version":3,"file":"EnumButtonGroup.js","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/EnumButtonGroup.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\nimport * as React from \"react\";\nimport type { ButtonGroupEditorParams } from \"@itwin/appui-abstract\";\nimport {\n  type EnumerationChoice,\n  StandardEditorNames,\n} from \"@itwin/appui-abstract\";\nimport type { EditorProps, EditorSpec } from \"../../Types.js\";\nimport { createEditorSpec } from \"../../Types.js\";\nimport type { OldEditorMetadata } from \"../Metadata.js\";\nimport { isOldEditorMetadata } from \"../Metadata.js\";\nimport type { EnumValue } from \"../../values/Values.js\";\nimport { useEnumMetadata } from \"./UseEnumMetadata.js\";\nimport { useButtonGroupEditorParams } from \"./UseEditorParams.js\";\nimport { ButtonGroup, IconButton } from \"@itwin/itwinui-react\";\nimport { findIcon } from \"../IconsRegistry.js\";\nimport { isEnum } from \"../../values/ValueUtilities.js\";\n\n/* v8 ignore start */\n\n/** @internal */\nexport const EnumButtonGroupEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is OldEditorMetadata =>\n    isOldEditorMetadata(metadata) &&\n    metadata.type === \"enum\" &&\n    metadata.preferredEditor === StandardEditorNames.EnumButtonGroup,\n  isValueSupported: isEnum,\n  Editor: EnumButtonGroupEditor,\n});\n\nfunction EnumButtonGroupEditor({\n  value,\n  onChange,\n  commit,\n  size,\n  disabled,\n  metadata,\n  id,\n}: EditorProps<OldEditorMetadata, EnumValue>) {\n  const enumMetadata = useEnumMetadata(metadata);\n  const buttonGroupParams = useButtonGroupEditorParams(metadata);\n\n  const enumIcons = React.useMemo(() => {\n    return buttonGroupParams\n      ? createIconsMap(enumMetadata.choices, buttonGroupParams)\n      : undefined;\n  }, [enumMetadata, buttonGroupParams]);\n\n  const firstChoice = enumMetadata.choices[0] as EnumerationChoice | undefined;\n  const currentValue = value ? value : { choice: firstChoice?.value ?? \"\" };\n\n  return (\n    <ButtonGroup id={id} orientation=\"horizontal\">\n      {enumMetadata.choices.map((choice) => {\n        const icon = findIcon(enumIcons?.get(choice.value));\n        return (\n          <IconButton\n            key={choice.value}\n            onClick={() => {\n              onChange({ choice: choice.value });\n              commit?.();\n            }}\n            label={choice.label}\n            isActive={choice.value === currentValue.choice}\n            size={size}\n            disabled={disabled}\n          >\n            {icon}\n          </IconButton>\n        );\n      })}\n    </ButtonGroup>\n  );\n}\n\nfunction createIconsMap(\n  choices: EnumerationChoice[],\n  params: ButtonGroupEditorParams\n) {\n  const icons = new Map<string | number, string>();\n  for (let i = 0; i < choices.length; i++) {\n    const iconDef = params.buttons[i];\n    icons.set(choices[i].value, iconDef.iconSpec);\n  }\n  return icons;\n}\n\n/* v8 ignore stop */\n"]}

package/lib/components-react/new-editors/interop/old-editors/NumericInput.d.ts

@@ -1,4 +1,10 @@
-import type { EditorSpec } from "../../Types.js";
+import * as React from "react";
+import type { EditorProps, EditorSpec } from "../../Types.js";
+import type { OldEditorMetadata } from "../Metadata.js";
+import type { NumericValue } from "../../values/Values.js";
+import type { WithConstraints } from "../../ConstraintUtils.js";
 /** @internal */
 export declare const NumericInputEditorSpec: EditorSpec;
+/** @internal */
+export declare function NumericInputEditor({ metadata, value, onChange, size, disabled, id, }: EditorProps<WithConstraints<OldEditorMetadata>, NumericValue>): React.JSX.Element;
 //# sourceMappingURL=NumericInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NumericInput.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/NumericInput.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAe,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAc9D,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,EAAE,UAOnC,CAAC"}
+{"version":3,"file":"NumericInput.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/NumericInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAO3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAKhE,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,EAAE,UAOnC,CAAC;AAEH,gBAAgB;AAChB,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,EAAE,GACH,EAAE,WAAW,CAAC,eAAe,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,qBA2D/D"}

package/lib/components-react/new-editors/interop/old-editors/NumericInput.js

@@ -9,6 +9,7 @@ import { isOldEditorMetadata } from "../Metadata.js";
 import { useInputEditorSizeParams, useRangeEditorParams, } from "./UseEditorParams.js";
 import { Input } from "@itwin/itwinui-react";
 import { isNumeric } from "../../values/ValueUtilities.js";
+import { getNumericConstraints } from "../../ConstraintUtils.js";
 /* v8 ignore start */
 /** @internal */
 export const NumericInputEditorSpec = createEditorSpec({
@@ -18,9 +19,23 @@ export const NumericInputEditorSpec = createEditorSpec({
     isValueSupported: isNumeric,
     Editor: NumericInputEditor,
 });
-function NumericInputEditor({ metadata, value, onChange, size, disabled, }) {
+/** @internal */
+export function NumericInputEditor({ metadata, value, onChange, size, disabled, id, }) {
     const sizeParams = useInputEditorSizeParams(metadata);
     const rangeParams = useRangeEditorParams(metadata);
+    const { min: constraintMin, max: constraintMax } = getNumericConstraints(metadata.constraints);
+    // Larger minimum value takes precedence
+    const effectiveMin = rangeParams?.minimum !== undefined
+        ? constraintMin !== undefined
+            ? Math.max(rangeParams.minimum, constraintMin)
+            : rangeParams.minimum
+        : constraintMin;
+    // Smaller maximum value takes precedence
+    const effectiveMax = rangeParams?.maximum !== undefined
+        ? constraintMax !== undefined
+            ? Math.min(rangeParams.maximum, constraintMax)
+            : rangeParams.maximum
+        : constraintMax;
     const handleChange = (newValue) => {
         onChange({
             displayValue: newValue,
@@ -36,15 +51,15 @@ function NumericInputEditor({ metadata, value, onChange, size, disabled, }) {
         }
         : undefined;
     const inputProps = useNumericInput({
-        min: rangeParams?.minimum,
-        max: rangeParams?.maximum,
+        min: effectiveMin,
+        max: effectiveMax,
         precision: rangeParams?.precision,
         step: rangeParams?.step,
         maxLength: sizeParams?.maxLength,
         onChange: handleChange,
         value: value?.displayValue ?? "",
     });
-    return (React.createElement(Input, { style: style, size: size, disabled: disabled, ...inputProps }));
+    return (React.createElement(Input, { id: id, style: style, size: size, disabled: disabled, ...inputProps }));
 }
 function useNumericInput({ min, max, step, precision, maxLength, value, onChange, }) {
     const formatValue = (val) => {

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

@@ -1 +1 @@
-{"version":3,"file":"NumericInput.js","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/NumericInput.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\nimport * as React from \"react\";\nimport { StandardEditorNames } from \"@itwin/appui-abstract\";\nimport type { EditorProps, EditorSpec } from \"../../Types.js\";\nimport { createEditorSpec } from \"../../Types.js\";\nimport type { OldEditorMetadata } from \"../Metadata.js\";\nimport { isOldEditorMetadata } from \"../Metadata.js\";\nimport type { NumericValue } from \"../../values/Values.js\";\nimport {\n  useInputEditorSizeParams,\n  useRangeEditorParams,\n} from \"./UseEditorParams.js\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { isNumeric } from \"../../values/ValueUtilities.js\";\n\n/* v8 ignore start */\n\n/** @internal */\nexport const NumericInputEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is OldEditorMetadata =>\n    isOldEditorMetadata(metadata) &&\n    metadata.type === \"number\" &&\n    metadata.preferredEditor === StandardEditorNames.NumericInput,\n  isValueSupported: isNumeric,\n  Editor: NumericInputEditor,\n});\n\nfunction NumericInputEditor({\n  metadata,\n  value,\n  onChange,\n  size,\n  disabled,\n}: EditorProps<OldEditorMetadata, NumericValue>) {\n  const sizeParams = useInputEditorSizeParams(metadata);\n  const rangeParams = useRangeEditorParams(metadata);\n  const handleChange = (newValue: string) => {\n    onChange({\n      displayValue: newValue,\n      rawValue: parseFloat(newValue),\n    });\n  };\n\n  const style: React.CSSProperties | undefined =\n    sizeParams?.size !== undefined\n      ? {\n          minWidth: `${sizeParams?.size * 0.75}em`,\n          maxWidth:\n            sizeParams?.maxSize !== undefined\n              ? `${sizeParams?.maxSize * 0.75}em`\n              : undefined,\n        }\n      : undefined;\n\n  const inputProps = useNumericInput({\n    min: rangeParams?.minimum,\n    max: rangeParams?.maximum,\n    precision: rangeParams?.precision,\n    step: rangeParams?.step,\n    maxLength: sizeParams?.maxLength,\n    onChange: handleChange,\n    value: value?.displayValue ?? \"\",\n  });\n\n  return (\n    <Input style={style} size={size} disabled={disabled} {...inputProps} />\n  );\n}\n\ninterface UseNumericInputProps {\n  min?: number;\n  max?: number;\n  step?: number;\n  precision?: number;\n  maxLength?: number;\n  value: string;\n  onChange: (newValue: string) => void;\n}\n\nfunction useNumericInput({\n  min,\n  max,\n  step,\n  precision,\n  maxLength,\n  value,\n  onChange,\n}: UseNumericInputProps) {\n  const formatValue = (val: number) => {\n    const appliedMin = min ?? Number.MIN_VALUE;\n    const appliedMax = max ?? Number.MAX_VALUE;\n    const valueInRange = Math.min(appliedMax, Math.max(appliedMin, val));\n\n    return precision\n      ? valueInRange.toFixed(precision)\n      : valueInRange.toString();\n  };\n\n  const [formattedValue, setFormattedValue] = React.useState(() => {\n    return value.length !== 0 ? formatValue(Number(value)) : value;\n  });\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const currentValue = event.target.value;\n    if (maxLength && currentValue.length > maxLength) {\n      return;\n    }\n    setFormattedValue(currentValue);\n    onChange(currentValue);\n  };\n\n  const handleBlur = () => {\n    if (precision) {\n      const newFormattedValue = formatValue(Number(formattedValue));\n      if (newFormattedValue !== formattedValue) {\n        setFormattedValue(newFormattedValue);\n        onChange(newFormattedValue);\n      }\n    }\n  };\n\n  return {\n    type: \"number\",\n    min,\n    max,\n    step,\n    value: formattedValue,\n    onChange: handleChange,\n    onBlur: handleBlur,\n  };\n}\n\n/* v8 ignore stop */\n"]}
+{"version":3,"file":"NumericInput.js","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/NumericInput.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EACL,wBAAwB,EACxB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,qBAAqB;AAErB,gBAAgB;AAChB,MAAM,CAAC,MAAM,sBAAsB,GAAe,gBAAgB,CAAC;IACjE,mBAAmB,EAAE,CAAC,QAAQ,EAAiC,EAAE,CAC/D,mBAAmB,CAAC,QAAQ,CAAC;QAC7B,QAAQ,CAAC,IAAI,KAAK,QAAQ;QAC1B,QAAQ,CAAC,eAAe,KAAK,mBAAmB,CAAC,YAAY;IAC/D,gBAAgB,EAAE,SAAS;IAC3B,MAAM,EAAE,kBAAkB;CAC3B,CAAC,CAAC;AAEH,gBAAgB;AAChB,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,EAAE,GAC4D;IAC9D,MAAM,UAAU,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IACtD,MAAM,WAAW,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACnD,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,qBAAqB,CACtE,QAAQ,CAAC,WAAW,CACrB,CAAC;IAEF,wCAAwC;IACxC,MAAM,YAAY,GAChB,WAAW,EAAE,OAAO,KAAK,SAAS;QAChC,CAAC,CAAC,aAAa,KAAK,SAAS;YAC3B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,EAAE,aAAa,CAAC;YAC9C,CAAC,CAAC,WAAW,CAAC,OAAO;QACvB,CAAC,CAAC,aAAa,CAAC;IACpB,yCAAyC;IACzC,MAAM,YAAY,GAChB,WAAW,EAAE,OAAO,KAAK,SAAS;QAChC,CAAC,CAAC,aAAa,KAAK,SAAS;YAC3B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,EAAE,aAAa,CAAC;YAC9C,CAAC,CAAC,WAAW,CAAC,OAAO;QACvB,CAAC,CAAC,aAAa,CAAC;IAEpB,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE;QACxC,QAAQ,CAAC;YACP,YAAY,EAAE,QAAQ;YACtB,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC;SAC/B,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,KAAK,GACT,UAAU,EAAE,IAAI,KAAK,SAAS;QAC5B,CAAC,CAAC;YACE,QAAQ,EAAE,GAAG,UAAU,EAAE,IAAI,GAAG,IAAI,IAAI;YACxC,QAAQ,EACN,UAAU,EAAE,OAAO,KAAK,SAAS;gBAC/B,CAAC,CAAC,GAAG,UAAU,EAAE,OAAO,GAAG,IAAI,IAAI;gBACnC,CAAC,CAAC,SAAS;SAChB;QACH,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,UAAU,GAAG,eAAe,CAAC;QACjC,GAAG,EAAE,YAAY;QACjB,GAAG,EAAE,YAAY;QACjB,SAAS,EAAE,WAAW,EAAE,SAAS;QACjC,IAAI,EAAE,WAAW,EAAE,IAAI;QACvB,SAAS,EAAE,UAAU,EAAE,SAAS;QAChC,QAAQ,EAAE,YAAY;QACtB,KAAK,EAAE,KAAK,EAAE,YAAY,IAAI,EAAE;KACjC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,KACd,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AAYD,SAAS,eAAe,CAAC,EACvB,GAAG,EACH,GAAG,EACH,IAAI,EACJ,SAAS,EACT,SAAS,EACT,KAAK,EACL,QAAQ,GACa;IACrB,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE;QAClC,MAAM,UAAU,GAAG,GAAG,IAAI,MAAM,CAAC,SAAS,CAAC;QAC3C,MAAM,UAAU,GAAG,GAAG,IAAI,MAAM,CAAC,SAAS,CAAC;QAC3C,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC;QAErE,OAAO,SAAS;YACd,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC;YACjC,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE;QAC9D,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClE,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACxC,IAAI,SAAS,IAAI,YAAY,CAAC,MAAM,GAAG,SAAS,EAAE,CAAC;YACjD,OAAO;QACT,CAAC;QACD,iBAAiB,CAAC,YAAY,CAAC,CAAC;QAChC,QAAQ,CAAC,YAAY,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;YAC9D,IAAI,iBAAiB,KAAK,cAAc,EAAE,CAAC;gBACzC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;gBACrC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;YAC9B,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,GAAG;QACH,GAAG;QACH,IAAI;QACJ,KAAK,EAAE,cAAc;QACrB,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,UAAU;KACnB,CAAC;AACJ,CAAC;AAED,oBAAoB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport * as React from \"react\";\nimport { StandardEditorNames } from \"@itwin/appui-abstract\";\nimport type { EditorProps, EditorSpec } from \"../../Types.js\";\nimport { createEditorSpec } from \"../../Types.js\";\nimport type { OldEditorMetadata } from \"../Metadata.js\";\nimport { isOldEditorMetadata } from \"../Metadata.js\";\nimport type { NumericValue } from \"../../values/Values.js\";\nimport {\n  useInputEditorSizeParams,\n  useRangeEditorParams,\n} from \"./UseEditorParams.js\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { isNumeric } from \"../../values/ValueUtilities.js\";\nimport type { WithConstraints } from \"../../ConstraintUtils.js\";\nimport { getNumericConstraints } from \"../../ConstraintUtils.js\";\n\n/* v8 ignore start */\n\n/** @internal */\nexport const NumericInputEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is OldEditorMetadata =>\n    isOldEditorMetadata(metadata) &&\n    metadata.type === \"number\" &&\n    metadata.preferredEditor === StandardEditorNames.NumericInput,\n  isValueSupported: isNumeric,\n  Editor: NumericInputEditor,\n});\n\n/** @internal */\nexport function NumericInputEditor({\n  metadata,\n  value,\n  onChange,\n  size,\n  disabled,\n  id,\n}: EditorProps<WithConstraints<OldEditorMetadata>, NumericValue>) {\n  const sizeParams = useInputEditorSizeParams(metadata);\n  const rangeParams = useRangeEditorParams(metadata);\n  const { min: constraintMin, max: constraintMax } = getNumericConstraints(\n    metadata.constraints\n  );\n\n  // Larger minimum value takes precedence\n  const effectiveMin =\n    rangeParams?.minimum !== undefined\n      ? constraintMin !== undefined\n        ? Math.max(rangeParams.minimum, constraintMin)\n        : rangeParams.minimum\n      : constraintMin;\n  // Smaller maximum value takes precedence\n  const effectiveMax =\n    rangeParams?.maximum !== undefined\n      ? constraintMax !== undefined\n        ? Math.min(rangeParams.maximum, constraintMax)\n        : rangeParams.maximum\n      : constraintMax;\n\n  const handleChange = (newValue: string) => {\n    onChange({\n      displayValue: newValue,\n      rawValue: parseFloat(newValue),\n    });\n  };\n\n  const style: React.CSSProperties | undefined =\n    sizeParams?.size !== undefined\n      ? {\n          minWidth: `${sizeParams?.size * 0.75}em`,\n          maxWidth:\n            sizeParams?.maxSize !== undefined\n              ? `${sizeParams?.maxSize * 0.75}em`\n              : undefined,\n        }\n      : undefined;\n\n  const inputProps = useNumericInput({\n    min: effectiveMin,\n    max: effectiveMax,\n    precision: rangeParams?.precision,\n    step: rangeParams?.step,\n    maxLength: sizeParams?.maxLength,\n    onChange: handleChange,\n    value: value?.displayValue ?? \"\",\n  });\n\n  return (\n    <Input\n      id={id}\n      style={style}\n      size={size}\n      disabled={disabled}\n      {...inputProps}\n    />\n  );\n}\n\ninterface UseNumericInputProps {\n  min?: number;\n  max?: number;\n  step?: number;\n  precision?: number;\n  maxLength?: number;\n  value: string;\n  onChange: (newValue: string) => void;\n}\n\nfunction useNumericInput({\n  min,\n  max,\n  step,\n  precision,\n  maxLength,\n  value,\n  onChange,\n}: UseNumericInputProps) {\n  const formatValue = (val: number) => {\n    const appliedMin = min ?? Number.MIN_VALUE;\n    const appliedMax = max ?? Number.MAX_VALUE;\n    const valueInRange = Math.min(appliedMax, Math.max(appliedMin, val));\n\n    return precision\n      ? valueInRange.toFixed(precision)\n      : valueInRange.toString();\n  };\n\n  const [formattedValue, setFormattedValue] = React.useState(() => {\n    return value.length !== 0 ? formatValue(Number(value)) : value;\n  });\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const currentValue = event.target.value;\n    if (maxLength && currentValue.length > maxLength) {\n      return;\n    }\n    setFormattedValue(currentValue);\n    onChange(currentValue);\n  };\n\n  const handleBlur = () => {\n    if (precision) {\n      const newFormattedValue = formatValue(Number(formattedValue));\n      if (newFormattedValue !== formattedValue) {\n        setFormattedValue(newFormattedValue);\n        onChange(newFormattedValue);\n      }\n    }\n  };\n\n  return {\n    type: \"number\",\n    min,\n    max,\n    step,\n    value: formattedValue,\n    onChange: handleChange,\n    onBlur: handleBlur,\n  };\n}\n\n/* v8 ignore stop */\n"]}

package/lib/components-react/new-editors/interop/old-editors/Slider.js

@@ -20,7 +20,7 @@ export const SliderEditorSpec = createEditorSpec({
     isValueSupported: isNumeric,
     Editor: SliderEditor,
 });
-function SliderEditor({ metadata, value, disabled, onChange, commit, size, }) {
+function SliderEditor({ metadata, value, disabled, onChange, commit, size, id, }) {
     const sliderParams = useSliderEditorParams(metadata);
     if (!sliderParams) {
         return null;
@@ -44,7 +44,7 @@ function SliderEditor({ metadata, value, disabled, onChange, commit, size, }) {
                 commit?.();
             }
         }, applyBackground: true },
-        React.createElement(Button, { style: { width: "100%" }, size: size, disabled: disabled }, currentValue)));
+        React.createElement(Button, { id: id, style: { width: "100%" }, size: size, disabled: disabled }, currentValue)));
 }
 function getTickLabels(sliderParams) {
     if (!sliderParams.showTicks || !sliderParams.showTickLabels) {

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/Slider.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\nimport * as React from \"react\";\nimport type { EditorProps } from \"../../Types.js\";\nimport { createEditorSpec } from \"../../Types.js\";\nimport type { OldEditorMetadata } from \"../Metadata.js\";\nimport { isOldEditorMetadata } from \"../Metadata.js\";\nimport type { NumericValue } from \"../../values/Values.js\";\nimport type { SliderEditorParams } from \"@itwin/appui-abstract\";\nimport {\n  PropertyEditorParamTypes,\n  StandardEditorNames,\n} from \"@itwin/appui-abstract\";\nimport { Button, Icon, Popover, Slider } from \"@itwin/itwinui-react\";\nimport { useSliderEditorParams } from \"./UseEditorParams.js\";\nimport { findIcon } from \"../IconsRegistry.js\";\nimport { isNumeric } from \"../../values/ValueUtilities.js\";\n\n/* v8 ignore start */\n\n/** @internal */\nexport const SliderEditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is OldEditorMetadata =>\n    isOldEditorMetadata(metadata) &&\n    metadata.type === \"number\" &&\n    !!metadata.params?.find(\n      (param) => param.type === PropertyEditorParamTypes.Slider.valueOf()\n    ) &&\n    metadata.preferredEditor === StandardEditorNames.Slider,\n  isValueSupported: isNumeric,\n  Editor: SliderEditor,\n});\n\nfunction SliderEditor({\n  metadata,\n  value,\n  disabled,\n  onChange,\n  commit,\n  size,\n}: EditorProps<OldEditorMetadata, NumericValue>) {\n  const sliderParams = useSliderEditorParams(metadata);\n  if (!sliderParams) {\n    return null;\n  }\n\n  const minLabel =\n    sliderParams.showMinMax && sliderParams.minIconSpec ? (\n      <Icon>{findIcon(sliderParams.minIconSpec)}</Icon>\n    ) : undefined;\n  const maxLabel =\n    sliderParams.showMinMax && sliderParams.maxIconSpec ? (\n      <Icon>{findIcon(sliderParams.maxIconSpec)}</Icon>\n    ) : undefined;\n\n  const handleChange = (values: ReadonlyArray<number>): void => {\n    const newValue = values[0];\n    onChange({ rawValue: newValue, displayValue: `${newValue}` });\n  };\n\n  const currentValue = value?.rawValue ?? sliderParams.minimum;\n  const slider = (\n    <Slider\n      values={[currentValue]}\n      min={sliderParams.minimum}\n      max={sliderParams.maximum}\n      step={sliderParams.step}\n      thumbMode={\n        1 === sliderParams.mode ? \"allow-crossing\" : \"inhibit-crossing\"\n      }\n      trackDisplayMode={!sliderParams.reversed ? \"auto\" : \"odd-segments\"}\n      minLabel={minLabel}\n      maxLabel={maxLabel}\n      tooltipProps={(_index, tooltipValue) => {\n        return {\n          placement: sliderParams.tooltipBelow ? \"bottom\" : \"top\",\n          content: formatTickLabel(tooltipValue, sliderParams),\n          visible: sliderParams.showTooltip,\n        };\n      }}\n      tickLabels={getTickLabels(sliderParams)}\n      onChange={handleChange}\n      disabled={disabled}\n    />\n  );\n  return (\n    <Popover\n      placement=\"bottom\"\n      style={{ minWidth: \"300px\", padding: \"8px\" }}\n      content={slider}\n      onVisibleChange={(visible) => {\n        if (!visible) {\n          commit?.();\n        }\n      }}\n      applyBackground={true}\n    >\n      <Button style={{ width: \"100%\" }} size={size} disabled={disabled}>\n        {currentValue}\n      </Button>\n    </Popover>\n  );\n}\n\nfunction getTickLabels(sliderParams: SliderEditorParams) {\n  if (!sliderParams.showTicks || !sliderParams.showTickLabels) {\n    return undefined;\n  }\n  const count = sliderParams.getTickCount ? sliderParams.getTickCount() : 0;\n  if (count > 0) {\n    const increment = (sliderParams.maximum - sliderParams.minimum) / count;\n    return Array.from({ length: count + 1 }, (_, i) =>\n      formatTickLabel(i * increment + sliderParams.minimum, sliderParams)\n    );\n  }\n  return sliderParams\n    .getTickValues?.()\n    .map((val) => formatTickLabel(val, sliderParams));\n}\n\nfunction formatTickLabel(value: number, params: SliderEditorParams) {\n  return params.formatTooltip ? params.formatTooltip(value) : `${value}`;\n}\n\n/* v8 ignore stop */\n"]}
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/Slider.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\nimport * as React from \"react\";\nimport type { EditorProps } from \"../../Types.js\";\nimport { createEditorSpec } from \"../../Types.js\";\nimport type { OldEditorMetadata } from \"../Metadata.js\";\nimport { isOldEditorMetadata } from \"../Metadata.js\";\nimport type { NumericValue } from \"../../values/Values.js\";\nimport type { SliderEditorParams } from \"@itwin/appui-abstract\";\nimport {\n  PropertyEditorParamTypes,\n  StandardEditorNames,\n} from \"@itwin/appui-abstract\";\nimport { Button, Icon, Popover, Slider } from \"@itwin/itwinui-react\";\nimport { useSliderEditorParams } from \"./UseEditorParams.js\";\nimport { findIcon } from \"../IconsRegistry.js\";\nimport { isNumeric } from \"../../values/ValueUtilities.js\";\n\n/* v8 ignore start */\n\n/** @internal */\nexport const SliderEditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is OldEditorMetadata =>\n    isOldEditorMetadata(metadata) &&\n    metadata.type === \"number\" &&\n    !!metadata.params?.find(\n      (param) => param.type === PropertyEditorParamTypes.Slider.valueOf()\n    ) &&\n    metadata.preferredEditor === StandardEditorNames.Slider,\n  isValueSupported: isNumeric,\n  Editor: SliderEditor,\n});\n\nfunction SliderEditor({\n  metadata,\n  value,\n  disabled,\n  onChange,\n  commit,\n  size,\n  id,\n}: EditorProps<OldEditorMetadata, NumericValue>) {\n  const sliderParams = useSliderEditorParams(metadata);\n  if (!sliderParams) {\n    return null;\n  }\n\n  const minLabel =\n    sliderParams.showMinMax && sliderParams.minIconSpec ? (\n      <Icon>{findIcon(sliderParams.minIconSpec)}</Icon>\n    ) : undefined;\n  const maxLabel =\n    sliderParams.showMinMax && sliderParams.maxIconSpec ? (\n      <Icon>{findIcon(sliderParams.maxIconSpec)}</Icon>\n    ) : undefined;\n\n  const handleChange = (values: ReadonlyArray<number>): void => {\n    const newValue = values[0];\n    onChange({ rawValue: newValue, displayValue: `${newValue}` });\n  };\n\n  const currentValue = value?.rawValue ?? sliderParams.minimum;\n  const slider = (\n    <Slider\n      values={[currentValue]}\n      min={sliderParams.minimum}\n      max={sliderParams.maximum}\n      step={sliderParams.step}\n      thumbMode={\n        1 === sliderParams.mode ? \"allow-crossing\" : \"inhibit-crossing\"\n      }\n      trackDisplayMode={!sliderParams.reversed ? \"auto\" : \"odd-segments\"}\n      minLabel={minLabel}\n      maxLabel={maxLabel}\n      tooltipProps={(_index, tooltipValue) => {\n        return {\n          placement: sliderParams.tooltipBelow ? \"bottom\" : \"top\",\n          content: formatTickLabel(tooltipValue, sliderParams),\n          visible: sliderParams.showTooltip,\n        };\n      }}\n      tickLabels={getTickLabels(sliderParams)}\n      onChange={handleChange}\n      disabled={disabled}\n    />\n  );\n  return (\n    <Popover\n      placement=\"bottom\"\n      style={{ minWidth: \"300px\", padding: \"8px\" }}\n      content={slider}\n      onVisibleChange={(visible) => {\n        if (!visible) {\n          commit?.();\n        }\n      }}\n      applyBackground={true}\n    >\n      <Button id={id} style={{ width: \"100%\" }} size={size} disabled={disabled}>\n        {currentValue}\n      </Button>\n    </Popover>\n  );\n}\n\nfunction getTickLabels(sliderParams: SliderEditorParams) {\n  if (!sliderParams.showTicks || !sliderParams.showTickLabels) {\n    return undefined;\n  }\n  const count = sliderParams.getTickCount ? sliderParams.getTickCount() : 0;\n  if (count > 0) {\n    const increment = (sliderParams.maximum - sliderParams.minimum) / count;\n    return Array.from({ length: count + 1 }, (_, i) =>\n      formatTickLabel(i * increment + sliderParams.minimum, sliderParams)\n    );\n  }\n  return sliderParams\n    .getTickValues?.()\n    .map((val) => formatTickLabel(val, sliderParams));\n}\n\nfunction formatTickLabel(value: number, params: SliderEditorParams) {\n  return params.formatTooltip ? params.formatTooltip(value) : `${value}`;\n}\n\n/* v8 ignore stop */\n"]}