@itwin/appui-react 4.17.6 → 5.0.0-dev.3

package/lib/appui-react/selection/SelectionContextItemDef.d.ts

@@ -0,0 +1,64 @@
+/** @packageDocumentation
+ * @module Tools
+ */
+import { ConditionalBooleanValue } from "@itwin/appui-abstract";
+import { CommandItemDef } from "../shared/CommandItemDef.js";
+import type { BaseItemState } from "../shared/ItemDefBase.js";
+import { GroupItemDef } from "../toolbar/GroupItem.js";
+/** Return SyncEventIds that trigger selection state function refresh.
+ * @beta
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.
+ */
+export declare function getFeatureOverrideSyncEventIds(): string[];
+/** Return SyncEventIds that trigger selection state function refresh.
+ * @beta
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.
+ */
+export declare function getSelectionContextSyncEventIds(): string[];
+/** Return SyncEventIds that trigger selection state function refresh.
+ * @beta
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.
+ */
+export declare function isNoSelectionActive(): boolean;
+/** Return ConditionalBooleanValue object used to show items if selection set is active.
+ * @beta
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.
+ */
+export declare function areNoFeatureOverridesActive(): boolean;
+/** Return ConditionalBooleanValue object used to show item if feature overrides are active.
+ * @beta
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.
+ */
+export declare function getIsHiddenIfFeatureOverridesActive(): ConditionalBooleanValue;
+/** Return ConditionalBooleanValue object used to show items if selection set is active.
+ * @beta
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.
+ */
+export declare function getIsHiddenIfSelectionNotActive(): ConditionalBooleanValue;
+/** Return state with isVisible set to true is SectionSet is active.
+ * @beta
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.
+ */
+export declare function featureOverridesActiveStateFunc(state: Readonly<BaseItemState>): BaseItemState;
+/** Return state with isVisible set to true is SectionSet is active.
+ * @beta
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.
+ */
+export declare function selectionContextStateFunc(state: Readonly<BaseItemState>): BaseItemState;
+/** Utility Class that provides definitions for tools dependent on current selection. These definitions can be used to populate toolbars.
+ * @public
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} instead.
+ */
+export declare class SelectionContextToolDefinitions {
+    static get isolateModelsInSelectionItemDef(): CommandItemDef;
+    static get isolateCategoriesInSelectionItemDef(): CommandItemDef;
+    static get isolateElementsItemDef(): CommandItemDef;
+    static get isolateSelectionToolGroup(): GroupItemDef;
+    static get hideModelsInSelectionItemDef(): CommandItemDef;
+    static get hideCategoriesInSelectionItemDef(): CommandItemDef;
+    static get hideElementsItemDef(): CommandItemDef;
+    static get hideSectionToolGroup(): GroupItemDef;
+    static get emphasizeElementsItemDef(): CommandItemDef;
+    static get clearHideIsolateEmphasizeElementsItemDef(): CommandItemDef;
+}
+//# sourceMappingURL=SelectionContextItemDef.d.ts.map

package/lib/appui-react/selection/SelectionContextItemDef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionContextItemDef.d.ts","sourceRoot":"","sources":["../../../src/appui-react/selection/SelectionContextItemDef.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAiBvD;;;GAGG;AACH,wBAAgB,8BAA8B,IAAI,MAAM,EAAE,CAOzD;AAED;;;GAGG;AACH,wBAAgB,+BAA+B,IAAI,MAAM,EAAE,CAU1D;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,OAAO,CAgB7C;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,IAAI,OAAO,CASrD;AAED;;;GAGG;AACH,wBAAgB,mCAAmC,IAAI,uBAAuB,CAK7E;AAED;;;GAGG;AACH,wBAAgB,+BAA+B,IAAI,uBAAuB,CAKzE;AAED;;;GAGG;AACH,wBAAgB,+BAA+B,CAC7C,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,GAC7B,aAAa,CAWf;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,GAC7B,aAAa,CAUf;AAED;;;GAGG;AACH,qBAAa,+BAA+B;IAC1C,WAAkB,+BAA+B,mBAQhD;IAED,WAAkB,mCAAmC,mBAQpD;IAED,WAAkB,sBAAsB,mBASvC;IAED,WAAkB,yBAAyB,iBAa1C;IAED,WAAkB,4BAA4B,mBAQ7C;IAED,WAAkB,gCAAgC,mBAQjD;IAED,WAAkB,mBAAmB,mBASpC;IAED,WAAkB,oBAAoB,iBAarC;IAED,WAAkB,wBAAwB,mBASzC;IAED,WAAkB,wCAAwC,mBAYzD;CACF"}

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

@@ -0,0 +1,228 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Tools
+ */
+import { ConditionalBooleanValue } from "@itwin/appui-abstract";
+import { SessionStateActionId } from "../redux/SessionState.js";
+import { CommandItemDef } from "../shared/CommandItemDef.js";
+import { SyncUiEventId } from "../syncui/SyncUiEventDispatcher.js";
+import { GroupItemDef } from "../toolbar/GroupItem.js";
+import { UiFramework } from "../UiFramework.js";
+import svgModelIsolate from "@bentley/icons-generic/icons/model-isolate.svg";
+import svgLayersIsolate from "@bentley/icons-generic/icons/layers-isolate.svg";
+import svgAssetIsolate from "@bentley/icons-generic/icons/asset-isolate.svg";
+import svgIsolate from "@bentley/icons-generic/icons/isolate.svg";
+import svgModelHide from "@bentley/icons-generic/icons/model-hide.svg";
+import svgLayersHide from "@bentley/icons-generic/icons/layers-hide.svg";
+import svgAssetClassificationHide from "@bentley/icons-generic/icons/asset-classification-hide.svg";
+import svgVisibilitySemiTransparent from "@bentley/icons-generic/icons/visibility-semi-transparent.svg";
+import svgVisibilityHide from "@bentley/icons-generic/icons/visibility-hide_2.svg";
+import svgVisibility from "@bentley/icons-generic/icons/visibility.svg";
+import { getActiveViewport } from "../utils/getActiveViewport.js";
+/* eslint-disable deprecation/deprecation */
+/** Return SyncEventIds that trigger selection state function refresh.
+ * @beta
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.
+ */
+export function getFeatureOverrideSyncEventIds() {
+    return [
+        SyncUiEventId.ActiveContentChanged,
+        SyncUiEventId.ActiveViewportChanged,
+        SyncUiEventId.FeatureOverridesChanged,
+        SyncUiEventId.ViewedModelsChanged,
+    ];
+}
+/** Return SyncEventIds that trigger selection state function refresh.
+ * @beta
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.
+ */
+export function getSelectionContextSyncEventIds() {
+    return [
+        SyncUiEventId.SelectionSetChanged,
+        SyncUiEventId.ActiveContentChanged,
+        SyncUiEventId.ActiveViewportChanged,
+        // eslint-disable-next-line deprecation/deprecation
+        SessionStateActionId.SetNumItemsSelected,
+        SyncUiEventId.FeatureOverridesChanged,
+        SyncUiEventId.ViewedModelsChanged,
+    ];
+}
+/** Return SyncEventIds that trigger selection state function refresh.
+ * @beta
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.
+ */
+export function isNoSelectionActive() {
+    const viewport = getActiveViewport();
+    if (!viewport) {
+        return true;
+    }
+    const selectionCount = UiFramework.getNumItemsSelected();
+    if (selectionCount > 0)
+        return false;
+    // TODO: add check for categories, subcategories and models
+    const hiddenElementsSet = viewport.neverDrawn;
+    const selectedElementsSet = viewport.view.iModel.selectionSet.elements;
+    if (![...selectedElementsSet].every((value) => hiddenElementsSet?.has(value)))
+        return false;
+    return true;
+}
+/** Return ConditionalBooleanValue object used to show items if selection set is active.
+ * @beta
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.
+ */
+export function areNoFeatureOverridesActive() {
+    const viewport = getActiveViewport();
+    if (!viewport) {
+        return true;
+    }
+    return !UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(viewport);
+}
+/** Return ConditionalBooleanValue object used to show item if feature overrides are active.
+ * @beta
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.
+ */
+export function getIsHiddenIfFeatureOverridesActive() {
+    return new ConditionalBooleanValue(areNoFeatureOverridesActive, getFeatureOverrideSyncEventIds());
+}
+/** Return ConditionalBooleanValue object used to show items if selection set is active.
+ * @beta
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.
+ */
+export function getIsHiddenIfSelectionNotActive() {
+    return new ConditionalBooleanValue(isNoSelectionActive, getSelectionContextSyncEventIds());
+}
+/** Return state with isVisible set to true is SectionSet is active.
+ * @beta
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.
+ */
+export function featureOverridesActiveStateFunc(state) {
+    const viewport = getActiveViewport();
+    if (!viewport) {
+        return { ...state, isVisible: false };
+    }
+    const isVisible = UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(viewport);
+    return { ...state, isVisible };
+}
+/** Return state with isVisible set to true is SectionSet is active.
+ * @beta
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.
+ */
+export function selectionContextStateFunc(state) {
+    const viewport = getActiveViewport();
+    if (!viewport) {
+        return { ...state, isVisible: false };
+    }
+    const selectionCount = UiFramework.getNumItemsSelected();
+    const isVisible = viewport.view.iModel.selectionSet.size > 0 || selectionCount > 0;
+    return { ...state, isVisible };
+}
+/** Utility Class that provides definitions for tools dependent on current selection. These definitions can be used to populate toolbars.
+ * @public
+ * @deprecated in 4.15.0. Use {@link ToolbarItems} instead.
+ */
+export class SelectionContextToolDefinitions {
+    static get isolateModelsInSelectionItemDef() {
+        return new CommandItemDef({
+            commandId: "UiFramework.IsolateModel",
+            iconSpec: svgModelIsolate,
+            labelKey: "UiFramework:tools.isolateModels",
+            execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsModel(),
+        });
+    }
+    static get isolateCategoriesInSelectionItemDef() {
+        return new CommandItemDef({
+            commandId: "UiFramework.IsolateCategory",
+            iconSpec: svgLayersIsolate,
+            labelKey: "UiFramework:tools.isolateCategories",
+            execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsCategory(),
+        });
+    }
+    static get isolateElementsItemDef() {
+        return new CommandItemDef({
+            commandId: "UiFramework.IsolateSelected",
+            iconSpec: svgAssetIsolate,
+            labelKey: "UiFramework:tools.isolateSelected",
+            isHidden: getIsHiddenIfSelectionNotActive(),
+            execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelected(),
+        });
+    }
+    static get isolateSelectionToolGroup() {
+        return new GroupItemDef({
+            groupId: "UiFramework.IsolateSelectionGroup",
+            labelKey: "UiFramework:tools.isolate",
+            iconSpec: svgIsolate,
+            isHidden: getIsHiddenIfSelectionNotActive(),
+            items: [
+                this.isolateElementsItemDef,
+                this.isolateCategoriesInSelectionItemDef,
+                this.isolateModelsInSelectionItemDef,
+            ],
+            itemsInColumn: 3,
+        });
+    }
+    static get hideModelsInSelectionItemDef() {
+        return new CommandItemDef({
+            commandId: "UiFramework.HideModel",
+            iconSpec: svgModelHide,
+            labelKey: "UiFramework:tools.hideModels",
+            execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsModel(),
+        });
+    }
+    static get hideCategoriesInSelectionItemDef() {
+        return new CommandItemDef({
+            commandId: "UiFramework.HideCategory",
+            iconSpec: svgLayersHide,
+            labelKey: "UiFramework:tools.hideCategories",
+            execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsCategory(),
+        });
+    }
+    static get hideElementsItemDef() {
+        return new CommandItemDef({
+            commandId: "UiFramework.HideSelected",
+            iconSpec: svgAssetClassificationHide,
+            labelKey: "UiFramework:tools.hideSelected",
+            isHidden: getIsHiddenIfSelectionNotActive(),
+            execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processHideSelected(),
+        });
+    }
+    static get hideSectionToolGroup() {
+        return new GroupItemDef({
+            groupId: "UiFramework.HideSelectionGroup",
+            labelKey: "UiFramework:tools.hide",
+            iconSpec: svgVisibilityHide,
+            isHidden: getIsHiddenIfSelectionNotActive(),
+            items: [
+                this.hideElementsItemDef,
+                this.hideCategoriesInSelectionItemDef,
+                this.hideModelsInSelectionItemDef,
+            ],
+            itemsInColumn: 3,
+        });
+    }
+    static get emphasizeElementsItemDef() {
+        return new CommandItemDef({
+            commandId: "UiFramework.EmphasizeSelected",
+            iconSpec: svgVisibilitySemiTransparent,
+            labelKey: "UiFramework:tools.emphasizeSelected",
+            isHidden: getIsHiddenIfSelectionNotActive(),
+            execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processEmphasizeSelected(),
+        });
+    }
+    static get clearHideIsolateEmphasizeElementsItemDef() {
+        return new CommandItemDef({
+            commandId: "UiFramework.ClearHideIsolateEmphasize",
+            iconSpec: svgVisibility,
+            labelKey: "UiFramework:tools.clearVisibility",
+            isHidden: getIsHiddenIfFeatureOverridesActive(),
+            execute: async () => {
+                await UiFramework.hideIsolateEmphasizeActionHandler.processClearEmphasize();
+                await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideModels();
+                await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideCategories();
+            },
+        });
+    }
+}
+//# sourceMappingURL=SelectionContextItemDef.js.map

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

@@ -0,0 +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 } from \"@itwin/appui-abstract\";\nimport { SessionStateActionId } from \"../redux/SessionState.js\";\nimport { CommandItemDef } from \"../shared/CommandItemDef.js\";\nimport type { BaseItemState } from \"../shared/ItemDefBase.js\";\nimport { SyncUiEventId } from \"../syncui/SyncUiEventDispatcher.js\";\nimport { GroupItemDef } from \"../toolbar/GroupItem.js\";\nimport { UiFramework } from \"../UiFramework.js\";\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\";\nimport type { ToolbarItems } from \"../tools/ToolbarItems.js\";\nimport { getActiveViewport } from \"../utils/getActiveViewport.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Return SyncEventIds that trigger selection state function refresh.\n * @beta\n * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.\n */\nexport function getFeatureOverrideSyncEventIds(): string[] {\n  return [\n    SyncUiEventId.ActiveContentChanged,\n    SyncUiEventId.ActiveViewportChanged,\n    SyncUiEventId.FeatureOverridesChanged,\n    SyncUiEventId.ViewedModelsChanged,\n  ];\n}\n\n/** Return SyncEventIds that trigger selection state function refresh.\n * @beta\n * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.\n */\nexport function getSelectionContextSyncEventIds(): string[] {\n  return [\n    SyncUiEventId.SelectionSetChanged,\n    SyncUiEventId.ActiveContentChanged,\n    SyncUiEventId.ActiveViewportChanged,\n    // eslint-disable-next-line deprecation/deprecation\n    SessionStateActionId.SetNumItemsSelected,\n    SyncUiEventId.FeatureOverridesChanged,\n    SyncUiEventId.ViewedModelsChanged,\n  ];\n}\n\n/** Return SyncEventIds that trigger selection state function refresh.\n * @beta\n * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.\n */\nexport function isNoSelectionActive(): boolean {\n  const viewport = getActiveViewport();\n  if (!viewport) {\n    return true;\n  }\n\n  const selectionCount = UiFramework.getNumItemsSelected();\n  if (selectionCount > 0) return false;\n\n  // TODO: add check for categories, subcategories and models\n  const hiddenElementsSet = viewport.neverDrawn;\n  const selectedElementsSet = viewport.view.iModel.selectionSet.elements;\n  if (![...selectedElementsSet].every((value) => hiddenElementsSet?.has(value)))\n    return false;\n\n  return true;\n}\n\n/** Return ConditionalBooleanValue object used to show items if selection set is active.\n * @beta\n * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.\n */\nexport function areNoFeatureOverridesActive(): boolean {\n  const viewport = getActiveViewport();\n  if (!viewport) {\n    return true;\n  }\n\n  return !UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(\n    viewport\n  );\n}\n\n/** Return ConditionalBooleanValue object used to show item if feature overrides are active.\n * @beta\n * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.\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 * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.\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 * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.\n */\nexport function featureOverridesActiveStateFunc(\n  state: Readonly<BaseItemState>\n): BaseItemState {\n  const viewport = getActiveViewport();\n  if (!viewport) {\n    return { ...state, isVisible: false };\n  }\n\n  const isVisible =\n    UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(\n      viewport\n    );\n  return { ...state, isVisible };\n}\n\n/** Return state with isVisible set to true is SectionSet is active.\n * @beta\n * @deprecated in 4.15.0. Use {@link ToolbarItems} or a custom conditional value instead.\n */\nexport function selectionContextStateFunc(\n  state: Readonly<BaseItemState>\n): BaseItemState {\n  const viewport = getActiveViewport();\n  if (!viewport) {\n    return { ...state, isVisible: false };\n  }\n\n  const selectionCount = UiFramework.getNumItemsSelected();\n  const isVisible =\n    viewport.view.iModel.selectionSet.size > 0 || selectionCount > 0;\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 * @deprecated in 4.15.0. Use {@link ToolbarItems} instead.\n */\nexport class SelectionContextToolDefinitions {\n  public static get isolateModelsInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateModel\",\n      iconSpec: 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: 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: 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: 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: 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: 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: svgAssetClassificationHide,\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: 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: svgVisibilitySemiTransparent,\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: 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/appui-react/settings/SettingsManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsManager.d.ts","sourceRoot":"","sources":["../../../src/appui-react/settings/SettingsManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EACV,gBAAgB,IAAI,iBAAiB,EACrC,oBAAoB,IAAI,qBAAqB,EAC9C,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAExE;;GAEG;AAEH,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAEjD;;;GAGG;AAEH,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,CAAC;AAEzD;;GAEG;AAEH,MAAM,MAAM,eAAe,GAAG,gBAAgB,CAAC;AAC/C,cAAc;AAEd,eAAO,MAAM,eAAe,yBAAmB,CAAC"}

package/lib/appui-react/settings/SettingsManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsManager.js","sourceRoot":"","sources":["../../../src/appui-react/settings/SettingsManager.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAMH,OAAO,EAAE,eAAe,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAoBxE,cAAc;AACd,oFAAoF;AACpF,MAAM,CAAC,MAAM,eAAe,GAAG,gBAAgB,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 type {\n  SettingsTabEntry as _SettingsTabEntry,\n  SettingsTabsProvider as _SettingsTabsProvider,\n} from \"@itwin/core-react\";\nimport { SettingsManager as _SettingsManager } from \"@itwin/core-react\";\n\n/** Interface used to populate a tab entry in the SettingContainer control\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport type SettingsTabEntry = _SettingsTabEntry;\n\n/** Setting Provider interface. Implemented by classes that want to supply settings pages for display in the SettingContainer. The\n * classes that implement this interface need to be registered with the [[SettingsManager]].\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport type SettingsTabsProvider = _SettingsTabsProvider;\n\n/** Settings Manager class. Hold registration of settings providers and supplies events for the provided settings pages to listen.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport type SettingsManager = _SettingsManager;\n/** @public */\n// eslint-disable-next-line @typescript-eslint/no-redeclare, deprecation/deprecation\nexport const SettingsManager = _SettingsManager;\n"]}

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

@@ -0,0 +1,27 @@
+/** @packageDocumentation
+ * @module Settings
+ */
+import "./QuantityFormat.scss";
+import * as React from "react";
+import type { QuantityTypeArg } from "@itwin/core-frontend";
+import type { UnitSystemKey } from "@itwin/core-quantity";
+import type { SettingsTabEntry } from "../SettingsManager.js";
+/** Options to initialize the settings page that allows users to set Quantity formatting overrides.
+ * @beta
+ */
+export interface QuantityFormatterSettingsOptions {
+    initialQuantityType: QuantityTypeArg;
+    availableUnitSystems: Set<UnitSystemKey>;
+}
+/**
+ * Return a SettingsTabEntry that can be used to define the available settings that can be set for an application.
+ * @param itemPriority - Used to define the order of the entry in the Settings Stage
+ * @param opts - Options to initialize the settings page that allows users to set Quantity formatting overrides.
+ * @beta
+ */
+export declare function getQuantityFormatsSettingsManagerEntry(itemPriority: number, opts?: Partial<QuantityFormatterSettingsOptions>): SettingsTabEntry;
+/** 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): React.JSX.Element;
+//# sourceMappingURL=QuantityFormat.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuantityFormat.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/settings/quantityformatting/QuantityFormat.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,sBAAsB,CAAC;AAM7E,OAAO,KAAK,EAGV,aAAa,EACd,MAAM,sBAAsB,CAAC;AAgB9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAO9D;;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,qBAkSlC"}

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

@@ -0,0 +1,194 @@
+/*---------------------------------------------------------------------------------------------
+ * 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
+ */
+import "./QuantityFormat.scss";
+import * as React from "react";
+import { DeepCompare } from "@itwin/core-geometry";
+import { getQuantityTypeKey, IModelApp, QuantityType, } from "@itwin/core-frontend";
+import { FormatSample, QuantityFormatPanel, } from "@itwin/imodel-components-react";
+import { Listbox, ListboxItem, useSaveBeforeActivatingNewSettingsTab, useSaveBeforeClosingSettingsContainer, } from "@itwin/core-react";
+import { UiFramework } from "../../UiFramework.js";
+import { UnitSystemSelector } from "./UnitSystemSelector.js";
+import { Button, Dialog } from "@itwin/itwinui-react";
+import { SvgMeasure } from "@itwin/itwinui-icons-react";
+import { useTranslation } from "../../hooks/useTranslation.js";
+function formatAreEqual(obj1, obj2) {
+    const compare = new DeepCompare();
+    return compare.compare(obj1, obj2);
+}
+/**
+ * Return a SettingsTabEntry that can be used to define the available settings that can be set for an application.
+ * @param itemPriority - Used to define the order of the entry in the Settings Stage
+ * @param opts - Options to initialize the settings page that allows users to set Quantity formatting overrides.
+ * @beta
+ */
+export function getQuantityFormatsSettingsManagerEntry(itemPriority, opts) {
+    const { availableUnitSystems, initialQuantityType } = { ...opts };
+    return {
+        itemPriority,
+        tabId: "uifw:Quantity",
+        label: UiFramework.translate("settings.quantity-formatting.label"),
+        subLabel: UiFramework.translate("settings.quantity-formatting.subLabel"),
+        page: (React.createElement(QuantityFormatSettingsPage, { initialQuantityType: initialQuantityType ?? QuantityType.Length, availableUnitSystems: availableUnitSystems ??
+                new Set(["metric", "imperial", "usCustomary", "usSurvey"]) })),
+        isDisabled: false,
+        icon: React.createElement(SvgMeasure, null),
+        tooltip: UiFramework.translate("settings.quantity-formatting.tooltip"),
+        pageWillHandleCloseRequest: true,
+    };
+}
+/** UI Component shown in settings page to set the active Presentation Unit System and to set format overrides.
+ * @beta
+ */
+export function QuantityFormatSettingsPage({ initialQuantityType, availableUnitSystems, }) {
+    const { translate } = useTranslation();
+    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)));
+    const [saveEnabled, setSaveEnabled] = React.useState(false);
+    const [clearEnabled, setClearEnabled] = React.useState(IModelApp.quantityFormatter.hasActiveOverride(initialQuantityType, true));
+    const newQuantityTypeRef = React.useRef();
+    React.useEffect(() => {
+        return IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.addListener(() => {
+            if (activeUnitSystemKey !== IModelApp.quantityFormatter.activeUnitSystem) {
+                setActiveUnitSystemKey(IModelApp.quantityFormatter.activeUnitSystem);
+                setActiveFormatterSpec(IModelApp.quantityFormatter.findFormatterSpecByQuantityType(activeQuantityType));
+                setSaveEnabled(false);
+                setClearEnabled(IModelApp.quantityFormatter.hasActiveOverride(activeQuantityType, true));
+            }
+        });
+    }, [activeQuantityType, activeUnitSystemKey]);
+    React.useEffect(() => {
+        return IModelApp.quantityFormatter.onQuantityFormatsChanged.addListener((args) => {
+            if (!newQuantityTypeRef.current) {
+                const quantityKey = IModelApp.quantityFormatter.getQuantityTypeKey(activeQuantityType);
+                if (args.quantityType === quantityKey) {
+                    setActiveFormatterSpec(IModelApp.quantityFormatter.findFormatterSpecByQuantityType(activeQuantityType));
+                    setSaveEnabled(false);
+                    setClearEnabled(IModelApp.quantityFormatter.hasActiveOverride(activeQuantityType, true));
+                }
+            }
+            newQuantityTypeRef.current = undefined;
+        });
+    }, [activeQuantityType]);
+    const saveChanges = React.useCallback((afterSaveFunction, args) => {
+        if (activeFormatterSpec) {
+            const formatProps = activeFormatterSpec.format.toJSON();
+            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;
+            }
+        }
+        afterSaveFunction(args);
+    }, [activeFormatterSpec, activeQuantityType]);
+    // eslint-disable-next-line deprecation/deprecation
+    useSaveBeforeActivatingNewSettingsTab(UiFramework.settingsManager, saveChanges);
+    // eslint-disable-next-line deprecation/deprecation
+    useSaveBeforeClosingSettingsContainer(UiFramework.settingsManager, saveChanges);
+    const processListboxValueChange = React.useCallback((newQuantityType) => {
+        const volumeFormatterSpec = IModelApp.quantityFormatter.findFormatterSpecByQuantityType(newQuantityType);
+        setActiveFormatterSpec(volumeFormatterSpec);
+        setActiveQuantityType(newQuantityType);
+        setSaveEnabled(false);
+        setClearEnabled(IModelApp.quantityFormatter.hasActiveOverride(newQuantityType, true));
+    }, []);
+    const onListboxValueChange = React.useCallback((newQuantityType) => {
+        if (activeFormatterSpec) {
+            const formatProps = activeFormatterSpec.format.toJSON();
+            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;
+            }
+        }
+        processListboxValueChange(newQuantityType);
+    }, [activeFormatterSpec, activeQuantityType, processListboxValueChange]);
+    const handleOnFormatChanged = React.useCallback(async (formatProps) => {
+        if (activeFormatterSpec) {
+            const newSpec = await IModelApp.quantityFormatter.generateFormatterSpecByType(activeQuantityType, formatProps);
+            const formatPropsInUse = IModelApp.quantityFormatter.getFormatPropsByQuantityType(activeQuantityType);
+            if (formatPropsInUse)
+                setSaveEnabled(!formatAreEqual(formatProps, formatPropsInUse));
+            setActiveFormatterSpec(newSpec);
+        }
+    }, [activeFormatterSpec, activeQuantityType]);
+    const handleOnFormatSave = React.useCallback(async () => {
+        if (activeFormatterSpec) {
+            const format = activeFormatterSpec.format.toJSON();
+            await IModelApp.quantityFormatter.setOverrideFormat(activeQuantityType, format);
+            setClearEnabled(true);
+        }
+    }, [activeFormatterSpec, activeQuantityType]);
+    const handleOnFormatReset = React.useCallback(async () => {
+        await IModelApp.quantityFormatter.clearOverrideFormats(activeQuantityType);
+        setClearEnabled(false);
+    }, [activeQuantityType]);
+    const processNewUnitSystem = React.useCallback(async (unitSystem) => {
+        await IModelApp.quantityFormatter.setActiveUnitSystem(unitSystem);
+    }, []);
+    const handleUnitSystemSelected = React.useCallback(async (unitSystem) => {
+        if (unitSystem === activeUnitSystemKey)
+            return;
+        saveChanges(processNewUnitSystem, unitSystem);
+    }, [activeUnitSystemKey, processNewUnitSystem, saveChanges]);
+    return (React.createElement("div", { className: "quantity-formatting-container" },
+        React.createElement(UnitSystemSelector, { selectedUnitSystemKey: activeUnitSystemKey, availableUnitSystems: availableUnitSystems, onUnitSystemSelected: handleUnitSystemSelected }),
+        React.createElement("span", { className: "uifw-quantity-format-section-label" }, translate("settings.quantity-formatting.formatSectionLabel")),
+        React.createElement("div", { className: "uifw-quantity-types-container" },
+            React.createElement("div", { className: "left-panel" },
+                React.createElement(Listbox, { id: "uifw-quantity-types-list", className: "uifw-quantity-types", onListboxValueChange: onListboxValueChange, selectedValue: activeQuantityType }, [...IModelApp.quantityFormatter.quantityTypesRegistry.keys()].map((key) => {
+                    const entry = IModelApp.quantityFormatter.quantityTypesRegistry.get(key);
+                    const description = entry.description;
+                    const label = entry.label;
+                    return (
+                    // eslint-disable-next-line deprecation/deprecation
+                    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 }, translate("settings.quantity-formatting.setButtonLabel")),
+                    React.createElement(Button, { styleType: "default", onClick: handleOnFormatReset, disabled: !clearEnabled }, translate("settings.quantity-formatting.clearButtonLabel")))))))));
+}
+function SaveFormatModalDialog({ formatProps, quantityType, onDialogCloseArgs, onDialogClose, }) {
+    const { translate } = useTranslation();
+    const [isOpen, setIsOpen] = React.useState(true);
+    const handleClose = React.useCallback(() => {
+        setIsOpen(false);
+        UiFramework.dialogs.modal.close();
+        onDialogClose && onDialogClose(onDialogCloseArgs);
+    }, [onDialogClose, onDialogCloseArgs]);
+    const handleOK = React.useCallback(() => {
+        void IModelApp.quantityFormatter.setOverrideFormat(quantityType, formatProps);
+        handleClose();
+    }, [formatProps, handleClose, quantityType]);
+    const handleCancel = React.useCallback(() => {
+        handleClose();
+    }, [handleClose]);
+    return (React.createElement(Dialog, { isOpen: isOpen, onClose: handleCancel, className: "uifw-settings-quantityFormatting-saveFormatModalDialog", closeOnEsc: true, closeOnExternalClick: true, preventDocumentScroll: true },
+        React.createElement(Dialog.Backdrop, null),
+        React.createElement(Dialog.Main, { style: { minWidth: 200, maxWidth: 400, minHeight: 150, maxHeight: 400 } },
+            React.createElement(Dialog.TitleBar, { titleText: "Save Format Changes" }),
+            React.createElement(Dialog.Content, null, "Do you want to save changes to format before changing to another type?"),
+            React.createElement(Dialog.ButtonBar, null,
+                React.createElement(Button, { styleType: "high-visibility", onClick: handleOK }, translate("dialog.yes")),
+                React.createElement(Button, { onClick: handleCancel }, translate("dialog.no"))))));
+}
+//# sourceMappingURL=QuantityFormat.js.map

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

@@ -0,0 +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 { QuantityTypeArg, QuantityTypeKey } 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 {\n  FormatSample,\n  QuantityFormatPanel,\n} from \"@itwin/imodel-components-react\";\nimport {\n  Listbox,\n  ListboxItem,\n  useSaveBeforeActivatingNewSettingsTab,\n  useSaveBeforeClosingSettingsContainer,\n} from \"@itwin/core-react\";\nimport { UiFramework } from \"../../UiFramework.js\";\nimport { UnitSystemSelector } from \"./UnitSystemSelector.js\";\nimport { Button, Dialog } from \"@itwin/itwinui-react\";\nimport { SvgMeasure } from \"@itwin/itwinui-icons-react\";\nimport { useTranslation } from \"../../hooks/useTranslation.js\";\nimport type { SettingsTabEntry } from \"../SettingsManager.js\";\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 { translate } = useTranslation();\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\n  React.useEffect(() => {\n    return IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.addListener(\n      () => {\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  }, [activeQuantityType, activeUnitSystemKey]);\n\n  React.useEffect(() => {\n    return IModelApp.quantityFormatter.onQuantityFormatsChanged.addListener(\n      (args) => {\n        if (!newQuantityTypeRef.current) {\n          const quantityKey =\n            IModelApp.quantityFormatter.getQuantityTypeKey(activeQuantityType);\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    );\n  }, [activeQuantityType]);\n\n  const saveChanges = React.useCallback(\n    (afterSaveFunction: (args: any) => void, args?: any) => {\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  // eslint-disable-next-line deprecation/deprecation\n  useSaveBeforeActivatingNewSettingsTab(\n    UiFramework.settingsManager,\n    saveChanges\n  );\n  // eslint-disable-next-line deprecation/deprecation\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      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      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        if (formatPropsInUse)\n          setSaveEnabled(!formatAreEqual(formatProps, formatPropsInUse));\n        setActiveFormatterSpec(newSpec);\n      }\n    },\n    [activeFormatterSpec, activeQuantityType]\n  );\n\n  const handleOnFormatSave = React.useCallback(async () => {\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        {translate(\"settings.quantity-formatting.formatSectionLabel\")}\n      </span>\n      <div className=\"uifw-quantity-types-container\">\n        <div className=\"left-panel\">\n          {/* eslint-disable-next-line deprecation/deprecation */}\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                  // eslint-disable-next-line deprecation/deprecation\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                  {translate(\"settings.quantity-formatting.setButtonLabel\")}\n                </Button>\n                <Button\n                  styleType=\"default\"\n                  onClick={handleOnFormatReset}\n                  disabled={!clearEnabled}\n                >\n                  {translate(\"settings.quantity-formatting.clearButtonLabel\")}\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 { translate } = useTranslation();\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      isOpen={isOpen}\n      onClose={handleCancel}\n      className=\"uifw-settings-quantityFormatting-saveFormatModalDialog\"\n      closeOnEsc\n      closeOnExternalClick\n      preventDocumentScroll\n    >\n      <Dialog.Backdrop />\n      <Dialog.Main\n        style={{ minWidth: 200, maxWidth: 400, minHeight: 150, maxHeight: 400 }}\n      >\n        <Dialog.TitleBar titleText={\"Save Format Changes\"} />\n        <Dialog.Content>\n          Do you want to save changes to format before changing to another type?\n        </Dialog.Content>\n        <Dialog.ButtonBar>\n          <Button styleType=\"high-visibility\" onClick={handleOK}>\n            {translate(\"dialog.yes\")}\n          </Button>\n          <Button onClick={handleCancel}>{translate(\"dialog.no\")}</Button>\n        </Dialog.ButtonBar>\n      </Dialog.Main>\n    </Dialog>\n  );\n}\n"]}