Add FormatManager API to @itwin/quantity-formatting-react

apps/test-viewer/src/components/QuantityFormatButton.tsx

@@ -4,11 +4,10 @@
  *--------------------------------------------------------------------------------------------*/
 
 import React, { useCallback, useState } from "react";
-import { FormatSelector, QuantityFormatPanel } from "@itwin/quantity-formatting-react";
+import { FormatManager, FormatSelector, QuantityFormatPanel } from "@itwin/quantity-formatting-react";
 import { IModelApp } from "@itwin/core-frontend";
 import type { FormatDefinition } from "@itwin/core-quantity";
 import { Button, Modal, ModalButtonBar } from "@itwin/itwinui-react";
-import { FormatManager } from "./FormatManager";
 
 import type { FormatSet } from "@itwin/ecschema-metadata";
 
@@ -52,8 +51,8 @@ export const QuantityFormatButton: React.FC = () => {
 
   // Listen for active format set changes
   React.useEffect(() => {
-    const removeFormatSetListener = FormatManager.instance?.onActiveFormatSetChanged.addListener((formatSet) => {
-      setActiveFormatSet(formatSet);
+    const removeFormatSetListener = FormatManager.instance?.onActiveFormatSetChanged.addListener((args: { currentFormatSet: FormatSet }) => {
+      setActiveFormatSet(args.currentFormatSet);
       setActiveFormatDefinitionKey(undefined); // Reset selection when format set changes
     });
     return () => {

apps/test-viewer/src/components/Viewer.tsx

@@ -16,10 +16,9 @@ import { getUiProvidersConfig } from "../UiProvidersConfig";
 import { ApiKeys } from "./ApiKeys";
 import { useAuthorizationContext } from "./Authorization";
 import { statusBarActionsProvider, ViewerOptionsProvider } from "./ViewerOptions";
-import { FormatManager } from "./FormatManager";
+import { FormatManager, QuantityFormatting } from "@itwin/quantity-formatting-react";
 
 import type { UiProvidersConfig } from "../UiProvidersConfig";
-import { QuantityFormatting } from "@itwin/quantity-formatting-react";
 
 export function Viewer() {
   return (
@@ -40,7 +39,10 @@ function ViewerWithOptions() {
     await FrontendDevTools.initialize();
     await QuantityFormatting.startup();
     // Initialize FormatManager with sample format sets
-    await FormatManager.initialize([]);
+    await FormatManager.initialize({
+      formatSets: [],
+      setupSchemaFormatSetOnIModelOpen: true,
+    });
     // ArcGIS Oauth setup
     const accessClient = new ArcGisAccessClient();
     accessClient.initialize({

change/@itwin-quantity-formatting-react-31f886bb-b3ee-4702-be02-d2301a050417.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Add formatManager API",
+  "packageName": "@itwin/quantity-formatting-react",
+  "email": "50554904+hl662@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}