@itwin/appui-react 4.0.0-dev.3 → 4.0.0-dev.6

package/lib/cjs/appui-react/safearea/SafeAreaInsets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SafeAreaInsets.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/safearea/SafeAreaInsets.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,oBAAY,cAAc;IACxB,MAAM,IAAS;IACf,IAAI,IAAS;IACb,KAAK,IAAS;IACd,GAAG,IAAS;IACZ,GAAG,KAA0F;CAC9F"}
+{"version":3,"file":"SafeAreaInsets.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/safearea/SafeAreaInsets.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,cAAc,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAInF;;GAEG;AACH,oBAAY,cAAc,GAAG,oBAAoB,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,cAAc,6BAAuB,CAAC"}

package/lib/cjs/appui-react/safearea/SafeAreaInsets.js

@@ -8,15 +8,9 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SafeAreaInsets = void 0;
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
 /** Describes available safe area insets.
- * @public
+ * @beta
  */
-var SafeAreaInsets;
-(function (SafeAreaInsets) {
-    SafeAreaInsets[SafeAreaInsets["Bottom"] = 1] = "Bottom";
-    SafeAreaInsets[SafeAreaInsets["Left"] = 2] = "Left";
-    SafeAreaInsets[SafeAreaInsets["Right"] = 4] = "Right";
-    SafeAreaInsets[SafeAreaInsets["Top"] = 8] = "Top";
-    SafeAreaInsets[SafeAreaInsets["All"] = 15] = "All";
-})(SafeAreaInsets = exports.SafeAreaInsets || (exports.SafeAreaInsets = {}));
+exports.SafeAreaInsets = appui_layout_react_1.SafeAreaInsets; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation
 //# sourceMappingURL=SafeAreaInsets.js.map

package/lib/cjs/appui-react/safearea/SafeAreaInsets.js.map

@@ -1 +1 @@
-{"version":3,"file":"SafeAreaInsets.js","sourceRoot":"","sources":["../../../../src/appui-react/safearea/SafeAreaInsets.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;GAEG;AACH,IAAY,cAMX;AAND,WAAY,cAAc;IACxB,uDAAe,CAAA;IACf,mDAAa,CAAA;IACb,qDAAc,CAAA;IACd,iDAAY,CAAA;IACZ,kDAA6F,CAAA;AAC/F,CAAC,EANW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAMzB","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Utilities\r\n */\r\n\r\n/** Describes available safe area insets.\r\n * @public\r\n */\r\nexport enum SafeAreaInsets {\r\n  Bottom = 1 << 0,\r\n  Left = 1 << 1,\r\n  Right = 1 << 2,\r\n  Top = 1 << 3,\r\n  All = SafeAreaInsets.Bottom | SafeAreaInsets.Left | SafeAreaInsets.Right | SafeAreaInsets.Top,\r\n}\r\n"]}
+{"version":3,"file":"SafeAreaInsets.js","sourceRoot":"","sources":["../../../../src/appui-react/safearea/SafeAreaInsets.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,kEAAmF;AASnF;;GAEG;AACU,QAAA,cAAc,GAAG,mCAAoB,CAAC,CAAC,+EAA+E","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Utilities\r\n */\r\n\r\nimport { SafeAreaInsets as LayoutSafeAreaInsets } from \"@itwin/appui-layout-react\";\r\n\r\n// Re-export `SafeAreaInsets` enum in a non-breaking way to deprecate it in an `appui-layout-react` package.\r\n\r\n/** Describes available safe area insets.\r\n * @beta\r\n */\r\nexport type SafeAreaInsets = LayoutSafeAreaInsets; // eslint-disable-line deprecation/deprecation\r\n\r\n/** Describes available safe area insets.\r\n * @beta\r\n */\r\nexport const SafeAreaInsets = LayoutSafeAreaInsets; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation\r\n"]}

package/lib/cjs/appui-react/selection/ClearEmphasisStatusField.d.ts

@@ -0,0 +1,18 @@
+/** @packageDocumentation
+ * @module StatusBar
+ */
+/// <reference types="react" />
+import { StatusFieldProps } from "../statusfields/StatusFieldProps";
+/** Clear Emphasis StatusField Props
+ * @beta
+ */
+interface ClearEmphasisStatusFieldProps extends StatusFieldProps {
+    hideWhenUnused?: boolean;
+}
+/** Clear Emphasis StatusField
+ * @beta
+ * @deprecated in 3.0. Use clear emphasis tool button option instead.
+ */
+export declare function ClearEmphasisStatusField(props: ClearEmphasisStatusFieldProps): JSX.Element;
+export {};
+//# sourceMappingURL=ClearEmphasisStatusField.d.ts.map

package/lib/cjs/appui-react/selection/ClearEmphasisStatusField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearEmphasisStatusField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/selection/ClearEmphasisStatusField.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAOH,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAIpE;;GAEG;AACH,UAAU,6BAA8B,SAAQ,gBAAgB;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,eA0C5E"}

package/lib/cjs/appui-react/selection/ClearEmphasisStatusField.js

@@ -0,0 +1,57 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClearEmphasisStatusField = void 0;
+// cSpell:ignore statusfields
+const React = require("react");
+const useActiveViewport_1 = require("../hooks/useActiveViewport");
+const Indicator_1 = require("../statusfields/Indicator");
+const UiFramework_1 = require("../UiFramework");
+const HideIsolateEmphasizeManager_1 = require("./HideIsolateEmphasizeManager");
+/** Clear Emphasis StatusField
+ * @beta
+ * @deprecated in 3.0. Use clear emphasis tool button option instead.
+ */
+function ClearEmphasisStatusField(props) {
+    var _a;
+    const [toolTip] = React.useState(UiFramework_1.UiFramework.translate("tools.clearVisibility"));
+    const activeViewport = (0, useActiveViewport_1.useActiveViewport)();
+    const [showIndicator, setShowIndicator] = React.useState(false);
+    React.useEffect(() => {
+        // istanbul ignore next
+        const onEmphasizeChange = () => {
+            // istanbul ignore next
+            const hasEmphasizeElements = !!activeViewport && UiFramework_1.UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(activeViewport);
+            setShowIndicator(hasEmphasizeElements || !props.hideWhenUnused);
+        };
+        // istanbul ignore next
+        setShowIndicator((!!activeViewport && UiFramework_1.UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(activeViewport)) || !props.hideWhenUnused);
+        HideIsolateEmphasizeManager_1.HideIsolateEmphasizeActionHandler.emphasizeElementsChanged.addListener(onEmphasizeChange);
+        // istanbul ignore if
+        if (activeViewport)
+            activeViewport.onFeatureOverridesChanged.addListener(onEmphasizeChange);
+        return () => {
+            // istanbul ignore if
+            if (activeViewport)
+                activeViewport.onFeatureOverridesChanged.removeListener(onEmphasizeChange);
+            HideIsolateEmphasizeManager_1.HideIsolateEmphasizeActionHandler.emphasizeElementsChanged.removeListener(onEmphasizeChange);
+        };
+    }, [activeViewport, props.hideWhenUnused]);
+    const classes = (showIndicator) ? "uifw-indicator-fade-in" : "uifw-indicator-fade-out";
+    // istanbul ignore next
+    const clearEmphasize = async () => {
+        await UiFramework_1.UiFramework.hideIsolateEmphasizeActionHandler.processClearEmphasize();
+    };
+    return (React.createElement(Indicator_1.Indicator, { toolTip: toolTip, className: classes, opened: false, onClick: clearEmphasize, iconName: "icon-visibility" // eslint-disable-line deprecation/deprecation
+        , 
+        // eslint-disable-next-line deprecation/deprecation
+        isInFooterMode: (_a = props.isInFooterMode) !== null && _a !== void 0 ? _a : true }));
+}
+exports.ClearEmphasisStatusField = ClearEmphasisStatusField;
+//# sourceMappingURL=ClearEmphasisStatusField.js.map

package/lib/cjs/appui-react/selection/ClearEmphasisStatusField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearEmphasisStatusField.js","sourceRoot":"","sources":["../../../../src/appui-react/selection/ClearEmphasisStatusField.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,6BAA6B;AAE7B,+BAA+B;AAC/B,kEAA+D;AAC/D,yDAAsD;AAEtD,gDAA6C;AAC7C,+EAAkF;AASlF;;;GAGG;AACH,SAAgB,wBAAwB,CAAC,KAAoC;;IAC3E,MAAM,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,yBAAW,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC;IACjF,MAAM,cAAc,GAAG,IAAA,qCAAiB,GAAE,CAAC;IAC3C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,MAAM,iBAAiB,GAAG,GAAG,EAAE;YAC7B,uBAAuB;YACvB,MAAM,oBAAoB,GAAG,CAAC,CAAC,cAAc,IAAI,yBAAW,CAAC,iCAAiC,CAAC,yBAAyB,CAAC,cAAc,CAAC,CAAC;YACzI,gBAAgB,CAAC,oBAAoB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAClE,CAAC,CAAC;QAEF,uBAAuB;QACvB,gBAAgB,CAAC,CAAC,CAAC,CAAC,cAAc,IAAI,yBAAW,CAAC,iCAAiC,CAAC,yBAAyB,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAEzJ,+DAAiC,CAAC,wBAAwB,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QAC1F,qBAAqB;QACrB,IAAI,cAAc;YAChB,cAAc,CAAC,yBAAyB,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QAE1E,OAAO,GAAG,EAAE;YACV,qBAAqB;YACrB,IAAI,cAAc;gBAChB,cAAc,CAAC,yBAAyB,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;YAE7E,+DAAiC,CAAC,wBAAwB,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;QAC/F,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAE3C,MAAM,OAAO,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,yBAAyB,CAAC;IAEvF,uBAAuB;IACvB,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;QAChC,MAAM,yBAAW,CAAC,iCAAiC,CAAC,qBAAqB,EAAE,CAAC;IAC9E,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,qBAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAC,iBAAiB,CAAC,8CAA8C;;QAChK,mDAAmD;QACnD,cAAc,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,IAAI,GAAI,CACnD,CAAC;AACJ,CAAC;AA1CD,4DA0CC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\n// cSpell:ignore statusfields\r\n\r\nimport * as React from \"react\";\r\nimport { useActiveViewport } from \"../hooks/useActiveViewport\";\r\nimport { Indicator } from \"../statusfields/Indicator\";\r\nimport { StatusFieldProps } from \"../statusfields/StatusFieldProps\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { HideIsolateEmphasizeActionHandler } from \"./HideIsolateEmphasizeManager\";\r\n\r\n/** Clear Emphasis StatusField Props\r\n * @beta\r\n */\r\ninterface ClearEmphasisStatusFieldProps extends StatusFieldProps {\r\n  hideWhenUnused?: boolean;\r\n}\r\n\r\n/** Clear Emphasis StatusField\r\n * @beta\r\n * @deprecated in 3.0. Use clear emphasis tool button option instead.\r\n */\r\nexport function ClearEmphasisStatusField(props: ClearEmphasisStatusFieldProps) {\r\n  const [toolTip] = React.useState(UiFramework.translate(\"tools.clearVisibility\"));\r\n  const activeViewport = useActiveViewport();\r\n  const [showIndicator, setShowIndicator] = React.useState(false);\r\n\r\n  React.useEffect(() => {\r\n    // istanbul ignore next\r\n    const onEmphasizeChange = () => {\r\n      // istanbul ignore next\r\n      const hasEmphasizeElements = !!activeViewport && UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(activeViewport);\r\n      setShowIndicator(hasEmphasizeElements || !props.hideWhenUnused);\r\n    };\r\n\r\n    // istanbul ignore next\r\n    setShowIndicator((!!activeViewport && UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(activeViewport)) || !props.hideWhenUnused);\r\n\r\n    HideIsolateEmphasizeActionHandler.emphasizeElementsChanged.addListener(onEmphasizeChange);\r\n    // istanbul ignore if\r\n    if (activeViewport)\r\n      activeViewport.onFeatureOverridesChanged.addListener(onEmphasizeChange);\r\n\r\n    return () => {\r\n      // istanbul ignore if\r\n      if (activeViewport)\r\n        activeViewport.onFeatureOverridesChanged.removeListener(onEmphasizeChange);\r\n\r\n      HideIsolateEmphasizeActionHandler.emphasizeElementsChanged.removeListener(onEmphasizeChange);\r\n    };\r\n  }, [activeViewport, props.hideWhenUnused]);\r\n\r\n  const classes = (showIndicator) ? \"uifw-indicator-fade-in\" : \"uifw-indicator-fade-out\";\r\n\r\n  // istanbul ignore next\r\n  const clearEmphasize = async () => {\r\n    await UiFramework.hideIsolateEmphasizeActionHandler.processClearEmphasize();\r\n  };\r\n\r\n  return (\r\n    <Indicator toolTip={toolTip} className={classes} opened={false} onClick={clearEmphasize} iconName=\"icon-visibility\" // eslint-disable-line deprecation/deprecation\r\n      // eslint-disable-next-line deprecation/deprecation\r\n      isInFooterMode={props.isInFooterMode ?? true} />\r\n  );\r\n}\r\n"]}

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

@@ -1 +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;AAGhE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIpD;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,MAAM,EAAE,CAEzD;AAED;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,MAAM,EAAE,CAE1D;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,OAAO,CAY7C;AAED;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,OAAO,CAOrD;AAED;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,uBAAuB,CAE7E;AAED;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,uBAAuB,CAEzE;AAED;;GAEG;AAEH,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,aAAa,CAS7F;AAED;;GAEG;AAEH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,aAAa,CAWvF;AAED;;GAEG;AAEH,qBAAa,+BAA+B;IAE1C,WAAkB,+BAA+B,mBAOhD;IAED,WAAkB,mCAAmC,mBAOpD;IAED,WAAkB,sBAAsB,mBAQvC;IAED,WAAkB,yBAAyB,iBAS1C;IAED,WAAkB,4BAA4B,mBAO7C;IAED,WAAkB,gCAAgC,mBAOjD;IAED,WAAkB,mBAAmB,mBAQpC;IAED,WAAkB,oBAAoB,iBASrC;IAED,WAAkB,wBAAwB,mBAQzC;IAED,WAAkB,wCAAwC,mBAYzD;CAEF"}
+{"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;AAGhE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIpD;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,MAAM,EAAE,CAEzD;AAED;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,MAAM,EAAE,CAE1D;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,OAAO,CAY7C;AAED;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,OAAO,CAOrD;AAED;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,uBAAuB,CAE7E;AAED;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,uBAAuB,CAEzE;AAED;;GAEG;AAEH,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,aAAa,CAS7F;AAED;;GAEG;AAEH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,aAAa,CAWvF;AAED;;GAEG;AAEH,qBAAa,+BAA+B;IAE1C,WAAkB,+BAA+B,mBAOhD;IAED,WAAkB,mCAAmC,mBAOpD;IAED,WAAkB,sBAAsB,mBAUvC;IAED,WAAkB,yBAAyB,iBAW1C;IAED,WAAkB,4BAA4B,mBAO7C;IAED,WAAkB,gCAAgC,mBAOjD;IAED,WAAkB,mBAAmB,mBAUpC;IAED,WAAkB,oBAAoB,iBAWrC;IAED,WAAkB,wBAAwB,mBAUzC;IAED,WAAkB,wCAAwC,mBAczD;CAEF"}

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

@@ -125,6 +125,8 @@ class SelectionContextToolDefinitions {
             commandId: "UiFramework.IsolateSelected",
             iconSpec: "icon-asset-isolate",
             labelKey: "UiFramework:tools.isolateSelected",
+            stateSyncIds: getSelectionContextSyncEventIds(),
+            stateFunc: selectionContextStateFunc,
             isHidden: getIsHiddenIfSelectionNotActive(),
             execute: async () => UiFramework_1.UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelected(),
         });
@@ -134,6 +136,8 @@ class SelectionContextToolDefinitions {
             groupId: "UiFramework.IsolateSelectionGroup",
             labelKey: "UiFramework:tools.isolate",
             iconSpec: "icon-isolate",
+            stateSyncIds: getSelectionContextSyncEventIds(),
+            stateFunc: selectionContextStateFunc,
             isHidden: getIsHiddenIfSelectionNotActive(),
             items: [this.isolateElementsItemDef, this.isolateCategoriesInSelectionItemDef, this.isolateModelsInSelectionItemDef],
             itemsInColumn: 3,
@@ -161,6 +165,8 @@ class SelectionContextToolDefinitions {
             iconSpec: "icon-asset-classification-hide",
             labelKey: "UiFramework:tools.hideSelected",
             isHidden: getIsHiddenIfSelectionNotActive(),
+            stateSyncIds: getSelectionContextSyncEventIds(),
+            stateFunc: selectionContextStateFunc,
             execute: async () => UiFramework_1.UiFramework.hideIsolateEmphasizeActionHandler.processHideSelected(),
         });
     }
@@ -170,6 +176,8 @@ class SelectionContextToolDefinitions {
             labelKey: "UiFramework:tools.hide",
             iconSpec: "icon-visibility-hide-2",
             isHidden: getIsHiddenIfSelectionNotActive(),
+            stateSyncIds: getSelectionContextSyncEventIds(),
+            stateFunc: selectionContextStateFunc,
             items: [this.hideElementsItemDef, this.hideCategoriesInSelectionItemDef, this.hideModelsInSelectionItemDef],
             itemsInColumn: 3,
         });
@@ -180,6 +188,8 @@ class SelectionContextToolDefinitions {
             iconSpec: "icon-visibility-semi-transparent",
             labelKey: "UiFramework:tools.emphasizeSelected",
             isHidden: getIsHiddenIfSelectionNotActive(),
+            stateSyncIds: getSelectionContextSyncEventIds(),
+            stateFunc: selectionContextStateFunc,
             execute: async () => UiFramework_1.UiFramework.hideIsolateEmphasizeActionHandler.processEmphasizeSelected(),
         });
     }
@@ -189,6 +199,8 @@ class SelectionContextToolDefinitions {
             iconSpec: "icon-visibility",
             labelKey: "UiFramework:tools.clearVisibility",
             isHidden: getIsHiddenIfFeatureOverridesActive(),
+            stateSyncIds: getFeatureOverrideSyncEventIds(),
+            stateFunc: featureOverridesActiveStateFunc,
             execute: async () => {
                 await UiFramework_1.UiFramework.hideIsolateEmphasizeActionHandler.processClearEmphasize();
                 await UiFramework_1.UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideModels();

package/lib/cjs/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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Tools\r\n */\r\n\r\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\r\nimport { ContentViewManager } from \"../content/ContentViewManager\";\r\nimport { SessionStateActionId } from \"../redux/SessionState\";\r\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\r\nimport { BaseItemState } from \"../shared/ItemDefBase\";\r\nimport { SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { GroupItemDef } from \"../toolbar/GroupItem\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { HideIsolateEmphasizeActionHandler } from \"./HideIsolateEmphasizeManager\";\r\n\r\n/** return SyncEventIds that trigger selection state function refresh.\r\n * @beta\r\n */\r\nexport function getFeatureOverrideSyncEventIds(): string[] {\r\n  return [SyncUiEventId.ActiveContentChanged, SyncUiEventId.ActiveViewportChanged, HideIsolateEmphasizeActionHandler.hideIsolateEmphasizeUiSyncId];\r\n}\r\n\r\n/** return SyncEventIds that trigger selection state function refresh.\r\n * @beta\r\n */\r\nexport function getSelectionContextSyncEventIds(): string[] {\r\n  return [SyncUiEventId.SelectionSetChanged, SyncUiEventId.ActiveContentChanged, SyncUiEventId.ActiveViewportChanged, SessionStateActionId.SetNumItemsSelected];\r\n}\r\n\r\n/** return SyncEventIds that trigger selection state function refresh.\r\n * @beta\r\n */\r\nexport function isNoSelectionActive(): boolean {\r\n  const activeContentControl = ContentViewManager.getActiveContentControl();\r\n  let selectionCount = 0;\r\n  // istanbul ignore if\r\n  if (!UiFramework.frameworkStateKey)\r\n    selectionCount = UiFramework.store.getState()[UiFramework.frameworkStateKey].frameworkState.sessionState.numItemsSelected;\r\n\r\n  // istanbul ignore if\r\n  if (activeContentControl && /* istanbul ignore next */ activeContentControl.viewport\r\n    && (/* istanbul ignore next */ activeContentControl.viewport.view.iModel.selectionSet.size > 0 || /* istanbul ignore next */ selectionCount > 0))\r\n    return false;\r\n  return true;\r\n}\r\n\r\n/** return ConditionalBooleanValue object used to show items if selection set is active.\r\n * @beta\r\n */\r\nexport function areNoFeatureOverridesActive(): boolean {\r\n  const activeContentControl = ContentViewManager.getActiveContentControl();\r\n  // istanbul ignore next\r\n  if (activeContentControl && activeContentControl.viewport)\r\n    return !UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(activeContentControl.viewport);\r\n\r\n  return true;\r\n}\r\n\r\n/** return ConditionalBooleanValue object used to show item if feature overrides are active.\r\n * @beta\r\n */\r\nexport function getIsHiddenIfFeatureOverridesActive(): ConditionalBooleanValue {\r\n  return new ConditionalBooleanValue(areNoFeatureOverridesActive, getFeatureOverrideSyncEventIds());\r\n}\r\n\r\n/** return ConditionalBooleanValue object used to show items if selection set is active.\r\n * @beta\r\n */\r\nexport function getIsHiddenIfSelectionNotActive(): ConditionalBooleanValue {\r\n  return new ConditionalBooleanValue(isNoSelectionActive, getSelectionContextSyncEventIds());\r\n}\r\n\r\n/** return state with isVisible set to true is SectionSet is active.\r\n * @beta\r\n */\r\n// istanbul ignore next\r\nexport function featureOverridesActiveStateFunc(state: Readonly<BaseItemState>): BaseItemState {\r\n  const activeContentControl = ContentViewManager.getActiveContentControl();\r\n  let isVisible = false;\r\n\r\n  // istanbul ignore next\r\n  if (activeContentControl && activeContentControl.viewport)\r\n    isVisible = UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(activeContentControl.viewport);\r\n\r\n  return { ...state, isVisible };\r\n}\r\n\r\n/** return state with isVisible set to true is SectionSet is active.\r\n * @beta\r\n */\r\n// istanbul ignore next\r\nexport function selectionContextStateFunc(state: Readonly<BaseItemState>): BaseItemState {\r\n  const activeContentControl = ContentViewManager.getActiveContentControl();\r\n  let isVisible = false;\r\n\r\n  let selectionCount = 0;\r\n  if (!UiFramework.frameworkStateKey)\r\n    selectionCount = UiFramework.store.getState()[UiFramework.frameworkStateKey].frameworkState.sessionState.numItemsSelected;\r\n\r\n  if (activeContentControl && activeContentControl.viewport && (activeContentControl.viewport.view.iModel.selectionSet.size > 0 || selectionCount > 0))\r\n    isVisible = true;\r\n  return { ...state, isVisible };\r\n}\r\n\r\n/** Utility Class that provides definitions for tools dependent on current selection. These definitions can be used to populate toolbars.\r\n * @public\r\n */\r\n// istanbul ignore next\r\nexport class SelectionContextToolDefinitions {\r\n\r\n  public static get isolateModelsInSelectionItemDef() {\r\n    return new CommandItemDef({\r\n      commandId: \"UiFramework.IsolateModel\",\r\n      iconSpec: \"icon-model-isolate\",\r\n      labelKey: \"UiFramework:tools.isolateModels\",\r\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsModel(),\r\n    });\r\n  }\r\n\r\n  public static get isolateCategoriesInSelectionItemDef() {\r\n    return new CommandItemDef({\r\n      commandId: \"UiFramework.IsolateCategory\",\r\n      iconSpec: \"icon-layers-isolate\",\r\n      labelKey: \"UiFramework:tools.isolateCategories\",\r\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsCategory(),\r\n    });\r\n  }\r\n\r\n  public static get isolateElementsItemDef() {\r\n    return new CommandItemDef({\r\n      commandId: \"UiFramework.IsolateSelected\",\r\n      iconSpec: \"icon-asset-isolate\",\r\n      labelKey: \"UiFramework:tools.isolateSelected\",\r\n      isHidden: getIsHiddenIfSelectionNotActive(),\r\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelected(),\r\n    });\r\n  }\r\n\r\n  public static get isolateSelectionToolGroup() {\r\n    return new GroupItemDef({\r\n      groupId: \"UiFramework.IsolateSelectionGroup\",\r\n      labelKey: \"UiFramework:tools.isolate\",\r\n      iconSpec: \"icon-isolate\",\r\n      isHidden: getIsHiddenIfSelectionNotActive(),\r\n      items: [this.isolateElementsItemDef, this.isolateCategoriesInSelectionItemDef, this.isolateModelsInSelectionItemDef],\r\n      itemsInColumn: 3,\r\n    });\r\n  }\r\n\r\n  public static get hideModelsInSelectionItemDef() {\r\n    return new CommandItemDef({\r\n      commandId: \"UiFramework.HideModel\",\r\n      iconSpec: \"icon-model-hide\",\r\n      labelKey: \"UiFramework:tools.hideModels\",\r\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsModel(),\r\n    });\r\n  }\r\n\r\n  public static get hideCategoriesInSelectionItemDef() {\r\n    return new CommandItemDef({\r\n      commandId: \"UiFramework.HideCategory\",\r\n      iconSpec: \"icon-layers-hide\",\r\n      labelKey: \"UiFramework:tools.hideCategories\",\r\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsCategory(),\r\n    });\r\n  }\r\n\r\n  public static get hideElementsItemDef() {\r\n    return new CommandItemDef({\r\n      commandId: \"UiFramework.HideSelected\",\r\n      iconSpec: \"icon-asset-classification-hide\",\r\n      labelKey: \"UiFramework:tools.hideSelected\",\r\n      isHidden: getIsHiddenIfSelectionNotActive(),\r\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processHideSelected(),\r\n    });\r\n  }\r\n\r\n  public static get hideSectionToolGroup() {\r\n    return new GroupItemDef({\r\n      groupId: \"UiFramework.HideSelectionGroup\",\r\n      labelKey: \"UiFramework:tools.hide\",\r\n      iconSpec: \"icon-visibility-hide-2\",\r\n      isHidden: getIsHiddenIfSelectionNotActive(),\r\n      items: [this.hideElementsItemDef, this.hideCategoriesInSelectionItemDef, this.hideModelsInSelectionItemDef],\r\n      itemsInColumn: 3,\r\n    });\r\n  }\r\n\r\n  public static get emphasizeElementsItemDef() {\r\n    return new CommandItemDef({\r\n      commandId: \"UiFramework.EmphasizeSelected\",\r\n      iconSpec: \"icon-visibility-semi-transparent\",\r\n      labelKey: \"UiFramework:tools.emphasizeSelected\",\r\n      isHidden: getIsHiddenIfSelectionNotActive(),\r\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processEmphasizeSelected(),\r\n    });\r\n  }\r\n\r\n  public static get clearHideIsolateEmphasizeElementsItemDef() {\r\n    return new CommandItemDef({\r\n      commandId: \"UiFramework.ClearHideIsolateEmphasize\",\r\n      iconSpec: \"icon-visibility\",\r\n      labelKey: \"UiFramework:tools.clearVisibility\",\r\n      isHidden: getIsHiddenIfFeatureOverridesActive(),\r\n      execute: async () => {\r\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearEmphasize();\r\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideModels();\r\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideCategories();\r\n      },\r\n    });\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"SelectionContextItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/selection/SelectionContextItemDef.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Tools\r\n */\r\n\r\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\r\nimport { ContentViewManager } from \"../content/ContentViewManager\";\r\nimport { SessionStateActionId } from \"../redux/SessionState\";\r\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\r\nimport { BaseItemState } from \"../shared/ItemDefBase\";\r\nimport { SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { GroupItemDef } from \"../toolbar/GroupItem\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { HideIsolateEmphasizeActionHandler } from \"./HideIsolateEmphasizeManager\";\r\n\r\n/** return SyncEventIds that trigger selection state function refresh.\r\n * @beta\r\n */\r\nexport function getFeatureOverrideSyncEventIds(): string[] {\r\n  return [SyncUiEventId.ActiveContentChanged, SyncUiEventId.ActiveViewportChanged, HideIsolateEmphasizeActionHandler.hideIsolateEmphasizeUiSyncId];\r\n}\r\n\r\n/** return SyncEventIds that trigger selection state function refresh.\r\n * @beta\r\n */\r\nexport function getSelectionContextSyncEventIds(): string[] {\r\n  return [SyncUiEventId.SelectionSetChanged, SyncUiEventId.ActiveContentChanged, SyncUiEventId.ActiveViewportChanged, SessionStateActionId.SetNumItemsSelected];\r\n}\r\n\r\n/** return SyncEventIds that trigger selection state function refresh.\r\n * @beta\r\n */\r\nexport function isNoSelectionActive(): boolean {\r\n  const activeContentControl = ContentViewManager.getActiveContentControl();\r\n  let selectionCount = 0;\r\n  // istanbul ignore if\r\n  if (!UiFramework.frameworkStateKey)\r\n    selectionCount = UiFramework.store.getState()[UiFramework.frameworkStateKey].frameworkState.sessionState.numItemsSelected;\r\n\r\n  // istanbul ignore if\r\n  if (activeContentControl && /* istanbul ignore next */ activeContentControl.viewport\r\n    && (/* istanbul ignore next */ activeContentControl.viewport.view.iModel.selectionSet.size > 0 || /* istanbul ignore next */ selectionCount > 0))\r\n    return false;\r\n  return true;\r\n}\r\n\r\n/** return ConditionalBooleanValue object used to show items if selection set is active.\r\n * @beta\r\n */\r\nexport function areNoFeatureOverridesActive(): boolean {\r\n  const activeContentControl = ContentViewManager.getActiveContentControl();\r\n  // istanbul ignore next\r\n  if (activeContentControl && activeContentControl.viewport)\r\n    return !UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(activeContentControl.viewport);\r\n\r\n  return true;\r\n}\r\n\r\n/** return ConditionalBooleanValue object used to show item if feature overrides are active.\r\n * @beta\r\n */\r\nexport function getIsHiddenIfFeatureOverridesActive(): ConditionalBooleanValue {\r\n  return new ConditionalBooleanValue(areNoFeatureOverridesActive, getFeatureOverrideSyncEventIds());\r\n}\r\n\r\n/** return ConditionalBooleanValue object used to show items if selection set is active.\r\n * @beta\r\n */\r\nexport function getIsHiddenIfSelectionNotActive(): ConditionalBooleanValue {\r\n  return new ConditionalBooleanValue(isNoSelectionActive, getSelectionContextSyncEventIds());\r\n}\r\n\r\n/** return state with isVisible set to true is SectionSet is active.\r\n * @beta\r\n */\r\n// istanbul ignore next\r\nexport function featureOverridesActiveStateFunc(state: Readonly<BaseItemState>): BaseItemState {\r\n  const activeContentControl = ContentViewManager.getActiveContentControl();\r\n  let isVisible = false;\r\n\r\n  // istanbul ignore next\r\n  if (activeContentControl && activeContentControl.viewport)\r\n    isVisible = UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(activeContentControl.viewport);\r\n\r\n  return { ...state, isVisible };\r\n}\r\n\r\n/** return state with isVisible set to true is SectionSet is active.\r\n * @beta\r\n */\r\n// istanbul ignore next\r\nexport function selectionContextStateFunc(state: Readonly<BaseItemState>): BaseItemState {\r\n  const activeContentControl = ContentViewManager.getActiveContentControl();\r\n  let isVisible = false;\r\n\r\n  let selectionCount = 0;\r\n  if (!UiFramework.frameworkStateKey)\r\n    selectionCount = UiFramework.store.getState()[UiFramework.frameworkStateKey].frameworkState.sessionState.numItemsSelected;\r\n\r\n  if (activeContentControl && activeContentControl.viewport && (activeContentControl.viewport.view.iModel.selectionSet.size > 0 || selectionCount > 0))\r\n    isVisible = true;\r\n  return { ...state, isVisible };\r\n}\r\n\r\n/** Utility Class that provides definitions for tools dependent on current selection. These definitions can be used to populate toolbars.\r\n * @public\r\n */\r\n// istanbul ignore next\r\nexport class SelectionContextToolDefinitions {\r\n\r\n  public static get isolateModelsInSelectionItemDef() {\r\n    return new CommandItemDef({\r\n      commandId: \"UiFramework.IsolateModel\",\r\n      iconSpec: \"icon-model-isolate\",\r\n      labelKey: \"UiFramework:tools.isolateModels\",\r\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsModel(),\r\n    });\r\n  }\r\n\r\n  public static get isolateCategoriesInSelectionItemDef() {\r\n    return new CommandItemDef({\r\n      commandId: \"UiFramework.IsolateCategory\",\r\n      iconSpec: \"icon-layers-isolate\",\r\n      labelKey: \"UiFramework:tools.isolateCategories\",\r\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsCategory(),\r\n    });\r\n  }\r\n\r\n  public static get isolateElementsItemDef() {\r\n    return new CommandItemDef({\r\n      commandId: \"UiFramework.IsolateSelected\",\r\n      iconSpec: \"icon-asset-isolate\",\r\n      labelKey: \"UiFramework:tools.isolateSelected\",\r\n      stateSyncIds: getSelectionContextSyncEventIds(), /* only here to support AppUi 1, setting isHidden is the AppUi 2 way */\r\n      stateFunc: selectionContextStateFunc, /* only here to support AppUi 1, setting isHidden is the AppUi 2 way */\r\n      isHidden: getIsHiddenIfSelectionNotActive(),\r\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelected(),\r\n    });\r\n  }\r\n\r\n  public static get isolateSelectionToolGroup() {\r\n    return new GroupItemDef({\r\n      groupId: \"UiFramework.IsolateSelectionGroup\",\r\n      labelKey: \"UiFramework:tools.isolate\",\r\n      iconSpec: \"icon-isolate\",\r\n      stateSyncIds: getSelectionContextSyncEventIds(), /* only here to support AppUi 1, setting isHidden is the AppUi 2 way */\r\n      stateFunc: selectionContextStateFunc, /* only here to support AppUi 1, setting isHidden is the AppUi 2 way */\r\n      isHidden: getIsHiddenIfSelectionNotActive(),\r\n      items: [this.isolateElementsItemDef, this.isolateCategoriesInSelectionItemDef, this.isolateModelsInSelectionItemDef],\r\n      itemsInColumn: 3,\r\n    });\r\n  }\r\n\r\n  public static get hideModelsInSelectionItemDef() {\r\n    return new CommandItemDef({\r\n      commandId: \"UiFramework.HideModel\",\r\n      iconSpec: \"icon-model-hide\",\r\n      labelKey: \"UiFramework:tools.hideModels\",\r\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsModel(),\r\n    });\r\n  }\r\n\r\n  public static get hideCategoriesInSelectionItemDef() {\r\n    return new CommandItemDef({\r\n      commandId: \"UiFramework.HideCategory\",\r\n      iconSpec: \"icon-layers-hide\",\r\n      labelKey: \"UiFramework:tools.hideCategories\",\r\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsCategory(),\r\n    });\r\n  }\r\n\r\n  public static get hideElementsItemDef() {\r\n    return new CommandItemDef({\r\n      commandId: \"UiFramework.HideSelected\",\r\n      iconSpec: \"icon-asset-classification-hide\",\r\n      labelKey: \"UiFramework:tools.hideSelected\",\r\n      isHidden: getIsHiddenIfSelectionNotActive(),\r\n      stateSyncIds: getSelectionContextSyncEventIds(), /* only here to support AppUi 1, setting isHidden is the AppUi 2 way */\r\n      stateFunc: selectionContextStateFunc, /* only here to support AppUi 1, setting isHidden is the AppUi 2 way */\r\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processHideSelected(),\r\n    });\r\n  }\r\n\r\n  public static get hideSectionToolGroup() {\r\n    return new GroupItemDef({\r\n      groupId: \"UiFramework.HideSelectionGroup\",\r\n      labelKey: \"UiFramework:tools.hide\",\r\n      iconSpec: \"icon-visibility-hide-2\",\r\n      isHidden: getIsHiddenIfSelectionNotActive(),\r\n      stateSyncIds: getSelectionContextSyncEventIds(), /* only here to support AppUi 1, setting isHidden is the AppUi 2 way */\r\n      stateFunc: selectionContextStateFunc, /* only here to support AppUi 1, setting isHidden is the AppUi 2 way */\r\n      items: [this.hideElementsItemDef, this.hideCategoriesInSelectionItemDef, this.hideModelsInSelectionItemDef],\r\n      itemsInColumn: 3,\r\n    });\r\n  }\r\n\r\n  public static get emphasizeElementsItemDef() {\r\n    return new CommandItemDef({\r\n      commandId: \"UiFramework.EmphasizeSelected\",\r\n      iconSpec: \"icon-visibility-semi-transparent\",\r\n      labelKey: \"UiFramework:tools.emphasizeSelected\",\r\n      isHidden: getIsHiddenIfSelectionNotActive(),\r\n      stateSyncIds: getSelectionContextSyncEventIds(), /* only here to support AppUi 1, setting isHidden is the AppUi 2 way */\r\n      stateFunc: selectionContextStateFunc, /* only here to support AppUi 1, setting isHidden is the AppUi 2 way */\r\n      execute: async () => UiFramework.hideIsolateEmphasizeActionHandler.processEmphasizeSelected(),\r\n    });\r\n  }\r\n\r\n  public static get clearHideIsolateEmphasizeElementsItemDef() {\r\n    return new CommandItemDef({\r\n      commandId: \"UiFramework.ClearHideIsolateEmphasize\",\r\n      iconSpec: \"icon-visibility\",\r\n      labelKey: \"UiFramework:tools.clearVisibility\",\r\n      isHidden: getIsHiddenIfFeatureOverridesActive(),\r\n      stateSyncIds: getFeatureOverrideSyncEventIds(),\r\n      stateFunc: featureOverridesActiveStateFunc,  /* only here to support AppUi 1, setting isHidden is the AppUi 2 way */\r\n      execute: async () => {\r\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearEmphasize();\r\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideModels();\r\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideCategories();\r\n      },\r\n    });\r\n  }\r\n\r\n}\r\n"]}

package/lib/cjs/appui-react/settings/quantityformatting/QuantityFormat.scss

@@ -24,9 +24,16 @@
     display: flex;
     flex-direction: column;
 
-    > span.uicore-label {
+    >span.uicore-label {
       font-size: 18px;
     }
+
+    >select.uicore-inputs-select {
+      width: fit-content;
+      min-width: 185px;
+      margin-top: 10px;
+      height: 2em;
+    }
   }
 
   .uifw-quantity-format-section-label {
@@ -39,7 +46,7 @@
     height: 100%;
     width: auto;
 
-    > .left-panel {
+    >.left-panel {
       flex-direction: column;
       min-width: 260px;
       width: auto;
@@ -55,7 +62,7 @@
       }
     }
 
-    > .right-panel {
+    >.right-panel {
       display: flex;
       flex-direction: column;
       width: auto;
@@ -86,7 +93,7 @@
             margin-left: 10px;
           }
 
-          > span.components-inline {
+          >span.components-inline {
             display: flex;
             flex-direction: row;
             align-items: center;
@@ -100,7 +107,7 @@
         display: flex;
         flex-direction: column;
         border: 1px solid $buic-inputs-border;
-        border-radius: var(--iui-border-radius-1);
+        border-radius: 3px;
         height: auto;
         overflow-y: auto;
         box-sizing: border-box;
@@ -116,4 +123,4 @@
       }
     }
   }
-}
+}

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

@@ -19,10 +19,22 @@ import { SettingsTabEntry } from "@itwin/core-react";
  * @beta
  */
 export declare function UiSettingsPage(): JSX.Element;
+/**
+ * @deprecated in 3.6. Framework version is deprecated, only UI2.0 is supported.
+ * @beta
+ */
+export declare function UiSettingsPage({ allowSettingUiFrameworkVersion }: {
+    allowSettingUiFrameworkVersion: boolean;
+}): JSX.Element;
 /**
  * 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
  * @beta
  */
 export declare function getUiSettingsManagerEntry(itemPriority: number): SettingsTabEntry;
+/**
+ * @deprecated in 3.6. Framework version is deprecated, only UI2.0 is supported. Use `getUiSettingsManagerEntry(itemPriority)` instead.
+ * @beta
+ */
+export declare function getUiSettingsManagerEntry(itemPriority: number, allowSettingUiFrameworkVersion?: boolean): SettingsTabEntry;
 //# sourceMappingURL=UiSettingsPage.d.ts.map

package/lib/cjs/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,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAQrD;;;;;;;;;;;;;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,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAQrD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,IAAI,GAAG,CAAC,OAAO,CAAC;AAE9C;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,8BAA8B,EAAE,EAAE;IAAE,8BAA8B,EAAE,OAAO,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAAC;AA2O7H;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,YAAY,EAAE,MAAM,GAAG,gBAAgB,CAAC;AAElF;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,YAAY,EAAE,MAAM,EAAE,8BAA8B,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC"}

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

@@ -18,27 +18,20 @@ const UiShowHideManager_1 = require("../../utils/UiShowHideManager");
 const SyncUiEventDispatcher_1 = require("../../syncui/SyncUiEventDispatcher");
 const appui_abstract_1 = require("@itwin/appui-abstract");
 const itwinui_react_1 = require("@itwin/itwinui-react");
-/** UiSettingsPage displaying the active UI settings. This page lets users set the following settings.
- *
- * - theme - Dark, Light, or based on OS preference.
- * - auto hide - Starts a timer and blanks out ui components that overlay content if there is no mouse movement for a period of time.
- * - drag interaction - If set, toolbar group buttons require a press and drag or a long press to open. In this mode a child action
- * item is shown as the group button and is activated when button is clicked. If a different child item is selected, it becomes the
- * active group button item.
- * - use proximity - Changes the opacity of toolbar from transparent to opaque as the mouse moves closer.
- * - snap widget opacity - triggers an abrupt change from transparent to opaque for tool and navigation widgets, instead of a gradual change based on mouse location.
- * - widget opacity - determines how transparent floating widgets in V2 and all widgets in V1 become when the mouse in not in them.
- * - UI version - if allowed by props, the UI version can be toggled between V1 and V2.
- *
+/**
+ * @deprecated in 3.6.
  * @beta
  */
-function UiSettingsPage() {
+function UiSettingsPage(props) {
+    const { allowSettingUiFrameworkVersion } = props || {};
     const themeTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.themeTitle"));
     const themeDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.themeDescription"));
     const autoHideTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.autoHideTitle"));
     const autoHideDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.autoHideDescription"));
     const dragInteractionTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.dragInteractionTitle"));
     const dragInteractionDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.dragInteractionDescription"));
+    const useNewUiTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.newUiTitle"));
+    const useNewUiDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.newUiDescription"));
     const useProximityOpacityTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.useProximityOpacityTitle"));
     const useProximityOpacityDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.useProximityOpacityDescription"));
     const snapWidgetOpacityTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.snapWidgetOpacityTitle"));
@@ -59,6 +52,7 @@ function UiSettingsPage() {
     const toolbarOpacityTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.toolbarOpacityTitle"));
     const toolbarOpacityDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.toolbarOpacityDescription"));
     const [theme, setTheme] = React.useState(() => UiFramework_1.UiFramework.getColorTheme());
+    const [uiVersion, setUiVersion] = React.useState(() => UiFramework_1.UiFramework.uiVersion); // eslint-disable-line deprecation/deprecation
     const [useDragInteraction, setUseDragInteraction] = React.useState(() => UiFramework_1.UiFramework.useDragInteraction);
     const [showWidgetIcon, setShowWidgetIcon] = React.useState(() => UiFramework_1.UiFramework.showWidgetIcon);
     const [autoCollapseUnpinnedPanels, setAutoCollapseUnpinnedPanels] = React.useState(() => UiFramework_1.UiFramework.autoCollapseUnpinnedPanels);
@@ -81,6 +75,8 @@ function UiSettingsPage() {
                     setTheme(UiFramework_1.UiFramework.getColorTheme());
                 if (UiShowHideManager_1.UiShowHideManager.autoHideUi !== autoHideUi)
                     setAutoHideUi(UiShowHideManager_1.UiShowHideManager.autoHideUi);
+                if (UiFramework_1.UiFramework.uiVersion !== uiVersion) // eslint-disable-line deprecation/deprecation
+                    setUiVersion(UiFramework_1.UiFramework.uiVersion); // eslint-disable-line deprecation/deprecation
                 if (UiFramework_1.UiFramework.useDragInteraction !== useDragInteraction)
                     setUseDragInteraction(UiFramework_1.UiFramework.useDragInteraction);
                 if (UiFramework_1.UiFramework.showWidgetIcon !== showWidgetIcon)
@@ -104,7 +100,7 @@ function UiSettingsPage() {
             }
         };
         return SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);
-    }, [autoCollapseUnpinnedPanels, autoHideUi, showWidgetIcon, snapWidgetOpacity, theme,
+    }, [autoCollapseUnpinnedPanels, autoHideUi, showWidgetIcon, snapWidgetOpacity, theme, uiVersion,
         useDragInteraction, useProximityOpacity, widgetOpacity, animateToolSettings, useToolAsToolSettingsLabel, toolbarOpacity]);
     const defaultThemeOption = { label: systemPreferredLabel.current, value: ThemeManager_1.SYSTEM_PREFERRED_COLOR_THEME };
     const themeOptions = [
@@ -136,6 +132,9 @@ function UiSettingsPage() {
             UiFramework_1.UiFramework.setWidgetOpacity(values[0]);
         }
     }, []);
+    const onToggleFrameworkVersion = React.useCallback(async () => {
+        UiFramework_1.UiFramework.setUiVersion(uiVersion === "2" ? "1" : "2"); // eslint-disable-line deprecation/deprecation
+    }, [uiVersion]);
     const onToggleDragInteraction = React.useCallback(async () => {
         UiFramework_1.UiFramework.setUseDragInteraction(!useDragInteraction);
     }, [useDragInteraction]);
@@ -156,14 +155,16 @@ function UiSettingsPage() {
         React.createElement(SettingsItem, { title: themeTitle.current, description: themeDescription.current, settingUi: React.createElement("div", { "data-testid": "select-theme-container", className: "select-theme-container" },
                 React.createElement(itwinui_react_1.Select, { value: currentTheme, onChange: onThemeChange, options: themeOptions, "data-testid": "select-theme", size: "small" })) }),
         React.createElement(SettingsItem, { title: autoHideTitle.current, description: autoHideDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: autoHideUi, onChange: onAutoHideChange }) }),
-        React.createElement(SettingsItem, { title: dragInteractionTitle.current, description: dragInteractionDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: useDragInteraction, onChange: onToggleDragInteraction }) }),
-        React.createElement(SettingsItem, { title: useProximityOpacityTitle.current, description: useProximityOpacityDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: useProximityOpacity, onChange: onUseProximityOpacityChange }) }),
-        React.createElement(SettingsItem, { title: snapWidgetOpacityTitle.current, description: snapWidgetOpacityDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: snapWidgetOpacity, onChange: onSnapWidgetOpacityChange }) }),
-        React.createElement(SettingsItem, { title: widgetIconTitle.current, description: widgetIconDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: showWidgetIcon, onChange: onWidgetIconChange }) }),
-        React.createElement(SettingsItem, { title: autoCollapseUnpinnedPanelsTitle.current, description: autoCollapseUnpinnedPanelsDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: autoCollapseUnpinnedPanels, onChange: onAutoCollapseUnpinnedPanelsChange }) }),
-        React.createElement(SettingsItem, { title: animateToolSettingsTitle.current, description: animateToolSettingsDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: animateToolSettings, onChange: OnToggleAnimateToolSettings }) }),
-        React.createElement(SettingsItem, { title: useToolAsToolSettingsLabelTitle.current, description: useToolAsToolSettingsLabelDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: useToolAsToolSettingsLabel, onChange: OnToggleUseToolAsToolSettingsLabel }) }),
-        React.createElement(SettingsItem, { title: toolbarOpacityTitle.current, description: toolbarOpacityDescription.current, settingUi: React.createElement(itwinui_react_1.Slider, { style: { flex: "1" }, values: [toolbarOpacity], step: 0.05, onChange: onToolbarOpacityChange, min: 0.20, max: 1.0, maxLabel: "1.0", tickLabels: ["", "", "", "", ""] }) }),
+        allowSettingUiFrameworkVersion && React.createElement(SettingsItem, { title: useNewUiTitle.current, description: useNewUiDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: UiFramework_1.UiFramework.uiVersion === "2", onChange: onToggleFrameworkVersion }) }),
+        UiFramework_1.UiFramework.uiVersion === "2" && React.createElement(React.Fragment, null,
+            React.createElement(SettingsItem, { title: dragInteractionTitle.current, description: dragInteractionDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: useDragInteraction, onChange: onToggleDragInteraction }) }),
+            React.createElement(SettingsItem, { title: useProximityOpacityTitle.current, description: useProximityOpacityDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: useProximityOpacity, onChange: onUseProximityOpacityChange }) }),
+            React.createElement(SettingsItem, { title: snapWidgetOpacityTitle.current, description: snapWidgetOpacityDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: snapWidgetOpacity, onChange: onSnapWidgetOpacityChange }) }),
+            React.createElement(SettingsItem, { title: widgetIconTitle.current, description: widgetIconDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: showWidgetIcon, onChange: onWidgetIconChange }) }),
+            React.createElement(SettingsItem, { title: autoCollapseUnpinnedPanelsTitle.current, description: autoCollapseUnpinnedPanelsDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: autoCollapseUnpinnedPanels, onChange: onAutoCollapseUnpinnedPanelsChange }) }),
+            React.createElement(SettingsItem, { title: animateToolSettingsTitle.current, description: animateToolSettingsDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: animateToolSettings, onChange: OnToggleAnimateToolSettings }) }),
+            React.createElement(SettingsItem, { title: useToolAsToolSettingsLabelTitle.current, description: useToolAsToolSettingsLabelDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: useToolAsToolSettingsLabel, onChange: OnToggleUseToolAsToolSettingsLabel }) }),
+            React.createElement(SettingsItem, { title: toolbarOpacityTitle.current, description: toolbarOpacityDescription.current, settingUi: React.createElement(itwinui_react_1.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(itwinui_react_1.Slider, { style: { flex: "1" }, values: [widgetOpacity], step: 0.05, onChange: onWidgetOpacityChange, min: 0.20, max: 1.0, maxLabel: "1.0", tickLabels: ["", "", "", "", ""] }) })));
 }
 exports.UiSettingsPage = UiSettingsPage;
@@ -176,16 +177,15 @@ function SettingsItem(props) {
         React.createElement("div", { className: "panel right-panel" }, settingUi)));
 }
 /**
- * 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
+ * @deprecated in 3.6.
  * @beta
  */
-function getUiSettingsManagerEntry(itemPriority) {
+function getUiSettingsManagerEntry(itemPriority, allowSettingUiFrameworkVersion) {
     return {
         itemPriority, tabId: "uifw:UiStateStorage",
         label: UiFramework_1.UiFramework.translate("settings.uiSettingsPage.label"),
         icon: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(window_settings_svg_1.default),
-        page: React.createElement(UiSettingsPage, null),
+        page: React.createElement(UiSettingsPage, { allowSettingUiFrameworkVersion: !!allowSettingUiFrameworkVersion }),
         isDisabled: false,
         tooltip: UiFramework_1.UiFramework.translate("settings.uiSettingsPage.tooltip"),
     };