npm - @itwin/appui-react - Versions diffs - 3.7.0-dev.1 → 4.0.0-dev.10 - Mend

@itwin/appui-react 3.7.0-dev.1 → 4.0.0-dev.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1381) hide show

package/lib/cjs/appui-react/selection/SelectionContextItemDef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectionContextItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/selection/SelectionContextItemDef.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,0DAAgE;AAChE,wDAA6D;AAC7D,6DAA0D;AAE1D,2EAAgE;AAChE,oDAAoD;AACpD,gDAA6C;AAC7C,+EAAkF;AAElF;;GAEG;AACH,SAAgB,8BAA8B;IAC5C,OAAO,CAAC,qCAAa,CAAC,oBAAoB,EAAE,qCAAa,CAAC,qBAAqB,EAAE,+DAAiC,CAAC,4BAA4B,CAAC,CAAC;AACnJ,CAAC;AAFD,wEAEC;AAED;;GAEG;AACH,SAAgB,+BAA+B;IAC7C,OAAO,CAAC,qCAAa,CAAC,mBAAmB,EAAE,qCAAa,CAAC,oBAAoB,EAAE,qCAAa,CAAC,qBAAqB,EAAE,mCAAoB,CAAC,mBAAmB,CAAC,CAAC;AAChK,CAAC;AAFD,0EAEC;AAED;;GAEG;AACH,SAAgB,mBAAmB;IACjC,MAAM,oBAAoB,GAAG,yBAAW,CAAC,OAAO,CAAC,uBAAuB,EAAE,CAAC;IAC3E,IAAI,cAAc,GAAG,CAAC,CAAC;IACvB,qBAAqB;IACrB,IAAI,CAAC,yBAAW,CAAC,iBAAiB;QAChC,cAAc,GAAG,yBAAW,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,yBAAW,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,YAAY,CAAC,gBAAgB,CAAC;IAE5H,qBAAqB;IACrB,IAAI,oBAAoB,IAAI,0BAA0B,CAAC,oBAAoB,CAAC,QAAQ;WAC/E,EAAC,0BAA2B,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,IAAI,0BAA0B,CAAC,cAAc,GAAG,CAAC,CAAC;QAChJ,OAAO,KAAK,CAAC;IACf,OAAO,IAAI,CAAC;AACd,CAAC;AAZD,kDAYC;AAED;;GAEG;AACH,SAAgB,2BAA2B;IACzC,MAAM,oBAAoB,GAAG,yBAAW,CAAC,OAAO,CAAC,uBAAuB,EAAE,CAAC;IAC3E,uBAAuB;IACvB,IAAI,oBAAoB,IAAI,oBAAoB,CAAC,QAAQ;QACvD,OAAO,CAAC,yBAAW,CAAC,iCAAiC,CAAC,yBAAyB,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAEjH,OAAO,IAAI,CAAC;AACd,CAAC;AAPD,kEAOC;AAED;;GAEG;AACH,SAAgB,mCAAmC;IACjD,OAAO,IAAI,wCAAuB,CAAC,2BAA2B,EAAE,8BAA8B,EAAE,CAAC,CAAC;AACpG,CAAC;AAFD,kFAEC;AAED;;GAEG;AACH,SAAgB,+BAA+B;IAC7C,OAAO,IAAI,wCAAuB,CAAC,mBAAmB,EAAE,+BAA+B,EAAE,CAAC,CAAC;AAC7F,CAAC;AAFD,0EAEC;AAED;;GAEG;AACH,uBAAuB;AACvB,SAAgB,+BAA+B,CAAC,KAA8B;IAC5E,MAAM,oBAAoB,GAAG,yBAAW,CAAC,OAAO,CAAC,uBAAuB,EAAE,CAAC;IAC3E,IAAI,SAAS,GAAG,KAAK,CAAC;IAEtB,uBAAuB;IACvB,IAAI,oBAAoB,IAAI,oBAAoB,CAAC,QAAQ;QACvD,SAAS,GAAG,yBAAW,CAAC,iCAAiC,CAAC,yBAAyB,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAErH,OAAO,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,CAAC;AACjC,CAAC;AATD,0EASC;AAED;;GAEG;AACH,uBAAuB;AACvB,SAAgB,yBAAyB,CAAC,KAA8B;IACtE,MAAM,oBAAoB,GAAG,yBAAW,CAAC,OAAO,CAAC,uBAAuB,EAAE,CAAC;IAC3E,IAAI,SAAS,GAAG,KAAK,CAAC;IAEtB,IAAI,cAAc,GAAG,CAAC,CAAC;IACvB,IAAI,CAAC,yBAAW,CAAC,iBAAiB;QAChC,cAAc,GAAG,yBAAW,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,yBAAW,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,YAAY,CAAC,gBAAgB,CAAC;IAE5H,IAAI,oBAAoB,IAAI,oBAAoB,CAAC,QAAQ,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,IAAI,cAAc,GAAG,CAAC,CAAC;QAClJ,SAAS,GAAG,IAAI,CAAC;IACnB,OAAO,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,CAAC;AACjC,CAAC;AAXD,8DAWC;AAED;;GAEG;AACH,uBAAuB;AACvB,MAAa,+BAA+B;IAEnC,MAAM,KAAK,+BAA+B;QAC/C,OAAO,IAAI,+BAAc,CAAC;YACxB,SAAS,EAAE,0BAA0B;YACrC,QAAQ,EAAE,oBAAoB;YAC9B,QAAQ,EAAE,iCAAiC;YAC3C,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,yBAAW,CAAC,iCAAiC,CAAC,mCAAmC,EAAE;SACzG,CAAC,CAAC;IACL,CAAC;IAEM,MAAM,KAAK,mCAAmC;QACnD,OAAO,IAAI,+BAAc,CAAC;YACxB,SAAS,EAAE,6BAA6B;YACxC,QAAQ,EAAE,qBAAqB;YAC/B,QAAQ,EAAE,qCAAqC;YAC/C,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,yBAAW,CAAC,iCAAiC,CAAC,sCAAsC,EAAE;SAC5G,CAAC,CAAC;IACL,CAAC;IAEM,MAAM,KAAK,sBAAsB;QACtC,OAAO,IAAI,+BAAc,CAAC;YACxB,SAAS,EAAE,6BAA6B;YACxC,QAAQ,EAAE,oBAAoB;YAC9B,QAAQ,EAAE,mCAAmC;YAC7C,YAAY,EAAE,+BAA+B,EAAE;YAC/C,SAAS,EAAE,yBAAyB;YACpC,QAAQ,EAAE,+BAA+B,EAAE;YAC3C,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,yBAAW,CAAC,iCAAiC,CAAC,sBAAsB,EAAE;SAC5F,CAAC,CAAC;IACL,CAAC;IAEM,MAAM,KAAK,yBAAyB;QACzC,OAAO,IAAI,wBAAY,CAAC;YACtB,OAAO,EAAE,mCAAmC;YAC5C,QAAQ,EAAE,2BAA2B;YACrC,QAAQ,EAAE,cAAc;YACxB,YAAY,EAAE,+BAA+B,EAAE;YAC/C,SAAS,EAAE,yBAAyB;YACpC,QAAQ,EAAE,+BAA+B,EAAE;YAC3C,KAAK,EAAE,CAAC,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,mCAAmC,EAAE,IAAI,CAAC,+BAA+B,CAAC;YACpH,aAAa,EAAE,CAAC;SACjB,CAAC,CAAC;IACL,CAAC;IAEM,MAAM,KAAK,4BAA4B;QAC5C,OAAO,IAAI,+BAAc,CAAC;YACxB,SAAS,EAAE,uBAAuB;YAClC,QAAQ,EAAE,iBAAiB;YAC3B,QAAQ,EAAE,8BAA8B;YACxC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,yBAAW,CAAC,iCAAiC,CAAC,gCAAgC,EAAE;SACtG,CAAC,CAAC;IACL,CAAC;IAEM,MAAM,KAAK,gCAAgC;QAChD,OAAO,IAAI,+BAAc,CAAC;YACxB,SAAS,EAAE,0BAA0B;YACrC,QAAQ,EAAE,kBAAkB;YAC5B,QAAQ,EAAE,kCAAkC;YAC5C,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,yBAAW,CAAC,iCAAiC,CAAC,mCAAmC,EAAE;SACzG,CAAC,CAAC;IACL,CAAC;IAEM,MAAM,KAAK,mBAAmB;QACnC,OAAO,IAAI,+BAAc,CAAC;YACxB,SAAS,EAAE,0BAA0B;YACrC,QAAQ,EAAE,gCAAgC;YAC1C,QAAQ,EAAE,gCAAgC;YAC1C,QAAQ,EAAE,+BAA+B,EAAE;YAC3C,YAAY,EAAE,+BAA+B,EAAE;YAC/C,SAAS,EAAE,yBAAyB;YACpC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,yBAAW,CAAC,iCAAiC,CAAC,mBAAmB,EAAE;SACzF,CAAC,CAAC;IACL,CAAC;IAEM,MAAM,KAAK,oBAAoB;QACpC,OAAO,IAAI,wBAAY,CAAC;YACtB,OAAO,EAAE,gCAAgC;YACzC,QAAQ,EAAE,wBAAwB;YAClC,QAAQ,EAAE,wBAAwB;YAClC,QAAQ,EAAE,+BAA+B,EAAE;YAC3C,YAAY,EAAE,+BAA+B,EAAE;YAC/C,SAAS,EAAE,yBAAyB;YACpC,KAAK,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,gCAAgC,EAAE,IAAI,CAAC,4BAA4B,CAAC;YAC3G,aAAa,EAAE,CAAC;SACjB,CAAC,CAAC;IACL,CAAC;IAEM,MAAM,KAAK,wBAAwB;QACxC,OAAO,IAAI,+BAAc,CAAC;YACxB,SAAS,EAAE,+BAA+B;YAC1C,QAAQ,EAAE,kCAAkC;YAC5C,QAAQ,EAAE,qCAAqC;YAC/C,QAAQ,EAAE,+BAA+B,EAAE;YAC3C,YAAY,EAAE,+BAA+B,EAAE;YAC/C,SAAS,EAAE,yBAAyB;YACpC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,yBAAW,CAAC,iCAAiC,CAAC,wBAAwB,EAAE;SAC9F,CAAC,CAAC;IACL,CAAC;IAEM,MAAM,KAAK,wCAAwC;QACxD,OAAO,IAAI,+BAAc,CAAC;YACxB,SAAS,EAAE,uCAAuC;YAClD,QAAQ,EAAE,iBAAiB;YAC3B,QAAQ,EAAE,mCAAmC;YAC7C,QAAQ,EAAE,mCAAmC,EAAE;YAC/C,YAAY,EAAE,8BAA8B,EAAE;YAC9C,SAAS,EAAE,+BAA+B;YAC1C,OAAO,EAAE,KAAK,IAAI,EAAE;gBAClB,MAAM,yBAAW,CAAC,iCAAiC,CAAC,qBAAqB,EAAE,CAAC;gBAC5E,MAAM,yBAAW,CAAC,iCAAiC,CAAC,0BAA0B,EAAE,CAAC;gBACjF,MAAM,yBAAW,CAAC,iCAAiC,CAAC,8BAA8B,EAAE,CAAC;YACvF,CAAC;SACF,CAAC,CAAC;IACL,CAAC;CAEF;AApHD,0EAoHC","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 { 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 = UiFramework.content.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 = UiFramework.content.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 = UiFramework.content.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 = UiFramework.content.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"]}
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 { 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 = UiFramework.content.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 = UiFramework.content.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 = UiFramework.content.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 = UiFramework.content.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"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"QuantityFormat.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/QuantityFormat.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,uBAAuB,CAAC;AAG/B,OAAO,EACoE,eAAe,EACzF,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAA8B,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGjF,OAAO,EACyB,gBAAgB,EAE/C,MAAM,mBAAmB,CAAC;~~AAW3B~~;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C,mBAAmB,EAAE,eAAe,CAAC;IACrC,oBAAoB,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED;;;;;GAKG;AACH,wBAAgB,sCAAsC,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,gCAAgC,CAAC,GAAG,gBAAgB,CAa/I;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,EAAE,gCAAgC,~~eAsKzH~~"}
1	+ {"version":3,"file":"QuantityFormat.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/QuantityFormat.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,uBAAuB,CAAC;AAG/B,OAAO,EACoE,eAAe,EACzF,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAA8B,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGjF,OAAO,EACyB,gBAAgB,EAE/C,MAAM,mBAAmB,CAAC;AAU3B;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C,mBAAmB,EAAE,eAAe,CAAC;IACrC,oBAAoB,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED;;;;;GAKG;AACH,wBAAgB,sCAAsC,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,gCAAgC,CAAC,GAAG,gBAAgB,CAa/I;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,EAAE,gCAAgC,eAoKzH"}

package/lib/cjs/appui-react/settings/quantityformatting/QuantityFormat.js CHANGED Viewed

@@ -17,7 +17,6 @@ const imodel_components_react_1 = require("@itwin/imodel-components-react");
 const core_react_1 = require("@itwin/core-react");
 const UiFramework_1 = require("../../UiFramework");
 const UnitSystemSelector_1 = require("./UnitSystemSelector");
-const presentation_frontend_1 = require("@itwin/presentation-frontend");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 function formatAreEqual(obj1, obj2) {
     const compare = new core_geometry_1.DeepCompare();
@@ -147,7 +146,6 @@ function QuantityFormatSettingsPage({ initialQuantityType, availableUnitSystems
         setClearEnabled(false);
     }, [activeQuantityType]);
     const processNewUnitSystem = React.useCallback(async (unitSystem) => {
-        presentation_frontend_1.Presentation.presentation.activeUnitSystem = unitSystem;
         await core_frontend_1.IModelApp.quantityFormatter.setActiveUnitSystem(unitSystem);
     }, []);
     const handleUnitSystemSelected = React.useCallback(async (unitSystem) => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"QuantityFormat.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/QuantityFormat.tsx"],"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 Settings\r\n /\r\n\r\nimport \"./QuantityFormat.scss\";\r\nimport as React from \"react\";\r\nimport { DeepCompare } from \"@itwin/core-geometry\";\r\nimport {\r\n getQuantityTypeKey, IModelApp, QuantityFormatsChangedArgs, QuantityType, QuantityTypeArg, QuantityTypeKey,\r\n} from \"@itwin/core-frontend\";\r\nimport { FormatProps, FormatterSpec, UnitSystemKey } from \"@itwin/core-quantity\";\r\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\r\nimport { FormatSample, QuantityFormatPanel } from \"@itwin/imodel-components-react\";\r\nimport {\r\n Dialog, Listbox, ListboxItem, SettingsTabEntry,\r\n useSaveBeforeActivatingNewSettingsTab, useSaveBeforeClosingSettingsContainer,\r\n} from \"@itwin/core-react\";\r\nimport { UiFramework } from \"../../UiFramework\";\r\nimport { UnitSystemSelector } from \"./UnitSystemSelector\";\r\nimport { Presentation } from \"@itwin/presentation-frontend\";\r\nimport { Button } from \"@itwin/itwinui-react\";\r\n\r\nfunction formatAreEqual(obj1: FormatProps, obj2: FormatProps) {\r\n const compare = new DeepCompare();\r\n return compare.compare(obj1, obj2);\r\n}\r\n\r\n/** Options to initialize the settings page that allows users to set Quantity formatting overrides.\r\n * @beta\r\n /\r\nexport interface QuantityFormatterSettingsOptions {\r\n initialQuantityType: QuantityTypeArg;\r\n availableUnitSystems: Set<UnitSystemKey>;\r\n}\r\n\r\n/\r\n Return a SettingsTabEntry that can be used to define the available settings that can be set for an application.\r\n * @param itemPriority - Used to define the order of the entry in the Settings Stage\r\n * @param opts - Options to initialize the settings page that allows users to set Quantity formatting overrides.\r\n * @beta\r\n /\r\nexport function getQuantityFormatsSettingsManagerEntry(itemPriority: number, opts?: Partial<QuantityFormatterSettingsOptions>): SettingsTabEntry {\r\n const { availableUnitSystems, initialQuantityType } = { ...opts };\r\n return {\r\n itemPriority, tabId: \"uifw:Quantity\",\r\n label: UiFramework.translate(\"settings.quantity-formatting.label\"),\r\n subLabel: UiFramework.translate(\"settings.quantity-formatting.subLabel\"),\r\n page: <QuantityFormatSettingsPage initialQuantityType={initialQuantityType ?? QuantityType.Length}\r\n availableUnitSystems={availableUnitSystems ?? new Set([\"metric\", \"imperial\", \"usCustomary\", \"usSurvey\"])} />,\r\n isDisabled: false,\r\n icon: \"icon-measure\",\r\n tooltip: UiFramework.translate(\"settings.quantity-formatting.tooltip\"),\r\n pageWillHandleCloseRequest: true,\r\n };\r\n}\r\n\r\n/* UI Component shown in settings page to set the active Presentation Unit System and to set format overrides.\r\n * @beta\r\n */\r\nexport function QuantityFormatSettingsPage({ initialQuantityType, availableUnitSystems }: QuantityFormatterSettingsOptions) {\r\n const [activeUnitSystemKey, setActiveUnitSystemKey] = React.useState(IModelApp.quantityFormatter.activeUnitSystem);\r\n const [activeQuantityType, setActiveQuantityType] = React.useState(getQuantityTypeKey(initialQuantityType));\r\n const [activeFormatterSpec, setActiveFormatterSpec] =\r\n React.useState<FormatterSpec \| undefined>(IModelApp.quantityFormatter.findFormatterSpecByQuantityType(getQuantityTypeKey(activeQuantityType)));\r\n const [saveEnabled, setSaveEnabled] = React.useState(false);\r\n const [clearEnabled, setClearEnabled] = React.useState(IModelApp.quantityFormatter.hasActiveOverride(initialQuantityType, true));\r\n const newQuantityTypeRef = React.useRef<QuantityTypeKey>();\r\n const formatSectionLabel = React.useRef(UiFramework.translate(\"settings.quantity-formatting.formatSectionLabel\"));\r\n const setButtonLabel = React.useRef(UiFramework.translate(\"settings.quantity-formatting.setButtonLabel\"));\r\n const clearButtonLabel = React.useRef(UiFramework.translate(\"settings.quantity-formatting.clearButtonLabel\"));\r\n\r\n React.useEffect(() => {\r\n const handleUnitSystemChanged = ((): void => {\r\n // istanbul ignore else\r\n if (activeUnitSystemKey !== IModelApp.quantityFormatter.activeUnitSystem) {\r\n setActiveUnitSystemKey(IModelApp.quantityFormatter.activeUnitSystem);\r\n setActiveFormatterSpec(IModelApp.quantityFormatter.findFormatterSpecByQuantityType(activeQuantityType));\r\n setSaveEnabled(false);\r\n setClearEnabled(IModelApp.quantityFormatter.hasActiveOverride(activeQuantityType, true));\r\n }\r\n });\r\n\r\n IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.addListener(handleUnitSystemChanged);\r\n return () => {\r\n IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.removeListener(handleUnitSystemChanged);\r\n };\r\n }, [activeQuantityType, activeUnitSystemKey]);\r\n\r\n React.useEffect(() => {\r\n const handleFormatChanged = ((args: QuantityFormatsChangedArgs): void => {\r\n if (!newQuantityTypeRef.current) {\r\n const quantityKey = IModelApp.quantityFormatter.getQuantityTypeKey(activeQuantityType);\r\n // istanbul ignore else\r\n if (args.quantityType === quantityKey) {\r\n setActiveFormatterSpec(IModelApp.quantityFormatter.findFormatterSpecByQuantityType(activeQuantityType));\r\n setSaveEnabled(false);\r\n setClearEnabled(IModelApp.quantityFormatter.hasActiveOverride(activeQuantityType, true));\r\n }\r\n }\r\n newQuantityTypeRef.current = undefined;\r\n });\r\n IModelApp.quantityFormatter.onQuantityFormatsChanged.addListener(handleFormatChanged);\r\n return () => {\r\n IModelApp.quantityFormatter.onQuantityFormatsChanged.removeListener(handleFormatChanged);\r\n };\r\n }, [activeQuantityType]);\r\n\r\n const saveChanges = React.useCallback((afterSaveFunction: (args: any) => void, args?: any) => {\r\n // istanbul ignore else\r\n if (activeFormatterSpec) {\r\n const formatProps = activeFormatterSpec.format.toJSON();\r\n const formatPropsInUse = IModelApp.quantityFormatter.findFormatterSpecByQuantityType(activeQuantityType)!.format.toJSON();\r\n if (formatPropsInUse && !formatAreEqual(formatProps, formatPropsInUse)) {\r\n UiFramework.dialogs.modal.open(<SaveFormatModalDialog formatProps={formatProps} quantityType={activeQuantityType} onDialogCloseArgs={args} onDialogClose={afterSaveFunction} />, \"saveQuantityFormat\");\r\n return;\r\n }\r\n }\r\n afterSaveFunction(args);\r\n }, [activeFormatterSpec, activeQuantityType]);\r\n\r\n useSaveBeforeActivatingNewSettingsTab(UiFramework.settingsManager, saveChanges);\r\n useSaveBeforeClosingSettingsContainer(UiFramework.settingsManager, saveChanges);\r\n\r\n const processListboxValueChange = React.useCallback((newQuantityType: QuantityTypeKey) => {\r\n const volumeFormatterSpec = IModelApp.quantityFormatter.findFormatterSpecByQuantityType(newQuantityType);\r\n setActiveFormatterSpec(volumeFormatterSpec);\r\n setActiveQuantityType(newQuantityType);\r\n setSaveEnabled(false);\r\n setClearEnabled(IModelApp.quantityFormatter.hasActiveOverride(newQuantityType, true));\r\n }, []);\r\n\r\n const onListboxValueChange = React.useCallback((newQuantityType: string) => {\r\n // istanbul ignore else\r\n if (activeFormatterSpec) {\r\n const formatProps = activeFormatterSpec.format.toJSON();\r\n const formatPropsInUse = IModelApp.quantityFormatter.findFormatterSpecByQuantityType(activeQuantityType)!.format.toJSON();\r\n if (formatPropsInUse && !formatAreEqual(formatProps, formatPropsInUse)) {\r\n newQuantityTypeRef.current = newQuantityType;\r\n UiFramework.dialogs.modal.open(<SaveFormatModalDialog formatProps={formatProps} quantityType={activeQuantityType} onDialogCloseArgs={newQuantityType} onDialogClose={processListboxValueChange} />, \"saveQuantityFormat\");\r\n return;\r\n }\r\n }\r\n processListboxValueChange(newQuantityType);\r\n }, [activeFormatterSpec, activeQuantityType, processListboxValueChange]);\r\n\r\n const handleOnFormatChanged = React.useCallback(async (formatProps: FormatProps) => {\r\n // istanbul ignore else\r\n if (activeFormatterSpec) {\r\n const newSpec = await IModelApp.quantityFormatter.generateFormatterSpecByType(activeQuantityType, formatProps);\r\n const formatPropsInUse = IModelApp.quantityFormatter.getFormatPropsByQuantityType(activeQuantityType);\r\n // istanbul ignore else\r\n if (formatPropsInUse)\r\n setSaveEnabled(!formatAreEqual(formatProps, formatPropsInUse));\r\n setActiveFormatterSpec(newSpec);\r\n }\r\n }, [activeFormatterSpec, activeQuantityType]);\r\n\r\n const handleOnFormatSave = React.useCallback(async () => {\r\n // istanbul ignore else\r\n if (activeFormatterSpec) {\r\n const format = activeFormatterSpec.format.toJSON();\r\n await IModelApp.quantityFormatter.setOverrideFormat(activeQuantityType, format);\r\n setClearEnabled(true);\r\n }\r\n }, [activeFormatterSpec, activeQuantityType]);\r\n\r\n const handleOnFormatReset = React.useCallback(async () => {\r\n await IModelApp.quantityFormatter.clearOverrideFormats(activeQuantityType);\r\n setClearEnabled(false);\r\n }, [activeQuantityType]);\r\n\r\n const processNewUnitSystem = React.useCallback(async (unitSystem: UnitSystemKey) => {\r\n Presentation.presentation.activeUnitSystem = unitSystem;\r\n await IModelApp.quantityFormatter.setActiveUnitSystem(unitSystem);\r\n }, []);\r\n\r\n const handleUnitSystemSelected = React.useCallback(async (unitSystem: UnitSystemKey) => {\r\n if (unitSystem === activeUnitSystemKey)\r\n return;\r\n saveChanges(processNewUnitSystem, unitSystem);\r\n }, [activeUnitSystemKey, processNewUnitSystem, saveChanges]);\r\n\r\n return (\r\n <div className=\"quantity-formatting-container\">\r\n <UnitSystemSelector selectedUnitSystemKey={activeUnitSystemKey} availableUnitSystems={availableUnitSystems} onUnitSystemSelected={handleUnitSystemSelected} />\r\n <span className=\"uifw-quantity-format-section-label\">{formatSectionLabel.current}</span>\r\n <div className=\"uifw-quantity-types-container\">\r\n <div className=\"left-panel\">\r\n <Listbox id=\"uifw-quantity-types-list\" className=\"uifw-quantity-types\"\r\n onListboxValueChange={onListboxValueChange} selectedValue={activeQuantityType} >\r\n {\r\n [...IModelApp.quantityFormatter.quantityTypesRegistry.keys()].map((key) => {\r\n const entry = IModelApp.quantityFormatter.quantityTypesRegistry.get(key)!;\r\n const description = entry.description;\r\n const label = entry.label;\r\n return (\r\n <ListboxItem key={entry.key} className=\"quantity-type-list-entry\" value={entry.key}>\r\n <span className=\"map-source-list-entry-name\" title={description}>{label}</span>\r\n </ListboxItem>\r\n );\r\n })\r\n }\r\n </Listbox>\r\n </div>\r\n <div className=\"right-panel\">\r\n {activeFormatterSpec &&\r\n <>\r\n <div className=\"uifw-quantity-types-right-top\">\r\n <div className=\"uifw-quantity-types-right-top-sample\">\r\n <FormatSample formatSpec={activeFormatterSpec} initialMagnitude={1234.56} hideLabels />\r\n </div>\r\n </div>\r\n <div className=\"uifw-quantity-types-formats\">\r\n <QuantityFormatPanel onFormatChange={handleOnFormatChanged} quantityType={activeQuantityType} />\r\n </div>\r\n <div className=\"components-button-panel\">\r\n <Button styleType=\"cta\" onClick={handleOnFormatSave} disabled={!saveEnabled}>{setButtonLabel.current}</Button>\r\n <Button styleType=\"default\" onClick={handleOnFormatReset} disabled={!clearEnabled}>{clearButtonLabel.current}</Button>\r\n </div>\r\n </>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nfunction SaveFormatModalDialog({ formatProps, quantityType, onDialogCloseArgs, onDialogClose }: { formatProps: FormatProps, quantityType: QuantityTypeKey, onDialogCloseArgs?: any, onDialogClose: (args?: any) => void }) {\r\n const [isOpen, setIsOpen] = React.useState(true);\r\n\r\n const handleClose = React.useCallback(() => {\r\n setIsOpen(false);\r\n UiFramework.dialogs.modal.close();\r\n onDialogClose && onDialogClose(onDialogCloseArgs);\r\n }, [onDialogClose, onDialogCloseArgs]);\r\n\r\n const handleOK = React.useCallback(() => {\r\n IModelApp.quantityFormatter.setOverrideFormat(quantityType, formatProps); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n handleClose();\r\n }, [formatProps, handleClose, quantityType]);\r\n\r\n const handleCancel = React.useCallback(() => {\r\n handleClose();\r\n }, [handleClose]);\r\n\r\n return (\r\n <Dialog\r\n title={\"Save Format Changes\"}\r\n opened={isOpen}\r\n resizable={false}\r\n movable={false}\r\n modal={true}\r\n buttonCluster={[\r\n { type: DialogButtonType.Yes, onClick: handleOK },\r\n { type: DialogButtonType.No, onClick: handleCancel },\r\n ]}\r\n onEscape={handleCancel}\r\n onClose={handleCancel}\r\n onOutsideClick={handleCancel}\r\n minHeight={150}\r\n maxHeight={400}\r\n maxWidth={400}\r\n minWidth={200}\r\n >\r\n <div className=\"modal-dialog2\">\r\n Do you want to save changes to format before changing to another type?\r\n </div>\r\n </Dialog >\r\n );\r\n}\r\n"]}
1	+ {"version":3,"file":"QuantityFormat.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/QuantityFormat.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA+B;AAC/B,+BAA+B;AAC/B,wDAAmD;AACnD,wDAE8B;AAE9B,0DAAyD;AACzD,4EAAmF;AACnF,kDAG2B;AAC3B,mDAAgD;AAChD,6DAA0D;AAC1D,wDAA8C;AAE9C,SAAS,cAAc,CAAC,IAAiB,EAAE,IAAiB;IAC1D,MAAM,OAAO,GAAG,IAAI,2BAAW,EAAE,CAAC;IAClC,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACrC,CAAC;AAUD;;;;;GAKG;AACH,SAAgB,sCAAsC,CAAC,YAAoB,EAAE,IAAgD;IAC3H,MAAM,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;IAClE,OAAO;QACL,YAAY,EAAE,KAAK,EAAE,eAAe;QACpC,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,oCAAoC,CAAC;QAClE,QAAQ,EAAE,yBAAW,CAAC,SAAS,CAAC,uCAAuC,CAAC;QACxE,IAAI,EAAE,oBAAC,0BAA0B,IAAC,mBAAmB,EAAE,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,4BAAY,CAAC,MAAM,EAC/F,oBAAoB,EAAE,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,IAAI,GAAG,CAAC,CAAC,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,GAAI;QAC9G,UAAU,EAAE,KAAK;QACjB,IAAI,EAAE,cAAc;QACpB,OAAO,EAAE,yBAAW,CAAC,SAAS,CAAC,sCAAsC,CAAC;QACtE,0BAA0B,EAAE,IAAI;KACjC,CAAC;AACJ,CAAC;AAbD,wFAaC;AAED;;GAEG;AACH,SAAgB,0BAA0B,CAAC,EAAE,mBAAmB,EAAE,oBAAoB,EAAoC;IACxH,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,yBAAS,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACnH,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAA,kCAAkB,EAAC,mBAAmB,CAAC,CAAC,CAAC;IAC5G,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA4B,yBAAS,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,IAAA,kCAAkB,EAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;IACrM,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,yBAAS,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC,CAAC;IACjI,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,EAAmB,CAAC;IAC3D,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAC,yBAAW,CAAC,SAAS,CAAC,iDAAiD,CAAC,CAAC,CAAC;IAClH,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,yBAAW,CAAC,SAAS,CAAC,6CAA6C,CAAC,CAAC,CAAC;IAC1G,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAC,yBAAW,CAAC,SAAS,CAAC,+CAA+C,CAAC,CAAC,CAAC;IAE9G,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,uBAAuB,GAAG,CAAC,GAAS,EAAE;YAC1C,uBAAuB;YACvB,IAAI,mBAAmB,KAAK,yBAAS,CAAC,iBAAiB,CAAC,gBAAgB,EAAE;gBACxE,sBAAsB,CAAC,yBAAS,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;gBACrE,sBAAsB,CAAC,yBAAS,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,kBAAkB,CAAC,CAAC,CAAC;gBACxG,cAAc,CAAC,KAAK,CAAC,CAAC;gBACtB,eAAe,CAAC,yBAAS,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC,CAAC;aAC1F;QACH,CAAC,CAAC,CAAC;QAEH,yBAAS,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC;QACrG,OAAO,GAAG,EAAE;YACV,yBAAS,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;QAC1G,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAE9C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,CAAC,CAAC,IAAgC,EAAQ,EAAE;YACtE,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;gBAC/B,MAAM,WAAW,GAAG,yBAAS,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;gBACvF,uBAAuB;gBACvB,IAAI,IAAI,CAAC,YAAY,KAAK,WAAW,EAAE;oBACrC,sBAAsB,CAAC,yBAAS,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,kBAAkB,CAAC,CAAC,CAAC;oBACxG,cAAc,CAAC,KAAK,CAAC,CAAC;oBACtB,eAAe,CAAC,yBAAS,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC,CAAC;iBAC1F;aACF;YACD,kBAAkB,CAAC,OAAO,GAAG,SAAS,CAAC;QACzC,CAAC,CAAC,CAAC;QACH,yBAAS,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;QACtF,OAAO,GAAG,EAAE;YACV,yBAAS,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;QAC3F,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,iBAAsC,EAAE,IAAU,EAAE,EAAE;QAC3F,uBAAuB;QACvB,IAAI,mBAAmB,EAAE;YACvB,MAAM,WAAW,GAAG,mBAAmB,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YACxD,MAAM,gBAAgB,GAAG,yBAAS,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,kBAAkB,CAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YAC1H,IAAI,gBAAgB,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,gBAAgB,CAAC,EAAE;gBACtE,yBAAW,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,oBAAC,qBAAqB,IAAC,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,IAAI,EAAE,aAAa,EAAE,iBAAiB,GAAI,EAAE,oBAAoB,CAAC,CAAC;gBACvM,OAAO;aACR;SACF;QACD,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE9C,IAAA,kDAAqC,EAAC,yBAAW,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC;IAChF,IAAA,kDAAqC,EAAC,yBAAW,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC;IAEhF,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,eAAgC,EAAE,EAAE;QACvF,MAAM,mBAAmB,GAAG,yBAAS,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,eAAe,CAAC,CAAC;QACzG,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;QAC5C,qBAAqB,CAAC,eAAe,CAAC,CAAC;QACvC,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,eAAe,CAAC,yBAAS,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC;IACxF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,eAAuB,EAAE,EAAE;QACzE,uBAAuB;QACvB,IAAI,mBAAmB,EAAE;YACvB,MAAM,WAAW,GAAG,mBAAmB,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YACxD,MAAM,gBAAgB,GAAG,yBAAS,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,kBAAkB,CAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YAC1H,IAAI,gBAAgB,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,gBAAgB,CAAC,EAAE;gBACtE,kBAAkB,CAAC,OAAO,GAAG,eAAe,CAAC;gBAC7C,yBAAW,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,oBAAC,qBAAqB,IAAC,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,eAAe,EAAE,aAAa,EAAE,yBAAyB,GAAI,EAAE,oBAAoB,CAAC,CAAC;gBAC1N,OAAO;aACR;SACF;QACD,yBAAyB,CAAC,eAAe,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,mBAAmB,EAAE,kBAAkB,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAEzE,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,WAAwB,EAAE,EAAE;QACjF,uBAAuB;QACvB,IAAI,mBAAmB,EAAE;YACvB,MAAM,OAAO,GAAG,MAAM,yBAAS,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;YAC/G,MAAM,gBAAgB,GAAG,yBAAS,CAAC,iBAAiB,CAAC,4BAA4B,CAAC,kBAAkB,CAAC,CAAC;YACtG,uBAAuB;YACvB,IAAI,gBAAgB;gBAClB,cAAc,CAAC,CAAC,cAAc,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;YACjE,sBAAsB,CAAC,OAAO,CAAC,CAAC;SACjC;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE9C,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QACtD,uBAAuB;QACvB,IAAI,mBAAmB,EAAE;YACvB,MAAM,MAAM,GAAG,mBAAmB,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YACnD,MAAM,yBAAS,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;YAChF,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE9C,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QACvD,MAAM,yBAAS,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QAC3E,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,UAAyB,EAAE,EAAE;QACjF,MAAM,yBAAS,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC;IACpE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,UAAyB,EAAE,EAAE;QACrF,IAAI,UAAU,KAAK,mBAAmB;YACpC,OAAO;QACT,WAAW,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,WAAW,CAAC,CAAC,CAAC;IAE7D,OAAO,CACL,6BAAK,SAAS,EAAC,+BAA+B;QAC5C,oBAAC,uCAAkB,IAAC,qBAAqB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,wBAAwB,GAAI;QAC9J,8BAAM,SAAS,EAAC,oCAAoC,IAAE,kBAAkB,CAAC,OAAO,CAAQ;QACxF,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,6BAAK,SAAS,EAAC,YAAY;gBACzB,oBAAC,oBAAO,IAAC,EAAE,EAAC,0BAA0B,EAAC,SAAS,EAAC,qBAAqB,EACpE,oBAAoB,EAAE,oBAAoB,EAAE,aAAa,EAAE,kBAAkB,IAE3E,CAAC,GAAG,yBAAS,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACxE,MAAM,KAAK,GAAG,yBAAS,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,CAAC,GAAG,CAAE,CAAC;oBAC1E,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;oBACtC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;oBAC1B,OAAO,CACL,oBAAC,wBAAW,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,KAAK,CAAC,GAAG;wBAChF,8BAAM,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,WAAW,IAAG,KAAK,CAAQ,CACnE,CACf,CAAC;gBACJ,CAAC,CAAC,CAEI,CACN;YACN,6BAAK,SAAS,EAAC,aAAa,IACzB,mBAAmB;gBAClB;oBACE,6BAAK,SAAS,EAAC,+BAA+B;wBAC5C,6BAAK,SAAS,EAAC,sCAAsC;4BACnD,oBAAC,sCAAY,IAAC,UAAU,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,OAAO,EAAE,UAAU,SAAG,CACnF,CACF;oBACN,6BAAK,SAAS,EAAC,6BAA6B;wBAC1C,oBAAC,6CAAmB,IAAC,cAAc,EAAE,qBAAqB,EAAE,YAAY,EAAE,kBAAkB,GAAI,CAC5F;oBACN,6BAAK,SAAS,EAAC,yBAAyB;wBACtC,oBAAC,sBAAM,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC,WAAW,IAAG,cAAc,CAAC,OAAO,CAAU;wBAC9G,oBAAC,sBAAM,IAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,YAAY,IAAG,gBAAgB,CAAC,OAAO,CAAU,CAClH,CACL,CAED,CACF,CACF,CACP,CAAC;AACJ,CAAC;AApKD,gEAoKC;AAED,SAAS,qBAAqB,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAA6H;IACvN,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,yBAAW,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QAClC,aAAa,IAAI,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEvC,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtC,yBAAS,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,8DAA8D;QACxI,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7C,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,oBAAC,mBAAM,IACL,KAAK,EAAE,qBAAqB,EAC5B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,IAAI,EACX,aAAa,EAAE;YACb,EAAE,IAAI,EAAE,iCAAgB,CAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE;YACjD,EAAE,IAAI,EAAE,iCAAgB,CAAC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE;SACrD,EACD,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,YAAY,EACrB,cAAc,EAAE,YAAY,EAC5B,SAAS,EAAE,GAAG,EACd,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,GAAG;QAEb,6BAAK,SAAS,EAAC,eAAe,6EAExB,CACE,CACX,CAAC;AACJ,CAAC","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 Settings\r\n /\r\n\r\nimport \"./QuantityFormat.scss\";\r\nimport as React from \"react\";\r\nimport { DeepCompare } from \"@itwin/core-geometry\";\r\nimport {\r\n getQuantityTypeKey, IModelApp, QuantityFormatsChangedArgs, QuantityType, QuantityTypeArg, QuantityTypeKey,\r\n} from \"@itwin/core-frontend\";\r\nimport { FormatProps, FormatterSpec, UnitSystemKey } from \"@itwin/core-quantity\";\r\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\r\nimport { FormatSample, QuantityFormatPanel } from \"@itwin/imodel-components-react\";\r\nimport {\r\n Dialog, Listbox, ListboxItem, SettingsTabEntry,\r\n useSaveBeforeActivatingNewSettingsTab, useSaveBeforeClosingSettingsContainer,\r\n} from \"@itwin/core-react\";\r\nimport { UiFramework } from \"../../UiFramework\";\r\nimport { UnitSystemSelector } from \"./UnitSystemSelector\";\r\nimport { Button } from \"@itwin/itwinui-react\";\r\n\r\nfunction formatAreEqual(obj1: FormatProps, obj2: FormatProps) {\r\n const compare = new DeepCompare();\r\n return compare.compare(obj1, obj2);\r\n}\r\n\r\n/** Options to initialize the settings page that allows users to set Quantity formatting overrides.\r\n * @beta\r\n /\r\nexport interface QuantityFormatterSettingsOptions {\r\n initialQuantityType: QuantityTypeArg;\r\n availableUnitSystems: Set<UnitSystemKey>;\r\n}\r\n\r\n/\r\n Return a SettingsTabEntry that can be used to define the available settings that can be set for an application.\r\n * @param itemPriority - Used to define the order of the entry in the Settings Stage\r\n * @param opts - Options to initialize the settings page that allows users to set Quantity formatting overrides.\r\n * @beta\r\n /\r\nexport function getQuantityFormatsSettingsManagerEntry(itemPriority: number, opts?: Partial<QuantityFormatterSettingsOptions>): SettingsTabEntry {\r\n const { availableUnitSystems, initialQuantityType } = { ...opts };\r\n return {\r\n itemPriority, tabId: \"uifw:Quantity\",\r\n label: UiFramework.translate(\"settings.quantity-formatting.label\"),\r\n subLabel: UiFramework.translate(\"settings.quantity-formatting.subLabel\"),\r\n page: <QuantityFormatSettingsPage initialQuantityType={initialQuantityType ?? QuantityType.Length}\r\n availableUnitSystems={availableUnitSystems ?? new Set([\"metric\", \"imperial\", \"usCustomary\", \"usSurvey\"])} />,\r\n isDisabled: false,\r\n icon: \"icon-measure\",\r\n tooltip: UiFramework.translate(\"settings.quantity-formatting.tooltip\"),\r\n pageWillHandleCloseRequest: true,\r\n };\r\n}\r\n\r\n/* UI Component shown in settings page to set the active Presentation Unit System and to set format overrides.\r\n * @beta\r\n */\r\nexport function QuantityFormatSettingsPage({ initialQuantityType, availableUnitSystems }: QuantityFormatterSettingsOptions) {\r\n const [activeUnitSystemKey, setActiveUnitSystemKey] = React.useState(IModelApp.quantityFormatter.activeUnitSystem);\r\n const [activeQuantityType, setActiveQuantityType] = React.useState(getQuantityTypeKey(initialQuantityType));\r\n const [activeFormatterSpec, setActiveFormatterSpec] = React.useState<FormatterSpec \| undefined>(IModelApp.quantityFormatter.findFormatterSpecByQuantityType(getQuantityTypeKey(activeQuantityType)));\r\n const [saveEnabled, setSaveEnabled] = React.useState(false);\r\n const [clearEnabled, setClearEnabled] = React.useState(IModelApp.quantityFormatter.hasActiveOverride(initialQuantityType, true));\r\n const newQuantityTypeRef = React.useRef<QuantityTypeKey>();\r\n const formatSectionLabel = React.useRef(UiFramework.translate(\"settings.quantity-formatting.formatSectionLabel\"));\r\n const setButtonLabel = React.useRef(UiFramework.translate(\"settings.quantity-formatting.setButtonLabel\"));\r\n const clearButtonLabel = React.useRef(UiFramework.translate(\"settings.quantity-formatting.clearButtonLabel\"));\r\n\r\n React.useEffect(() => {\r\n const handleUnitSystemChanged = ((): void => {\r\n // istanbul ignore else\r\n if (activeUnitSystemKey !== IModelApp.quantityFormatter.activeUnitSystem) {\r\n setActiveUnitSystemKey(IModelApp.quantityFormatter.activeUnitSystem);\r\n setActiveFormatterSpec(IModelApp.quantityFormatter.findFormatterSpecByQuantityType(activeQuantityType));\r\n setSaveEnabled(false);\r\n setClearEnabled(IModelApp.quantityFormatter.hasActiveOverride(activeQuantityType, true));\r\n }\r\n });\r\n\r\n IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.addListener(handleUnitSystemChanged);\r\n return () => {\r\n IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.removeListener(handleUnitSystemChanged);\r\n };\r\n }, [activeQuantityType, activeUnitSystemKey]);\r\n\r\n React.useEffect(() => {\r\n const handleFormatChanged = ((args: QuantityFormatsChangedArgs): void => {\r\n if (!newQuantityTypeRef.current) {\r\n const quantityKey = IModelApp.quantityFormatter.getQuantityTypeKey(activeQuantityType);\r\n // istanbul ignore else\r\n if (args.quantityType === quantityKey) {\r\n setActiveFormatterSpec(IModelApp.quantityFormatter.findFormatterSpecByQuantityType(activeQuantityType));\r\n setSaveEnabled(false);\r\n setClearEnabled(IModelApp.quantityFormatter.hasActiveOverride(activeQuantityType, true));\r\n }\r\n }\r\n newQuantityTypeRef.current = undefined;\r\n });\r\n IModelApp.quantityFormatter.onQuantityFormatsChanged.addListener(handleFormatChanged);\r\n return () => {\r\n IModelApp.quantityFormatter.onQuantityFormatsChanged.removeListener(handleFormatChanged);\r\n };\r\n }, [activeQuantityType]);\r\n\r\n const saveChanges = React.useCallback((afterSaveFunction: (args: any) => void, args?: any) => {\r\n // istanbul ignore else\r\n if (activeFormatterSpec) {\r\n const formatProps = activeFormatterSpec.format.toJSON();\r\n const formatPropsInUse = IModelApp.quantityFormatter.findFormatterSpecByQuantityType(activeQuantityType)!.format.toJSON();\r\n if (formatPropsInUse && !formatAreEqual(formatProps, formatPropsInUse)) {\r\n UiFramework.dialogs.modal.open(<SaveFormatModalDialog formatProps={formatProps} quantityType={activeQuantityType} onDialogCloseArgs={args} onDialogClose={afterSaveFunction} />, \"saveQuantityFormat\");\r\n return;\r\n }\r\n }\r\n afterSaveFunction(args);\r\n }, [activeFormatterSpec, activeQuantityType]);\r\n\r\n useSaveBeforeActivatingNewSettingsTab(UiFramework.settingsManager, saveChanges);\r\n useSaveBeforeClosingSettingsContainer(UiFramework.settingsManager, saveChanges);\r\n\r\n const processListboxValueChange = React.useCallback((newQuantityType: QuantityTypeKey) => {\r\n const volumeFormatterSpec = IModelApp.quantityFormatter.findFormatterSpecByQuantityType(newQuantityType);\r\n setActiveFormatterSpec(volumeFormatterSpec);\r\n setActiveQuantityType(newQuantityType);\r\n setSaveEnabled(false);\r\n setClearEnabled(IModelApp.quantityFormatter.hasActiveOverride(newQuantityType, true));\r\n }, []);\r\n\r\n const onListboxValueChange = React.useCallback((newQuantityType: string) => {\r\n // istanbul ignore else\r\n if (activeFormatterSpec) {\r\n const formatProps = activeFormatterSpec.format.toJSON();\r\n const formatPropsInUse = IModelApp.quantityFormatter.findFormatterSpecByQuantityType(activeQuantityType)!.format.toJSON();\r\n if (formatPropsInUse && !formatAreEqual(formatProps, formatPropsInUse)) {\r\n newQuantityTypeRef.current = newQuantityType;\r\n UiFramework.dialogs.modal.open(<SaveFormatModalDialog formatProps={formatProps} quantityType={activeQuantityType} onDialogCloseArgs={newQuantityType} onDialogClose={processListboxValueChange} />, \"saveQuantityFormat\");\r\n return;\r\n }\r\n }\r\n processListboxValueChange(newQuantityType);\r\n }, [activeFormatterSpec, activeQuantityType, processListboxValueChange]);\r\n\r\n const handleOnFormatChanged = React.useCallback(async (formatProps: FormatProps) => {\r\n // istanbul ignore else\r\n if (activeFormatterSpec) {\r\n const newSpec = await IModelApp.quantityFormatter.generateFormatterSpecByType(activeQuantityType, formatProps);\r\n const formatPropsInUse = IModelApp.quantityFormatter.getFormatPropsByQuantityType(activeQuantityType);\r\n // istanbul ignore else\r\n if (formatPropsInUse)\r\n setSaveEnabled(!formatAreEqual(formatProps, formatPropsInUse));\r\n setActiveFormatterSpec(newSpec);\r\n }\r\n }, [activeFormatterSpec, activeQuantityType]);\r\n\r\n const handleOnFormatSave = React.useCallback(async () => {\r\n // istanbul ignore else\r\n if (activeFormatterSpec) {\r\n const format = activeFormatterSpec.format.toJSON();\r\n await IModelApp.quantityFormatter.setOverrideFormat(activeQuantityType, format);\r\n setClearEnabled(true);\r\n }\r\n }, [activeFormatterSpec, activeQuantityType]);\r\n\r\n const handleOnFormatReset = React.useCallback(async () => {\r\n await IModelApp.quantityFormatter.clearOverrideFormats(activeQuantityType);\r\n setClearEnabled(false);\r\n }, [activeQuantityType]);\r\n\r\n const processNewUnitSystem = React.useCallback(async (unitSystem: UnitSystemKey) => {\r\n await IModelApp.quantityFormatter.setActiveUnitSystem(unitSystem);\r\n }, []);\r\n\r\n const handleUnitSystemSelected = React.useCallback(async (unitSystem: UnitSystemKey) => {\r\n if (unitSystem === activeUnitSystemKey)\r\n return;\r\n saveChanges(processNewUnitSystem, unitSystem);\r\n }, [activeUnitSystemKey, processNewUnitSystem, saveChanges]);\r\n\r\n return (\r\n <div className=\"quantity-formatting-container\">\r\n <UnitSystemSelector selectedUnitSystemKey={activeUnitSystemKey} availableUnitSystems={availableUnitSystems} onUnitSystemSelected={handleUnitSystemSelected} />\r\n <span className=\"uifw-quantity-format-section-label\">{formatSectionLabel.current}</span>\r\n <div className=\"uifw-quantity-types-container\">\r\n <div className=\"left-panel\">\r\n <Listbox id=\"uifw-quantity-types-list\" className=\"uifw-quantity-types\"\r\n onListboxValueChange={onListboxValueChange} selectedValue={activeQuantityType} >\r\n {\r\n [...IModelApp.quantityFormatter.quantityTypesRegistry.keys()].map((key) => {\r\n const entry = IModelApp.quantityFormatter.quantityTypesRegistry.get(key)!;\r\n const description = entry.description;\r\n const label = entry.label;\r\n return (\r\n <ListboxItem key={entry.key} className=\"quantity-type-list-entry\" value={entry.key}>\r\n <span className=\"map-source-list-entry-name\" title={description}>{label}</span>\r\n </ListboxItem>\r\n );\r\n })\r\n }\r\n </Listbox>\r\n </div>\r\n <div className=\"right-panel\">\r\n {activeFormatterSpec &&\r\n <>\r\n <div className=\"uifw-quantity-types-right-top\">\r\n <div className=\"uifw-quantity-types-right-top-sample\">\r\n <FormatSample formatSpec={activeFormatterSpec} initialMagnitude={1234.56} hideLabels />\r\n </div>\r\n </div>\r\n <div className=\"uifw-quantity-types-formats\">\r\n <QuantityFormatPanel onFormatChange={handleOnFormatChanged} quantityType={activeQuantityType} />\r\n </div>\r\n <div className=\"components-button-panel\">\r\n <Button styleType=\"cta\" onClick={handleOnFormatSave} disabled={!saveEnabled}>{setButtonLabel.current}</Button>\r\n <Button styleType=\"default\" onClick={handleOnFormatReset} disabled={!clearEnabled}>{clearButtonLabel.current}</Button>\r\n </div>\r\n </>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nfunction SaveFormatModalDialog({ formatProps, quantityType, onDialogCloseArgs, onDialogClose }: { formatProps: FormatProps, quantityType: QuantityTypeKey, onDialogCloseArgs?: any, onDialogClose: (args?: any) => void }) {\r\n const [isOpen, setIsOpen] = React.useState(true);\r\n\r\n const handleClose = React.useCallback(() => {\r\n setIsOpen(false);\r\n UiFramework.dialogs.modal.close();\r\n onDialogClose && onDialogClose(onDialogCloseArgs);\r\n }, [onDialogClose, onDialogCloseArgs]);\r\n\r\n const handleOK = React.useCallback(() => {\r\n IModelApp.quantityFormatter.setOverrideFormat(quantityType, formatProps); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n handleClose();\r\n }, [formatProps, handleClose, quantityType]);\r\n\r\n const handleCancel = React.useCallback(() => {\r\n handleClose();\r\n }, [handleClose]);\r\n\r\n return (\r\n <Dialog\r\n title={\"Save Format Changes\"}\r\n opened={isOpen}\r\n resizable={false}\r\n movable={false}\r\n modal={true}\r\n buttonCluster={[\r\n { type: DialogButtonType.Yes, onClick: handleOK },\r\n { type: DialogButtonType.No, onClick: handleCancel },\r\n ]}\r\n onEscape={handleCancel}\r\n onClose={handleCancel}\r\n onOutsideClick={handleCancel}\r\n minHeight={150}\r\n maxHeight={400}\r\n maxWidth={400}\r\n minWidth={200}\r\n >\r\n <div className=\"modal-dialog2\">\r\n Do you want to save changes to format before changing to another type?\r\n </div>\r\n </Dialog >\r\n );\r\n}\r\n"]}

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

@@ -24,16 +24,9 @@
     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 {
@@ -46,7 +39,7 @@
     height: 100%;
     width: auto;
-    >.left-panel {
+    > .left-panel {
       flex-direction: column;
       min-width: 260px;
       width: auto;
@@ -62,7 +55,7 @@
       }
     }
-    >.right-panel {
+    > .right-panel {
       display: flex;
       flex-direction: column;
       width: auto;
@@ -93,7 +86,7 @@
             margin-left: 10px;
           }
-          >span.components-inline {
+          > span.components-inline {
             display: flex;
             flex-direction: row;
             align-items: center;
@@ -107,7 +100,7 @@
         display: flex;
         flex-direction: column;
         border: 1px solid $buic-inputs-border;
-        border-radius: 3px;
+        border-radius: var(--iui-border-radius-1);
         height: auto;
         overflow-y: auto;
         box-sizing: border-box;
@@ -123,4 +116,4 @@
       }
     }
   }
-}
+}

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

@@ -19,22 +19,10 @@ 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 CHANGED Viewed

	@@ -1 +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;AAOrD;;;;;;;;;;;;;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~~"}
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;AAOrD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,gBA6L7B;AAwBD;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,YAAY,EAAE,MAAM,GAAG,gBAAgB,CAShF"}

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

@@ -17,20 +17,27 @@ const ThemeManager_1 = require("../../theme/ThemeManager");
 const SyncUiEventDispatcher_1 = require("../../syncui/SyncUiEventDispatcher");
 const appui_abstract_1 = require("@itwin/appui-abstract");
 const itwinui_react_1 = require("@itwin/itwinui-react");
-/**
- * @deprecated in 3.6. Framework version is deprecated, only UI2.0 is supported.
+/** 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.
+ *
  * @beta
  */
-function UiSettingsPage(props) {
-    const { allowSettingUiFrameworkVersion } = props || {};
+function UiSettingsPage() {
     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"));
@@ -51,7 +58,6 @@ function UiSettingsPage(props) {
     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);
@@ -74,8 +80,6 @@ function UiSettingsPage(props) {
                     setTheme(UiFramework_1.UiFramework.getColorTheme());
                 if (UiFramework_1.UiFramework.visibility.autoHideUi !== autoHideUi)
                     setAutoHideUi(UiFramework_1.UiFramework.visibility.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)
@@ -99,7 +103,7 @@ function UiSettingsPage(props) {
             }
         };
         return SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);
-    }, [autoCollapseUnpinnedPanels, autoHideUi, showWidgetIcon, snapWidgetOpacity, theme, uiVersion,
+    }, [autoCollapseUnpinnedPanels, autoHideUi, showWidgetIcon, snapWidgetOpacity, theme,
         useDragInteraction, useProximityOpacity, widgetOpacity, animateToolSettings, useToolAsToolSettingsLabel, toolbarOpacity]);
     const defaultThemeOption = { label: systemPreferredLabel.current, value: ThemeManager_1.SYSTEM_PREFERRED_COLOR_THEME };
     const themeOptions = [
@@ -131,9 +135,6 @@ function UiSettingsPage(props) {
             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]);
@@ -154,16 +155,14 @@ function UiSettingsPage(props) {
         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 }) }),
-        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: 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,15 +175,16 @@ function SettingsItem(props) {
         React.createElement("div", { className: "panel right-panel" }, settingUi)));
 }
 /**
- * @deprecated in 3.6. Framework version is deprecated, only UI2.0 is supported.
+ * 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
  */
-function getUiSettingsManagerEntry(itemPriority, allowSettingUiFrameworkVersion) {
+function getUiSettingsManagerEntry(itemPriority) {
     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, { allowSettingUiFrameworkVersion: !!allowSettingUiFrameworkVersion }),
+        page: React.createElement(UiSettingsPage, null),
         isDisabled: false,
         tooltip: UiFramework_1.UiFramework.translate("settings.uiSettingsPage.tooltip"),
     };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UiSettingsPage.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/ui/UiSettingsPage.tsx"],"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 Settings\r\n /\r\n\r\n// cSpell:ignore configurableui checkmark\r\n\r\nimport widowSettingsIconSvg from \"@bentley/icons-generic/icons/window-settings.svg\";\r\nimport \"./UiSettingsPage.scss\";\r\nimport as React from \"react\";\r\nimport { SettingsTabEntry } from \"@itwin/core-react\";\r\nimport { UiFramework } from \"../../UiFramework\";\r\nimport { ColorTheme, SYSTEM_PREFERRED_COLOR_THEME } from \"../../theme/ThemeManager\";\r\nimport { SyncUiEventDispatcher, SyncUiEventId } from \"../../syncui/SyncUiEventDispatcher\";\r\nimport { IconSpecUtilities, UiSyncEventArgs } from \"@itwin/appui-abstract\";\r\nimport { Select, SelectOption, Slider, ToggleSwitch } from \"@itwin/itwinui-react\";\r\n\r\n/** UiSettingsPage displaying the active UI settings. This page lets users set the following settings.\r\n \r\n - theme - Dark, Light, or based on OS preference.\r\n * - auto hide - Starts a timer and blanks out ui components that overlay content if there is no mouse movement for a period of time.\r\n * - drag interaction - If set, toolbar group buttons require a press and drag or a long press to open. In this mode a child action\r\n * item is shown as the group button and is activated when button is clicked. If a different child item is selected, it becomes the\r\n * active group button item.\r\n * - use proximity - Changes the opacity of toolbar from transparent to opaque as the mouse moves closer.\r\n * - 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.\r\n * - widget opacity - determines how transparent floating widgets in V2 and all widgets in V1 become when the mouse in not in them.\r\n * - UI version - if allowed by props, the UI version can be toggled between V1 and V2.\r\n \r\n @beta\r\n /\r\nexport function UiSettingsPage(): JSX.Element;\r\n\r\n/\r\n @deprecated in 3.6. Framework version is deprecated, only UI2.0 is supported.\r\n * @beta\r\n /\r\nexport function UiSettingsPage({ allowSettingUiFrameworkVersion }: { allowSettingUiFrameworkVersion: boolean }): JSX.Element; // eslint-disable-line @typescript-eslint/unified-signatures\r\n\r\n/\r\n @deprecated in 3.6. Framework version is deprecated, only UI2.0 is supported.\r\n * @beta\r\n /\r\nexport function UiSettingsPage(props?: { allowSettingUiFrameworkVersion: boolean }) {\r\n const { allowSettingUiFrameworkVersion } = props \|\| {};\r\n const themeTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.themeTitle\"));\r\n const themeDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.themeDescription\"));\r\n const autoHideTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.autoHideTitle\"));\r\n const autoHideDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.autoHideDescription\"));\r\n const dragInteractionTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.dragInteractionTitle\"));\r\n const dragInteractionDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.dragInteractionDescription\"));\r\n const useNewUiTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.newUiTitle\"));\r\n const useNewUiDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.newUiDescription\"));\r\n const useProximityOpacityTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.useProximityOpacityTitle\"));\r\n const useProximityOpacityDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.useProximityOpacityDescription\"));\r\n const snapWidgetOpacityTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.snapWidgetOpacityTitle\"));\r\n const snapWidgetOpacityDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.snapWidgetOpacityDescription\"));\r\n const darkLabel = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.dark\"));\r\n const lightLabel = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.light\"));\r\n const systemPreferredLabel = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.systemPreferred\"));\r\n const widgetOpacityTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.widgetOpacityTitle\"));\r\n const widgetOpacityDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.widgetOpacityDescription\"));\r\n const widgetIconTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.widgetIconTitle\"));\r\n const widgetIconDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.widgetIconDescription\"));\r\n const autoCollapseUnpinnedPanelsTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.autoCollapseUnpinnedPanelsTitle\"));\r\n const autoCollapseUnpinnedPanelsDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.autoCollapseUnpinnedPanelsDescription\"));\r\n const animateToolSettingsTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.animateToolSettingsTitle\"));\r\n const animateToolSettingsDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.animateToolSettingsDescription\"));\r\n const useToolAsToolSettingsLabelTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.useToolAsToolSettingsLabelTitle\"));\r\n const useToolAsToolSettingsLabelDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.useToolAsToolSettingsLabelDescription\"));\r\n const toolbarOpacityTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.toolbarOpacityTitle\"));\r\n const toolbarOpacityDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.toolbarOpacityDescription\"));\r\n\r\n const [theme, setTheme] = React.useState(() => UiFramework.getColorTheme());\r\n const [uiVersion, setUiVersion] = React.useState(() => UiFramework.uiVersion); // eslint-disable-line deprecation/deprecation\r\n const [useDragInteraction, setUseDragInteraction] = React.useState(() => UiFramework.useDragInteraction);\r\n const [showWidgetIcon, setShowWidgetIcon] = React.useState(() => UiFramework.showWidgetIcon);\r\n const [autoCollapseUnpinnedPanels, setAutoCollapseUnpinnedPanels] = React.useState(() => UiFramework.autoCollapseUnpinnedPanels);\r\n const [animateToolSettings, setAnimateToolSettings] = React.useState(() => UiFramework.animateToolSettings);\r\n const [useToolAsToolSettingsLabel, setUseToolAsToolSettingsLabel] = React.useState(() => UiFramework.useToolAsToolSettingsLabel);\r\n const [widgetOpacity, setWidgetOpacity] = React.useState(() => UiFramework.getWidgetOpacity());\r\n const [autoHideUi, setAutoHideUi] = React.useState(() => UiFramework.visibility.autoHideUi);\r\n const [useProximityOpacity, setUseProximityOpacity] = React.useState(() => UiFramework.visibility.useProximityOpacity);\r\n const [snapWidgetOpacity, setSnapWidgetOpacity] = React.useState(() => UiFramework.visibility.snapWidgetOpacity);\r\n const [toolbarOpacity, setToolbarOpacity] = React.useState(() => UiFramework.getToolbarOpacity());\r\n\r\n React.useEffect(() => {\r\n const syncIdsOfInterest = [\"configurableui:set_theme\", \"configurableui:set_widget_opacity\", \"configurableui:set-show-widget-icon\",\r\n \"configurableui:set-drag-interaction\", \"configurableui:set-framework-version\",\r\n \"configurableui:set-auto-collapse-unpinned-panels\", \"configurableui:set-animate-tool-settings\",\r\n \"configurableui:set-use-tool-as-tool-settings-label\", \"configurableui:set-toolbar-opacity\", SyncUiEventId.ShowHideManagerSettingChange];\r\n\r\n const handleSyncUiEvent = (args: UiSyncEventArgs) => {\r\n // istanbul ignore else\r\n if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value))) {\r\n if (UiFramework.getColorTheme() !== theme)\r\n setTheme(UiFramework.getColorTheme());\r\n if (UiFramework.visibility.autoHideUi !== autoHideUi)\r\n setAutoHideUi(UiFramework.visibility.autoHideUi);\r\n if (UiFramework.uiVersion !== uiVersion) // eslint-disable-line deprecation/deprecation\r\n setUiVersion(UiFramework.uiVersion); // eslint-disable-line deprecation/deprecation\r\n if (UiFramework.useDragInteraction !== useDragInteraction)\r\n setUseDragInteraction(UiFramework.useDragInteraction);\r\n if (UiFramework.showWidgetIcon !== showWidgetIcon)\r\n setShowWidgetIcon(UiFramework.showWidgetIcon);\r\n if (UiFramework.autoCollapseUnpinnedPanels !== autoCollapseUnpinnedPanels)\r\n setAutoCollapseUnpinnedPanels(UiFramework.autoCollapseUnpinnedPanels);\r\n if (UiFramework.getWidgetOpacity() !== widgetOpacity)\r\n setWidgetOpacity(UiFramework.getWidgetOpacity());\r\n if (UiFramework.visibility.autoHideUi !== autoHideUi)\r\n setAutoHideUi(UiFramework.visibility.autoHideUi);\r\n if (UiFramework.visibility.useProximityOpacity !== useProximityOpacity)\r\n setUseProximityOpacity(UiFramework.visibility.useProximityOpacity);\r\n if (UiFramework.visibility.snapWidgetOpacity !== snapWidgetOpacity)\r\n setSnapWidgetOpacity(UiFramework.visibility.snapWidgetOpacity);\r\n if (UiFramework.animateToolSettings !== animateToolSettings)\r\n setAnimateToolSettings(UiFramework.animateToolSettings);\r\n if (UiFramework.useToolAsToolSettingsLabel !== useToolAsToolSettingsLabel)\r\n setUseToolAsToolSettingsLabel(UiFramework.useToolAsToolSettingsLabel);\r\n if (UiFramework.getToolbarOpacity() !== toolbarOpacity)\r\n setToolbarOpacity(UiFramework.getToolbarOpacity());\r\n }\r\n };\r\n return SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\r\n }, [autoCollapseUnpinnedPanels, autoHideUi, showWidgetIcon, snapWidgetOpacity, theme, uiVersion,\r\n useDragInteraction, useProximityOpacity, widgetOpacity, animateToolSettings, useToolAsToolSettingsLabel, toolbarOpacity]);\r\n\r\n const defaultThemeOption = { label: systemPreferredLabel.current, value: SYSTEM_PREFERRED_COLOR_THEME };\r\n const themeOptions: SelectOption<string>[] = [\r\n defaultThemeOption,\r\n { label: lightLabel.current, value: ColorTheme.Light },\r\n { label: darkLabel.current, value: ColorTheme.Dark },\r\n ];\r\n\r\n const onThemeChange = React.useCallback((newValue: string) => {\r\n UiFramework.setColorTheme(newValue);\r\n }, []);\r\n\r\n const onAutoHideChange = React.useCallback(async () => {\r\n UiFramework.visibility.autoHideUi = !autoHideUi;\r\n }, [autoHideUi]);\r\n\r\n const onUseProximityOpacityChange = React.useCallback(async () => {\r\n UiFramework.visibility.useProximityOpacity = !useProximityOpacity;\r\n }, [useProximityOpacity]);\r\n\r\n const onSnapWidgetOpacityChange = React.useCallback(async () => {\r\n UiFramework.visibility.snapWidgetOpacity = !snapWidgetOpacity;\r\n }, [snapWidgetOpacity]);\r\n\r\n const onWidgetIconChange = React.useCallback(async () => {\r\n UiFramework.setShowWidgetIcon(!showWidgetIcon);\r\n }, [showWidgetIcon]);\r\n\r\n const onAutoCollapseUnpinnedPanelsChange = React.useCallback(async () => {\r\n UiFramework.setAutoCollapseUnpinnedPanels(!autoCollapseUnpinnedPanels);\r\n }, [autoCollapseUnpinnedPanels]);\r\n\r\n const onWidgetOpacityChange = React.useCallback(async (values: readonly number[]) => {\r\n // istanbul ignore else\r\n if (values.length > 0) {\r\n UiFramework.setWidgetOpacity(values[0]);\r\n }\r\n }, []);\r\n const onToggleFrameworkVersion = React.useCallback(async () => {\r\n UiFramework.setUiVersion(uiVersion === \"2\" ? \"1\" : \"2\"); // eslint-disable-line deprecation/deprecation\r\n }, [uiVersion]);\r\n\r\n const onToggleDragInteraction = React.useCallback(async () => {\r\n UiFramework.setUseDragInteraction(!useDragInteraction);\r\n }, [useDragInteraction]);\r\n\r\n const OnToggleAnimateToolSettings = React.useCallback(async () => {\r\n UiFramework.setAnimateToolSettings(!animateToolSettings);\r\n }, [animateToolSettings]);\r\n const currentTheme = UiFramework.getColorTheme();\r\n\r\n const OnToggleUseToolAsToolSettingsLabel = React.useCallback(async () => {\r\n UiFramework.setUseToolAsToolSettingsLabel(!useToolAsToolSettingsLabel);\r\n }, [useToolAsToolSettingsLabel]);\r\n\r\n const onToolbarOpacityChange = React.useCallback(async (values: readonly number[]) => {\r\n // istanbul ignore else\r\n if (values.length > 0) {\r\n UiFramework.setToolbarOpacity(values[0]);\r\n }\r\n }, []);\r\n\r\n return (\r\n <div className=\"uifw-settings\">\r\n <SettingsItem title={themeTitle.current} description={themeDescription.current}\r\n settingUi={\r\n <div data-testid=\"select-theme-container\" className=\"select-theme-container\">\r\n <Select\r\n value={currentTheme}\r\n onChange={onThemeChange}\r\n options={themeOptions}\r\n data-testid=\"select-theme\"\r\n size=\"small\"\r\n />\r\n </div>\r\n }\r\n />\r\n <SettingsItem title={autoHideTitle.current} description={autoHideDescription.current}\r\n settingUi={<ToggleSwitch checked={autoHideUi} onChange={onAutoHideChange} />}\r\n />\r\n {allowSettingUiFrameworkVersion && <SettingsItem title={useNewUiTitle.current} description={useNewUiDescription.current}\r\n settingUi={<ToggleSwitch checked={UiFramework.uiVersion === \"2\"} onChange={onToggleFrameworkVersion} />} // eslint-disable-line deprecation/deprecation\r\n />}\r\n {/ eslint-disable-next-line deprecation/deprecation /}\r\n {UiFramework.uiVersion === \"2\" && <>\r\n <SettingsItem title={dragInteractionTitle.current} description={dragInteractionDescription.current}\r\n settingUi={<ToggleSwitch checked={useDragInteraction} onChange={onToggleDragInteraction} />}\r\n />\r\n <SettingsItem title={useProximityOpacityTitle.current} description={useProximityOpacityDescription.current}\r\n settingUi={<ToggleSwitch checked={useProximityOpacity} onChange={onUseProximityOpacityChange} />}\r\n />\r\n <SettingsItem title={snapWidgetOpacityTitle.current} description={snapWidgetOpacityDescription.current}\r\n settingUi={<ToggleSwitch checked={snapWidgetOpacity} onChange={onSnapWidgetOpacityChange} />}\r\n />\r\n <SettingsItem title={widgetIconTitle.current} description={widgetIconDescription.current}\r\n settingUi={<ToggleSwitch checked={showWidgetIcon} onChange={onWidgetIconChange} />}\r\n />\r\n <SettingsItem title={autoCollapseUnpinnedPanelsTitle.current} description={autoCollapseUnpinnedPanelsDescription.current}\r\n settingUi={<ToggleSwitch checked={autoCollapseUnpinnedPanels} onChange={onAutoCollapseUnpinnedPanelsChange} />}\r\n />\r\n <SettingsItem title={animateToolSettingsTitle.current} description={animateToolSettingsDescription.current}\r\n settingUi={<ToggleSwitch checked={animateToolSettings} onChange={OnToggleAnimateToolSettings} />}\r\n />\r\n <SettingsItem title={useToolAsToolSettingsLabelTitle.current} description={useToolAsToolSettingsLabelDescription.current}\r\n settingUi={<ToggleSwitch checked={useToolAsToolSettingsLabel} onChange={OnToggleUseToolAsToolSettingsLabel} />}\r\n />\r\n <SettingsItem title={toolbarOpacityTitle.current} description={toolbarOpacityDescription.current}\r\n settingUi={\r\n <Slider style={{ flex: \"1\" }} values={[toolbarOpacity]} step={0.05} onChange={onToolbarOpacityChange}\r\n min={0.20} max={1.0} maxLabel=\"1.0\" tickLabels={[\"\", \"\", \"\", \"\", \"\"]} />\r\n }\r\n />\r\n </>\r\n }\r\n <SettingsItem title={widgetOpacityTitle.current} description={widgetOpacityDescription.current}\r\n settingUi={\r\n <Slider style={{ flex: \"1\" }} values={[widgetOpacity]} step={0.05} onChange={onWidgetOpacityChange}\r\n min={0.20} max={1.0} maxLabel=\"1.0\" tickLabels={[\"\", \"\", \"\", \"\", \"\"]} />\r\n }\r\n />\r\n </div>\r\n );\r\n}\r\n\r\ninterface SettingsItemProps {\r\n title: string;\r\n description: string;\r\n settingUi: React.ReactNode;\r\n}\r\n\r\nfunction SettingsItem(props: SettingsItemProps) {\r\n const { title, description, settingUi } = props;\r\n\r\n return (\r\n <div className=\"uifw-settings-item\">\r\n <div className=\"panel left-panel\">\r\n <span className=\"title\">{title}</span>\r\n <span className=\"description\">{description}</span>\r\n </div>\r\n <div className=\"panel right-panel\">\r\n {settingUi}\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\n/\r\n Return a SettingsTabEntry that can be used to define the available settings that can be set for an application.\r\n * @param itemPriority - Used to define the order of the entry in the Settings Stage\r\n * @beta\r\n /\r\nexport function getUiSettingsManagerEntry(itemPriority: number): SettingsTabEntry;\r\n\r\n/\r\n @deprecated in 3.6. Framework version is deprecated, only UI2.0 is supported. Use `getUiSettingsManagerEntry(itemPriority)` instead.\r\n * @beta\r\n /\r\nexport function getUiSettingsManagerEntry(itemPriority: number, allowSettingUiFrameworkVersion?: boolean): SettingsTabEntry; // eslint-disable-line @typescript-eslint/unified-signatures\r\n\r\n/\r\n @deprecated in 3.6. Framework version is deprecated, only UI2.0 is supported.\r\n * @beta\r\n */\r\nexport function getUiSettingsManagerEntry(itemPriority: number, allowSettingUiFrameworkVersion?: boolean): SettingsTabEntry {\r\n return {\r\n itemPriority, tabId: \"uifw:UiStateStorage\",\r\n label: UiFramework.translate(\"settings.uiSettingsPage.label\"),\r\n icon: IconSpecUtilities.createWebComponentIconSpec(widowSettingsIconSvg),\r\n page: <UiSettingsPage allowSettingUiFrameworkVersion={!!allowSettingUiFrameworkVersion} />, // eslint-disable-line deprecation/deprecation\r\n isDisabled: false,\r\n tooltip: UiFramework.translate(\"settings.uiSettingsPage.tooltip\"),\r\n };\r\n}\r\n"]}
1	+ {"version":3,"file":"UiSettingsPage.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/ui/UiSettingsPage.tsx"],"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 Settings\r\n /\r\n\r\n// cSpell:ignore configurableui checkmark\r\n\r\nimport widowSettingsIconSvg from \"@bentley/icons-generic/icons/window-settings.svg\";\r\nimport \"./UiSettingsPage.scss\";\r\nimport as React from \"react\";\r\nimport { SettingsTabEntry } from \"@itwin/core-react\";\r\nimport { UiFramework } from \"../../UiFramework\";\r\nimport { ColorTheme, SYSTEM_PREFERRED_COLOR_THEME } from \"../../theme/ThemeManager\";\r\nimport { SyncUiEventDispatcher, SyncUiEventId } from \"../../syncui/SyncUiEventDispatcher\";\r\nimport { IconSpecUtilities, UiSyncEventArgs } from \"@itwin/appui-abstract\";\r\nimport { Select, SelectOption, Slider, ToggleSwitch } from \"@itwin/itwinui-react\";\r\n\r\n/** UiSettingsPage displaying the active UI settings. This page lets users set the following settings.\r\n \r\n - theme - Dark, Light, or based on OS preference.\r\n * - auto hide - Starts a timer and blanks out ui components that overlay content if there is no mouse movement for a period of time.\r\n * - drag interaction - If set, toolbar group buttons require a press and drag or a long press to open. In this mode a child action\r\n * item is shown as the group button and is activated when button is clicked. If a different child item is selected, it becomes the\r\n * active group button item.\r\n * - use proximity - Changes the opacity of toolbar from transparent to opaque as the mouse moves closer.\r\n * - 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.\r\n * - widget opacity - determines how transparent floating widgets in V2 and all widgets in V1 become when the mouse in not in them.\r\n * - UI version - if allowed by props, the UI version can be toggled between V1 and V2.\r\n \r\n @beta\r\n /\r\nexport function UiSettingsPage() {\r\n const themeTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.themeTitle\"));\r\n const themeDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.themeDescription\"));\r\n const autoHideTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.autoHideTitle\"));\r\n const autoHideDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.autoHideDescription\"));\r\n const dragInteractionTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.dragInteractionTitle\"));\r\n const dragInteractionDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.dragInteractionDescription\"));\r\n const useProximityOpacityTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.useProximityOpacityTitle\"));\r\n const useProximityOpacityDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.useProximityOpacityDescription\"));\r\n const snapWidgetOpacityTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.snapWidgetOpacityTitle\"));\r\n const snapWidgetOpacityDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.snapWidgetOpacityDescription\"));\r\n const darkLabel = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.dark\"));\r\n const lightLabel = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.light\"));\r\n const systemPreferredLabel = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.systemPreferred\"));\r\n const widgetOpacityTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.widgetOpacityTitle\"));\r\n const widgetOpacityDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.widgetOpacityDescription\"));\r\n const widgetIconTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.widgetIconTitle\"));\r\n const widgetIconDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.widgetIconDescription\"));\r\n const autoCollapseUnpinnedPanelsTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.autoCollapseUnpinnedPanelsTitle\"));\r\n const autoCollapseUnpinnedPanelsDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.autoCollapseUnpinnedPanelsDescription\"));\r\n const animateToolSettingsTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.animateToolSettingsTitle\"));\r\n const animateToolSettingsDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.animateToolSettingsDescription\"));\r\n const useToolAsToolSettingsLabelTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.useToolAsToolSettingsLabelTitle\"));\r\n const useToolAsToolSettingsLabelDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.useToolAsToolSettingsLabelDescription\"));\r\n const toolbarOpacityTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.toolbarOpacityTitle\"));\r\n const toolbarOpacityDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.toolbarOpacityDescription\"));\r\n\r\n const [theme, setTheme] = React.useState(() => UiFramework.getColorTheme());\r\n const [useDragInteraction, setUseDragInteraction] = React.useState(() => UiFramework.useDragInteraction);\r\n const [showWidgetIcon, setShowWidgetIcon] = React.useState(() => UiFramework.showWidgetIcon);\r\n const [autoCollapseUnpinnedPanels, setAutoCollapseUnpinnedPanels] = React.useState(() => UiFramework.autoCollapseUnpinnedPanels);\r\n const [animateToolSettings, setAnimateToolSettings] = React.useState(() => UiFramework.animateToolSettings);\r\n const [useToolAsToolSettingsLabel, setUseToolAsToolSettingsLabel] = React.useState(() => UiFramework.useToolAsToolSettingsLabel);\r\n const [widgetOpacity, setWidgetOpacity] = React.useState(() => UiFramework.getWidgetOpacity());\r\n const [autoHideUi, setAutoHideUi] = React.useState(() => UiFramework.visibility.autoHideUi);\r\n const [useProximityOpacity, setUseProximityOpacity] = React.useState(() => UiFramework.visibility.useProximityOpacity);\r\n const [snapWidgetOpacity, setSnapWidgetOpacity] = React.useState(() => UiFramework.visibility.snapWidgetOpacity);\r\n const [toolbarOpacity, setToolbarOpacity] = React.useState(() => UiFramework.getToolbarOpacity());\r\n\r\n React.useEffect(() => {\r\n const syncIdsOfInterest = [\"configurableui:set_theme\", \"configurableui:set_widget_opacity\", \"configurableui:set-show-widget-icon\",\r\n \"configurableui:set-drag-interaction\", \"configurableui:set-framework-version\",\r\n \"configurableui:set-auto-collapse-unpinned-panels\", \"configurableui:set-animate-tool-settings\",\r\n \"configurableui:set-use-tool-as-tool-settings-label\", \"configurableui:set-toolbar-opacity\", SyncUiEventId.ShowHideManagerSettingChange];\r\n\r\n const handleSyncUiEvent = (args: UiSyncEventArgs) => {\r\n // istanbul ignore else\r\n if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value))) {\r\n if (UiFramework.getColorTheme() !== theme)\r\n setTheme(UiFramework.getColorTheme());\r\n if (UiFramework.visibility.autoHideUi !== autoHideUi)\r\n setAutoHideUi(UiFramework.visibility.autoHideUi);\r\n if (UiFramework.useDragInteraction !== useDragInteraction)\r\n setUseDragInteraction(UiFramework.useDragInteraction);\r\n if (UiFramework.showWidgetIcon !== showWidgetIcon)\r\n setShowWidgetIcon(UiFramework.showWidgetIcon);\r\n if (UiFramework.autoCollapseUnpinnedPanels !== autoCollapseUnpinnedPanels)\r\n setAutoCollapseUnpinnedPanels(UiFramework.autoCollapseUnpinnedPanels);\r\n if (UiFramework.getWidgetOpacity() !== widgetOpacity)\r\n setWidgetOpacity(UiFramework.getWidgetOpacity());\r\n if (UiFramework.visibility.autoHideUi !== autoHideUi)\r\n setAutoHideUi(UiFramework.visibility.autoHideUi);\r\n if (UiFramework.visibility.useProximityOpacity !== useProximityOpacity)\r\n setUseProximityOpacity(UiFramework.visibility.useProximityOpacity);\r\n if (UiFramework.visibility.snapWidgetOpacity !== snapWidgetOpacity)\r\n setSnapWidgetOpacity(UiFramework.visibility.snapWidgetOpacity);\r\n if (UiFramework.animateToolSettings !== animateToolSettings)\r\n setAnimateToolSettings(UiFramework.animateToolSettings);\r\n if (UiFramework.useToolAsToolSettingsLabel !== useToolAsToolSettingsLabel)\r\n setUseToolAsToolSettingsLabel(UiFramework.useToolAsToolSettingsLabel);\r\n if (UiFramework.getToolbarOpacity() !== toolbarOpacity)\r\n setToolbarOpacity(UiFramework.getToolbarOpacity());\r\n }\r\n };\r\n return SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\r\n }, [autoCollapseUnpinnedPanels, autoHideUi, showWidgetIcon, snapWidgetOpacity, theme,\r\n useDragInteraction, useProximityOpacity, widgetOpacity, animateToolSettings, useToolAsToolSettingsLabel, toolbarOpacity]);\r\n\r\n const defaultThemeOption = { label: systemPreferredLabel.current, value: SYSTEM_PREFERRED_COLOR_THEME };\r\n const themeOptions: SelectOption<string>[] = [\r\n defaultThemeOption,\r\n { label: lightLabel.current, value: ColorTheme.Light },\r\n { label: darkLabel.current, value: ColorTheme.Dark },\r\n ];\r\n\r\n const onThemeChange = React.useCallback((newValue: string) => {\r\n UiFramework.setColorTheme(newValue);\r\n }, []);\r\n\r\n const onAutoHideChange = React.useCallback(async () => {\r\n UiFramework.visibility.autoHideUi = !autoHideUi;\r\n }, [autoHideUi]);\r\n\r\n const onUseProximityOpacityChange = React.useCallback(async () => {\r\n UiFramework.visibility.useProximityOpacity = !useProximityOpacity;\r\n }, [useProximityOpacity]);\r\n\r\n const onSnapWidgetOpacityChange = React.useCallback(async () => {\r\n UiFramework.visibility.snapWidgetOpacity = !snapWidgetOpacity;\r\n }, [snapWidgetOpacity]);\r\n\r\n const onWidgetIconChange = React.useCallback(async () => {\r\n UiFramework.setShowWidgetIcon(!showWidgetIcon);\r\n }, [showWidgetIcon]);\r\n\r\n const onAutoCollapseUnpinnedPanelsChange = React.useCallback(async () => {\r\n UiFramework.setAutoCollapseUnpinnedPanels(!autoCollapseUnpinnedPanels);\r\n }, [autoCollapseUnpinnedPanels]);\r\n\r\n const onWidgetOpacityChange = React.useCallback(async (values: readonly number[]) => {\r\n // istanbul ignore else\r\n if (values.length > 0) {\r\n UiFramework.setWidgetOpacity(values[0]);\r\n }\r\n }, []);\r\n\r\n const onToggleDragInteraction = React.useCallback(async () => {\r\n UiFramework.setUseDragInteraction(!useDragInteraction);\r\n }, [useDragInteraction]);\r\n\r\n const OnToggleAnimateToolSettings = React.useCallback(async () => {\r\n UiFramework.setAnimateToolSettings(!animateToolSettings);\r\n }, [animateToolSettings]);\r\n const currentTheme = UiFramework.getColorTheme();\r\n\r\n const OnToggleUseToolAsToolSettingsLabel = React.useCallback(async () => {\r\n UiFramework.setUseToolAsToolSettingsLabel(!useToolAsToolSettingsLabel);\r\n }, [useToolAsToolSettingsLabel]);\r\n\r\n const onToolbarOpacityChange = React.useCallback(async (values: readonly number[]) => {\r\n // istanbul ignore else\r\n if (values.length > 0) {\r\n UiFramework.setToolbarOpacity(values[0]);\r\n }\r\n }, []);\r\n\r\n return (\r\n <div className=\"uifw-settings\">\r\n <SettingsItem title={themeTitle.current} description={themeDescription.current}\r\n settingUi={\r\n <div data-testid=\"select-theme-container\" className=\"select-theme-container\">\r\n <Select\r\n value={currentTheme}\r\n onChange={onThemeChange}\r\n options={themeOptions}\r\n data-testid=\"select-theme\"\r\n size=\"small\"\r\n />\r\n </div>\r\n }\r\n />\r\n <SettingsItem title={autoHideTitle.current} description={autoHideDescription.current}\r\n settingUi={<ToggleSwitch checked={autoHideUi} onChange={onAutoHideChange} />}\r\n />\r\n <SettingsItem title={dragInteractionTitle.current} description={dragInteractionDescription.current}\r\n settingUi={<ToggleSwitch checked={useDragInteraction} onChange={onToggleDragInteraction} />}\r\n />\r\n <SettingsItem title={useProximityOpacityTitle.current} description={useProximityOpacityDescription.current}\r\n settingUi={<ToggleSwitch checked={useProximityOpacity} onChange={onUseProximityOpacityChange} />}\r\n />\r\n <SettingsItem title={snapWidgetOpacityTitle.current} description={snapWidgetOpacityDescription.current}\r\n settingUi={<ToggleSwitch checked={snapWidgetOpacity} onChange={onSnapWidgetOpacityChange} />}\r\n />\r\n <SettingsItem title={widgetIconTitle.current} description={widgetIconDescription.current}\r\n settingUi={<ToggleSwitch checked={showWidgetIcon} onChange={onWidgetIconChange} />}\r\n />\r\n <SettingsItem title={autoCollapseUnpinnedPanelsTitle.current} description={autoCollapseUnpinnedPanelsDescription.current}\r\n settingUi={<ToggleSwitch checked={autoCollapseUnpinnedPanels} onChange={onAutoCollapseUnpinnedPanelsChange} />}\r\n />\r\n <SettingsItem title={animateToolSettingsTitle.current} description={animateToolSettingsDescription.current}\r\n settingUi={<ToggleSwitch checked={animateToolSettings} onChange={OnToggleAnimateToolSettings} />}\r\n />\r\n <SettingsItem title={useToolAsToolSettingsLabelTitle.current} description={useToolAsToolSettingsLabelDescription.current}\r\n settingUi={<ToggleSwitch checked={useToolAsToolSettingsLabel} onChange={OnToggleUseToolAsToolSettingsLabel} />}\r\n />\r\n <SettingsItem title={toolbarOpacityTitle.current} description={toolbarOpacityDescription.current}\r\n settingUi={\r\n <Slider style={{ flex: \"1\" }} values={[toolbarOpacity]} step={0.05} onChange={onToolbarOpacityChange}\r\n min={0.20} max={1.0} maxLabel=\"1.0\" tickLabels={[\"\", \"\", \"\", \"\", \"\"]} />\r\n }\r\n />\r\n <SettingsItem title={widgetOpacityTitle.current} description={widgetOpacityDescription.current}\r\n settingUi={\r\n <Slider style={{ flex: \"1\" }} values={[widgetOpacity]} step={0.05} onChange={onWidgetOpacityChange}\r\n min={0.20} max={1.0} maxLabel=\"1.0\" tickLabels={[\"\", \"\", \"\", \"\", \"\"]} />\r\n }\r\n />\r\n </div>\r\n );\r\n}\r\n\r\ninterface SettingsItemProps {\r\n title: string;\r\n description: string;\r\n settingUi: React.ReactNode;\r\n}\r\n\r\nfunction SettingsItem(props: SettingsItemProps) {\r\n const { title, description, settingUi } = props;\r\n\r\n return (\r\n <div className=\"uifw-settings-item\">\r\n <div className=\"panel left-panel\">\r\n <span className=\"title\">{title}</span>\r\n <span className=\"description\">{description}</span>\r\n </div>\r\n <div className=\"panel right-panel\">\r\n {settingUi}\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\n/\r\n Return a SettingsTabEntry that can be used to define the available settings that can be set for an application.\r\n * @param itemPriority - Used to define the order of the entry in the Settings Stage\r\n * @beta\r\n */\r\nexport function getUiSettingsManagerEntry(itemPriority: number): SettingsTabEntry {\r\n return {\r\n itemPriority, tabId: \"uifw:UiStateStorage\",\r\n label: UiFramework.translate(\"settings.uiSettingsPage.label\"),\r\n icon: IconSpecUtilities.createWebComponentIconSpec(widowSettingsIconSvg),\r\n page: <UiSettingsPage />,\r\n isDisabled: false,\r\n tooltip: UiFramework.translate(\"settings.uiSettingsPage.tooltip\"),\r\n };\r\n}\r\n"]}