@itwin/appui-react 4.1.0-dev.1 → 4.2.0-dev.1

package/lib/esm/appui-react/selection/SelectionContextItemDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionContextItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/selection/SelectionContextItemDef.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/** @packageDocumentation\n * @module Tools\n */\n\nimport { ConditionalBooleanValue, IconSpecUtilities } from \"@itwin/appui-abstract\";\nimport { SessionStateActionId } from \"../redux/SessionState\";\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\nimport type { BaseItemState } from \"../shared/ItemDefBase\";\nimport { SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\nimport { GroupItemDef } from \"../toolbar/GroupItem\";\nimport { UiFramework } from \"../UiFramework\";\nimport { HideIsolateEmphasizeActionHandler } from \"./HideIsolateEmphasizeManager\";\nimport svgModelIsolate from \"@bentley/icons-generic/icons/model-isolate.svg\";\nimport svgLayersIsolate from \"@bentley/icons-generic/icons/layers-isolate.svg\";\nimport svgAssetIsolate from \"@bentley/icons-generic/icons/asset-isolate.svg\";\nimport svgIsolate from \"@bentley/icons-generic/icons/isolate.svg\";\nimport svgModelHide from \"@bentley/icons-generic/icons/model-hide.svg\";\nimport svgLayersHide from \"@bentley/icons-generic/icons/layers-hide.svg\";\nimport svgAssetClassificationHide from \"@bentley/icons-generic/icons/asset-classification-hide.svg\";\nimport svgVisibilitySemiTransparent from \"@bentley/icons-generic/icons/visibility-semi-transparent.svg\";\nimport svgVisibilityHide from \"@bentley/icons-generic/icons/visibility-hide_2.svg\";\nimport svgVisibility from \"@bentley/icons-generic/icons/visibility.svg\";\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function getFeatureOverrideSyncEventIds(): string[] {\n  return [SyncUiEventId.ActiveContentChanged, SyncUiEventId.ActiveViewportChanged, HideIsolateEmphasizeActionHandler.hideIsolateEmphasizeUiSyncId];\n}\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function getSelectionContextSyncEventIds(): string[] {\n  return [SyncUiEventId.SelectionSetChanged, SyncUiEventId.ActiveContentChanged, SyncUiEventId.ActiveViewportChanged, SessionStateActionId.SetNumItemsSelected];\n}\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function isNoSelectionActive(): boolean {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let selectionCount = 0;\n  // istanbul ignore if\n  if (!UiFramework.frameworkStateKey)\n    selectionCount = UiFramework.store.getState()[UiFramework.frameworkStateKey].frameworkState.sessionState.numItemsSelected;\n\n  // istanbul ignore if\n  if (activeContentControl && /* istanbul ignore next */ activeContentControl.viewport\n    && (/* istanbul ignore next */ activeContentControl.viewport.view.iModel.selectionSet.size > 0 || /* istanbul ignore next */ selectionCount > 0))\n    return false;\n  return true;\n}\n\n/** return ConditionalBooleanValue object used to show items if selection set is active.\n * @beta\n */\nexport function areNoFeatureOverridesActive(): boolean {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  // istanbul ignore next\n  if (activeContentControl && activeContentControl.viewport)\n    return !UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(activeContentControl.viewport);\n\n  return true;\n}\n\n/** return ConditionalBooleanValue object used to show item if feature overrides are active.\n * @beta\n */\nexport function getIsHiddenIfFeatureOverridesActive(): ConditionalBooleanValue {\n  return new ConditionalBooleanValue(areNoFeatureOverridesActive, getFeatureOverrideSyncEventIds());\n}\n\n/** return ConditionalBooleanValue object used to show items if selection set is active.\n * @beta\n */\nexport function getIsHiddenIfSelectionNotActive(): ConditionalBooleanValue {\n  return new ConditionalBooleanValue(isNoSelectionActive, getSelectionContextSyncEventIds());\n}\n\n/** return state with isVisible set to true is SectionSet is active.\n * @beta\n */\n// istanbul ignore next\nexport function featureOverridesActiveStateFunc(state: Readonly<BaseItemState>): BaseItemState {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let isVisible = false;\n\n  // istanbul ignore next\n  if (activeContentControl && activeContentControl.viewport)\n    isVisible = UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(activeContentControl.viewport);\n\n  return { ...state, isVisible };\n}\n\n/** return state with isVisible set to true is SectionSet is active.\n * @beta\n */\n// istanbul ignore next\nexport function selectionContextStateFunc(state: Readonly<BaseItemState>): BaseItemState {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let isVisible = false;\n\n  let selectionCount = 0;\n  if (!UiFramework.frameworkStateKey)\n    selectionCount = UiFramework.store.getState()[UiFramework.frameworkStateKey].frameworkState.sessionState.numItemsSelected;\n\n  if (activeContentControl && activeContentControl.viewport && (activeContentControl.viewport.view.iModel.selectionSet.size > 0 || selectionCount > 0))\n    isVisible = true;\n  return { ...state, isVisible };\n}\n\n/** Utility Class that provides definitions for tools dependent on current selection. These definitions can be used to populate toolbars.\n * @public\n */\n// istanbul ignore next\nexport class SelectionContextToolDefinitions {\n\n  public static get isolateModelsInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateModel\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgModelIsolate),\n      labelKey: \"UiFramework:tools.isolateModels\",\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsModel(),\n    });\n  }\n\n  public static get isolateCategoriesInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateCategory\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgLayersIsolate),\n      labelKey: \"UiFramework:tools.isolateCategories\",\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsCategory(),\n    });\n  }\n\n  public static get isolateElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateSelected\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgAssetIsolate),\n      labelKey: \"UiFramework:tools.isolateSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelected(),\n    });\n  }\n\n  public static get isolateSelectionToolGroup() {\n    return new GroupItemDef({\n      groupId: \"UiFramework.IsolateSelectionGroup\",\n      labelKey: \"UiFramework:tools.isolate\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgIsolate),\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      items: [this.isolateElementsItemDef, this.isolateCategoriesInSelectionItemDef, this.isolateModelsInSelectionItemDef],\n      itemsInColumn: 3,\n    });\n  }\n\n  public static get hideModelsInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideModel\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgModelHide),\n      labelKey: \"UiFramework:tools.hideModels\",\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsModel(),\n    });\n  }\n\n  public static get hideCategoriesInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideCategory\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgLayersHide),\n      labelKey: \"UiFramework:tools.hideCategories\",\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsCategory(),\n    });\n  }\n\n  public static get hideElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideSelected\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgAssetClassificationHide),\n      labelKey: \"UiFramework:tools.hideSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processHideSelected(),\n    });\n  }\n\n  public static get hideSectionToolGroup() {\n    return new GroupItemDef({\n      groupId: \"UiFramework.HideSelectionGroup\",\n      labelKey: \"UiFramework:tools.hide\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgVisibilityHide),\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      items: [this.hideElementsItemDef, this.hideCategoriesInSelectionItemDef, this.hideModelsInSelectionItemDef],\n      itemsInColumn: 3,\n    });\n  }\n\n  public static get emphasizeElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.EmphasizeSelected\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgVisibilitySemiTransparent),\n      labelKey: \"UiFramework:tools.emphasizeSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processEmphasizeSelected(),\n    });\n  }\n\n  public static get clearHideIsolateEmphasizeElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.ClearHideIsolateEmphasize\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgVisibility),\n      labelKey: \"UiFramework:tools.clearVisibility\",\n      isHidden: getIsHiddenIfFeatureOverridesActive(),\n      execute: async () => {\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearEmphasize();\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideModels();\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideCategories();\n      },\n    });\n  }\n\n}\n"]}
+{"version":3,"file":"SelectionContextItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/selection/SelectionContextItemDef.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/** @packageDocumentation\n * @module Tools\n */\n\nimport {\n  ConditionalBooleanValue,\n  IconSpecUtilities,\n} from \"@itwin/appui-abstract\";\nimport { SessionStateActionId } from \"../redux/SessionState\";\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\nimport type { BaseItemState } from \"../shared/ItemDefBase\";\nimport { SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\nimport { GroupItemDef } from \"../toolbar/GroupItem\";\nimport { UiFramework } from \"../UiFramework\";\nimport { HideIsolateEmphasizeActionHandler } from \"./HideIsolateEmphasizeManager\";\nimport svgModelIsolate from \"@bentley/icons-generic/icons/model-isolate.svg\";\nimport svgLayersIsolate from \"@bentley/icons-generic/icons/layers-isolate.svg\";\nimport svgAssetIsolate from \"@bentley/icons-generic/icons/asset-isolate.svg\";\nimport svgIsolate from \"@bentley/icons-generic/icons/isolate.svg\";\nimport svgModelHide from \"@bentley/icons-generic/icons/model-hide.svg\";\nimport svgLayersHide from \"@bentley/icons-generic/icons/layers-hide.svg\";\nimport svgAssetClassificationHide from \"@bentley/icons-generic/icons/asset-classification-hide.svg\";\nimport svgVisibilitySemiTransparent from \"@bentley/icons-generic/icons/visibility-semi-transparent.svg\";\nimport svgVisibilityHide from \"@bentley/icons-generic/icons/visibility-hide_2.svg\";\nimport svgVisibility from \"@bentley/icons-generic/icons/visibility.svg\";\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function getFeatureOverrideSyncEventIds(): string[] {\n  return [\n    SyncUiEventId.ActiveContentChanged,\n    SyncUiEventId.ActiveViewportChanged,\n    HideIsolateEmphasizeActionHandler.hideIsolateEmphasizeUiSyncId,\n  ];\n}\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function getSelectionContextSyncEventIds(): string[] {\n  return [\n    SyncUiEventId.SelectionSetChanged,\n    SyncUiEventId.ActiveContentChanged,\n    SyncUiEventId.ActiveViewportChanged,\n    SessionStateActionId.SetNumItemsSelected,\n  ];\n}\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function isNoSelectionActive(): boolean {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let selectionCount = 0;\n  // istanbul ignore if\n  if (!UiFramework.frameworkStateKey)\n    selectionCount =\n      UiFramework.store.getState()[UiFramework.frameworkStateKey].frameworkState\n        .sessionState.numItemsSelected;\n\n  // istanbul ignore if\n  if (\n    activeContentControl &&\n    /* istanbul ignore next */ activeContentControl.viewport &&\n    /* istanbul ignore next */ (activeContentControl.viewport.view.iModel\n      .selectionSet.size > 0 ||\n      /* istanbul ignore next */ selectionCount > 0)\n  )\n    return false;\n  return true;\n}\n\n/** return ConditionalBooleanValue object used to show items if selection set is active.\n * @beta\n */\nexport function areNoFeatureOverridesActive(): boolean {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  // istanbul ignore next\n  if (activeContentControl && activeContentControl.viewport)\n    return !UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(\n      activeContentControl.viewport\n    );\n\n  return true;\n}\n\n/** return ConditionalBooleanValue object used to show item if feature overrides are active.\n * @beta\n */\nexport function getIsHiddenIfFeatureOverridesActive(): ConditionalBooleanValue {\n  return new ConditionalBooleanValue(\n    areNoFeatureOverridesActive,\n    getFeatureOverrideSyncEventIds()\n  );\n}\n\n/** return ConditionalBooleanValue object used to show items if selection set is active.\n * @beta\n */\nexport function getIsHiddenIfSelectionNotActive(): ConditionalBooleanValue {\n  return new ConditionalBooleanValue(\n    isNoSelectionActive,\n    getSelectionContextSyncEventIds()\n  );\n}\n\n/** return state with isVisible set to true is SectionSet is active.\n * @beta\n */\n// istanbul ignore next\nexport function featureOverridesActiveStateFunc(\n  state: Readonly<BaseItemState>\n): BaseItemState {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let isVisible = false;\n\n  // istanbul ignore next\n  if (activeContentControl && activeContentControl.viewport)\n    isVisible =\n      UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(\n        activeContentControl.viewport\n      );\n\n  return { ...state, isVisible };\n}\n\n/** return state with isVisible set to true is SectionSet is active.\n * @beta\n */\n// istanbul ignore next\nexport function selectionContextStateFunc(\n  state: Readonly<BaseItemState>\n): BaseItemState {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let isVisible = false;\n\n  let selectionCount = 0;\n  if (!UiFramework.frameworkStateKey)\n    selectionCount =\n      UiFramework.store.getState()[UiFramework.frameworkStateKey].frameworkState\n        .sessionState.numItemsSelected;\n\n  if (\n    activeContentControl &&\n    activeContentControl.viewport &&\n    (activeContentControl.viewport.view.iModel.selectionSet.size > 0 ||\n      selectionCount > 0)\n  )\n    isVisible = true;\n  return { ...state, isVisible };\n}\n\n/** Utility Class that provides definitions for tools dependent on current selection. These definitions can be used to populate toolbars.\n * @public\n */\n// istanbul ignore next\nexport class SelectionContextToolDefinitions {\n  public static get isolateModelsInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateModel\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgModelIsolate),\n      labelKey: \"UiFramework:tools.isolateModels\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsModel(),\n    });\n  }\n\n  public static get isolateCategoriesInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateCategory\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgLayersIsolate),\n      labelKey: \"UiFramework:tools.isolateCategories\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsCategory(),\n    });\n  }\n\n  public static get isolateElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateSelected\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgAssetIsolate),\n      labelKey: \"UiFramework:tools.isolateSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelected(),\n    });\n  }\n\n  public static get isolateSelectionToolGroup() {\n    return new GroupItemDef({\n      groupId: \"UiFramework.IsolateSelectionGroup\",\n      labelKey: \"UiFramework:tools.isolate\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgIsolate),\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      items: [\n        this.isolateElementsItemDef,\n        this.isolateCategoriesInSelectionItemDef,\n        this.isolateModelsInSelectionItemDef,\n      ],\n      itemsInColumn: 3,\n    });\n  }\n\n  public static get hideModelsInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideModel\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgModelHide),\n      labelKey: \"UiFramework:tools.hideModels\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsModel(),\n    });\n  }\n\n  public static get hideCategoriesInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideCategory\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgLayersHide),\n      labelKey: \"UiFramework:tools.hideCategories\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsCategory(),\n    });\n  }\n\n  public static get hideElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideSelected\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(\n        svgAssetClassificationHide\n      ),\n      labelKey: \"UiFramework:tools.hideSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processHideSelected(),\n    });\n  }\n\n  public static get hideSectionToolGroup() {\n    return new GroupItemDef({\n      groupId: \"UiFramework.HideSelectionGroup\",\n      labelKey: \"UiFramework:tools.hide\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgVisibilityHide),\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      items: [\n        this.hideElementsItemDef,\n        this.hideCategoriesInSelectionItemDef,\n        this.hideModelsInSelectionItemDef,\n      ],\n      itemsInColumn: 3,\n    });\n  }\n\n  public static get emphasizeElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.EmphasizeSelected\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(\n        svgVisibilitySemiTransparent\n      ),\n      labelKey: \"UiFramework:tools.emphasizeSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processEmphasizeSelected(),\n    });\n  }\n\n  public static get clearHideIsolateEmphasizeElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.ClearHideIsolateEmphasize\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgVisibility),\n      labelKey: \"UiFramework:tools.clearVisibility\",\n      isHidden: getIsHiddenIfFeatureOverridesActive(),\n      execute: async () => {\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearEmphasize();\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideModels();\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideCategories();\n      },\n    });\n  }\n}\n"]}

package/lib/esm/appui-react/settings/quantityformatting/QuantityFormat.d.ts

@@ -23,5 +23,5 @@ export declare function getQuantityFormatsSettingsManagerEntry(itemPriority: num
 /** UI Component shown in settings page to set the active Presentation Unit System and to set format overrides.
  * @beta
  */
-export declare function QuantityFormatSettingsPage({ initialQuantityType, availableUnitSystems }: QuantityFormatterSettingsOptions): JSX.Element;
+export declare function QuantityFormatSettingsPage({ initialQuantityType, availableUnitSystems, }: QuantityFormatterSettingsOptions): JSX.Element;
 //# sourceMappingURL=QuantityFormat.d.ts.map

package/lib/esm/appui-react/settings/quantityformatting/QuantityFormat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuantityFormat.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/QuantityFormat.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,uBAAuB,CAAC;AAG/B,OAAO,KAAK,EAA8B,eAAe,EAAkB,MAAM,sBAAsB,CAAC;AAIxG,OAAO,KAAK,EAA8B,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGtF,OAAO,KAAK,EAAE,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAezD;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C,mBAAmB,EAAE,eAAe,CAAC;IACrC,oBAAoB,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED;;;;;GAKG;AACH,wBAAgB,sCAAsC,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,gCAAgC,CAAC,GAAG,gBAAgB,CAa/I;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,EAAE,gCAAgC,eAoKzH"}
+{"version":3,"file":"QuantityFormat.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/QuantityFormat.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,uBAAuB,CAAC;AAG/B,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,sBAAsB,CAAC;AAM9B,OAAO,KAAK,EAGV,aAAa,EACd,MAAM,sBAAsB,CAAC;AAM9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAkB1D;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C,mBAAmB,EAAE,eAAe,CAAC;IACrC,oBAAoB,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED;;;;;GAKG;AACH,wBAAgB,sCAAsC,CACpD,YAAY,EAAE,MAAM,EACpB,IAAI,CAAC,EAAE,OAAO,CAAC,gCAAgC,CAAC,GAC/C,gBAAgB,CAqBlB;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,mBAAmB,EACnB,oBAAoB,GACrB,EAAE,gCAAgC,eA0TlC"}

package/lib/esm/appui-react/settings/quantityformatting/QuantityFormat.js

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Settings
  */
@@ -10,7 +10,7 @@ import * as React from "react";
 import { DeepCompare } from "@itwin/core-geometry";
 import { getQuantityTypeKey, IModelApp, QuantityType, } from "@itwin/core-frontend";
 import { DialogButtonType } from "@itwin/appui-abstract";
-import { FormatSample, QuantityFormatPanel } from "@itwin/imodel-components-react";
+import { FormatSample, QuantityFormatPanel, } from "@itwin/imodel-components-react";
 import { Dialog, Listbox, ListboxItem, useSaveBeforeActivatingNewSettingsTab, useSaveBeforeClosingSettingsContainer, } from "@itwin/core-react";
 import { UiFramework } from "../../UiFramework";
 import { UnitSystemSelector } from "./UnitSystemSelector";
@@ -29,10 +29,11 @@ function formatAreEqual(obj1, obj2) {
 export function getQuantityFormatsSettingsManagerEntry(itemPriority, opts) {
     const { availableUnitSystems, initialQuantityType } = { ...opts };
     return {
-        itemPriority, tabId: "uifw:Quantity",
+        itemPriority,
+        tabId: "uifw:Quantity",
         label: UiFramework.translate("settings.quantity-formatting.label"),
         subLabel: UiFramework.translate("settings.quantity-formatting.subLabel"),
-        page: React.createElement(QuantityFormatSettingsPage, { initialQuantityType: initialQuantityType !== null && initialQuantityType !== void 0 ? initialQuantityType : QuantityType.Length, availableUnitSystems: availableUnitSystems !== null && availableUnitSystems !== void 0 ? availableUnitSystems : new Set(["metric", "imperial", "usCustomary", "usSurvey"]) }),
+        page: (React.createElement(QuantityFormatSettingsPage, { initialQuantityType: initialQuantityType !== null && initialQuantityType !== void 0 ? initialQuantityType : QuantityType.Length, availableUnitSystems: availableUnitSystems !== null && availableUnitSystems !== void 0 ? availableUnitSystems : new Set(["metric", "imperial", "usCustomary", "usSurvey"]) })),
         isDisabled: false,
         icon: React.createElement(SvgMeasure, null),
         tooltip: UiFramework.translate("settings.quantity-formatting.tooltip"),
@@ -42,7 +43,7 @@ export function getQuantityFormatsSettingsManagerEntry(itemPriority, opts) {
 /** UI Component shown in settings page to set the active Presentation Unit System and to set format overrides.
  * @beta
  */
-export function QuantityFormatSettingsPage({ initialQuantityType, availableUnitSystems }) {
+export function QuantityFormatSettingsPage({ initialQuantityType, availableUnitSystems, }) {
     const [activeUnitSystemKey, setActiveUnitSystemKey] = React.useState(IModelApp.quantityFormatter.activeUnitSystem);
     const [activeQuantityType, setActiveQuantityType] = React.useState(getQuantityTypeKey(initialQuantityType));
     const [activeFormatterSpec, setActiveFormatterSpec] = React.useState(IModelApp.quantityFormatter.findFormatterSpecByQuantityType(getQuantityTypeKey(activeQuantityType)));
@@ -53,7 +54,7 @@ export function QuantityFormatSettingsPage({ initialQuantityType, availableUnitS
     const setButtonLabel = React.useRef(UiFramework.translate("settings.quantity-formatting.setButtonLabel"));
     const clearButtonLabel = React.useRef(UiFramework.translate("settings.quantity-formatting.clearButtonLabel"));
     React.useEffect(() => {
-        const handleUnitSystemChanged = (() => {
+        const handleUnitSystemChanged = () => {
             // istanbul ignore else
             if (activeUnitSystemKey !== IModelApp.quantityFormatter.activeUnitSystem) {
                 setActiveUnitSystemKey(IModelApp.quantityFormatter.activeUnitSystem);
@@ -61,14 +62,14 @@ export function QuantityFormatSettingsPage({ initialQuantityType, availableUnitS
                 setSaveEnabled(false);
                 setClearEnabled(IModelApp.quantityFormatter.hasActiveOverride(activeQuantityType, true));
             }
-        });
+        };
         IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.addListener(handleUnitSystemChanged);
         return () => {
             IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.removeListener(handleUnitSystemChanged);
         };
     }, [activeQuantityType, activeUnitSystemKey]);
     React.useEffect(() => {
-        const handleFormatChanged = ((args) => {
+        const handleFormatChanged = (args) => {
             if (!newQuantityTypeRef.current) {
                 const quantityKey = IModelApp.quantityFormatter.getQuantityTypeKey(activeQuantityType);
                 // istanbul ignore else
@@ -79,7 +80,7 @@ export function QuantityFormatSettingsPage({ initialQuantityType, availableUnitS
                 }
             }
             newQuantityTypeRef.current = undefined;
-        });
+        };
         IModelApp.quantityFormatter.onQuantityFormatsChanged.addListener(handleFormatChanged);
         return () => {
             IModelApp.quantityFormatter.onQuantityFormatsChanged.removeListener(handleFormatChanged);
@@ -89,8 +90,11 @@ export function QuantityFormatSettingsPage({ initialQuantityType, availableUnitS
         // istanbul ignore else
         if (activeFormatterSpec) {
             const formatProps = activeFormatterSpec.format.toJSON();
-            const formatPropsInUse = IModelApp.quantityFormatter.findFormatterSpecByQuantityType(activeQuantityType).format.toJSON();
-            if (formatPropsInUse && !formatAreEqual(formatProps, formatPropsInUse)) {
+            const formatPropsInUse = IModelApp.quantityFormatter
+                .findFormatterSpecByQuantityType(activeQuantityType)
+                .format.toJSON();
+            if (formatPropsInUse &&
+                !formatAreEqual(formatProps, formatPropsInUse)) {
                 UiFramework.dialogs.modal.open(React.createElement(SaveFormatModalDialog, { formatProps: formatProps, quantityType: activeQuantityType, onDialogCloseArgs: args, onDialogClose: afterSaveFunction }), "saveQuantityFormat");
                 return;
             }
@@ -110,8 +114,11 @@ export function QuantityFormatSettingsPage({ initialQuantityType, availableUnitS
         // istanbul ignore else
         if (activeFormatterSpec) {
             const formatProps = activeFormatterSpec.format.toJSON();
-            const formatPropsInUse = IModelApp.quantityFormatter.findFormatterSpecByQuantityType(activeQuantityType).format.toJSON();
-            if (formatPropsInUse && !formatAreEqual(formatProps, formatPropsInUse)) {
+            const formatPropsInUse = IModelApp.quantityFormatter
+                .findFormatterSpecByQuantityType(activeQuantityType)
+                .format.toJSON();
+            if (formatPropsInUse &&
+                !formatAreEqual(formatProps, formatPropsInUse)) {
                 newQuantityTypeRef.current = newQuantityType;
                 UiFramework.dialogs.modal.open(React.createElement(SaveFormatModalDialog, { formatProps: formatProps, quantityType: activeQuantityType, onDialogCloseArgs: newQuantityType, onDialogClose: processListboxValueChange }), "saveQuantityFormat");
                 return;
@@ -162,18 +169,17 @@ export function QuantityFormatSettingsPage({ initialQuantityType, availableUnitS
                     return (React.createElement(ListboxItem, { key: entry.key, className: "quantity-type-list-entry", value: entry.key },
                         React.createElement("span", { className: "map-source-list-entry-name", title: description }, label)));
                 }))),
-            React.createElement("div", { className: "right-panel" }, activeFormatterSpec &&
-                React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: "uifw-quantity-types-right-top" },
-                        React.createElement("div", { className: "uifw-quantity-types-right-top-sample" },
-                            React.createElement(FormatSample, { formatSpec: activeFormatterSpec, initialMagnitude: 1234.56, hideLabels: true }))),
-                    React.createElement("div", { className: "uifw-quantity-types-formats" },
-                        React.createElement(QuantityFormatPanel, { onFormatChange: handleOnFormatChanged, quantityType: activeQuantityType })),
-                    React.createElement("div", { className: "components-button-panel" },
-                        React.createElement(Button, { styleType: "cta", onClick: handleOnFormatSave, disabled: !saveEnabled }, setButtonLabel.current),
-                        React.createElement(Button, { styleType: "default", onClick: handleOnFormatReset, disabled: !clearEnabled }, clearButtonLabel.current)))))));
+            React.createElement("div", { className: "right-panel" }, activeFormatterSpec && (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "uifw-quantity-types-right-top" },
+                    React.createElement("div", { className: "uifw-quantity-types-right-top-sample" },
+                        React.createElement(FormatSample, { formatSpec: activeFormatterSpec, initialMagnitude: 1234.56, hideLabels: true }))),
+                React.createElement("div", { className: "uifw-quantity-types-formats" },
+                    React.createElement(QuantityFormatPanel, { onFormatChange: handleOnFormatChanged, quantityType: activeQuantityType })),
+                React.createElement("div", { className: "components-button-panel" },
+                    React.createElement(Button, { styleType: "cta", onClick: handleOnFormatSave, disabled: !saveEnabled }, setButtonLabel.current),
+                    React.createElement(Button, { styleType: "default", onClick: handleOnFormatReset, disabled: !clearEnabled }, clearButtonLabel.current))))))));
 }
-function SaveFormatModalDialog({ formatProps, quantityType, onDialogCloseArgs, onDialogClose }) {
+function SaveFormatModalDialog({ formatProps, quantityType, onDialogCloseArgs, onDialogClose, }) {
     const [isOpen, setIsOpen] = React.useState(true);
     const handleClose = React.useCallback(() => {
         setIsOpen(false);
@@ -181,7 +187,7 @@ function SaveFormatModalDialog({ formatProps, quantityType, onDialogCloseArgs, o
         onDialogClose && onDialogClose(onDialogCloseArgs);
     }, [onDialogClose, onDialogCloseArgs]);
     const handleOK = React.useCallback(() => {
-        IModelApp.quantityFormatter.setOverrideFormat(quantityType, formatProps); // eslint-disable-line @typescript-eslint/no-floating-promises
+        void IModelApp.quantityFormatter.setOverrideFormat(quantityType, formatProps);
         handleClose();
     }, [formatProps, handleClose, quantityType]);
     const handleCancel = React.useCallback(() => {

package/lib/esm/appui-react/settings/quantityformatting/QuantityFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuantityFormat.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/QuantityFormat.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Settings\n */\n\nimport \"./QuantityFormat.scss\";\nimport * as React from \"react\";\nimport { DeepCompare } from \"@itwin/core-geometry\";\nimport type { QuantityFormatsChangedArgs, QuantityTypeArg, QuantityTypeKey} from \"@itwin/core-frontend\";\nimport {\n  getQuantityTypeKey, IModelApp, QuantityType,\n} from \"@itwin/core-frontend\";\nimport type { FormatProps, FormatterSpec, UnitSystemKey } from \"@itwin/core-quantity\";\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\nimport { FormatSample, QuantityFormatPanel } from \"@itwin/imodel-components-react\";\nimport type { SettingsTabEntry} from \"@itwin/core-react\";\nimport {\n  Dialog, Listbox, ListboxItem,\n  useSaveBeforeActivatingNewSettingsTab, useSaveBeforeClosingSettingsContainer,\n} from \"@itwin/core-react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport { UnitSystemSelector } from \"./UnitSystemSelector\";\nimport { Button } from \"@itwin/itwinui-react\";\nimport { SvgMeasure } from \"@itwin/itwinui-icons-react\";\n\nfunction formatAreEqual(obj1: FormatProps, obj2: FormatProps) {\n  const compare = new DeepCompare();\n  return compare.compare(obj1, obj2);\n}\n\n/** Options to initialize the settings page that allows users to set Quantity formatting overrides.\n * @beta\n */\nexport interface QuantityFormatterSettingsOptions {\n  initialQuantityType: QuantityTypeArg;\n  availableUnitSystems: Set<UnitSystemKey>;\n}\n\n/**\n * Return a SettingsTabEntry that can be used to define the available settings that can be set for an application.\n * @param itemPriority - Used to define the order of the entry in the Settings Stage\n * @param opts - Options to initialize the settings page that allows users to set Quantity formatting overrides.\n * @beta\n */\nexport function getQuantityFormatsSettingsManagerEntry(itemPriority: number, opts?: Partial<QuantityFormatterSettingsOptions>): SettingsTabEntry {\n  const { availableUnitSystems, initialQuantityType } = { ...opts };\n  return {\n    itemPriority, tabId: \"uifw:Quantity\",\n    label: UiFramework.translate(\"settings.quantity-formatting.label\"),\n    subLabel: UiFramework.translate(\"settings.quantity-formatting.subLabel\"),\n    page: <QuantityFormatSettingsPage initialQuantityType={initialQuantityType ?? QuantityType.Length}\n      availableUnitSystems={availableUnitSystems ?? new Set([\"metric\", \"imperial\", \"usCustomary\", \"usSurvey\"])} />,\n    isDisabled: false,\n    icon: <SvgMeasure />,\n    tooltip: UiFramework.translate(\"settings.quantity-formatting.tooltip\"),\n    pageWillHandleCloseRequest: true,\n  };\n}\n\n/** UI Component shown in settings page to set the active Presentation Unit System and to set format overrides.\n * @beta\n */\nexport function QuantityFormatSettingsPage({ initialQuantityType, availableUnitSystems }: QuantityFormatterSettingsOptions) {\n  const [activeUnitSystemKey, setActiveUnitSystemKey] = React.useState(IModelApp.quantityFormatter.activeUnitSystem);\n  const [activeQuantityType, setActiveQuantityType] = React.useState(getQuantityTypeKey(initialQuantityType));\n  const [activeFormatterSpec, setActiveFormatterSpec] = React.useState<FormatterSpec | undefined>(IModelApp.quantityFormatter.findFormatterSpecByQuantityType(getQuantityTypeKey(activeQuantityType)));\n  const [saveEnabled, setSaveEnabled] = React.useState(false);\n  const [clearEnabled, setClearEnabled] = React.useState(IModelApp.quantityFormatter.hasActiveOverride(initialQuantityType, true));\n  const newQuantityTypeRef = React.useRef<QuantityTypeKey>();\n  const formatSectionLabel = React.useRef(UiFramework.translate(\"settings.quantity-formatting.formatSectionLabel\"));\n  const setButtonLabel = React.useRef(UiFramework.translate(\"settings.quantity-formatting.setButtonLabel\"));\n  const clearButtonLabel = React.useRef(UiFramework.translate(\"settings.quantity-formatting.clearButtonLabel\"));\n\n  React.useEffect(() => {\n    const handleUnitSystemChanged = ((): void => {\n      // istanbul ignore else\n      if (activeUnitSystemKey !== IModelApp.quantityFormatter.activeUnitSystem) {\n        setActiveUnitSystemKey(IModelApp.quantityFormatter.activeUnitSystem);\n        setActiveFormatterSpec(IModelApp.quantityFormatter.findFormatterSpecByQuantityType(activeQuantityType));\n        setSaveEnabled(false);\n        setClearEnabled(IModelApp.quantityFormatter.hasActiveOverride(activeQuantityType, true));\n      }\n    });\n\n    IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.addListener(handleUnitSystemChanged);\n    return () => {\n      IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.removeListener(handleUnitSystemChanged);\n    };\n  }, [activeQuantityType, activeUnitSystemKey]);\n\n  React.useEffect(() => {\n    const handleFormatChanged = ((args: QuantityFormatsChangedArgs): void => {\n      if (!newQuantityTypeRef.current) {\n        const quantityKey = IModelApp.quantityFormatter.getQuantityTypeKey(activeQuantityType);\n        // istanbul ignore else\n        if (args.quantityType === quantityKey) {\n          setActiveFormatterSpec(IModelApp.quantityFormatter.findFormatterSpecByQuantityType(activeQuantityType));\n          setSaveEnabled(false);\n          setClearEnabled(IModelApp.quantityFormatter.hasActiveOverride(activeQuantityType, true));\n        }\n      }\n      newQuantityTypeRef.current = undefined;\n    });\n    IModelApp.quantityFormatter.onQuantityFormatsChanged.addListener(handleFormatChanged);\n    return () => {\n      IModelApp.quantityFormatter.onQuantityFormatsChanged.removeListener(handleFormatChanged);\n    };\n  }, [activeQuantityType]);\n\n  const saveChanges = React.useCallback((afterSaveFunction: (args: any) => void, args?: any) => {\n    // istanbul ignore else\n    if (activeFormatterSpec) {\n      const formatProps = activeFormatterSpec.format.toJSON();\n      const formatPropsInUse = IModelApp.quantityFormatter.findFormatterSpecByQuantityType(activeQuantityType)!.format.toJSON();\n      if (formatPropsInUse && !formatAreEqual(formatProps, formatPropsInUse)) {\n        UiFramework.dialogs.modal.open(<SaveFormatModalDialog formatProps={formatProps} quantityType={activeQuantityType} onDialogCloseArgs={args} onDialogClose={afterSaveFunction} />, \"saveQuantityFormat\");\n        return;\n      }\n    }\n    afterSaveFunction(args);\n  }, [activeFormatterSpec, activeQuantityType]);\n\n  useSaveBeforeActivatingNewSettingsTab(UiFramework.settingsManager, saveChanges);\n  useSaveBeforeClosingSettingsContainer(UiFramework.settingsManager, saveChanges);\n\n  const processListboxValueChange = React.useCallback((newQuantityType: QuantityTypeKey) => {\n    const volumeFormatterSpec = IModelApp.quantityFormatter.findFormatterSpecByQuantityType(newQuantityType);\n    setActiveFormatterSpec(volumeFormatterSpec);\n    setActiveQuantityType(newQuantityType);\n    setSaveEnabled(false);\n    setClearEnabled(IModelApp.quantityFormatter.hasActiveOverride(newQuantityType, true));\n  }, []);\n\n  const onListboxValueChange = React.useCallback((newQuantityType: string) => {\n    // istanbul ignore else\n    if (activeFormatterSpec) {\n      const formatProps = activeFormatterSpec.format.toJSON();\n      const formatPropsInUse = IModelApp.quantityFormatter.findFormatterSpecByQuantityType(activeQuantityType)!.format.toJSON();\n      if (formatPropsInUse && !formatAreEqual(formatProps, formatPropsInUse)) {\n        newQuantityTypeRef.current = newQuantityType;\n        UiFramework.dialogs.modal.open(<SaveFormatModalDialog formatProps={formatProps} quantityType={activeQuantityType} onDialogCloseArgs={newQuantityType} onDialogClose={processListboxValueChange} />, \"saveQuantityFormat\");\n        return;\n      }\n    }\n    processListboxValueChange(newQuantityType);\n  }, [activeFormatterSpec, activeQuantityType, processListboxValueChange]);\n\n  const handleOnFormatChanged = React.useCallback(async (formatProps: FormatProps) => {\n    // istanbul ignore else\n    if (activeFormatterSpec) {\n      const newSpec = await IModelApp.quantityFormatter.generateFormatterSpecByType(activeQuantityType, formatProps);\n      const formatPropsInUse = IModelApp.quantityFormatter.getFormatPropsByQuantityType(activeQuantityType);\n      // istanbul ignore else\n      if (formatPropsInUse)\n        setSaveEnabled(!formatAreEqual(formatProps, formatPropsInUse));\n      setActiveFormatterSpec(newSpec);\n    }\n  }, [activeFormatterSpec, activeQuantityType]);\n\n  const handleOnFormatSave = React.useCallback(async () => {\n    // istanbul ignore else\n    if (activeFormatterSpec) {\n      const format = activeFormatterSpec.format.toJSON();\n      await IModelApp.quantityFormatter.setOverrideFormat(activeQuantityType, format);\n      setClearEnabled(true);\n    }\n  }, [activeFormatterSpec, activeQuantityType]);\n\n  const handleOnFormatReset = React.useCallback(async () => {\n    await IModelApp.quantityFormatter.clearOverrideFormats(activeQuantityType);\n    setClearEnabled(false);\n  }, [activeQuantityType]);\n\n  const processNewUnitSystem = React.useCallback(async (unitSystem: UnitSystemKey) => {\n    await IModelApp.quantityFormatter.setActiveUnitSystem(unitSystem);\n  }, []);\n\n  const handleUnitSystemSelected = React.useCallback(async (unitSystem: UnitSystemKey) => {\n    if (unitSystem === activeUnitSystemKey)\n      return;\n    saveChanges(processNewUnitSystem, unitSystem);\n  }, [activeUnitSystemKey, processNewUnitSystem, saveChanges]);\n\n  return (\n    <div className=\"quantity-formatting-container\">\n      <UnitSystemSelector selectedUnitSystemKey={activeUnitSystemKey} availableUnitSystems={availableUnitSystems} onUnitSystemSelected={handleUnitSystemSelected} />\n      <span className=\"uifw-quantity-format-section-label\">{formatSectionLabel.current}</span>\n      <div className=\"uifw-quantity-types-container\">\n        <div className=\"left-panel\">\n          <Listbox id=\"uifw-quantity-types-list\" className=\"uifw-quantity-types\"\n            onListboxValueChange={onListboxValueChange} selectedValue={activeQuantityType} >\n            {\n              [...IModelApp.quantityFormatter.quantityTypesRegistry.keys()].map((key) => {\n                const entry = IModelApp.quantityFormatter.quantityTypesRegistry.get(key)!;\n                const description = entry.description;\n                const label = entry.label;\n                return (\n                  <ListboxItem key={entry.key} className=\"quantity-type-list-entry\" value={entry.key}>\n                    <span className=\"map-source-list-entry-name\" title={description}>{label}</span>\n                  </ListboxItem>\n                );\n              })\n            }\n          </Listbox>\n        </div>\n        <div className=\"right-panel\">\n          {activeFormatterSpec &&\n            <>\n              <div className=\"uifw-quantity-types-right-top\">\n                <div className=\"uifw-quantity-types-right-top-sample\">\n                  <FormatSample formatSpec={activeFormatterSpec} initialMagnitude={1234.56} hideLabels />\n                </div>\n              </div>\n              <div className=\"uifw-quantity-types-formats\">\n                <QuantityFormatPanel onFormatChange={handleOnFormatChanged} quantityType={activeQuantityType} />\n              </div>\n              <div className=\"components-button-panel\">\n                <Button styleType=\"cta\" onClick={handleOnFormatSave} disabled={!saveEnabled}>{setButtonLabel.current}</Button>\n                <Button styleType=\"default\" onClick={handleOnFormatReset} disabled={!clearEnabled}>{clearButtonLabel.current}</Button>\n              </div>\n            </>\n          }\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction SaveFormatModalDialog({ formatProps, quantityType, onDialogCloseArgs, onDialogClose }: { formatProps: FormatProps, quantityType: QuantityTypeKey, onDialogCloseArgs?: any, onDialogClose: (args?: any) => void }) {\n  const [isOpen, setIsOpen] = React.useState(true);\n\n  const handleClose = React.useCallback(() => {\n    setIsOpen(false);\n    UiFramework.dialogs.modal.close();\n    onDialogClose && onDialogClose(onDialogCloseArgs);\n  }, [onDialogClose, onDialogCloseArgs]);\n\n  const handleOK = React.useCallback(() => {\n    IModelApp.quantityFormatter.setOverrideFormat(quantityType, formatProps); // eslint-disable-line @typescript-eslint/no-floating-promises\n    handleClose();\n  }, [formatProps, handleClose, quantityType]);\n\n  const handleCancel = React.useCallback(() => {\n    handleClose();\n  }, [handleClose]);\n\n  return (\n    <Dialog\n      title={\"Save Format Changes\"}\n      opened={isOpen}\n      resizable={false}\n      movable={false}\n      modal={true}\n      buttonCluster={[\n        { type: DialogButtonType.Yes, onClick: handleOK },\n        { type: DialogButtonType.No, onClick: handleCancel },\n      ]}\n      onEscape={handleCancel}\n      onClose={handleCancel}\n      onOutsideClick={handleCancel}\n      minHeight={150}\n      maxHeight={400}\n      maxWidth={400}\n      minWidth={200}\n    >\n      <div className=\"modal-dialog2\">\n        Do you want to save changes to format before changing to another type?\n      </div>\n    </Dialog >\n  );\n}\n"]}
+{"version":3,"file":"QuantityFormat.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/QuantityFormat.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Settings\n */\n\nimport \"./QuantityFormat.scss\";\nimport * as React from \"react\";\nimport { DeepCompare } from \"@itwin/core-geometry\";\nimport type {\n  QuantityFormatsChangedArgs,\n  QuantityTypeArg,\n  QuantityTypeKey,\n} from \"@itwin/core-frontend\";\nimport {\n  getQuantityTypeKey,\n  IModelApp,\n  QuantityType,\n} from \"@itwin/core-frontend\";\nimport type {\n  FormatProps,\n  FormatterSpec,\n  UnitSystemKey,\n} from \"@itwin/core-quantity\";\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\nimport {\n  FormatSample,\n  QuantityFormatPanel,\n} from \"@itwin/imodel-components-react\";\nimport type { SettingsTabEntry } from \"@itwin/core-react\";\nimport {\n  Dialog,\n  Listbox,\n  ListboxItem,\n  useSaveBeforeActivatingNewSettingsTab,\n  useSaveBeforeClosingSettingsContainer,\n} from \"@itwin/core-react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport { UnitSystemSelector } from \"./UnitSystemSelector\";\nimport { Button } from \"@itwin/itwinui-react\";\nimport { SvgMeasure } from \"@itwin/itwinui-icons-react\";\n\nfunction formatAreEqual(obj1: FormatProps, obj2: FormatProps) {\n  const compare = new DeepCompare();\n  return compare.compare(obj1, obj2);\n}\n\n/** Options to initialize the settings page that allows users to set Quantity formatting overrides.\n * @beta\n */\nexport interface QuantityFormatterSettingsOptions {\n  initialQuantityType: QuantityTypeArg;\n  availableUnitSystems: Set<UnitSystemKey>;\n}\n\n/**\n * Return a SettingsTabEntry that can be used to define the available settings that can be set for an application.\n * @param itemPriority - Used to define the order of the entry in the Settings Stage\n * @param opts - Options to initialize the settings page that allows users to set Quantity formatting overrides.\n * @beta\n */\nexport function getQuantityFormatsSettingsManagerEntry(\n  itemPriority: number,\n  opts?: Partial<QuantityFormatterSettingsOptions>\n): SettingsTabEntry {\n  const { availableUnitSystems, initialQuantityType } = { ...opts };\n  return {\n    itemPriority,\n    tabId: \"uifw:Quantity\",\n    label: UiFramework.translate(\"settings.quantity-formatting.label\"),\n    subLabel: UiFramework.translate(\"settings.quantity-formatting.subLabel\"),\n    page: (\n      <QuantityFormatSettingsPage\n        initialQuantityType={initialQuantityType ?? QuantityType.Length}\n        availableUnitSystems={\n          availableUnitSystems ??\n          new Set([\"metric\", \"imperial\", \"usCustomary\", \"usSurvey\"])\n        }\n      />\n    ),\n    isDisabled: false,\n    icon: <SvgMeasure />,\n    tooltip: UiFramework.translate(\"settings.quantity-formatting.tooltip\"),\n    pageWillHandleCloseRequest: true,\n  };\n}\n\n/** UI Component shown in settings page to set the active Presentation Unit System and to set format overrides.\n * @beta\n */\nexport function QuantityFormatSettingsPage({\n  initialQuantityType,\n  availableUnitSystems,\n}: QuantityFormatterSettingsOptions) {\n  const [activeUnitSystemKey, setActiveUnitSystemKey] = React.useState(\n    IModelApp.quantityFormatter.activeUnitSystem\n  );\n  const [activeQuantityType, setActiveQuantityType] = React.useState(\n    getQuantityTypeKey(initialQuantityType)\n  );\n  const [activeFormatterSpec, setActiveFormatterSpec] = React.useState<\n    FormatterSpec | undefined\n  >(\n    IModelApp.quantityFormatter.findFormatterSpecByQuantityType(\n      getQuantityTypeKey(activeQuantityType)\n    )\n  );\n  const [saveEnabled, setSaveEnabled] = React.useState(false);\n  const [clearEnabled, setClearEnabled] = React.useState(\n    IModelApp.quantityFormatter.hasActiveOverride(initialQuantityType, true)\n  );\n  const newQuantityTypeRef = React.useRef<QuantityTypeKey>();\n  const formatSectionLabel = React.useRef(\n    UiFramework.translate(\"settings.quantity-formatting.formatSectionLabel\")\n  );\n  const setButtonLabel = React.useRef(\n    UiFramework.translate(\"settings.quantity-formatting.setButtonLabel\")\n  );\n  const clearButtonLabel = React.useRef(\n    UiFramework.translate(\"settings.quantity-formatting.clearButtonLabel\")\n  );\n\n  React.useEffect(() => {\n    const handleUnitSystemChanged = (): void => {\n      // istanbul ignore else\n      if (\n        activeUnitSystemKey !== IModelApp.quantityFormatter.activeUnitSystem\n      ) {\n        setActiveUnitSystemKey(IModelApp.quantityFormatter.activeUnitSystem);\n        setActiveFormatterSpec(\n          IModelApp.quantityFormatter.findFormatterSpecByQuantityType(\n            activeQuantityType\n          )\n        );\n        setSaveEnabled(false);\n        setClearEnabled(\n          IModelApp.quantityFormatter.hasActiveOverride(\n            activeQuantityType,\n            true\n          )\n        );\n      }\n    };\n\n    IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.addListener(\n      handleUnitSystemChanged\n    );\n    return () => {\n      IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.removeListener(\n        handleUnitSystemChanged\n      );\n    };\n  }, [activeQuantityType, activeUnitSystemKey]);\n\n  React.useEffect(() => {\n    const handleFormatChanged = (args: QuantityFormatsChangedArgs): void => {\n      if (!newQuantityTypeRef.current) {\n        const quantityKey =\n          IModelApp.quantityFormatter.getQuantityTypeKey(activeQuantityType);\n        // istanbul ignore else\n        if (args.quantityType === quantityKey) {\n          setActiveFormatterSpec(\n            IModelApp.quantityFormatter.findFormatterSpecByQuantityType(\n              activeQuantityType\n            )\n          );\n          setSaveEnabled(false);\n          setClearEnabled(\n            IModelApp.quantityFormatter.hasActiveOverride(\n              activeQuantityType,\n              true\n            )\n          );\n        }\n      }\n      newQuantityTypeRef.current = undefined;\n    };\n    IModelApp.quantityFormatter.onQuantityFormatsChanged.addListener(\n      handleFormatChanged\n    );\n    return () => {\n      IModelApp.quantityFormatter.onQuantityFormatsChanged.removeListener(\n        handleFormatChanged\n      );\n    };\n  }, [activeQuantityType]);\n\n  const saveChanges = React.useCallback(\n    (afterSaveFunction: (args: any) => void, args?: any) => {\n      // istanbul ignore else\n      if (activeFormatterSpec) {\n        const formatProps = activeFormatterSpec.format.toJSON();\n        const formatPropsInUse = IModelApp.quantityFormatter\n          .findFormatterSpecByQuantityType(activeQuantityType)!\n          .format.toJSON();\n        if (\n          formatPropsInUse &&\n          !formatAreEqual(formatProps, formatPropsInUse)\n        ) {\n          UiFramework.dialogs.modal.open(\n            <SaveFormatModalDialog\n              formatProps={formatProps}\n              quantityType={activeQuantityType}\n              onDialogCloseArgs={args}\n              onDialogClose={afterSaveFunction}\n            />,\n            \"saveQuantityFormat\"\n          );\n          return;\n        }\n      }\n      afterSaveFunction(args);\n    },\n    [activeFormatterSpec, activeQuantityType]\n  );\n\n  useSaveBeforeActivatingNewSettingsTab(\n    UiFramework.settingsManager,\n    saveChanges\n  );\n  useSaveBeforeClosingSettingsContainer(\n    UiFramework.settingsManager,\n    saveChanges\n  );\n\n  const processListboxValueChange = React.useCallback(\n    (newQuantityType: QuantityTypeKey) => {\n      const volumeFormatterSpec =\n        IModelApp.quantityFormatter.findFormatterSpecByQuantityType(\n          newQuantityType\n        );\n      setActiveFormatterSpec(volumeFormatterSpec);\n      setActiveQuantityType(newQuantityType);\n      setSaveEnabled(false);\n      setClearEnabled(\n        IModelApp.quantityFormatter.hasActiveOverride(newQuantityType, true)\n      );\n    },\n    []\n  );\n\n  const onListboxValueChange = React.useCallback(\n    (newQuantityType: string) => {\n      // istanbul ignore else\n      if (activeFormatterSpec) {\n        const formatProps = activeFormatterSpec.format.toJSON();\n        const formatPropsInUse = IModelApp.quantityFormatter\n          .findFormatterSpecByQuantityType(activeQuantityType)!\n          .format.toJSON();\n        if (\n          formatPropsInUse &&\n          !formatAreEqual(formatProps, formatPropsInUse)\n        ) {\n          newQuantityTypeRef.current = newQuantityType;\n          UiFramework.dialogs.modal.open(\n            <SaveFormatModalDialog\n              formatProps={formatProps}\n              quantityType={activeQuantityType}\n              onDialogCloseArgs={newQuantityType}\n              onDialogClose={processListboxValueChange}\n            />,\n            \"saveQuantityFormat\"\n          );\n          return;\n        }\n      }\n      processListboxValueChange(newQuantityType);\n    },\n    [activeFormatterSpec, activeQuantityType, processListboxValueChange]\n  );\n\n  const handleOnFormatChanged = React.useCallback(\n    async (formatProps: FormatProps) => {\n      // istanbul ignore else\n      if (activeFormatterSpec) {\n        const newSpec =\n          await IModelApp.quantityFormatter.generateFormatterSpecByType(\n            activeQuantityType,\n            formatProps\n          );\n        const formatPropsInUse =\n          IModelApp.quantityFormatter.getFormatPropsByQuantityType(\n            activeQuantityType\n          );\n        // istanbul ignore else\n        if (formatPropsInUse)\n          setSaveEnabled(!formatAreEqual(formatProps, formatPropsInUse));\n        setActiveFormatterSpec(newSpec);\n      }\n    },\n    [activeFormatterSpec, activeQuantityType]\n  );\n\n  const handleOnFormatSave = React.useCallback(async () => {\n    // istanbul ignore else\n    if (activeFormatterSpec) {\n      const format = activeFormatterSpec.format.toJSON();\n      await IModelApp.quantityFormatter.setOverrideFormat(\n        activeQuantityType,\n        format\n      );\n      setClearEnabled(true);\n    }\n  }, [activeFormatterSpec, activeQuantityType]);\n\n  const handleOnFormatReset = React.useCallback(async () => {\n    await IModelApp.quantityFormatter.clearOverrideFormats(activeQuantityType);\n    setClearEnabled(false);\n  }, [activeQuantityType]);\n\n  const processNewUnitSystem = React.useCallback(\n    async (unitSystem: UnitSystemKey) => {\n      await IModelApp.quantityFormatter.setActiveUnitSystem(unitSystem);\n    },\n    []\n  );\n\n  const handleUnitSystemSelected = React.useCallback(\n    async (unitSystem: UnitSystemKey) => {\n      if (unitSystem === activeUnitSystemKey) return;\n      saveChanges(processNewUnitSystem, unitSystem);\n    },\n    [activeUnitSystemKey, processNewUnitSystem, saveChanges]\n  );\n\n  return (\n    <div className=\"quantity-formatting-container\">\n      <UnitSystemSelector\n        selectedUnitSystemKey={activeUnitSystemKey}\n        availableUnitSystems={availableUnitSystems}\n        onUnitSystemSelected={handleUnitSystemSelected}\n      />\n      <span className=\"uifw-quantity-format-section-label\">\n        {formatSectionLabel.current}\n      </span>\n      <div className=\"uifw-quantity-types-container\">\n        <div className=\"left-panel\">\n          <Listbox\n            id=\"uifw-quantity-types-list\"\n            className=\"uifw-quantity-types\"\n            onListboxValueChange={onListboxValueChange}\n            selectedValue={activeQuantityType}\n          >\n            {[...IModelApp.quantityFormatter.quantityTypesRegistry.keys()].map(\n              (key) => {\n                const entry =\n                  IModelApp.quantityFormatter.quantityTypesRegistry.get(key)!;\n                const description = entry.description;\n                const label = entry.label;\n                return (\n                  <ListboxItem\n                    key={entry.key}\n                    className=\"quantity-type-list-entry\"\n                    value={entry.key}\n                  >\n                    <span\n                      className=\"map-source-list-entry-name\"\n                      title={description}\n                    >\n                      {label}\n                    </span>\n                  </ListboxItem>\n                );\n              }\n            )}\n          </Listbox>\n        </div>\n        <div className=\"right-panel\">\n          {activeFormatterSpec && (\n            <>\n              <div className=\"uifw-quantity-types-right-top\">\n                <div className=\"uifw-quantity-types-right-top-sample\">\n                  <FormatSample\n                    formatSpec={activeFormatterSpec}\n                    initialMagnitude={1234.56}\n                    hideLabels\n                  />\n                </div>\n              </div>\n              <div className=\"uifw-quantity-types-formats\">\n                <QuantityFormatPanel\n                  onFormatChange={handleOnFormatChanged}\n                  quantityType={activeQuantityType}\n                />\n              </div>\n              <div className=\"components-button-panel\">\n                <Button\n                  styleType=\"cta\"\n                  onClick={handleOnFormatSave}\n                  disabled={!saveEnabled}\n                >\n                  {setButtonLabel.current}\n                </Button>\n                <Button\n                  styleType=\"default\"\n                  onClick={handleOnFormatReset}\n                  disabled={!clearEnabled}\n                >\n                  {clearButtonLabel.current}\n                </Button>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction SaveFormatModalDialog({\n  formatProps,\n  quantityType,\n  onDialogCloseArgs,\n  onDialogClose,\n}: {\n  formatProps: FormatProps;\n  quantityType: QuantityTypeKey;\n  onDialogCloseArgs?: any;\n  onDialogClose: (args?: any) => void;\n}) {\n  const [isOpen, setIsOpen] = React.useState(true);\n\n  const handleClose = React.useCallback(() => {\n    setIsOpen(false);\n    UiFramework.dialogs.modal.close();\n    onDialogClose && onDialogClose(onDialogCloseArgs);\n  }, [onDialogClose, onDialogCloseArgs]);\n\n  const handleOK = React.useCallback(() => {\n    void IModelApp.quantityFormatter.setOverrideFormat(\n      quantityType,\n      formatProps\n    );\n    handleClose();\n  }, [formatProps, handleClose, quantityType]);\n\n  const handleCancel = React.useCallback(() => {\n    handleClose();\n  }, [handleClose]);\n\n  return (\n    <Dialog\n      title={\"Save Format Changes\"}\n      opened={isOpen}\n      resizable={false}\n      movable={false}\n      modal={true}\n      buttonCluster={[\n        { type: DialogButtonType.Yes, onClick: handleOK },\n        { type: DialogButtonType.No, onClick: handleCancel },\n      ]}\n      onEscape={handleCancel}\n      onClose={handleCancel}\n      onOutsideClick={handleCancel}\n      minHeight={150}\n      maxHeight={400}\n      maxWidth={400}\n      minWidth={200}\n    >\n      <div className=\"modal-dialog2\">\n        Do you want to save changes to format before changing to another type?\n      </div>\n    </Dialog>\n  );\n}\n"]}

package/lib/esm/appui-react/settings/quantityformatting/UnitSystemSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnitSystemSelector.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/UnitSystemSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAI1D;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,qBAAqB,EAAE,aAAa,CAAC;IACrC,oBAAoB,EAAE,CAAC,UAAU,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1D,oBAAoB,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eA6ChE"}
+{"version":3,"file":"UnitSystemSelector.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/UnitSystemSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAI1D;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,qBAAqB,EAAE,aAAa,CAAC;IACrC,oBAAoB,EAAE,CAAC,UAAU,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1D,oBAAoB,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eA2DhE"}

package/lib/esm/appui-react/settings/quantityformatting/UnitSystemSelector.js

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Settings
  */
@@ -17,7 +17,9 @@ export function UnitSystemSelector(props) {
     const handleUnitSystemSelected = React.useCallback((newValue) => {
         onUnitSystemSelected && onUnitSystemSelected(newValue);
     }, [onUnitSystemSelected]);
-    const displayUnitSystems = [...availableUnitSystems.values()].map((sys) => {
+    const displayUnitSystems = [
+        ...availableUnitSystems.values(),
+    ].map((sys) => {
         switch (sys) {
             case "imperial":
                 return {
@@ -42,7 +44,9 @@ export function UnitSystemSelector(props) {
                 };
         }
     });
-    const unitSystemKey = availableUnitSystems.has(selectedUnitSystemKey) ? selectedUnitSystemKey : displayUnitSystems[0].value;
+    const unitSystemKey = availableUnitSystems.has(selectedUnitSystemKey)
+        ? selectedUnitSystemKey
+        : displayUnitSystems[0].value;
     return (React.createElement("div", { className: "quantity-unit-system-selector-container" },
         React.createElement("span", { className: "uicore-label" }, label.current),
         React.createElement(Select, { "data-testid": "unitSystemSelector", value: unitSystemKey, options: displayUnitSystems, onChange: handleUnitSystemSelected, size: "small" })));

package/lib/esm/appui-react/settings/quantityformatting/UnitSystemSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnitSystemSelector.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/UnitSystemSelector.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAW9C;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,uCAAuC,CAAC,CAAC,CAAC;IAC3F,MAAM,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACpF,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAuB,EAAE,EAAE;QAC7E,oBAAoB,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,MAAM,kBAAkB,GAAkC,CAAC,GAAG,oBAAoB,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACvG,QAAQ,GAAG,EAAE;YACX,KAAK,UAAU;gBACb,OAAO;oBACL,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,wCAAwC,CAAC;iBACvE,CAAC;YACJ,KAAK,aAAa;gBAChB,OAAO;oBACL,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,oCAAoC,CAAC;iBACnE,CAAC;YACJ,KAAK,UAAU;gBACb,OAAO;oBACL,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,iCAAiC,CAAC;iBAChE,CAAC;YACJ,KAAK,QAAQ,CAAC;YACd;gBACE,OAAO;oBACL,KAAK,EAAE,QAAQ;oBACf,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,+BAA+B,CAAC;iBAC9D,CAAC;SACL;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,oBAAoB,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAE5H,OAAO,CACL,6BAAK,SAAS,EAAC,yCAAyC;QACtD,8BAAM,SAAS,EAAE,cAAc,IAAG,KAAK,CAAC,OAAO,CAAQ;QACvD,oBAAC,MAAM,mBAAa,oBAAoB,EACtC,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,wBAAwB,EAC/D,IAAI,EAAC,OAAO,GACZ,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 Settings\n */\n\nimport * as React from \"react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport type { UnitSystemKey } from \"@itwin/core-quantity\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\n\n/** Props for [[UnitSystemSelector]]\n * @beta\n */\nexport interface UnitSystemSelectorProps {\n  selectedUnitSystemKey: UnitSystemKey;\n  onUnitSystemSelected: (unitSystem: UnitSystemKey) => void;\n  availableUnitSystems: Set<UnitSystemKey>;\n}\n\n/** Select control to set the \"active\" Presentation Unit System. This setting determine what units are display for quantity values (i.e. foot vs meter).\n * @alpha\n */\nexport function UnitSystemSelector(props: UnitSystemSelectorProps) { // eslint-disable-line @typescript-eslint/naming-convention\n  const label = React.useRef(UiFramework.translate(\"presentationUnitSystem.selector-label\"));\n  const { selectedUnitSystemKey, onUnitSystemSelected, availableUnitSystems } = props;\n  const handleUnitSystemSelected = React.useCallback((newValue: UnitSystemKey) => {\n    onUnitSystemSelected && onUnitSystemSelected(newValue);\n  }, [onUnitSystemSelected]);\n\n  const displayUnitSystems: SelectOption<UnitSystemKey>[] = [...availableUnitSystems.values()].map((sys) => {\n    switch (sys) {\n      case \"imperial\":\n        return {\n          value: \"imperial\",\n          label: UiFramework.translate(\"presentationUnitSystem.BritishImperial\"),\n        };\n      case \"usCustomary\":\n        return {\n          value: \"usCustomary\",\n          label: UiFramework.translate(\"presentationUnitSystem.USCustomary\"),\n        };\n      case \"usSurvey\":\n        return {\n          value: \"usSurvey\",\n          label: UiFramework.translate(\"presentationUnitSystem.USSurvey\"),\n        };\n      case \"metric\":\n      default:\n        return {\n          value: \"metric\",\n          label: UiFramework.translate(\"presentationUnitSystem.Metric\"),\n        };\n    }\n  });\n\n  const unitSystemKey = availableUnitSystems.has(selectedUnitSystemKey) ? selectedUnitSystemKey : displayUnitSystems[0].value;\n\n  return (\n    <div className=\"quantity-unit-system-selector-container\">\n      <span className={\"uicore-label\"}>{label.current}</span>\n      <Select data-testid=\"unitSystemSelector\"\n        value={unitSystemKey}\n        options={displayUnitSystems} onChange={handleUnitSystemSelected}\n        size=\"small\"\n      />\n    </div>\n  );\n}\n\n"]}
+{"version":3,"file":"UnitSystemSelector.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/UnitSystemSelector.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAW9C;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CACxB,WAAW,CAAC,SAAS,CAAC,uCAAuC,CAAC,CAC/D,CAAC;IACF,MAAM,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,GACzE,KAAK,CAAC;IACR,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAChD,CAAC,QAAuB,EAAE,EAAE;QAC1B,oBAAoB,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACzD,CAAC,EACD,CAAC,oBAAoB,CAAC,CACvB,CAAC;IAEF,MAAM,kBAAkB,GAAkC;QACxD,GAAG,oBAAoB,CAAC,MAAM,EAAE;KACjC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACZ,QAAQ,GAAG,EAAE;YACX,KAAK,UAAU;gBACb,OAAO;oBACL,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,WAAW,CAAC,SAAS,CAC1B,wCAAwC,CACzC;iBACF,CAAC;YACJ,KAAK,aAAa;gBAChB,OAAO;oBACL,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,oCAAoC,CAAC;iBACnE,CAAC;YACJ,KAAK,UAAU;gBACb,OAAO;oBACL,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,iCAAiC,CAAC;iBAChE,CAAC;YACJ,KAAK,QAAQ,CAAC;YACd;gBACE,OAAO;oBACL,KAAK,EAAE,QAAQ;oBACf,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,+BAA+B,CAAC;iBAC9D,CAAC;SACL;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,oBAAoB,CAAC,GAAG,CAAC,qBAAqB,CAAC;QACnE,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAEhC,OAAO,CACL,6BAAK,SAAS,EAAC,yCAAyC;QACtD,8BAAM,SAAS,EAAE,cAAc,IAAG,KAAK,CAAC,OAAO,CAAQ;QACvD,oBAAC,MAAM,mBACO,oBAAoB,EAChC,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,wBAAwB,EAClC,IAAI,EAAC,OAAO,GACZ,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 Settings\n */\n\nimport * as React from \"react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport type { UnitSystemKey } from \"@itwin/core-quantity\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\n\n/** Props for [[UnitSystemSelector]]\n * @beta\n */\nexport interface UnitSystemSelectorProps {\n  selectedUnitSystemKey: UnitSystemKey;\n  onUnitSystemSelected: (unitSystem: UnitSystemKey) => void;\n  availableUnitSystems: Set<UnitSystemKey>;\n}\n\n/** Select control to set the \"active\" Presentation Unit System. This setting determine what units are display for quantity values (i.e. foot vs meter).\n * @alpha\n */\nexport function UnitSystemSelector(props: UnitSystemSelectorProps) {\n  const label = React.useRef(\n    UiFramework.translate(\"presentationUnitSystem.selector-label\")\n  );\n  const { selectedUnitSystemKey, onUnitSystemSelected, availableUnitSystems } =\n    props;\n  const handleUnitSystemSelected = React.useCallback(\n    (newValue: UnitSystemKey) => {\n      onUnitSystemSelected && onUnitSystemSelected(newValue);\n    },\n    [onUnitSystemSelected]\n  );\n\n  const displayUnitSystems: SelectOption<UnitSystemKey>[] = [\n    ...availableUnitSystems.values(),\n  ].map((sys) => {\n    switch (sys) {\n      case \"imperial\":\n        return {\n          value: \"imperial\",\n          label: UiFramework.translate(\n            \"presentationUnitSystem.BritishImperial\"\n          ),\n        };\n      case \"usCustomary\":\n        return {\n          value: \"usCustomary\",\n          label: UiFramework.translate(\"presentationUnitSystem.USCustomary\"),\n        };\n      case \"usSurvey\":\n        return {\n          value: \"usSurvey\",\n          label: UiFramework.translate(\"presentationUnitSystem.USSurvey\"),\n        };\n      case \"metric\":\n      default:\n        return {\n          value: \"metric\",\n          label: UiFramework.translate(\"presentationUnitSystem.Metric\"),\n        };\n    }\n  });\n\n  const unitSystemKey = availableUnitSystems.has(selectedUnitSystemKey)\n    ? selectedUnitSystemKey\n    : displayUnitSystems[0].value;\n\n  return (\n    <div className=\"quantity-unit-system-selector-container\">\n      <span className={\"uicore-label\"}>{label.current}</span>\n      <Select\n        data-testid=\"unitSystemSelector\"\n        value={unitSystemKey}\n        options={displayUnitSystems}\n        onChange={handleUnitSystemSelected}\n        size=\"small\"\n      />\n    </div>\n  );\n}\n"]}

package/lib/esm/appui-react/settings/ui/UiSettingsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiSettingsPage.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/ui/UiSettingsPage.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAKH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAS1D;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,gBA6L7B;AAwBD;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,YAAY,EAAE,MAAM,GAAG,gBAAgB,CAShF"}
+{"version":3,"file":"UiSettingsPage.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/ui/UiSettingsPage.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAKH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAe1D;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,gBAiY7B;AAsBD;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,YAAY,EAAE,MAAM,GACnB,gBAAgB,CAUlB"}

package/lib/esm/appui-react/settings/ui/UiSettingsPage.js

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Settings
  */
@@ -10,8 +10,8 @@ import widowSettingsIconSvg from "@bentley/icons-generic/icons/window-settings.s
 import "./UiSettingsPage.scss";
 import * as React from "react";
 import { UiFramework } from "../../UiFramework";
-import { ColorTheme, SYSTEM_PREFERRED_COLOR_THEME } from "../../theme/ThemeManager";
-import { SyncUiEventDispatcher, SyncUiEventId } from "../../syncui/SyncUiEventDispatcher";
+import { ColorTheme, SYSTEM_PREFERRED_COLOR_THEME, } from "../../theme/ThemeManager";
+import { SyncUiEventDispatcher, SyncUiEventId, } from "../../syncui/SyncUiEventDispatcher";
 import { IconSpecUtilities } from "@itwin/appui-abstract";
 import { Select, Slider, ToggleSwitch } from "@itwin/itwinui-react";
 /** UiSettingsPage displaying the active UI settings. This page lets users set the following settings.
@@ -66,10 +66,18 @@ export function UiSettingsPage() {
     const [snapWidgetOpacity, setSnapWidgetOpacity] = React.useState(() => UiFramework.visibility.snapWidgetOpacity);
     const [toolbarOpacity, setToolbarOpacity] = React.useState(() => UiFramework.getToolbarOpacity());
     React.useEffect(() => {
-        const syncIdsOfInterest = ["configurableui:set_theme", "configurableui:set_widget_opacity", "configurableui:set-show-widget-icon",
-            "configurableui:set-drag-interaction", "configurableui:set-framework-version",
-            "configurableui:set-auto-collapse-unpinned-panels", "configurableui:set-animate-tool-settings",
-            "configurableui:set-use-tool-as-tool-settings-label", "configurableui:set-toolbar-opacity", SyncUiEventId.ShowHideManagerSettingChange];
+        const syncIdsOfInterest = [
+            "configurableui:set_theme",
+            "configurableui:set_widget_opacity",
+            "configurableui:set-show-widget-icon",
+            "configurableui:set-drag-interaction",
+            "configurableui:set-framework-version",
+            "configurableui:set-auto-collapse-unpinned-panels",
+            "configurableui:set-animate-tool-settings",
+            "configurableui:set-use-tool-as-tool-settings-label",
+            "configurableui:set-toolbar-opacity",
+            SyncUiEventId.ShowHideManagerSettingChange,
+        ];
         const handleSyncUiEvent = (args) => {
             // istanbul ignore else
             if (syncIdsOfInterest.some((value) => args.eventIds.has(value))) {
@@ -100,9 +108,23 @@ export function UiSettingsPage() {
             }
         };
         return SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);
-    }, [autoCollapseUnpinnedPanels, autoHideUi, showWidgetIcon, snapWidgetOpacity, theme,
-        useDragInteraction, useProximityOpacity, widgetOpacity, animateToolSettings, useToolAsToolSettingsLabel, toolbarOpacity]);
-    const defaultThemeOption = { label: systemPreferredLabel.current, value: SYSTEM_PREFERRED_COLOR_THEME };
+    }, [
+        autoCollapseUnpinnedPanels,
+        autoHideUi,
+        showWidgetIcon,
+        snapWidgetOpacity,
+        theme,
+        useDragInteraction,
+        useProximityOpacity,
+        widgetOpacity,
+        animateToolSettings,
+        useToolAsToolSettingsLabel,
+        toolbarOpacity,
+    ]);
+    const defaultThemeOption = {
+        label: systemPreferredLabel.current,
+        value: SYSTEM_PREFERRED_COLOR_THEME,
+    };
     const themeOptions = [
         defaultThemeOption,
         { label: lightLabel.current, value: ColorTheme.Light },
@@ -159,8 +181,8 @@ export function UiSettingsPage() {
         React.createElement(SettingsItem, { title: autoCollapseUnpinnedPanelsTitle.current, description: autoCollapseUnpinnedPanelsDescription.current, settingUi: React.createElement(ToggleSwitch, { checked: autoCollapseUnpinnedPanels, onChange: onAutoCollapseUnpinnedPanelsChange }) }),
         React.createElement(SettingsItem, { title: animateToolSettingsTitle.current, description: animateToolSettingsDescription.current, settingUi: React.createElement(ToggleSwitch, { checked: animateToolSettings, onChange: OnToggleAnimateToolSettings }) }),
         React.createElement(SettingsItem, { title: useToolAsToolSettingsLabelTitle.current, description: useToolAsToolSettingsLabelDescription.current, settingUi: React.createElement(ToggleSwitch, { checked: useToolAsToolSettingsLabel, onChange: OnToggleUseToolAsToolSettingsLabel }) }),
-        React.createElement(SettingsItem, { title: toolbarOpacityTitle.current, description: toolbarOpacityDescription.current, settingUi: React.createElement(Slider, { style: { flex: "1" }, values: [toolbarOpacity], step: 0.05, onChange: onToolbarOpacityChange, min: 0.20, max: 1.0, maxLabel: "1.0", tickLabels: ["", "", "", "", ""] }) }),
-        React.createElement(SettingsItem, { title: widgetOpacityTitle.current, description: widgetOpacityDescription.current, settingUi: React.createElement(Slider, { style: { flex: "1" }, values: [widgetOpacity], step: 0.05, onChange: onWidgetOpacityChange, min: 0.20, max: 1.0, maxLabel: "1.0", tickLabels: ["", "", "", "", ""] }) })));
+        React.createElement(SettingsItem, { title: toolbarOpacityTitle.current, description: toolbarOpacityDescription.current, settingUi: React.createElement(Slider, { style: { flex: "1" }, values: [toolbarOpacity], step: 0.05, onChange: onToolbarOpacityChange, min: 0.2, max: 1.0, maxLabel: "1.0", tickLabels: ["", "", "", "", ""] }) }),
+        React.createElement(SettingsItem, { title: widgetOpacityTitle.current, description: widgetOpacityDescription.current, settingUi: React.createElement(Slider, { style: { flex: "1" }, values: [widgetOpacity], step: 0.05, onChange: onWidgetOpacityChange, min: 0.2, max: 1.0, maxLabel: "1.0", tickLabels: ["", "", "", "", ""] }) })));
 }
 function SettingsItem(props) {
     const { title, description, settingUi } = props;
@@ -177,7 +199,8 @@ function SettingsItem(props) {
  */
 export function getUiSettingsManagerEntry(itemPriority) {
     return {
-        itemPriority, tabId: "uifw:UiStateStorage",
+        itemPriority,
+        tabId: "uifw:UiStateStorage",
         label: UiFramework.translate("settings.uiSettingsPage.label"),
         icon: IconSpecUtilities.createWebComponentIconSpec(widowSettingsIconSvg),
         page: React.createElement(UiSettingsPage, null),