@itwin/imodel-components-react 5.32.1 → 5.33.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Change Log - @itwin/imodel-components-react
 
+## 5.33.0
+
+### Minor Changes
+
+- be761cc: Added support for merged values in the new quantity editor. When a value is merged and has no explicit value, it now renders `-- <unit>`.
+- be761cc: Introduced a property value renderer for properties with a kind of quantity. A new `KOQ_RENDERER_NAME` constant is exported; set it on `PropertyRecord.property.renderer.name` to render a property using this renderer.
+
+### Patch Changes
+
+- Updated dependencies [be761cc]
+  - @itwin/components-react@5.33.0
+  - @itwin/core-react@5.33.0
+
 ## 5.32.1
 
 ### Patch Changes

package/lib/imodel-components-react/KoqUtilities.d.ts

@@ -0,0 +1,15 @@
+import type { IModelConnection, QuantityTypeArg } from "@itwin/core-frontend";
+import type { FormatterSpec, ParserSpec } from "@itwin/core-quantity";
+/**
+ * Finds formatter and parser specs for a given quantity type.
+ * @internal
+ */
+export declare function getFormatterParserSpec({ imodel, type, }: {
+    imodel: IModelConnection;
+    type: QuantityTypeArg;
+}): Promise<{
+    formatterSpec: FormatterSpec;
+    parserSpec: ParserSpec;
+    highPrecisionFormatterSpec: FormatterSpec;
+} | undefined>;
+//# sourceMappingURL=KoqUtilities.d.ts.map

package/lib/imodel-components-react/KoqUtilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KoqUtilities.d.ts","sourceRoot":"","sources":["../../src/imodel-components-react/KoqUtilities.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE9E,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAItE;;;GAGG;AACH,wBAAsB,sBAAsB,CAAC,EAC3C,MAAM,EACN,IAAI,GACL,EAAE;IACD,MAAM,EAAE,gBAAgB,CAAC;IACzB,IAAI,EAAE,eAAe,CAAC;CACvB,GAAG,OAAO,CACP;IACE,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,0BAA0B,EAAE,aAAa,CAAC;CAC3C,GACD,SAAS,CACZ,CA0DA"}

package/lib/imodel-components-react/KoqUtilities.js

@@ -0,0 +1,62 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import { IModelApp } from "@itwin/core-frontend";
+import { FormatType, parseFormatType } from "@itwin/core-quantity";
+/**
+ * Finds formatter and parser specs for a given quantity type.
+ * @internal
+ */
+export async function getFormatterParserSpec({ imodel, type, }) {
+    // fallback to IModelApp.quantityFormatter:
+    // - if `itwinjs-core` v4 is used
+    // - don't have an iModelConnection to look up KOQ
+    // - old quantity type enum is used instead of KOQ name
+    if (!IModelApp.formatsProvider || typeof type !== "string") {
+        const quantityFormatterSpec = IModelApp.quantityFormatter.findFormatterSpecByQuantityType(type);
+        const quantityParserSpec = IModelApp.quantityFormatter.findParserSpecByQuantityType(type);
+        return quantityFormatterSpec && quantityParserSpec
+            ? {
+                highPrecisionFormatterSpec: quantityFormatterSpec,
+                formatterSpec: quantityFormatterSpec,
+                parserSpec: quantityParserSpec,
+            }
+            : undefined;
+    }
+    const koq = await imodel.schemaContext.getSchemaItem(type);
+    if (!koq) {
+        return undefined;
+    }
+    // TODO: `KindOfQuantity` here is used only as a type because we don't have peerDep on `ecschema-metadata`
+    // It should be added when dropping `itwinjs-core` v4 support
+    const persistenceUnit = await koq.persistenceUnit;
+    const formatProps = await IModelApp.formatsProvider.getFormat(type);
+    if (!persistenceUnit || !formatProps) {
+        return undefined;
+    }
+    const persistenceUnitName = persistenceUnit.fullName;
+    const highPrecisionFormatterSpec = await IModelApp.quantityFormatter.createFormatterSpec({
+        formatProps: {
+            ...formatProps,
+            precision: parseFormatType(formatProps.type, "") === FormatType.Decimal
+                ? 12
+                : formatProps.precision,
+        },
+        persistenceUnitName,
+    });
+    const formatterSpec = await IModelApp.quantityFormatter.createFormatterSpec({
+        formatProps,
+        persistenceUnitName,
+    });
+    const parserSpec = await IModelApp.quantityFormatter.createParserSpec({
+        formatProps,
+        persistenceUnitName,
+    });
+    return {
+        highPrecisionFormatterSpec,
+        formatterSpec,
+        parserSpec,
+    };
+}
+//# sourceMappingURL=KoqUtilities.js.map

package/lib/imodel-components-react/KoqUtilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KoqUtilities.js","sourceRoot":"","sources":["../../src/imodel-components-react/KoqUtilities.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAGhG,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGnE;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,sBAAsB,CAAC,EAC3C,MAAM,EACN,IAAI,GAIL;IAQC,2CAA2C;IAC3C,iCAAiC;IACjC,kDAAkD;IAClD,uDAAuD;IACvD,IAAI,CAAC,SAAS,CAAC,eAAe,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC3D,MAAM,qBAAqB,GACzB,SAAS,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,IAAI,CAAC,CAAC;QACpE,MAAM,kBAAkB,GACtB,SAAS,CAAC,iBAAiB,CAAC,4BAA4B,CAAC,IAAI,CAAC,CAAC;QAEjE,OAAO,qBAAqB,IAAI,kBAAkB;YAChD,CAAC,CAAC;gBACE,0BAA0B,EAAE,qBAAqB;gBACjD,aAAa,EAAE,qBAAqB;gBACpC,UAAU,EAAE,kBAAkB;aAC/B;YACH,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC;IAED,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3D,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,0GAA0G;IAC1G,6DAA6D;IAC7D,MAAM,eAAe,GAAG,MAAO,GAAsB,CAAC,eAAe,CAAC;IACtE,MAAM,WAAW,GAAG,MAAM,SAAS,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IACpE,IAAI,CAAC,eAAe,IAAI,CAAC,WAAW,EAAE,CAAC;QACrC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,mBAAmB,GAAG,eAAe,CAAC,QAAQ,CAAC;IACrD,MAAM,0BAA0B,GAC9B,MAAM,SAAS,CAAC,iBAAiB,CAAC,mBAAmB,CAAC;QACpD,WAAW,EAAE;YACX,GAAG,WAAW;YACd,SAAS,EACP,eAAe,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,UAAU,CAAC,OAAO;gBAC1D,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,WAAW,CAAC,SAAS;SAC5B;QACD,mBAAmB;KACpB,CAAC,CAAC;IACL,MAAM,aAAa,GAAG,MAAM,SAAS,CAAC,iBAAiB,CAAC,mBAAmB,CAAC;QAC1E,WAAW;QACX,mBAAmB;KACpB,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,MAAM,SAAS,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;QACpE,WAAW;QACX,mBAAmB;KACpB,CAAC,CAAC;IACH,OAAO;QACL,0BAA0B;QAC1B,aAAa;QACb,UAAU;KACX,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\nimport type { IModelConnection, QuantityTypeArg } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport type { FormatterSpec, ParserSpec } from \"@itwin/core-quantity\";\nimport { FormatType, parseFormatType } from \"@itwin/core-quantity\";\nimport type { KindOfQuantity } from \"@itwin/ecschema-metadata\";\n\n/**\n * Finds formatter and parser specs for a given quantity type.\n * @internal\n */\nexport async function getFormatterParserSpec({\n  imodel,\n  type,\n}: {\n  imodel: IModelConnection;\n  type: QuantityTypeArg;\n}): Promise<\n  | {\n      formatterSpec: FormatterSpec;\n      parserSpec: ParserSpec;\n      highPrecisionFormatterSpec: FormatterSpec;\n    }\n  | undefined\n> {\n  // fallback to IModelApp.quantityFormatter:\n  // - if `itwinjs-core` v4 is used\n  // - don't have an iModelConnection to look up KOQ\n  // - old quantity type enum is used instead of KOQ name\n  if (!IModelApp.formatsProvider || typeof type !== \"string\") {\n    const quantityFormatterSpec =\n      IModelApp.quantityFormatter.findFormatterSpecByQuantityType(type);\n    const quantityParserSpec =\n      IModelApp.quantityFormatter.findParserSpecByQuantityType(type);\n\n    return quantityFormatterSpec && quantityParserSpec\n      ? {\n          highPrecisionFormatterSpec: quantityFormatterSpec,\n          formatterSpec: quantityFormatterSpec,\n          parserSpec: quantityParserSpec,\n        }\n      : undefined;\n  }\n\n  const koq = await imodel.schemaContext.getSchemaItem(type);\n  if (!koq) {\n    return undefined;\n  }\n\n  // TODO: `KindOfQuantity` here is used only as a type because we don't have peerDep on `ecschema-metadata`\n  // It should be added when dropping `itwinjs-core` v4 support\n  const persistenceUnit = await (koq as KindOfQuantity).persistenceUnit;\n  const formatProps = await IModelApp.formatsProvider.getFormat(type);\n  if (!persistenceUnit || !formatProps) {\n    return undefined;\n  }\n\n  const persistenceUnitName = persistenceUnit.fullName;\n  const highPrecisionFormatterSpec =\n    await IModelApp.quantityFormatter.createFormatterSpec({\n      formatProps: {\n        ...formatProps,\n        precision:\n          parseFormatType(formatProps.type, \"\") === FormatType.Decimal\n            ? 12\n            : formatProps.precision,\n      },\n      persistenceUnitName,\n    });\n  const formatterSpec = await IModelApp.quantityFormatter.createFormatterSpec({\n    formatProps,\n    persistenceUnitName,\n  });\n  const parserSpec = await IModelApp.quantityFormatter.createParserSpec({\n    formatProps,\n    persistenceUnitName,\n  });\n  return {\n    highPrecisionFormatterSpec,\n    formatterSpec,\n    parserSpec,\n  };\n}\n"]}

package/lib/imodel-components-react/inputs/new-editors/QuantityEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuantityEditor.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/inputs/new-editors/QuantityEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,oBAAoB,EAE1B,MAAM,yBAAyB,CAAC;AAMjC;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,EAAE,UAO/B,CAAC;AAEH;;;GAGG;AACH,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IACjE,YAAY,EAAE,eAAe,CAAC;CAC/B;AAED,gBAAgB;AAChB,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,GACL,EAAE,WAAW,CAAC,qBAAqB,EAAE,YAAY,CAAC,qBAwClD"}
+{"version":3,"file":"QuantityEditor.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/inputs/new-editors/QuantityEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,oBAAoB,EAE1B,MAAM,yBAAyB,CAAC;AAMjC;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,EAAE,UAO/B,CAAC;AAEH;;;GAGG;AACH,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IACjE,YAAY,EAAE,eAAe,CAAC;CAC/B;AAED,gBAAgB;AAChB,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,GACL,EAAE,WAAW,CAAC,qBAAqB,EAAE,YAAY,CAAC,qBAyClD"}

package/lib/imodel-components-react/inputs/new-editors/QuantityEditor.js

@@ -56,7 +56,7 @@ export function QuantityEditor({ metadata, value, onChange, size, }) {
         });
         return;
     };
-    return (React.createElement(QuantityInput, { value: currentValue, onChange: handleChange, size: size, formatter: isEditing ? highPrecisionFormatter : defaultFormatter, parser: parser, onBlur: () => setEditing(false), onFocus: () => setEditing(true) }));
+    return (React.createElement(QuantityInput, { value: currentValue, onChange: handleChange, size: size, formatter: isEditing ? highPrecisionFormatter : defaultFormatter, parser: parser, onBlur: () => setEditing(false), onFocus: () => setEditing(true), isMerged: metadata.isMerged }));
 }
 /* v8 ignore stop */
 //# sourceMappingURL=QuantityEditor.js.map

package/lib/imodel-components-react/inputs/new-editors/QuantityEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuantityEditor.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/inputs/new-editors/QuantityEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EACL,gBAAgB,EAKhB,cAAc,GACf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,qBAAqB;AAErB;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAe,gBAAgB,CAAC;IAC7D,mBAAmB,EAAE,CAAC,QAAQ,EAAqC,EAAE,CACnE,QAAQ,CAAC,IAAI,KAAK,QAAQ;QAC1B,cAAc,IAAI,QAAQ;QAC1B,QAAQ,CAAC,YAAY,KAAK,SAAS;IACrC,gBAAgB,EAAE,cAAc,CAAC,SAAS;IAC1C,MAAM,EAAE,cAAc;CACvB,CAAC,CAAC;AAUH,gBAAgB;AAChB,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,GAC6C;IACjD,MAAM,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,EAAE,GAAG,eAAe,CAAC;QAC3E,IAAI,EAAE,QAAQ,CAAC,YAAY;KAC5B,CAAC,CAAC;IACH,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,KAAK;QACxB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;IAE9C,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC,WAAW,IAAI;QAC7D,YAAY,EAAE,SAAS;QACvB,YAAY,EAAE,SAAS;KACxB,CAAC;IACF,MAAM,YAAY,GAAG,CAAC,QAAsB,EAAE,EAAE;QAC9C,IAAI,QAAQ,EAAE,QAAQ,KAAK,SAAS,EAAE,CAAC;YACrC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACnB,OAAO;QACT,CAAC;QACD,QAAQ,CAAC;YACP,GAAG,QAAQ;YACX,QAAQ,EAAE,uBAAuB,CAAC;gBAChC,KAAK,EAAE,QAAQ,CAAC,QAAQ;gBACxB,GAAG,EAAE,YAAY;gBACjB,GAAG,EAAE,YAAY;aAClB,CAAC;SACH,CAAC,CAAC;QACH,OAAO;IACT,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IACZ,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,gBAAgB,EAChE,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,GAC/B,CACH,CAAC;AACJ,CAAC;AAED,oBAAoB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyEditors\n */\n\nimport * as React from \"react\";\nimport { type QuantityTypeArg } from \"@itwin/core-frontend\";\nimport { useQuantityInfo } from \"./UseQuantityInfo.js\";\nimport {\n  createEditorSpec,\n  type EditorProps,\n  type EditorSpec,\n  type NumericValue,\n  type NumericValueMetadata,\n  ValueUtilities,\n} from \"@itwin/components-react\";\nimport { applyNumericConstraints } from \"@itwin/components-react/internal\";\nimport { QuantityInput } from \"./QuantityInput.js\";\n\n/* v8 ignore start */\n\n/**\n * Editor specification for quantity values based on `IModelApp.quantityFormatter`.\n *\n * **Note:** value provided to `onChange` might have mismatching `displayValue` and `rawValue`.\n * This can happen when input is invalid, some examples:\n * - input is not numeric. input `abc` -> { `displayValue`: \"abc\", `rawValue`: undefined }\n * - input is smaller than property constraints. input: `2 in`,  minimumValue is `1 m` -> { `displayValue`: `2 in`, `rawValue`: 1 }\n * - input is larger than property constraints. input: `6 m`,  maximumValue is `5 m` -> { `displayValue`: `6 m`, `rawValue`: 5 }\n * @beta\n */\nexport const QuantityEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is QuantityValueMetadata =>\n    metadata.type === \"number\" &&\n    \"quantityType\" in metadata &&\n    metadata.quantityType !== undefined,\n  isValueSupported: ValueUtilities.isNumeric,\n  Editor: QuantityEditor,\n});\n\n/**\n * Metadata for quantity values.\n * @beta\n */\nexport interface QuantityValueMetadata extends NumericValueMetadata {\n  quantityType: QuantityTypeArg;\n}\n\n/** @internal */\nexport function QuantityEditor({\n  metadata,\n  value,\n  onChange,\n  size,\n}: EditorProps<QuantityValueMetadata, NumericValue>) {\n  const { defaultFormatter, highPrecisionFormatter, parser } = useQuantityInfo({\n    type: metadata.quantityType,\n  });\n  const [isEditing, setEditing] = React.useState(false);\n  const currentValue = value\n    ? value\n    : { rawValue: undefined, displayValue: \"\" };\n\n  const { minimumValue, maximumValue } = metadata.constraints ?? {\n    minimumValue: undefined,\n    maximumValue: undefined,\n  };\n  const handleChange = (newValue: NumericValue) => {\n    if (newValue?.rawValue === undefined) {\n      onChange(newValue);\n      return;\n    }\n    onChange({\n      ...newValue,\n      rawValue: applyNumericConstraints({\n        value: newValue.rawValue,\n        min: minimumValue,\n        max: maximumValue,\n      }),\n    });\n    return;\n  };\n\n  return (\n    <QuantityInput\n      value={currentValue}\n      onChange={handleChange}\n      size={size}\n      formatter={isEditing ? highPrecisionFormatter : defaultFormatter}\n      parser={parser}\n      onBlur={() => setEditing(false)}\n      onFocus={() => setEditing(true)}\n    />\n  );\n}\n\n/* v8 ignore stop */\n"]}
+{"version":3,"file":"QuantityEditor.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/inputs/new-editors/QuantityEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EACL,gBAAgB,EAKhB,cAAc,GACf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,qBAAqB;AAErB;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAe,gBAAgB,CAAC;IAC7D,mBAAmB,EAAE,CAAC,QAAQ,EAAqC,EAAE,CACnE,QAAQ,CAAC,IAAI,KAAK,QAAQ;QAC1B,cAAc,IAAI,QAAQ;QAC1B,QAAQ,CAAC,YAAY,KAAK,SAAS;IACrC,gBAAgB,EAAE,cAAc,CAAC,SAAS;IAC1C,MAAM,EAAE,cAAc;CACvB,CAAC,CAAC;AAUH,gBAAgB;AAChB,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,GAC6C;IACjD,MAAM,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,EAAE,GAAG,eAAe,CAAC;QAC3E,IAAI,EAAE,QAAQ,CAAC,YAAY;KAC5B,CAAC,CAAC;IACH,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,KAAK;QACxB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;IAE9C,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC,WAAW,IAAI;QAC7D,YAAY,EAAE,SAAS;QACvB,YAAY,EAAE,SAAS;KACxB,CAAC;IACF,MAAM,YAAY,GAAG,CAAC,QAAsB,EAAE,EAAE;QAC9C,IAAI,QAAQ,EAAE,QAAQ,KAAK,SAAS,EAAE,CAAC;YACrC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACnB,OAAO;QACT,CAAC;QACD,QAAQ,CAAC;YACP,GAAG,QAAQ;YACX,QAAQ,EAAE,uBAAuB,CAAC;gBAChC,KAAK,EAAE,QAAQ,CAAC,QAAQ;gBACxB,GAAG,EAAE,YAAY;gBACjB,GAAG,EAAE,YAAY;aAClB,CAAC;SACH,CAAC,CAAC;QACH,OAAO;IACT,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IACZ,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,gBAAgB,EAChE,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAC/B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,GAC3B,CACH,CAAC;AACJ,CAAC;AAED,oBAAoB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyEditors\n */\n\nimport * as React from \"react\";\nimport { type QuantityTypeArg } from \"@itwin/core-frontend\";\nimport { useQuantityInfo } from \"./UseQuantityInfo.js\";\nimport {\n  createEditorSpec,\n  type EditorProps,\n  type EditorSpec,\n  type NumericValue,\n  type NumericValueMetadata,\n  ValueUtilities,\n} from \"@itwin/components-react\";\nimport { applyNumericConstraints } from \"@itwin/components-react/internal\";\nimport { QuantityInput } from \"./QuantityInput.js\";\n\n/* v8 ignore start */\n\n/**\n * Editor specification for quantity values based on `IModelApp.quantityFormatter`.\n *\n * **Note:** value provided to `onChange` might have mismatching `displayValue` and `rawValue`.\n * This can happen when input is invalid, some examples:\n * - input is not numeric. input `abc` -> { `displayValue`: \"abc\", `rawValue`: undefined }\n * - input is smaller than property constraints. input: `2 in`,  minimumValue is `1 m` -> { `displayValue`: `2 in`, `rawValue`: 1 }\n * - input is larger than property constraints. input: `6 m`,  maximumValue is `5 m` -> { `displayValue`: `6 m`, `rawValue`: 5 }\n * @beta\n */\nexport const QuantityEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is QuantityValueMetadata =>\n    metadata.type === \"number\" &&\n    \"quantityType\" in metadata &&\n    metadata.quantityType !== undefined,\n  isValueSupported: ValueUtilities.isNumeric,\n  Editor: QuantityEditor,\n});\n\n/**\n * Metadata for quantity values.\n * @beta\n */\nexport interface QuantityValueMetadata extends NumericValueMetadata {\n  quantityType: QuantityTypeArg;\n}\n\n/** @internal */\nexport function QuantityEditor({\n  metadata,\n  value,\n  onChange,\n  size,\n}: EditorProps<QuantityValueMetadata, NumericValue>) {\n  const { defaultFormatter, highPrecisionFormatter, parser } = useQuantityInfo({\n    type: metadata.quantityType,\n  });\n  const [isEditing, setEditing] = React.useState(false);\n  const currentValue = value\n    ? value\n    : { rawValue: undefined, displayValue: \"\" };\n\n  const { minimumValue, maximumValue } = metadata.constraints ?? {\n    minimumValue: undefined,\n    maximumValue: undefined,\n  };\n  const handleChange = (newValue: NumericValue) => {\n    if (newValue?.rawValue === undefined) {\n      onChange(newValue);\n      return;\n    }\n    onChange({\n      ...newValue,\n      rawValue: applyNumericConstraints({\n        value: newValue.rawValue,\n        min: minimumValue,\n        max: maximumValue,\n      }),\n    });\n    return;\n  };\n\n  return (\n    <QuantityInput\n      value={currentValue}\n      onChange={handleChange}\n      size={size}\n      formatter={isEditing ? highPrecisionFormatter : defaultFormatter}\n      parser={parser}\n      onBlur={() => setEditing(false)}\n      onFocus={() => setEditing(true)}\n      isMerged={metadata.isMerged}\n    />\n  );\n}\n\n/* v8 ignore stop */\n"]}

package/lib/imodel-components-react/inputs/new-editors/QuantityInput.d.ts

@@ -7,6 +7,7 @@ interface QuantityInputProps extends Pick<React.ComponentPropsWithoutRef<typeof
     onChange: (value: NumericValue) => void;
     formatter?: FormatterSpec;
     parser?: ParserSpec;
+    isMerged?: boolean;
 }
 /**
  * A quantity input that manages its own display state and uses formatter/parser for quantity values.

package/lib/imodel-components-react/inputs/new-editors/QuantityInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuantityInput.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/inputs/new-editors/QuantityInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAItE,UAAU,kBACR,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,EAC5C,QAAQ,GAAG,SAAS,GAAG,MAAM,CAC9B;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBActD"}
+{"version":3,"file":"QuantityInput.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/inputs/new-editors/QuantityInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAKtE,UAAU,kBACR,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,EAC5C,QAAQ,GAAG,SAAS,GAAG,MAAM,CAC9B;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAkBtD"}

package/lib/imodel-components-react/inputs/new-editors/QuantityInput.js

@@ -4,6 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from "react";
 import { Input } from "@itwin/itwinui-react";
+import { ValueUtilities } from "@itwin/components-react";
 /**
  * A quantity input that manages its own display state and uses formatter/parser for quantity values.
  * @internal
@@ -12,9 +13,27 @@ export function QuantityInput(props) {
     const { formatter, parser, size, onBlur } = props;
     const { inputProps } = useQuantityInput(props);
     const placeholder = formatter?.unitConversions?.[0]?.label;
-    return (React.createElement(Input, { ...inputProps, placeholder: placeholder, disabled: !formatter || !parser, size: size, onBlur: onBlur }));
+    const delayedDisabled = useDelayed({
+        initial: false,
+        current: !formatter || !parser,
+    });
+    return (React.createElement(Input, { ...inputProps, placeholder: placeholder, disabled: delayedDisabled, size: size, onBlur: onBlur }));
 }
-function useQuantityInput({ value, onChange, formatter, parser, onFocus, }) {
+function useDelayed({ initial, current }) {
+    const [value, setValue] = React.useState(initial);
+    React.useEffect(() => {
+        if (current === initial) {
+            setValue(current);
+            return;
+        }
+        const timeoutId = setTimeout(() => {
+            setValue(current);
+        }, 200);
+        return () => clearTimeout(timeoutId);
+    }, [current, initial]);
+    return value;
+}
+function useQuantityInput({ value, onChange, formatter, parser, onFocus, isMerged, }) {
     const [state, setState] = React.useState(() => {
         if (value.rawValue !== undefined && formatter) {
             return {
@@ -38,12 +57,18 @@ function useQuantityInput({ value, onChange, formatter, parser, onFocus, }) {
             if (prev.displayValue !== "") {
                 return prev;
             }
+            if (isMerged) {
+                return {
+                    ...prev,
+                    displayValue: `${ValueUtilities.MERGED_VALUE} ${formatter.unitConversions?.[0]?.label ?? ""}`,
+                };
+            }
             return {
                 ...prev,
                 displayValue: formatter.unitConversions?.[0]?.label ?? "",
             };
         });
-    }, [formatter]);
+    }, [formatter, isMerged]);
     const handleChange = (e) => {
         const inputText = e.target.value;
         const unit = formatter?.unitConversions?.[0]?.label;

package/lib/imodel-components-react/inputs/new-editors/QuantityInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuantityInput.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/inputs/new-editors/QuantityInput.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 { Input } from \"@itwin/itwinui-react\";\nimport type { NumericValue } from \"@itwin/components-react\";\nimport type { FormatterSpec, ParserSpec } from \"@itwin/core-quantity\";\n\n/* v8 ignore start */\n\ninterface QuantityInputProps\n  extends Pick<\n    React.ComponentPropsWithoutRef<typeof Input>,\n    \"onBlur\" | \"onFocus\" | \"size\"\n  > {\n  value: NumericValue;\n  onChange: (value: NumericValue) => void;\n  formatter?: FormatterSpec;\n  parser?: ParserSpec;\n}\n\n/**\n * A quantity input that manages its own display state and uses formatter/parser for quantity values.\n * @internal\n */\nexport function QuantityInput(props: QuantityInputProps) {\n  const { formatter, parser, size, onBlur } = props;\n  const { inputProps } = useQuantityInput(props);\n  const placeholder = formatter?.unitConversions?.[0]?.label;\n\n  return (\n    <Input\n      {...inputProps}\n      placeholder={placeholder}\n      disabled={!formatter || !parser}\n      size={size}\n      onBlur={onBlur}\n    />\n  );\n}\n\nfunction useQuantityInput({\n  value,\n  onChange,\n  formatter,\n  parser,\n  onFocus,\n}: QuantityInputProps) {\n  const [state, setState] = React.useState<NumericValue>(() => {\n    if (value.rawValue !== undefined && formatter) {\n      return {\n        rawValue: value.rawValue,\n        displayValue: formatter.applyFormatting(value.rawValue),\n      };\n    }\n    return value;\n  });\n\n  React.useLayoutEffect(() => {\n    if (!formatter) {\n      return;\n    }\n    setState((prev) => {\n      if (prev.rawValue !== undefined) {\n        const displayValue = formatter.applyFormatting(prev.rawValue);\n        return prev.displayValue === displayValue\n          ? prev\n          : { ...prev, displayValue };\n      }\n\n      if (prev.displayValue !== \"\") {\n        return prev;\n      }\n\n      return {\n        ...prev,\n        displayValue: formatter.unitConversions?.[0]?.label ?? \"\",\n      };\n    });\n  }, [formatter]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const inputText = e.target.value;\n    const unit = formatter?.unitConversions?.[0]?.label;\n    const rawValue = parseInput(inputText, parser, unit);\n    const newValue: NumericValue = { rawValue, displayValue: inputText };\n    setState(newValue);\n    onChange(newValue);\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    onFocus?.(e);\n\n    const input = e.currentTarget;\n    const unit = formatter?.unitConversions?.[0]?.label ?? \"\";\n\n    if (state.rawValue === undefined && state.displayValue === unit) {\n      requestAnimationFrame(() => {\n        input.setSelectionRange(0, 0);\n      });\n      return;\n    }\n\n    requestAnimationFrame(() => {\n      input.select();\n    });\n  };\n\n  return {\n    inputProps: {\n      value: state.displayValue,\n      onChange: handleChange,\n      onFocus: handleFocus,\n    },\n  };\n}\n\nfunction parseInput(\n  userInput: string,\n  parser: ParserSpec | undefined,\n  placeholder: string | undefined\n): number | undefined {\n  if (!parser || userInput === placeholder) {\n    return undefined;\n  }\n  const parseResult = parser.parseToQuantityValue(userInput);\n  return parseResult.ok ? parseResult.value : undefined;\n}\n\n/* v8 ignore stop */\n"]}
+{"version":3,"file":"QuantityInput.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/inputs/new-editors/QuantityInput.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 { Input } from \"@itwin/itwinui-react\";\nimport type { NumericValue } from \"@itwin/components-react\";\nimport type { FormatterSpec, ParserSpec } from \"@itwin/core-quantity\";\nimport { ValueUtilities } from \"@itwin/components-react\";\n\n/* v8 ignore start */\n\ninterface QuantityInputProps\n  extends Pick<\n    React.ComponentPropsWithoutRef<typeof Input>,\n    \"onBlur\" | \"onFocus\" | \"size\"\n  > {\n  value: NumericValue;\n  onChange: (value: NumericValue) => void;\n  formatter?: FormatterSpec;\n  parser?: ParserSpec;\n  isMerged?: boolean;\n}\n\n/**\n * A quantity input that manages its own display state and uses formatter/parser for quantity values.\n * @internal\n */\nexport function QuantityInput(props: QuantityInputProps) {\n  const { formatter, parser, size, onBlur } = props;\n  const { inputProps } = useQuantityInput(props);\n  const placeholder = formatter?.unitConversions?.[0]?.label;\n  const delayedDisabled = useDelayed({\n    initial: false,\n    current: !formatter || !parser,\n  });\n\n  return (\n    <Input\n      {...inputProps}\n      placeholder={placeholder}\n      disabled={delayedDisabled}\n      size={size}\n      onBlur={onBlur}\n    />\n  );\n}\n\nfunction useDelayed<T>({ initial, current }: { initial: T; current: T }) {\n  const [value, setValue] = React.useState(initial);\n\n  React.useEffect(() => {\n    if (current === initial) {\n      setValue(current);\n      return;\n    }\n    const timeoutId = setTimeout(() => {\n      setValue(current);\n    }, 200);\n    return () => clearTimeout(timeoutId);\n  }, [current, initial]);\n\n  return value;\n}\n\nfunction useQuantityInput({\n  value,\n  onChange,\n  formatter,\n  parser,\n  onFocus,\n  isMerged,\n}: QuantityInputProps) {\n  const [state, setState] = React.useState<NumericValue>(() => {\n    if (value.rawValue !== undefined && formatter) {\n      return {\n        rawValue: value.rawValue,\n        displayValue: formatter.applyFormatting(value.rawValue),\n      };\n    }\n    return value;\n  });\n\n  React.useLayoutEffect(() => {\n    if (!formatter) {\n      return;\n    }\n    setState((prev) => {\n      if (prev.rawValue !== undefined) {\n        const displayValue = formatter.applyFormatting(prev.rawValue);\n        return prev.displayValue === displayValue\n          ? prev\n          : { ...prev, displayValue };\n      }\n\n      if (prev.displayValue !== \"\") {\n        return prev;\n      }\n\n      if (isMerged) {\n        return {\n          ...prev,\n          displayValue: `${ValueUtilities.MERGED_VALUE} ${\n            formatter.unitConversions?.[0]?.label ?? \"\"\n          }`,\n        };\n      }\n\n      return {\n        ...prev,\n        displayValue: formatter.unitConversions?.[0]?.label ?? \"\",\n      };\n    });\n  }, [formatter, isMerged]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const inputText = e.target.value;\n    const unit = formatter?.unitConversions?.[0]?.label;\n    const rawValue = parseInput(inputText, parser, unit);\n    const newValue: NumericValue = { rawValue, displayValue: inputText };\n    setState(newValue);\n    onChange(newValue);\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    onFocus?.(e);\n\n    const input = e.currentTarget;\n    const unit = formatter?.unitConversions?.[0]?.label ?? \"\";\n\n    if (state.rawValue === undefined && state.displayValue === unit) {\n      requestAnimationFrame(() => {\n        input.setSelectionRange(0, 0);\n      });\n      return;\n    }\n\n    requestAnimationFrame(() => {\n      input.select();\n    });\n  };\n\n  return {\n    inputProps: {\n      value: state.displayValue,\n      onChange: handleChange,\n      onFocus: handleFocus,\n    },\n  };\n}\n\nfunction parseInput(\n  userInput: string,\n  parser: ParserSpec | undefined,\n  placeholder: string | undefined\n): number | undefined {\n  if (!parser || userInput === placeholder) {\n    return undefined;\n  }\n  const parseResult = parser.parseToQuantityValue(userInput);\n  return parseResult.ok ? parseResult.value : undefined;\n}\n\n/* v8 ignore stop */\n"]}

package/lib/imodel-components-react/inputs/new-editors/UseQuantityInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseQuantityInfo.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/inputs/new-editors/UseQuantityInfo.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE9E,OAAO,EACL,KAAK,aAAa,EAGlB,KAAK,UAAU,EAChB,MAAM,sBAAsB,CAAC;AAO9B,UAAU,oBAAoB;IAC5B,IAAI,EAAE,eAAe,GAAG,SAAS,CAAC;CACnC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,oBAAoB;;;;EAwE7D"}
+{"version":3,"file":"UseQuantityInfo.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/inputs/new-editors/UseQuantityInfo.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAO3E,UAAU,oBAAoB;IAC5B,IAAI,EAAE,eAAe,GAAG,SAAS,CAAC;CACnC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,oBAAoB;;;;EA4E7D"}

package/lib/imodel-components-react/inputs/new-editors/UseQuantityInfo.js

@@ -3,9 +3,9 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import { IModelApp } from "@itwin/core-frontend";
-import { FormatType, parseFormatType, } from "@itwin/core-quantity";
 import * as React from "react";
 import { useIModelConnection } from "../../IModelConnectionContext.js";
+import { getFormatterParserSpec } from "../../KoqUtilities.js";
 /**
  * Hook that finds the formatter and parser in `IModelApp.quantityFormatter` for a given quantity type.
  * @internal
@@ -18,7 +18,7 @@ export function useQuantityInfo({ type }) {
     }));
     const imodel = useIModelConnection();
     React.useEffect(() => {
-        if (type === undefined) {
+        if (type === undefined || !imodel) {
             setState({
                 defaultFormatter: undefined,
                 highPrecisionFormatter: undefined,
@@ -28,13 +28,17 @@ export function useQuantityInfo({ type }) {
         }
         let disposed = false;
         const loadFormatterParser = async () => {
-            const { defaultFormatterSpec, highPrecisionFormatterSpec, parserSpec } = await getFormatterParserSpec({
+            const { formatterSpec, highPrecisionFormatterSpec, parserSpec } = (await getFormatterParserSpec({
                 imodel,
                 type,
-            });
+            })) ?? {
+                formatterSpec: undefined,
+                highPrecisionFormatterSpec: undefined,
+                parserSpec: undefined,
+            };
             if (!disposed) {
                 setState({
-                    defaultFormatter: defaultFormatterSpec,
+                    defaultFormatter: formatterSpec,
                     highPrecisionFormatter: highPrecisionFormatterSpec,
                     parser: parserSpec,
                 });
@@ -61,62 +65,5 @@ export function useQuantityInfo({ type }) {
     }, [imodel, type]);
     return { defaultFormatter, highPrecisionFormatter, parser };
 }
-async function getFormatterParserSpec({ imodel, type, }) {
-    // fallback to IModelApp.quantityFormatter:
-    // - if `itwinjs-core` v4 is used
-    // - don't have an iModelConnection to look up KOQ
-    // - old quantity type enum is used instead of KOQ name
-    if (!IModelApp.formatsProvider || !imodel || typeof type !== "string") {
-        const quantityFormatterSpec = IModelApp.quantityFormatter.findFormatterSpecByQuantityType(type);
-        const quantityParserSpec = IModelApp.quantityFormatter.findParserSpecByQuantityType(type);
-        return {
-            highPrecisionFormatterSpec: quantityFormatterSpec,
-            defaultFormatterSpec: quantityFormatterSpec,
-            parserSpec: quantityParserSpec,
-        };
-    }
-    const koq = await imodel.schemaContext.getSchemaItem(type);
-    if (!koq) {
-        return {
-            highPrecisionFormatterSpec: undefined,
-            defaultFormatterSpec: undefined,
-            parser: undefined,
-        };
-    }
-    // TODO: `KindOfQuantity` here is used only as a type because we don't have peerDep on `ecschema-metadata`
-    // It should be added when dropping `itwinjs-core` v4 support
-    const persistenceUnit = await koq.persistenceUnit;
-    const formatProps = await IModelApp.formatsProvider.getFormat(type);
-    if (!persistenceUnit || !formatProps) {
-        return {
-            highPrecisionFormatterSpec: undefined,
-            defaultFormatterSpec: undefined,
-            parser: undefined,
-        };
-    }
-    const persistenceUnitName = persistenceUnit.fullName;
-    const highPrecisionFormatterSpec = await IModelApp.quantityFormatter.createFormatterSpec({
-        formatProps: {
-            ...formatProps,
-            precision: parseFormatType(formatProps.type, "") === FormatType.Decimal
-                ? 12
-                : formatProps.precision,
-        },
-        persistenceUnitName,
-    });
-    const defaultFormatterSpec = await IModelApp.quantityFormatter.createFormatterSpec({
-        formatProps,
-        persistenceUnitName,
-    });
-    const parserSpec = await IModelApp.quantityFormatter.createParserSpec({
-        formatProps,
-        persistenceUnitName,
-    });
-    return {
-        highPrecisionFormatterSpec,
-        defaultFormatterSpec,
-        parserSpec,
-    };
-}
 /* v8 ignore stop */
 //# sourceMappingURL=UseQuantityInfo.js.map

package/lib/imodel-components-react/inputs/new-editors/UseQuantityInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"UseQuantityInfo.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/inputs/new-editors/UseQuantityInfo.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 { IModelConnection, QuantityTypeArg } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport {\n  type FormatterSpec,\n  FormatType,\n  parseFormatType,\n  type ParserSpec,\n} from \"@itwin/core-quantity\";\nimport * as React from \"react\";\nimport { useIModelConnection } from \"../../IModelConnectionContext.js\";\nimport type { KindOfQuantity } from \"@itwin/ecschema-metadata\";\n\n/* v8 ignore start */\n\ninterface UseQuantityInfoProps {\n  type: QuantityTypeArg | undefined;\n}\n\n/**\n * Hook that finds the formatter and parser in `IModelApp.quantityFormatter` for a given quantity type.\n * @internal\n */\nexport function useQuantityInfo({ type }: UseQuantityInfoProps) {\n  const [{ defaultFormatter, highPrecisionFormatter, parser }, setState] =\n    React.useState<{\n      defaultFormatter: FormatterSpec | undefined;\n      highPrecisionFormatter: FormatterSpec | undefined;\n      parser: ParserSpec | undefined;\n    }>(() => ({\n      defaultFormatter: undefined,\n      highPrecisionFormatter: undefined,\n      parser: undefined,\n    }));\n\n  const imodel = useIModelConnection();\n\n  React.useEffect(() => {\n    if (type === undefined) {\n      setState({\n        defaultFormatter: undefined,\n        highPrecisionFormatter: undefined,\n        parser: undefined,\n      });\n      return;\n    }\n\n    let disposed = false;\n    const loadFormatterParser = async () => {\n      const { defaultFormatterSpec, highPrecisionFormatterSpec, parserSpec } =\n        await getFormatterParserSpec({\n          imodel,\n          type,\n        });\n\n      if (!disposed) {\n        setState({\n          defaultFormatter: defaultFormatterSpec,\n          highPrecisionFormatter: highPrecisionFormatterSpec,\n          parser: parserSpec,\n        });\n      }\n    };\n\n    void loadFormatterParser();\n\n    const removeListeners = [\n      IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.addListener(\n        loadFormatterParser\n      ),\n      IModelApp.quantityFormatter.onQuantityFormatsChanged.addListener(\n        ({ quantityType }) => {\n          if (quantityType === type) {\n            void loadFormatterParser();\n          }\n        }\n      ),\n    ];\n    if (IModelApp.formatsProvider) {\n      removeListeners.push(\n        IModelApp.formatsProvider.onFormatsChanged.addListener(async () =>\n          loadFormatterParser()\n        )\n      );\n    }\n\n    return () => {\n      disposed = true;\n      removeListeners.forEach((remove) => {\n        remove();\n      });\n    };\n  }, [imodel, type]);\n\n  return { defaultFormatter, highPrecisionFormatter, parser };\n}\n\nasync function getFormatterParserSpec({\n  imodel,\n  type,\n}: {\n  imodel?: IModelConnection;\n  type: QuantityTypeArg;\n}) {\n  // fallback to IModelApp.quantityFormatter:\n  // - if `itwinjs-core` v4 is used\n  // - don't have an iModelConnection to look up KOQ\n  // - old quantity type enum is used instead of KOQ name\n  if (!IModelApp.formatsProvider || !imodel || typeof type !== \"string\") {\n    const quantityFormatterSpec =\n      IModelApp.quantityFormatter.findFormatterSpecByQuantityType(type);\n    const quantityParserSpec =\n      IModelApp.quantityFormatter.findParserSpecByQuantityType(type);\n\n    return {\n      highPrecisionFormatterSpec: quantityFormatterSpec,\n      defaultFormatterSpec: quantityFormatterSpec,\n      parserSpec: quantityParserSpec,\n    };\n  }\n\n  const koq = await imodel.schemaContext.getSchemaItem(type);\n  if (!koq) {\n    return {\n      highPrecisionFormatterSpec: undefined,\n      defaultFormatterSpec: undefined,\n      parser: undefined,\n    };\n  }\n\n  // TODO: `KindOfQuantity` here is used only as a type because we don't have peerDep on `ecschema-metadata`\n  // It should be added when dropping `itwinjs-core` v4 support\n  const persistenceUnit = await (koq as KindOfQuantity).persistenceUnit;\n  const formatProps = await IModelApp.formatsProvider.getFormat(type);\n  if (!persistenceUnit || !formatProps) {\n    return {\n      highPrecisionFormatterSpec: undefined,\n      defaultFormatterSpec: undefined,\n      parser: undefined,\n    };\n  }\n\n  const persistenceUnitName = persistenceUnit.fullName;\n  const highPrecisionFormatterSpec =\n    await IModelApp.quantityFormatter.createFormatterSpec({\n      formatProps: {\n        ...formatProps,\n        precision:\n          parseFormatType(formatProps.type, \"\") === FormatType.Decimal\n            ? 12\n            : formatProps.precision,\n      },\n      persistenceUnitName,\n    });\n  const defaultFormatterSpec =\n    await IModelApp.quantityFormatter.createFormatterSpec({\n      formatProps,\n      persistenceUnitName,\n    });\n  const parserSpec = await IModelApp.quantityFormatter.createParserSpec({\n    formatProps,\n    persistenceUnitName,\n  });\n  return {\n    highPrecisionFormatterSpec,\n    defaultFormatterSpec,\n    parserSpec,\n  };\n}\n\n/* v8 ignore stop */\n"]}
+{"version":3,"file":"UseQuantityInfo.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/inputs/new-editors/UseQuantityInfo.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAGhG,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAQ/D;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,EAAE,IAAI,EAAwB;IAC5D,MAAM,CAAC,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC,GACpE,KAAK,CAAC,QAAQ,CAIX,GAAG,EAAE,CAAC,CAAC;QACR,gBAAgB,EAAE,SAAS;QAC3B,sBAAsB,EAAE,SAAS;QACjC,MAAM,EAAE,SAAS;KAClB,CAAC,CAAC,CAAC;IAEN,MAAM,MAAM,GAAG,mBAAmB,EAAE,CAAC;IAErC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,KAAK,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC;YAClC,QAAQ,CAAC;gBACP,gBAAgB,EAAE,SAAS;gBAC3B,sBAAsB,EAAE,SAAS;gBACjC,MAAM,EAAE,SAAS;aAClB,CAAC,CAAC;YACH,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,GAAG,KAAK,CAAC;QACrB,MAAM,mBAAmB,GAAG,KAAK,IAAI,EAAE;YACrC,MAAM,EAAE,aAAa,EAAE,0BAA0B,EAAE,UAAU,EAAE,GAC7D,CAAC,MAAM,sBAAsB,CAAC;gBAC5B,MAAM;gBACN,IAAI;aACL,CAAC,CAAC,IAAI;gBACL,aAAa,EAAE,SAAS;gBACxB,0BAA0B,EAAE,SAAS;gBACrC,UAAU,EAAE,SAAS;aACtB,CAAC;YAEJ,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,QAAQ,CAAC;oBACP,gBAAgB,EAAE,aAAa;oBAC/B,sBAAsB,EAAE,0BAA0B;oBAClD,MAAM,EAAE,UAAU;iBACnB,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEF,KAAK,mBAAmB,EAAE,CAAC;QAE3B,MAAM,eAAe,GAAG;YACtB,SAAS,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,WAAW,CACzE,mBAAmB,CACpB;YACD,SAAS,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,WAAW,CAC9D,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;gBACnB,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;oBAC1B,KAAK,mBAAmB,EAAE,CAAC;gBAC7B,CAAC;YACH,CAAC,CACF;SACF,CAAC;QACF,IAAI,SAAS,CAAC,eAAe,EAAE,CAAC;YAC9B,eAAe,CAAC,IAAI,CAClB,SAAS,CAAC,eAAe,CAAC,gBAAgB,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,CAChE,mBAAmB,EAAE,CACtB,CACF,CAAC;QACJ,CAAC;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,GAAG,IAAI,CAAC;YAChB,eAAe,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;gBACjC,MAAM,EAAE,CAAC;YACX,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,EAAE,CAAC;AAC9D,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 type { QuantityTypeArg } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { type FormatterSpec, type ParserSpec } from \"@itwin/core-quantity\";\nimport * as React from \"react\";\nimport { useIModelConnection } from \"../../IModelConnectionContext.js\";\nimport { getFormatterParserSpec } from \"../../KoqUtilities.js\";\n\n/* v8 ignore start */\n\ninterface UseQuantityInfoProps {\n  type: QuantityTypeArg | undefined;\n}\n\n/**\n * Hook that finds the formatter and parser in `IModelApp.quantityFormatter` for a given quantity type.\n * @internal\n */\nexport function useQuantityInfo({ type }: UseQuantityInfoProps) {\n  const [{ defaultFormatter, highPrecisionFormatter, parser }, setState] =\n    React.useState<{\n      defaultFormatter: FormatterSpec | undefined;\n      highPrecisionFormatter: FormatterSpec | undefined;\n      parser: ParserSpec | undefined;\n    }>(() => ({\n      defaultFormatter: undefined,\n      highPrecisionFormatter: undefined,\n      parser: undefined,\n    }));\n\n  const imodel = useIModelConnection();\n\n  React.useEffect(() => {\n    if (type === undefined || !imodel) {\n      setState({\n        defaultFormatter: undefined,\n        highPrecisionFormatter: undefined,\n        parser: undefined,\n      });\n      return;\n    }\n\n    let disposed = false;\n    const loadFormatterParser = async () => {\n      const { formatterSpec, highPrecisionFormatterSpec, parserSpec } =\n        (await getFormatterParserSpec({\n          imodel,\n          type,\n        })) ?? {\n          formatterSpec: undefined,\n          highPrecisionFormatterSpec: undefined,\n          parserSpec: undefined,\n        };\n\n      if (!disposed) {\n        setState({\n          defaultFormatter: formatterSpec,\n          highPrecisionFormatter: highPrecisionFormatterSpec,\n          parser: parserSpec,\n        });\n      }\n    };\n\n    void loadFormatterParser();\n\n    const removeListeners = [\n      IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.addListener(\n        loadFormatterParser\n      ),\n      IModelApp.quantityFormatter.onQuantityFormatsChanged.addListener(\n        ({ quantityType }) => {\n          if (quantityType === type) {\n            void loadFormatterParser();\n          }\n        }\n      ),\n    ];\n    if (IModelApp.formatsProvider) {\n      removeListeners.push(\n        IModelApp.formatsProvider.onFormatsChanged.addListener(async () =>\n          loadFormatterParser()\n        )\n      );\n    }\n\n    return () => {\n      disposed = true;\n      removeListeners.forEach((remove) => {\n        remove();\n      });\n    };\n  }, [imodel, type]);\n\n  return { defaultFormatter, highPrecisionFormatter, parser };\n}\n\n/* v8 ignore stop */\n"]}

package/lib/imodel-components-react/properties/KoqPropertyRenderer.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import type { PropertyRecord } from "@itwin/appui-abstract";
+import type { IPropertyValueRenderer, PropertyValueRendererContext } from "@itwin/components-react";
+/**
+ * Name of the renderer for properties with kind of quantity.
+ * @public
+ */
+export declare const KOQ_RENDERER_NAME = "KoqPropertyValueRenderer";
+/**
+ * Renderer for properties with kind of quantity.
+ * @internal
+ */
+export declare class KoqPropertyValueRenderer implements IPropertyValueRenderer {
+    /** Checks if the renderer can handle given property */
+    canRender(record: PropertyRecord): boolean;
+    /** Method that returns a JSX representation of PropertyRecord */
+    render(record: PropertyRecord, context?: PropertyValueRendererContext): React.JSX.Element;
+}
+//# sourceMappingURL=KoqPropertyRenderer.d.ts.map

package/lib/imodel-components-react/properties/KoqPropertyRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KoqPropertyRenderer.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/properties/KoqPropertyRenderer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,yBAAyB,CAAC;AAUjC;;;GAGG;AACH,eAAO,MAAM,iBAAiB,6BAA6B,CAAC;AAE5D;;;GAGG;AACH,qBAAa,wBAAyB,YAAW,sBAAsB;IACrE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IASvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAIzC"}

package/lib/imodel-components-react/properties/KoqPropertyRenderer.js

@@ -0,0 +1,62 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import * as React from "react";
+import { PropertyValueFormat, StandardTypeNames } from "@itwin/appui-abstract";
+import { assert } from "@itwin/core-bentley";
+import { useIModelConnection } from "../IModelConnectionContext.js";
+import { IModelApp } from "@itwin/core-frontend";
+import { convertRecordToString, PrimitivePropertyValueRendererImpl, } from "@itwin/components-react/internal";
+import { ValueUtilities } from "@itwin/components-react";
+import { getFormatterParserSpec } from "../KoqUtilities.js";
+/**
+ * Name of the renderer for properties with kind of quantity.
+ * @public
+ */
+export const KOQ_RENDERER_NAME = "KoqPropertyValueRenderer";
+/**
+ * Renderer for properties with kind of quantity.
+ * @internal
+ */
+export class KoqPropertyValueRenderer {
+    /** Checks if the renderer can handle given property */
+    canRender(record) {
+        return (record.value.valueFormat === PropertyValueFormat.Primitive &&
+            (record.property.typename === StandardTypeNames.Double.valueOf() ||
+                record.property.typename === StandardTypeNames.Float.valueOf()) &&
+            !!record.property.kindOfQuantityName);
+    }
+    /** Method that returns a JSX representation of PropertyRecord */
+    render(record, context) {
+        return React.createElement(KoqRenderer, { record: record, context: context });
+    }
+}
+function KoqRenderer(props) {
+    const { record, context } = props;
+    const imodel = useIModelConnection();
+    const stringValueCalculator = React.useCallback(async (recordToFormat) => {
+        return imodel
+            ? formatKoqValue(recordToFormat, imodel)
+            : convertRecordToString(recordToFormat);
+    }, [imodel]);
+    return (React.createElement(PrimitivePropertyValueRendererImpl, { record: record, context: context, stringValueCalculator: stringValueCalculator }));
+}
+async function formatKoqValue(record, imodel) {
+    const value = record.value;
+    const koqName = record.property.kindOfQuantityName;
+    assert(value.valueFormat === PropertyValueFormat.Primitive, "PropertyRecord value is not primitive");
+    assert(koqName !== undefined, "Kind of quantity name is undefined");
+    const { formatterSpec } = (await getFormatterParserSpec({
+        imodel,
+        type: koqName,
+    })) ?? { formatterSpec: undefined };
+    if (!formatterSpec) {
+        return convertRecordToString(record);
+    }
+    if (record.isMerged) {
+        return `${ValueUtilities.MERGED_VALUE} ${formatterSpec.unitConversions?.[0]?.label ?? ""}`;
+    }
+    return IModelApp.quantityFormatter.formatQuantity(value.value, formatterSpec);
+}
+//# sourceMappingURL=KoqPropertyRenderer.js.map

package/lib/imodel-components-react/properties/KoqPropertyRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KoqPropertyRenderer.js","sourceRoot":"","sources":["../../../src/imodel-components-react/properties/KoqPropertyRenderer.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 { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"@itwin/components-react\";\nimport { useIModelConnection } from \"../IModelConnectionContext.js\";\nimport { IModelApp, type IModelConnection } from \"@itwin/core-frontend\";\nimport {\n  convertRecordToString,\n  PrimitivePropertyValueRendererImpl,\n} from \"@itwin/components-react/internal\";\nimport { ValueUtilities } from \"@itwin/components-react\";\nimport { getFormatterParserSpec } from \"../KoqUtilities.js\";\n\n/**\n * Name of the renderer for properties with kind of quantity.\n * @public\n */\nexport const KOQ_RENDERER_NAME = \"KoqPropertyValueRenderer\";\n\n/**\n * Renderer for properties with kind of quantity.\n * @internal\n */\nexport class KoqPropertyValueRenderer implements IPropertyValueRenderer {\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return (\n      record.value.valueFormat === PropertyValueFormat.Primitive &&\n      (record.property.typename === StandardTypeNames.Double.valueOf() ||\n        record.property.typename === StandardTypeNames.Float.valueOf()) &&\n      !!record.property.kindOfQuantityName\n    );\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) {\n    return <KoqRenderer record={record} context={context} />;\n  }\n}\n\nfunction KoqRenderer(props: {\n  record: PropertyRecord;\n  context?: PropertyValueRendererContext;\n}) {\n  const { record, context } = props;\n  const imodel = useIModelConnection();\n  const stringValueCalculator = React.useCallback(\n    async (recordToFormat: PropertyRecord) => {\n      return imodel\n        ? formatKoqValue(recordToFormat, imodel)\n        : convertRecordToString(recordToFormat);\n    },\n    [imodel]\n  );\n  return (\n    <PrimitivePropertyValueRendererImpl\n      record={record}\n      context={context}\n      stringValueCalculator={stringValueCalculator}\n    />\n  );\n}\n\nasync function formatKoqValue(\n  record: PropertyRecord,\n  imodel: IModelConnection\n): Promise<string> {\n  const value = record.value;\n  const koqName = record.property.kindOfQuantityName;\n  assert(\n    value.valueFormat === PropertyValueFormat.Primitive,\n    \"PropertyRecord value is not primitive\"\n  );\n  assert(koqName !== undefined, \"Kind of quantity name is undefined\");\n\n  const { formatterSpec } = (await getFormatterParserSpec({\n    imodel,\n    type: koqName,\n  })) ?? { formatterSpec: undefined };\n\n  if (!formatterSpec) {\n    return convertRecordToString(record);\n  }\n\n  if (record.isMerged) {\n    return `${ValueUtilities.MERGED_VALUE} ${\n      formatterSpec.unitConversions?.[0]?.label ?? \"\"\n    }`;\n  }\n\n  return IModelApp.quantityFormatter.formatQuantity(\n    value.value as number,\n    formatterSpec\n  );\n}\n"]}

package/lib/imodel-components-react.d.ts

@@ -34,6 +34,7 @@ export { ViewStateProp, ViewportComponent, ViewportProps, } from "./imodel-compo
 export { ViewportComponentEvents, CubeRotationChangeEvent, CubeRotationChangeEventArgs, DrawingViewportChangeEvent, DrawingViewportChangeEventArgs, StandardRotationChangeEvent, StandardRotationChangeEventArgs, ViewClassFullNameChangedEvent, ViewClassFullNameChangedEventArgs, ViewIdChangedEvent, ViewIdChangedEventArgs, ViewRotationChangeEvent, ViewRotationChangeEventArgs, } from "./imodel-components-react/viewport/ViewportComponentEvents.js";
 export { ToolUtilities } from "./imodel-components-react/ToolUtilities.js";
 export { IModelConnectionProvider } from "./imodel-components-react/IModelConnectionContext.js";
+export { KOQ_RENDERER_NAME } from "./imodel-components-react/properties/KoqPropertyRenderer.js";
 /** @docs-package-description
  * The imodel-components-react package contains React components that depend on the core-frontend, core-common or core-quantity packages.
  * The components pertain to Color, Cube, LineWeight, Navigation Aids, Quantity Inputs, Timeline and Viewport.

package/lib/imodel-components-react.d.ts.map

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

package/lib/imodel-components-react.js

@@ -39,13 +39,17 @@ export { ViewportComponent, } from "./imodel-components-react/viewport/ViewportC
 export { ViewportComponentEvents, CubeRotationChangeEvent, DrawingViewportChangeEvent, StandardRotationChangeEvent, ViewClassFullNameChangedEvent, ViewIdChangedEvent, ViewRotationChangeEvent, } from "./imodel-components-react/viewport/ViewportComponentEvents.js";
 export { ToolUtilities } from "./imodel-components-react/ToolUtilities.js";
 export { IModelConnectionProvider } from "./imodel-components-react/IModelConnectionContext.js";
+export { KOQ_RENDERER_NAME } from "./imodel-components-react/properties/KoqPropertyRenderer.js";
 // #region "SideEffects"
 import { StandardEditorNames, StandardTypeNames } from "@itwin/appui-abstract";
-import { PropertyEditorManager } from "@itwin/components-react";
+import { PropertyEditorManager, PropertyValueRendererManager, } from "@itwin/components-react";
 import { ColorPropertyEditor } from "./imodel-components-react/editors/ColorEditor.js";
 import { WeightPropertyEditor } from "./imodel-components-react/editors/WeightEditor.js";
+import { KoqPropertyValueRenderer } from "./imodel-components-react/properties/KoqPropertyRenderer.js";
+import { KOQ_RENDERER_NAME } from "./imodel-components-react/properties/KoqPropertyRenderer.js";
 PropertyEditorManager.registerEditor(StandardTypeNames.Number, ColorPropertyEditor, StandardEditorNames.ColorPicker);
 PropertyEditorManager.registerEditor(StandardTypeNames.Number, WeightPropertyEditor, StandardEditorNames.WeightPicker);
+PropertyValueRendererManager.defaultManager.registerRenderer(KOQ_RENDERER_NAME, new KoqPropertyValueRenderer());
 // #endregion "SideEffects"
 /** @docs-package-description
  * The imodel-components-react package contains React components that depend on the core-frontend, core-common or core-quantity packages.

package/lib/imodel-components-react.js.map

@@ -1 +1 @@
-{"version":3,"file":"imodel-components-react.js","sourceRoot":"","sources":["../src/imodel-components-react.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/* eslint-disable @typescript-eslint/no-deprecated */\n\nexport { UiIModelComponents } from \"./imodel-components-react/UiIModelComponents.js\";\n\nexport {\n  AlphaSlider,\n  AlphaSliderProps,\n} from \"./imodel-components-react/color/AlphaSlider.js\";\nexport {\n  ColorPickerButton,\n  ColorPickerProps,\n} from \"./imodel-components-react/color/ColorPickerButton.js\";\nexport {\n  ColorPickerDialog,\n  ColorPickerDialogProps,\n} from \"./imodel-components-react/color/ColorPickerDialog.js\";\nexport {\n  ColorPickerPopup,\n  ColorPickerPopupProps,\n} from \"./imodel-components-react/color/ColorPickerPopup.js\";\nexport {\n  HueSlider,\n  HueSliderProps,\n} from \"./imodel-components-react/color/HueSlider.js\";\nexport {\n  SaturationPicker,\n  SaturationPickerProps,\n} from \"./imodel-components-react/color/SaturationPicker.js\";\nexport {\n  ColorSwatch,\n  ColorSwatchProps,\n} from \"./imodel-components-react/color/Swatch.js\";\n\nexport {\n  ColorEditor,\n  ColorPropertyEditor,\n} from \"./imodel-components-react/editors/ColorEditor.js\";\nexport {\n  WeightEditor,\n  WeightPropertyEditor,\n} from \"./imodel-components-react/editors/WeightEditor.js\";\nexport { WeightEditorSpec } from \"./imodel-components-react/editors/NewWeightEditor.js\";\n\nexport {\n  QuantityInput,\n  QuantityProps,\n} from \"./imodel-components-react/inputs/QuantityInput.js\";\nexport {\n  QuantityNumberInput,\n  QuantityNumberInputProps,\n  StepFunctionProp,\n} from \"./imodel-components-react/inputs/QuantityNumberInput.js\";\nexport { QuantityEditorSpec } from \"./imodel-components-react/inputs/new-editors/QuantityEditor.js\";\n\nexport {\n  LineWeightSwatch,\n  LineWeightSwatchProps,\n} from \"./imodel-components-react/lineweight/Swatch.js\";\nexport {\n  WeightPickerButton,\n  WeightPickerProps,\n} from \"./imodel-components-react/lineweight/WeightPickerButton.js\";\n\nexport {\n  Cube,\n  CubeProps,\n  Face,\n} from \"./imodel-components-react/navigationaids/Cube.js\";\nexport {\n  CubeNavigationAid,\n  CubeNavigationAidProps,\n  CubeNavigationHitBoxX,\n  CubeNavigationHitBoxY,\n  CubeNavigationHitBoxZ,\n} from \"./imodel-components-react/navigationaids/CubeNavigationAid.js\";\nexport {\n  DrawingNavigationAid,\n  DrawingNavigationAidProps,\n} from \"./imodel-components-react/navigationaids/DrawingNavigationAid.js\";\n\nexport {\n  FormatPanel,\n  FormatPanelProps,\n} from \"./imodel-components-react/quantityformat/FormatPanel.js\";\nexport {\n  FormatPrecision,\n  FormatPrecisionProps,\n} from \"./imodel-components-react/quantityformat/FormatPrecision.js\";\nexport {\n  FormatSample,\n  FormatSampleProps,\n} from \"./imodel-components-react/quantityformat/FormatSample.js\";\nexport {\n  FormatTypeOption,\n  FormatTypeOptionProps,\n} from \"./imodel-components-react/quantityformat/FormatType.js\";\nexport {\n  FormatUnitLabel,\n  FormatUnitLabelProps,\n} from \"./imodel-components-react/quantityformat/FormatUnitLabel.js\";\nexport {\n  FormatUnits,\n  FormatUnitsProps,\n} from \"./imodel-components-react/quantityformat/FormatUnits.js\";\nexport {\n  MiscFormatOptions,\n  MiscFormatOptionsProps,\n} from \"./imodel-components-react/quantityformat/MiscFormatOptions.js\";\nexport {\n  QuantityFormatPanel,\n  QuantityFormatPanelProps,\n} from \"./imodel-components-react/quantityformat/QuantityFormatPanel.js\";\n\nexport {\n  AnimationFractionChangeHandler,\n  PlaybackSettings,\n  PlaybackSettingsChangeHandler,\n  SolarDataProvider,\n  SolarPlaybackProgressHandler,\n  TimelineDataProvider,\n  TimelineDateDisplay,\n  TimelinePausePlayAction,\n  TimelinePausePlayArgs,\n  TimelineScale,\n} from \"./imodel-components-react/timeline/interfaces.js\";\nexport { BaseTimelineDataProvider } from \"./imodel-components-react/timeline/BaseTimelineDataProvider.js\";\nexport {\n  TimelineComponent,\n  TimelineComponentProps,\n  TimelineDateMarkerProps,\n  TimelineMenuItemOption,\n  TimelineMenuItemProps,\n} from \"./imodel-components-react/timeline/TimelineComponent.js\";\nexport { SolarTimeline } from \"./imodel-components-react/timeline/SolarTimeline.js\";\nexport { BaseSolarDataProvider } from \"./imodel-components-react/timeline/BaseSolarDataProvider.js\";\n\nexport {\n  ViewStateProp,\n  ViewportComponent,\n  ViewportProps,\n} from \"./imodel-components-react/viewport/ViewportComponent.js\";\nexport {\n  ViewportComponentEvents,\n  CubeRotationChangeEvent,\n  CubeRotationChangeEventArgs,\n  DrawingViewportChangeEvent,\n  DrawingViewportChangeEventArgs,\n  StandardRotationChangeEvent,\n  StandardRotationChangeEventArgs,\n  ViewClassFullNameChangedEvent,\n  ViewClassFullNameChangedEventArgs,\n  ViewIdChangedEvent,\n  ViewIdChangedEventArgs,\n  ViewRotationChangeEvent,\n  ViewRotationChangeEventArgs,\n} from \"./imodel-components-react/viewport/ViewportComponentEvents.js\";\n\nexport { ToolUtilities } from \"./imodel-components-react/ToolUtilities.js\";\n\nexport { IModelConnectionProvider } from \"./imodel-components-react/IModelConnectionContext.js\";\n\n// #region \"SideEffects\"\n\nimport { StandardEditorNames, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { PropertyEditorManager } from \"@itwin/components-react\";\nimport { ColorPropertyEditor } from \"./imodel-components-react/editors/ColorEditor.js\";\nimport { WeightPropertyEditor } from \"./imodel-components-react/editors/WeightEditor.js\";\n\nPropertyEditorManager.registerEditor(\n  StandardTypeNames.Number,\n  ColorPropertyEditor,\n  StandardEditorNames.ColorPicker\n);\nPropertyEditorManager.registerEditor(\n  StandardTypeNames.Number,\n  WeightPropertyEditor,\n  StandardEditorNames.WeightPicker\n);\n\n// #endregion \"SideEffects\"\n\n/** @docs-package-description\n * The imodel-components-react package contains React components that depend on the core-frontend, core-common or core-quantity packages.\n * The components pertain to Color, Cube, LineWeight, Navigation Aids, Quantity Inputs, Timeline and Viewport.\n */\n/**\n * @docs-group-description Color\n * Classes and components for working with and picking a Color.\n */\n/**\n * @docs-group-description Common\n * Common classes used across various UI components.\n */\n/**\n * @docs-group-description Cube\n * Component for 3D Cube.\n */\n/**\n * @docs-group-description Inputs\n * Input Components that format and parse input for IModelApps.\n */\n/**\n * @docs-group-description LineWeight\n * Classes and components for working with and picking a Line Weight.\n */\n/**\n * @docs-group-description NavigationAids\n * Classes and components for working with Navigation Aids.\n */\n/**\n * @docs-group-description PropertyEditors\n * Classes and components for working with Property Editors.\n */\n/**\n * @docs-group-description QuantityFormat\n * Classes and components for working with a Quantity Formats.\n */\n/**\n * @docs-group-description Timeline\n * Classes and components that provide a timeline\n */\n/**\n * @docs-group-description Viewport\n * Classes and components for working with a Viewport.\n */\n"]}
+{"version":3,"file":"imodel-components-react.js","sourceRoot":"","sources":["../src/imodel-components-react.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/* eslint-disable @typescript-eslint/no-deprecated */\n\nexport { UiIModelComponents } from \"./imodel-components-react/UiIModelComponents.js\";\n\nexport {\n  AlphaSlider,\n  AlphaSliderProps,\n} from \"./imodel-components-react/color/AlphaSlider.js\";\nexport {\n  ColorPickerButton,\n  ColorPickerProps,\n} from \"./imodel-components-react/color/ColorPickerButton.js\";\nexport {\n  ColorPickerDialog,\n  ColorPickerDialogProps,\n} from \"./imodel-components-react/color/ColorPickerDialog.js\";\nexport {\n  ColorPickerPopup,\n  ColorPickerPopupProps,\n} from \"./imodel-components-react/color/ColorPickerPopup.js\";\nexport {\n  HueSlider,\n  HueSliderProps,\n} from \"./imodel-components-react/color/HueSlider.js\";\nexport {\n  SaturationPicker,\n  SaturationPickerProps,\n} from \"./imodel-components-react/color/SaturationPicker.js\";\nexport {\n  ColorSwatch,\n  ColorSwatchProps,\n} from \"./imodel-components-react/color/Swatch.js\";\n\nexport {\n  ColorEditor,\n  ColorPropertyEditor,\n} from \"./imodel-components-react/editors/ColorEditor.js\";\nexport {\n  WeightEditor,\n  WeightPropertyEditor,\n} from \"./imodel-components-react/editors/WeightEditor.js\";\nexport { WeightEditorSpec } from \"./imodel-components-react/editors/NewWeightEditor.js\";\n\nexport {\n  QuantityInput,\n  QuantityProps,\n} from \"./imodel-components-react/inputs/QuantityInput.js\";\nexport {\n  QuantityNumberInput,\n  QuantityNumberInputProps,\n  StepFunctionProp,\n} from \"./imodel-components-react/inputs/QuantityNumberInput.js\";\nexport { QuantityEditorSpec } from \"./imodel-components-react/inputs/new-editors/QuantityEditor.js\";\n\nexport {\n  LineWeightSwatch,\n  LineWeightSwatchProps,\n} from \"./imodel-components-react/lineweight/Swatch.js\";\nexport {\n  WeightPickerButton,\n  WeightPickerProps,\n} from \"./imodel-components-react/lineweight/WeightPickerButton.js\";\n\nexport {\n  Cube,\n  CubeProps,\n  Face,\n} from \"./imodel-components-react/navigationaids/Cube.js\";\nexport {\n  CubeNavigationAid,\n  CubeNavigationAidProps,\n  CubeNavigationHitBoxX,\n  CubeNavigationHitBoxY,\n  CubeNavigationHitBoxZ,\n} from \"./imodel-components-react/navigationaids/CubeNavigationAid.js\";\nexport {\n  DrawingNavigationAid,\n  DrawingNavigationAidProps,\n} from \"./imodel-components-react/navigationaids/DrawingNavigationAid.js\";\n\nexport {\n  FormatPanel,\n  FormatPanelProps,\n} from \"./imodel-components-react/quantityformat/FormatPanel.js\";\nexport {\n  FormatPrecision,\n  FormatPrecisionProps,\n} from \"./imodel-components-react/quantityformat/FormatPrecision.js\";\nexport {\n  FormatSample,\n  FormatSampleProps,\n} from \"./imodel-components-react/quantityformat/FormatSample.js\";\nexport {\n  FormatTypeOption,\n  FormatTypeOptionProps,\n} from \"./imodel-components-react/quantityformat/FormatType.js\";\nexport {\n  FormatUnitLabel,\n  FormatUnitLabelProps,\n} from \"./imodel-components-react/quantityformat/FormatUnitLabel.js\";\nexport {\n  FormatUnits,\n  FormatUnitsProps,\n} from \"./imodel-components-react/quantityformat/FormatUnits.js\";\nexport {\n  MiscFormatOptions,\n  MiscFormatOptionsProps,\n} from \"./imodel-components-react/quantityformat/MiscFormatOptions.js\";\nexport {\n  QuantityFormatPanel,\n  QuantityFormatPanelProps,\n} from \"./imodel-components-react/quantityformat/QuantityFormatPanel.js\";\n\nexport {\n  AnimationFractionChangeHandler,\n  PlaybackSettings,\n  PlaybackSettingsChangeHandler,\n  SolarDataProvider,\n  SolarPlaybackProgressHandler,\n  TimelineDataProvider,\n  TimelineDateDisplay,\n  TimelinePausePlayAction,\n  TimelinePausePlayArgs,\n  TimelineScale,\n} from \"./imodel-components-react/timeline/interfaces.js\";\nexport { BaseTimelineDataProvider } from \"./imodel-components-react/timeline/BaseTimelineDataProvider.js\";\nexport {\n  TimelineComponent,\n  TimelineComponentProps,\n  TimelineDateMarkerProps,\n  TimelineMenuItemOption,\n  TimelineMenuItemProps,\n} from \"./imodel-components-react/timeline/TimelineComponent.js\";\nexport { SolarTimeline } from \"./imodel-components-react/timeline/SolarTimeline.js\";\nexport { BaseSolarDataProvider } from \"./imodel-components-react/timeline/BaseSolarDataProvider.js\";\n\nexport {\n  ViewStateProp,\n  ViewportComponent,\n  ViewportProps,\n} from \"./imodel-components-react/viewport/ViewportComponent.js\";\nexport {\n  ViewportComponentEvents,\n  CubeRotationChangeEvent,\n  CubeRotationChangeEventArgs,\n  DrawingViewportChangeEvent,\n  DrawingViewportChangeEventArgs,\n  StandardRotationChangeEvent,\n  StandardRotationChangeEventArgs,\n  ViewClassFullNameChangedEvent,\n  ViewClassFullNameChangedEventArgs,\n  ViewIdChangedEvent,\n  ViewIdChangedEventArgs,\n  ViewRotationChangeEvent,\n  ViewRotationChangeEventArgs,\n} from \"./imodel-components-react/viewport/ViewportComponentEvents.js\";\n\nexport { ToolUtilities } from \"./imodel-components-react/ToolUtilities.js\";\n\nexport { IModelConnectionProvider } from \"./imodel-components-react/IModelConnectionContext.js\";\n\nexport { KOQ_RENDERER_NAME } from \"./imodel-components-react/properties/KoqPropertyRenderer.js\";\n\n// #region \"SideEffects\"\n\nimport { StandardEditorNames, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport {\n  PropertyEditorManager,\n  PropertyValueRendererManager,\n} from \"@itwin/components-react\";\nimport { ColorPropertyEditor } from \"./imodel-components-react/editors/ColorEditor.js\";\nimport { WeightPropertyEditor } from \"./imodel-components-react/editors/WeightEditor.js\";\nimport { KoqPropertyValueRenderer } from \"./imodel-components-react/properties/KoqPropertyRenderer.js\";\nimport { KOQ_RENDERER_NAME } from \"./imodel-components-react/properties/KoqPropertyRenderer.js\";\n\nPropertyEditorManager.registerEditor(\n  StandardTypeNames.Number,\n  ColorPropertyEditor,\n  StandardEditorNames.ColorPicker\n);\nPropertyEditorManager.registerEditor(\n  StandardTypeNames.Number,\n  WeightPropertyEditor,\n  StandardEditorNames.WeightPicker\n);\n\nPropertyValueRendererManager.defaultManager.registerRenderer(\n  KOQ_RENDERER_NAME,\n  new KoqPropertyValueRenderer()\n);\n\n// #endregion \"SideEffects\"\n\n/** @docs-package-description\n * The imodel-components-react package contains React components that depend on the core-frontend, core-common or core-quantity packages.\n * The components pertain to Color, Cube, LineWeight, Navigation Aids, Quantity Inputs, Timeline and Viewport.\n */\n/**\n * @docs-group-description Color\n * Classes and components for working with and picking a Color.\n */\n/**\n * @docs-group-description Common\n * Common classes used across various UI components.\n */\n/**\n * @docs-group-description Cube\n * Component for 3D Cube.\n */\n/**\n * @docs-group-description Inputs\n * Input Components that format and parse input for IModelApps.\n */\n/**\n * @docs-group-description LineWeight\n * Classes and components for working with and picking a Line Weight.\n */\n/**\n * @docs-group-description NavigationAids\n * Classes and components for working with Navigation Aids.\n */\n/**\n * @docs-group-description PropertyEditors\n * Classes and components for working with Property Editors.\n */\n/**\n * @docs-group-description QuantityFormat\n * Classes and components for working with a Quantity Formats.\n */\n/**\n * @docs-group-description Timeline\n * Classes and components that provide a timeline\n */\n/**\n * @docs-group-description Viewport\n * Classes and components for working with a Viewport.\n */\n"]}

package/package.json

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