@itwin/appui-react 4.14.0 → 4.15.0

package/lib/cjs/appui-react/uistate/AppUiSettings.d.ts

@@ -4,9 +4,10 @@
 import type { UiStateStorage } from "@itwin/core-react";
 import { UiStateEntry } from "@itwin/core-react";
 import type { UserSettingsProvider } from "../UiFramework";
-import type { ThemeId } from "../theme/ThemeManager";
+import type { ThemeId } from "../theme/ThemeId";
 /** Default values that may be specified for [[AppUiSettings]].
  * @public
+ * @deprecated in 4.15.0. Interface used in a deprecated class {@link AppUiSettings}.
  */
 export interface InitialAppUiSettings {
     colorTheme: ThemeId;
@@ -27,8 +28,8 @@ export interface InitialAppUiSettings {
  * ```ts
  * UiFramework.registerUserSettingsProvider(new AppUiSettings(defaults));
  * ```
- *
  * @public
+ * @deprecated in 4.15.0. Use {@link @itwin/core-react#UiStateStorage} to persist UI settings.
  */
 export declare class AppUiSettings implements UserSettingsProvider {
     readonly providerId = "AppUiSettingsProvider";

package/lib/cjs/appui-react/uistate/AppUiSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppUiSettings.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/uistate/AppUiSettings.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAG3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAIrD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa;IACb,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,qBAAa,aAAc,YAAW,oBAAoB;IACxD,SAAgB,UAAU,2BAA2B;IAErD,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAmB;IACnD,OAAO,CAAC,SAAS,CAAgC;IACjD,OAAO,CAAC,sBAAsB,CAAS;IAEhC,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAClC,eAAe,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACvC,aAAa,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACpC,cAAc,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACtC,0BAA0B,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAClD,mBAAmB,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC3C,0BAA0B,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAClD,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAE5C,OAAO,CAAC,aAAa,CAInB;gBAEU,QAAQ,EAAE,OAAO,CAAC,oBAAoB,CAAC;IA+EnD,OAAO,CAAC,iBAAiB,CAsCvB;IAEW,KAAK,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7C,gBAAgB,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;CAGtE"}
+{"version":3,"file":"AppUiSettings.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/uistate/AppUiSettings.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAG3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAKhD;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa;IACb,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,qBAAa,aAAc,YAAW,oBAAoB;IACxD,SAAgB,UAAU,2BAA2B;IAErD,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAmB;IACnD,OAAO,CAAC,SAAS,CAAgC;IACjD,OAAO,CAAC,sBAAsB,CAAS;IAEhC,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAClC,eAAe,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACvC,aAAa,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACpC,cAAc,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACtC,0BAA0B,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAClD,mBAAmB,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC3C,0BAA0B,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAClD,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAE5C,OAAO,CAAC,aAAa,CAInB;gBAEU,QAAQ,EAAE,OAAO,CAAC,oBAAoB,CAAC;IA+EnD,OAAO,CAAC,iBAAiB,CAsCvB;IAEW,KAAK,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7C,gBAAgB,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;CAGtE"}

package/lib/cjs/appui-react/uistate/AppUiSettings.js

@@ -11,6 +11,7 @@ exports.AppUiSettings = void 0;
 const core_react_1 = require("@itwin/core-react");
 const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
 const UiFramework_1 = require("../UiFramework");
+const ConfigurableUiState_1 = require("../redux/ConfigurableUiState");
 /** These are the UI settings that are stored in the Redux store. They control the color theme,
  * how toolbar group buttons work, and the opacity of floating widget when the cursor
  * is not inside them. It is expect that an IModelApp using App UI components will create and register AppUiSettings with
@@ -19,8 +20,8 @@ const UiFramework_1 = require("../UiFramework");
  * ```ts
  * UiFramework.registerUserSettingsProvider(new AppUiSettings(defaults));
  * ```
- *
  * @public
+ * @deprecated in 4.15.0. Use {@link @itwin/core-react#UiStateStorage} to persist UI settings.
  */
 class AppUiSettings {
     constructor(defaults) {
@@ -36,24 +37,24 @@ class AppUiSettings {
         this.handleSyncUiEvent = async (args) => {
             if (this._applyingLocalSettings)
                 return;
-            if (args.eventIds.has("configurableui:set_theme")) {
+            if (args.eventIds.has(ConfigurableUiState_1.ConfigurableUiActionId.SetTheme)) {
                 await this.colorTheme.saveSetting(UiFramework_1.UiFramework.getUiStateStorage());
                 // always store as default theme in local storage to avoid flicker during startup if user is not yet logged-in
                 window.localStorage.setItem("uifw:defaultTheme", UiFramework_1.UiFramework.getColorTheme());
             }
-            if (args.eventIds.has("configurableui:set-drag-interaction"))
+            if (args.eventIds.has(ConfigurableUiState_1.ConfigurableUiActionId.SetDragInteraction))
                 await this.dragInteraction.saveSetting(UiFramework_1.UiFramework.getUiStateStorage());
-            if (args.eventIds.has("configurableui:set-show-widget-icon"))
+            if (args.eventIds.has(ConfigurableUiState_1.ConfigurableUiActionId.SetShowWidgetIcon))
                 await this.showWidgetIcon.saveSetting(UiFramework_1.UiFramework.getUiStateStorage());
-            if (args.eventIds.has("configurableui:set-auto-collapse-unpinned-panels"))
+            if (args.eventIds.has(ConfigurableUiState_1.ConfigurableUiActionId.AutoCollapseUnpinnedPanels))
                 await this.autoCollapseUnpinnedPanels.saveSetting(UiFramework_1.UiFramework.getUiStateStorage());
-            if (args.eventIds.has("configurableui:set_widget_opacity"))
+            if (args.eventIds.has(ConfigurableUiState_1.ConfigurableUiActionId.SetWidgetOpacity))
                 await this.widgetOpacity.saveSetting(UiFramework_1.UiFramework.getUiStateStorage());
-            if (args.eventIds.has("configurableui:set-animate-tool-settings"))
+            if (args.eventIds.has(ConfigurableUiState_1.ConfigurableUiActionId.AnimateToolSettings))
                 await this.animateToolSettings.saveSetting(UiFramework_1.UiFramework.getUiStateStorage());
-            if (args.eventIds.has("configurableui:set-use-tool-as-tool-settings-label"))
+            if (args.eventIds.has(ConfigurableUiState_1.ConfigurableUiActionId.UseToolAsToolSettingsLabel))
                 await this.useToolAsToolSettingsLabel.saveSetting(UiFramework_1.UiFramework.getUiStateStorage());
-            if (args.eventIds.has("configurableui:set-toolbar-opacity"))
+            if (args.eventIds.has(ConfigurableUiState_1.ConfigurableUiActionId.SetToolbarOpacity))
                 await this.toolbarOpacity.saveSetting(UiFramework_1.UiFramework.getUiStateStorage());
         };
         this._settings = [];

package/lib/cjs/appui-react/uistate/AppUiSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppUiSettings.js","sourceRoot":"","sources":["../../../../src/appui-react/uistate/AppUiSettings.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Settings\n */\n\nimport type { UiStateStorage } from \"@itwin/core-react\";\nimport { UiStateEntry } from \"@itwin/core-react\";\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\nimport type { UserSettingsProvider } from \"../UiFramework\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { UiSyncEventArgs } from \"../syncui/UiSyncEvent\";\nimport type { ThemeId } from \"../theme/ThemeManager\";\n\n// cSpell:ignore configurableui\n\n/** Default values that may be specified for [[AppUiSettings]].\n * @public\n */\nexport interface InitialAppUiSettings {\n  colorTheme: ThemeId;\n  dragInteraction: boolean;\n  widgetOpacity: number;\n  showWidgetIcon?: boolean;\n  /** @alpha */\n  autoCollapseUnpinnedPanels?: boolean;\n  animateToolSettings?: boolean;\n  useToolAsToolSettingsLabel?: boolean;\n  toolbarOpacity: number;\n}\n\n/** These are the UI settings that are stored in the Redux store. They control the color theme,\n * how toolbar group buttons work, and the opacity of floating widget when the cursor\n * is not inside them. It is expect that an IModelApp using App UI components will create and register AppUiSettings with\n * defaults specific to their application. This would be done by calling the following.\n *\n * ```ts\n * UiFramework.registerUserSettingsProvider(new AppUiSettings(defaults));\n * ```\n *\n * @public\n */\nexport class AppUiSettings implements UserSettingsProvider {\n  public readonly providerId = \"AppUiSettingsProvider\";\n\n  private static _settingNamespace = \"AppUiSettings\";\n  private _settings: Array<UiStateEntry<any>> = [];\n  private _applyingLocalSettings = false;\n\n  public colorTheme: UiStateEntry<ThemeId>;\n  public dragInteraction: UiStateEntry<boolean>;\n  public widgetOpacity: UiStateEntry<number>;\n  public showWidgetIcon: UiStateEntry<boolean>;\n  public autoCollapseUnpinnedPanels: UiStateEntry<boolean>;\n  public animateToolSettings: UiStateEntry<boolean>;\n  public useToolAsToolSettingsLabel: UiStateEntry<boolean>;\n  public toolbarOpacity: UiStateEntry<number>;\n\n  private setColorTheme = (theme: ThemeId) => {\n    UiFramework.setColorTheme(theme);\n    // always store to local storage to avoid flicker during startup if user is not yet logged-in\n    window.localStorage.setItem(\"uifw:defaultTheme\", theme);\n  };\n\n  constructor(defaults: Partial<InitialAppUiSettings>) {\n    this._settings = [];\n\n    this.colorTheme = new UiStateEntry<ThemeId>(\n      AppUiSettings._settingNamespace,\n      \"ColorTheme\",\n      UiFramework.getColorTheme,\n      this.setColorTheme,\n      defaults.colorTheme\n    );\n    this._settings.push(this.colorTheme);\n\n    this.dragInteraction = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"DragInteraction\",\n      () => UiFramework.useDragInteraction,\n      (value: boolean) => UiFramework.setUseDragInteraction(value),\n      defaults.dragInteraction\n    );\n    this._settings.push(this.dragInteraction);\n\n    this.showWidgetIcon = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"ShowWidgetIcon\",\n      () => UiFramework.showWidgetIcon,\n      (value: boolean) => UiFramework.setShowWidgetIcon(value),\n      defaults.showWidgetIcon\n    );\n    this._settings.push(this.showWidgetIcon);\n\n    this.autoCollapseUnpinnedPanels = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"AutoCollapseUnpinnedPanels\",\n      () => UiFramework.autoCollapseUnpinnedPanels,\n      (value: boolean) => UiFramework.setAutoCollapseUnpinnedPanels(value),\n      defaults.autoCollapseUnpinnedPanels\n    );\n    this._settings.push(this.autoCollapseUnpinnedPanels);\n\n    this.widgetOpacity = new UiStateEntry<number>(\n      AppUiSettings._settingNamespace,\n      \"WidgetOpacity\",\n      () => UiFramework.getWidgetOpacity(),\n      (value: number) => UiFramework.setWidgetOpacity(value),\n      defaults.widgetOpacity\n    );\n    this._settings.push(this.widgetOpacity);\n\n    this.animateToolSettings = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"AnimateToolSettings\",\n      () => UiFramework.animateToolSettings,\n      (value: boolean) => UiFramework.setAnimateToolSettings(value),\n      defaults.animateToolSettings\n    );\n    this._settings.push(this.animateToolSettings);\n\n    this.useToolAsToolSettingsLabel = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"UseToolAsToolSettingsLabel\",\n      () => UiFramework.useToolAsToolSettingsLabel,\n      (value: boolean) => UiFramework.setUseToolAsToolSettingsLabel(value),\n      defaults.useToolAsToolSettingsLabel\n    );\n    this._settings.push(this.useToolAsToolSettingsLabel);\n\n    this.toolbarOpacity = new UiStateEntry<number>(\n      AppUiSettings._settingNamespace,\n      \"ToolOpacity\",\n      () => UiFramework.getToolbarOpacity(),\n      (value: number) => UiFramework.setToolbarOpacity(value),\n      defaults.toolbarOpacity\n    );\n    this._settings.push(this.toolbarOpacity);\n\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(this.handleSyncUiEvent);\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  private handleSyncUiEvent = async (args: UiSyncEventArgs) => {\n    if (this._applyingLocalSettings) return;\n\n    if (args.eventIds.has(\"configurableui:set_theme\")) {\n      await this.colorTheme.saveSetting(UiFramework.getUiStateStorage());\n      // always store as default theme in local storage to avoid flicker during startup if user is not yet logged-in\n      window.localStorage.setItem(\n        \"uifw:defaultTheme\",\n        UiFramework.getColorTheme()\n      );\n    }\n\n    if (args.eventIds.has(\"configurableui:set-drag-interaction\"))\n      await this.dragInteraction.saveSetting(UiFramework.getUiStateStorage());\n\n    if (args.eventIds.has(\"configurableui:set-show-widget-icon\"))\n      await this.showWidgetIcon.saveSetting(UiFramework.getUiStateStorage());\n\n    if (args.eventIds.has(\"configurableui:set-auto-collapse-unpinned-panels\"))\n      await this.autoCollapseUnpinnedPanels.saveSetting(\n        UiFramework.getUiStateStorage()\n      );\n\n    if (args.eventIds.has(\"configurableui:set_widget_opacity\"))\n      await this.widgetOpacity.saveSetting(UiFramework.getUiStateStorage());\n\n    if (args.eventIds.has(\"configurableui:set-animate-tool-settings\"))\n      await this.animateToolSettings.saveSetting(\n        UiFramework.getUiStateStorage()\n      );\n\n    if (args.eventIds.has(\"configurableui:set-use-tool-as-tool-settings-label\"))\n      await this.useToolAsToolSettingsLabel.saveSetting(\n        UiFramework.getUiStateStorage()\n      );\n\n    if (args.eventIds.has(\"configurableui:set-toolbar-opacity\"))\n      await this.toolbarOpacity.saveSetting(UiFramework.getUiStateStorage());\n  };\n\n  public async apply(storage: UiStateStorage): Promise<void> {\n    this._applyingLocalSettings = true;\n    for await (const setting of this._settings) {\n      await setting.getSettingAndApplyValue(storage);\n    }\n    this._applyingLocalSettings = false;\n  }\n\n  public async loadUserSettings(storage: UiStateStorage): Promise<void> {\n    await this.apply(storage);\n  }\n}\n"]}
+{"version":3,"file":"AppUiSettings.js","sourceRoot":"","sources":["../../../../src/appui-react/uistate/AppUiSettings.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Settings\n */\n\nimport type { UiStateStorage } from \"@itwin/core-react\";\nimport { UiStateEntry } from \"@itwin/core-react\";\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\nimport type { UserSettingsProvider } from \"../UiFramework\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { UiSyncEventArgs } from \"../syncui/UiSyncEvent\";\nimport type { ThemeId } from \"../theme/ThemeId\";\nimport { ConfigurableUiActionId } from \"../redux/ConfigurableUiState\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Default values that may be specified for [[AppUiSettings]].\n * @public\n * @deprecated in 4.15.0. Interface used in a deprecated class {@link AppUiSettings}.\n */\nexport interface InitialAppUiSettings {\n  colorTheme: ThemeId;\n  dragInteraction: boolean;\n  widgetOpacity: number;\n  showWidgetIcon?: boolean;\n  /** @alpha */\n  autoCollapseUnpinnedPanels?: boolean;\n  animateToolSettings?: boolean;\n  useToolAsToolSettingsLabel?: boolean;\n  toolbarOpacity: number;\n}\n\n/** These are the UI settings that are stored in the Redux store. They control the color theme,\n * how toolbar group buttons work, and the opacity of floating widget when the cursor\n * is not inside them. It is expect that an IModelApp using App UI components will create and register AppUiSettings with\n * defaults specific to their application. This would be done by calling the following.\n *\n * ```ts\n * UiFramework.registerUserSettingsProvider(new AppUiSettings(defaults));\n * ```\n * @public\n * @deprecated in 4.15.0. Use {@link @itwin/core-react#UiStateStorage} to persist UI settings.\n */\nexport class AppUiSettings implements UserSettingsProvider {\n  public readonly providerId = \"AppUiSettingsProvider\";\n\n  private static _settingNamespace = \"AppUiSettings\";\n  private _settings: Array<UiStateEntry<any>> = [];\n  private _applyingLocalSettings = false;\n\n  public colorTheme: UiStateEntry<ThemeId>;\n  public dragInteraction: UiStateEntry<boolean>;\n  public widgetOpacity: UiStateEntry<number>;\n  public showWidgetIcon: UiStateEntry<boolean>;\n  public autoCollapseUnpinnedPanels: UiStateEntry<boolean>;\n  public animateToolSettings: UiStateEntry<boolean>;\n  public useToolAsToolSettingsLabel: UiStateEntry<boolean>;\n  public toolbarOpacity: UiStateEntry<number>;\n\n  private setColorTheme = (theme: ThemeId) => {\n    UiFramework.setColorTheme(theme);\n    // always store to local storage to avoid flicker during startup if user is not yet logged-in\n    window.localStorage.setItem(\"uifw:defaultTheme\", theme);\n  };\n\n  constructor(defaults: Partial<InitialAppUiSettings>) {\n    this._settings = [];\n\n    this.colorTheme = new UiStateEntry<ThemeId>(\n      AppUiSettings._settingNamespace,\n      \"ColorTheme\",\n      UiFramework.getColorTheme,\n      this.setColorTheme,\n      defaults.colorTheme\n    );\n    this._settings.push(this.colorTheme);\n\n    this.dragInteraction = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"DragInteraction\",\n      () => UiFramework.useDragInteraction,\n      (value: boolean) => UiFramework.setUseDragInteraction(value),\n      defaults.dragInteraction\n    );\n    this._settings.push(this.dragInteraction);\n\n    this.showWidgetIcon = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"ShowWidgetIcon\",\n      () => UiFramework.showWidgetIcon,\n      (value: boolean) => UiFramework.setShowWidgetIcon(value),\n      defaults.showWidgetIcon\n    );\n    this._settings.push(this.showWidgetIcon);\n\n    this.autoCollapseUnpinnedPanels = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"AutoCollapseUnpinnedPanels\",\n      () => UiFramework.autoCollapseUnpinnedPanels,\n      (value: boolean) => UiFramework.setAutoCollapseUnpinnedPanels(value),\n      defaults.autoCollapseUnpinnedPanels\n    );\n    this._settings.push(this.autoCollapseUnpinnedPanels);\n\n    this.widgetOpacity = new UiStateEntry<number>(\n      AppUiSettings._settingNamespace,\n      \"WidgetOpacity\",\n      () => UiFramework.getWidgetOpacity(),\n      (value: number) => UiFramework.setWidgetOpacity(value),\n      defaults.widgetOpacity\n    );\n    this._settings.push(this.widgetOpacity);\n\n    this.animateToolSettings = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"AnimateToolSettings\",\n      () => UiFramework.animateToolSettings,\n      (value: boolean) => UiFramework.setAnimateToolSettings(value),\n      defaults.animateToolSettings\n    );\n    this._settings.push(this.animateToolSettings);\n\n    this.useToolAsToolSettingsLabel = new UiStateEntry<boolean>(\n      AppUiSettings._settingNamespace,\n      \"UseToolAsToolSettingsLabel\",\n      () => UiFramework.useToolAsToolSettingsLabel,\n      (value: boolean) => UiFramework.setUseToolAsToolSettingsLabel(value),\n      defaults.useToolAsToolSettingsLabel\n    );\n    this._settings.push(this.useToolAsToolSettingsLabel);\n\n    this.toolbarOpacity = new UiStateEntry<number>(\n      AppUiSettings._settingNamespace,\n      \"ToolOpacity\",\n      () => UiFramework.getToolbarOpacity(),\n      (value: number) => UiFramework.setToolbarOpacity(value),\n      defaults.toolbarOpacity\n    );\n    this._settings.push(this.toolbarOpacity);\n\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(this.handleSyncUiEvent);\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  private handleSyncUiEvent = async (args: UiSyncEventArgs) => {\n    if (this._applyingLocalSettings) return;\n\n    if (args.eventIds.has(ConfigurableUiActionId.SetTheme)) {\n      await this.colorTheme.saveSetting(UiFramework.getUiStateStorage());\n      // always store as default theme in local storage to avoid flicker during startup if user is not yet logged-in\n      window.localStorage.setItem(\n        \"uifw:defaultTheme\",\n        UiFramework.getColorTheme()\n      );\n    }\n\n    if (args.eventIds.has(ConfigurableUiActionId.SetDragInteraction))\n      await this.dragInteraction.saveSetting(UiFramework.getUiStateStorage());\n\n    if (args.eventIds.has(ConfigurableUiActionId.SetShowWidgetIcon))\n      await this.showWidgetIcon.saveSetting(UiFramework.getUiStateStorage());\n\n    if (args.eventIds.has(ConfigurableUiActionId.AutoCollapseUnpinnedPanels))\n      await this.autoCollapseUnpinnedPanels.saveSetting(\n        UiFramework.getUiStateStorage()\n      );\n\n    if (args.eventIds.has(ConfigurableUiActionId.SetWidgetOpacity))\n      await this.widgetOpacity.saveSetting(UiFramework.getUiStateStorage());\n\n    if (args.eventIds.has(ConfigurableUiActionId.AnimateToolSettings))\n      await this.animateToolSettings.saveSetting(\n        UiFramework.getUiStateStorage()\n      );\n\n    if (args.eventIds.has(ConfigurableUiActionId.UseToolAsToolSettingsLabel))\n      await this.useToolAsToolSettingsLabel.saveSetting(\n        UiFramework.getUiStateStorage()\n      );\n\n    if (args.eventIds.has(ConfigurableUiActionId.SetToolbarOpacity))\n      await this.toolbarOpacity.saveSetting(UiFramework.getUiStateStorage());\n  };\n\n  public async apply(storage: UiStateStorage): Promise<void> {\n    this._applyingLocalSettings = true;\n    for await (const setting of this._settings) {\n      await setting.getSettingAndApplyValue(storage);\n    }\n    this._applyingLocalSettings = false;\n  }\n\n  public async loadUserSettings(storage: UiStateStorage): Promise<void> {\n    await this.apply(storage);\n  }\n}\n"]}

package/lib/cjs/appui-react/uistate/useGlobalStore.d.ts

@@ -0,0 +1,17 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+import type { IModelConnection, ViewState } from "@itwin/core-frontend";
+import type { CursorMenuPayload } from "../redux/SessionState";
+interface GlobalState {
+    numItemsSelected: number;
+    iModelConnection: IModelConnection | undefined;
+    viewState: ViewState | undefined;
+    cursorMenuPayload: CursorMenuPayload | undefined;
+}
+/** Replacement for static APIs that were dependent on redux store.
+ * @internal
+ */
+export declare const useGlobalStore: import("zustand").StoreApi<GlobalState>;
+export {};
+//# sourceMappingURL=useGlobalStore.d.ts.map

package/lib/cjs/appui-react/uistate/useGlobalStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGlobalStore.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/uistate/useGlobalStore.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAExE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,UAAU,WAAW;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,SAAS,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,iBAAiB,EAAE,iBAAiB,GAAG,SAAS,CAAC;CAClD;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,yCAKxB,CAAC"}

package/lib/cjs/appui-react/uistate/useGlobalStore.js

@@ -0,0 +1,21 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGlobalStore = void 0;
+const zustand_1 = require("zustand");
+/** Replacement for static APIs that were dependent on redux store.
+ * @internal
+ */
+exports.useGlobalStore = (0, zustand_1.createStore)(() => ({
+    numItemsSelected: 0,
+    iModelConnection: undefined,
+    viewState: undefined,
+    cursorMenuPayload: undefined,
+}));
+//# sourceMappingURL=useGlobalStore.js.map

package/lib/cjs/appui-react/uistate/useGlobalStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGlobalStore.js","sourceRoot":"","sources":["../../../../src/appui-react/uistate/useGlobalStore.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,qCAAsC;AAUtC;;GAEG;AACU,QAAA,cAAc,GAAG,IAAA,qBAAW,EAAc,GAAG,EAAE,CAAC,CAAC;IAC5D,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,SAAS;IAC3B,SAAS,EAAE,SAAS;IACpB,iBAAiB,EAAE,SAAS;CAC7B,CAAC,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport type { IModelConnection, ViewState } from \"@itwin/core-frontend\";\nimport { createStore } from \"zustand\";\nimport type { CursorMenuPayload } from \"../redux/SessionState\";\n\ninterface GlobalState {\n  numItemsSelected: number;\n  iModelConnection: IModelConnection | undefined;\n  viewState: ViewState | undefined;\n  cursorMenuPayload: CursorMenuPayload | undefined;\n}\n\n/** Replacement for static APIs that were dependent on redux store.\n * @internal\n */\nexport const useGlobalStore = createStore<GlobalState>(() => ({\n  numItemsSelected: 0,\n  iModelConnection: undefined,\n  viewState: undefined,\n  cursorMenuPayload: undefined,\n}));\n"]}

package/lib/cjs/appui-react/uistate/useReduxFrameworkState.d.ts

@@ -0,0 +1,7 @@
+/** @packageDocumentation
+ * @module State
+ */
+import type { FrameworkState as ReduxFrameworkState } from "../redux/FrameworkState";
+/** @internal */
+export declare function useReduxFrameworkState<T>(selector: (state: ReduxFrameworkState | undefined) => T): T;
+//# sourceMappingURL=useReduxFrameworkState.d.ts.map

package/lib/cjs/appui-react/uistate/useReduxFrameworkState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReduxFrameworkState.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/uistate/useReduxFrameworkState.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH,OAAO,KAAK,EAAE,cAAc,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAIrF,gBAAgB;AAChB,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,GAAG,SAAS,KAAK,CAAC,GACtD,CAAC,CAgBH"}

package/lib/cjs/appui-react/uistate/useReduxFrameworkState.js

@@ -0,0 +1,32 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module State
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReduxFrameworkState = void 0;
+const React = require("react");
+const shim_1 = require("use-sync-external-store/shim");
+const UiFramework_1 = require("../UiFramework");
+/* eslint-disable deprecation/deprecation */
+/** @internal */
+function useReduxFrameworkState(selector) {
+    const subscribe = React.useCallback((onStoreChange) => {
+        const reduxStore = UiFramework_1.UiFramework.reduxStore;
+        if (!reduxStore)
+            return () => { };
+        return reduxStore.subscribe(onStoreChange);
+    }, []);
+    const getSnapshot = React.useCallback(() => {
+        const reduxStore = UiFramework_1.UiFramework.reduxStore;
+        const state = reduxStore?.getState();
+        const frameworkState = state?.[UiFramework_1.UiFramework.frameworkStateKey];
+        return selector(frameworkState);
+    }, [selector]);
+    return (0, shim_1.useSyncExternalStore)(subscribe, getSnapshot);
+}
+exports.useReduxFrameworkState = useReduxFrameworkState;
+//# sourceMappingURL=useReduxFrameworkState.js.map

package/lib/cjs/appui-react/uistate/useReduxFrameworkState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReduxFrameworkState.js","sourceRoot":"","sources":["../../../../src/appui-react/uistate/useReduxFrameworkState.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,uDAAoE;AACpE,gDAA6C;AAG7C,4CAA4C;AAE5C,gBAAgB;AAChB,SAAgB,sBAAsB,CACpC,QAAuD;IAEvD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,aAAyB,EAAE,EAAE;QAChE,MAAM,UAAU,GAAG,yBAAW,CAAC,UAAU,CAAC;QAC1C,IAAI,CAAC,UAAU;YAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;QAEjC,OAAO,UAAU,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAC7C,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAM,EAAE;QAC5C,MAAM,UAAU,GAAG,yBAAW,CAAC,UAAU,CAAC;QAC1C,MAAM,KAAK,GAAG,UAAU,EAAE,QAAQ,EAAE,CAAC;QACrC,MAAM,cAAc,GAAG,KAAK,EAAE,CAAC,yBAAW,CAAC,iBAAiB,CAE/C,CAAC;QACd,OAAO,QAAQ,CAAC,cAAc,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,OAAO,IAAA,2BAAoB,EAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AACtD,CAAC;AAlBD,wDAkBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module State\n */\n\nimport * as React from \"react\";\nimport { useSyncExternalStore } from \"use-sync-external-store/shim\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { FrameworkState as ReduxFrameworkState } from \"../redux/FrameworkState\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** @internal */\nexport function useReduxFrameworkState<T>(\n  selector: (state: ReduxFrameworkState | undefined) => T\n): T {\n  const subscribe = React.useCallback((onStoreChange: () => void) => {\n    const reduxStore = UiFramework.reduxStore;\n    if (!reduxStore) return () => {};\n\n    return reduxStore.subscribe(onStoreChange);\n  }, []);\n  const getSnapshot = React.useCallback((): T => {\n    const reduxStore = UiFramework.reduxStore;\n    const state = reduxStore?.getState();\n    const frameworkState = state?.[UiFramework.frameworkStateKey] as\n      | ReduxFrameworkState\n      | undefined;\n    return selector(frameworkState);\n  }, [selector]);\n  return useSyncExternalStore(subscribe, getSnapshot);\n}\n"]}

package/lib/cjs/appui-react/utils/PropsHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropsHelper.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/utils/PropsHelper.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EACV,YAAY,EAEZ,mBAAmB,IAAI,uBAAuB,EAE9C,mBAAmB,IAAI,uBAAuB,EAC/C,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAG/D;;GAEG;AACH,qBAAa,WAAW;IACtB,sHAAsH;WACxG,aAAa,CACzB,aAAa,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,GAAG,SAAS,EACzE,SAAS,CAAC,EAAE,MAAM,GACjB,MAAM,GAAG,YAAY,GAAG,sBAAsB;IAWjD,8BAA8B;WAChB,iBAAiB,CAC7B,IAAI,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,GACnD,MAAM;IAQT,+JAA+J;WACjJ,OAAO,CACnB,QAAQ,EAAE,MAAM,GAAG,sBAAsB,GAAG,KAAK,CAAC,SAAS,GAC1D,KAAK,CAAC,YAAY,GAAG,SAAS;IAOjC,4FAA4F;WAC9E,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG;IAOtD,kEAAkE;WACpD,4BAA4B,CACxC,QAAQ,EAAE,QAAQ,EAClB,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAE9B,OAAO,CAAC,uBAAuB,CAAC,GAAG,OAAO,CAAC,uBAAuB,CAAC;CASvE"}
+{"version":3,"file":"PropsHelper.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/utils/PropsHelper.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EACV,YAAY,EAEZ,mBAAmB,IAAI,uBAAuB,EAE9C,mBAAmB,IAAI,uBAAuB,EAC/C,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAG/D;;GAEG;AACH,qBAAa,WAAW;IACtB,sHAAsH;WACxG,aAAa,CACzB,aAAa,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,GAAG,SAAS,EACzE,SAAS,CAAC,EAAE,MAAM,GACjB,MAAM,GAAG,YAAY,GAAG,sBAAsB;IAWjD,8BAA8B;WAChB,iBAAiB,CAC7B,IAAI,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,GACnD,MAAM;IAQT,+JAA+J;WACjJ,OAAO,CACnB,QAAQ,EAAE,MAAM,GAAG,sBAAsB,GAAG,KAAK,CAAC,SAAS,GAC1D,KAAK,CAAC,YAAY,GAAG,SAAS;IAOjC,4FAA4F;WAC9E,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG;IAOtD,kEAAkE;WACpD,4BAA4B,CACxC,QAAQ,EAAE,QAAQ,EAClB,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAE9B,OAAO,CAAC,uBAAuB,CAAC,GAAG,OAAO,CAAC,uBAAuB,CAAC;CAUvE"}

package/lib/cjs/appui-react/utils/PropsHelper.js

@@ -60,6 +60,7 @@ class PropsHelper {
             return {};
         if (!internalData)
             internalData = new Map();
+        // eslint-disable-next-line deprecation/deprecation
         const icon = core_react_1.IconHelper.getIconData(iconSpec, internalData);
         return icon === "" ? { icon } : { icon, internalData };
     }

package/lib/cjs/appui-react/utils/PropsHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropsHelper.js","sourceRoot":"","sources":["../../../../src/appui-react/utils/PropsHelper.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,sDAAsD;AAEtD,+BAA+B;AAE/B,kDAAqD;AAQrD,0DAA+D;AAC/D,wDAAiD;AAEjD;;GAEG;AACH,MAAa,WAAW;IACtB,sHAAsH;IAC/G,MAAM,CAAC,aAAa,CACzB,aAAyE,EACzE,SAAkB;QAElB,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,aAAa,CAAC;QACvB,CAAC;QAED,MAAM,QAAQ,GAAG,SAAS;YACxB,CAAC,CAAC,yBAAS,CAAC,YAAY,CAAC,kBAAkB,CAAC,SAAS,CAAC;YACtD,CAAC,CAAC,EAAE,CAAC;QACP,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,8BAA8B;IACvB,MAAM,CAAC,iBAAiB,CAC7B,IAAoD;QAEpD,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,IAAI,OAAO,IAAI,KAAK,QAAQ;YAAE,KAAK,GAAG,IAAI,CAAC;aACtC,IAAI,IAAI,YAAY,uCAAsB;YAAE,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;;YAC/D,KAAK,GAAG,IAAI,EAAE,CAAC;QACpB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,+JAA+J;IACxJ,MAAM,CAAC,OAAO,CACnB,QAA2D;QAE3D,IAAI,QAAQ,YAAY,uCAAsB;YAC5C,OAAO,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,GAAI,CAAC;QAE5C,OAAO,QAAQ,CAAC,CAAC,CAAC,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7D,CAAC;IAED,4FAA4F;IACrF,MAAM,CAAC,cAAc,CAAC,MAAW,EAAE,OAAY;QACpD,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;YACzB,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC;gBAAE,OAAO,KAAK,CAAC;QACjD,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,kEAAkE;IAC3D,MAAM,CAAC,4BAA4B,CACxC,QAAkB,EAClB,YAA+B;IAC/B,mDAAmD;;QAEnD,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;YAAE,OAAO,EAAE,CAAC;QAE5D,IAAI,CAAC,YAAY;YAAE,YAAY,GAAG,IAAI,GAAG,EAAe,CAAC;QAEzD,MAAM,IAAI,GAAG,uBAAU,CAAC,WAAW,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAE5D,OAAO,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;IACzD,CAAC;CACF;AA3DD,kCA2DC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\n/* eslint-disable @typescript-eslint/ban-ts-comment */\n\nimport * as React from \"react\";\nimport type { IconSpec } from \"@itwin/core-react\";\nimport { Icon, IconHelper } from \"@itwin/core-react\";\nimport type {\n  StringGetter,\n  // @ts-ignore Removed in 4.0\n  AbstractWidgetProps as UIA_AbstractWidgetProps,\n  // @ts-ignore Removed in 4.0\n  CommonBackstageItem as UIA_CommonBackstageItem,\n} from \"@itwin/appui-abstract\";\nimport { ConditionalStringValue } from \"@itwin/appui-abstract\";\nimport { IModelApp } from \"@itwin/core-frontend\";\n\n/** A set of helper methods for various props\n * @public\n */\nexport class PropsHelper {\n  /** Get spec for returning a string. Could be a simple string of a 'StringGetter' method used to return the string. */\n  public static getStringSpec(\n    explicitValue: string | StringGetter | ConditionalStringValue | undefined,\n    stringKey?: string\n  ): string | StringGetter | ConditionalStringValue {\n    if (explicitValue) {\n      return explicitValue;\n    }\n\n    const outValue = stringKey\n      ? IModelApp.localization.getLocalizedString(stringKey)\n      : \"\";\n    return outValue;\n  }\n\n  /** Get the display string. */\n  public static getStringFromSpec(\n    spec: string | StringGetter | ConditionalStringValue\n  ): string {\n    let label = \"\";\n    if (typeof spec === \"string\") label = spec;\n    else if (spec instanceof ConditionalStringValue) label = spec.value;\n    else label = spec();\n    return label;\n  }\n\n  /** Get JSX element that defines an icon. If iconSpec is a string, then a web-font icon class is used otherwise a ReactNode holding an SVG icon is assumed.  */\n  public static getIcon(\n    iconSpec: string | ConditionalStringValue | React.ReactNode\n  ): React.ReactElement | undefined {\n    if (iconSpec instanceof ConditionalStringValue)\n      return <Icon iconSpec={iconSpec.value} />;\n\n    return iconSpec ? <Icon iconSpec={iconSpec} /> : undefined;\n  }\n\n  /** returns true if the two objects are the same using a shallow compare of each property */\n  public static isShallowEqual(newObj: any, prevObj: any) {\n    for (const key in newObj) {\n      if (newObj[key] !== prevObj[key]) return false;\n    }\n    return true;\n  }\n\n  /** @deprecated in 4.0 These abstract props types are obsolete. */\n  public static getAbstractPropsForReactIcon(\n    iconSpec: IconSpec,\n    internalData?: Map<string, any>\n    // eslint-disable-next-line deprecation/deprecation\n  ): Partial<UIA_AbstractWidgetProps> | Partial<UIA_CommonBackstageItem> {\n    if (!iconSpec || !React.isValidElement(iconSpec)) return {};\n\n    if (!internalData) internalData = new Map<string, any>();\n\n    const icon = IconHelper.getIconData(iconSpec, internalData);\n\n    return icon === \"\" ? { icon } : { icon, internalData };\n  }\n}\n"]}
+{"version":3,"file":"PropsHelper.js","sourceRoot":"","sources":["../../../../src/appui-react/utils/PropsHelper.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,sDAAsD;AAEtD,+BAA+B;AAE/B,kDAAqD;AAQrD,0DAA+D;AAC/D,wDAAiD;AAEjD;;GAEG;AACH,MAAa,WAAW;IACtB,sHAAsH;IAC/G,MAAM,CAAC,aAAa,CACzB,aAAyE,EACzE,SAAkB;QAElB,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,aAAa,CAAC;QACvB,CAAC;QAED,MAAM,QAAQ,GAAG,SAAS;YACxB,CAAC,CAAC,yBAAS,CAAC,YAAY,CAAC,kBAAkB,CAAC,SAAS,CAAC;YACtD,CAAC,CAAC,EAAE,CAAC;QACP,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,8BAA8B;IACvB,MAAM,CAAC,iBAAiB,CAC7B,IAAoD;QAEpD,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,IAAI,OAAO,IAAI,KAAK,QAAQ;YAAE,KAAK,GAAG,IAAI,CAAC;aACtC,IAAI,IAAI,YAAY,uCAAsB;YAAE,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;;YAC/D,KAAK,GAAG,IAAI,EAAE,CAAC;QACpB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,+JAA+J;IACxJ,MAAM,CAAC,OAAO,CACnB,QAA2D;QAE3D,IAAI,QAAQ,YAAY,uCAAsB;YAC5C,OAAO,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,GAAI,CAAC;QAE5C,OAAO,QAAQ,CAAC,CAAC,CAAC,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7D,CAAC;IAED,4FAA4F;IACrF,MAAM,CAAC,cAAc,CAAC,MAAW,EAAE,OAAY;QACpD,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;YACzB,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC;gBAAE,OAAO,KAAK,CAAC;QACjD,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,kEAAkE;IAC3D,MAAM,CAAC,4BAA4B,CACxC,QAAkB,EAClB,YAA+B;IAC/B,mDAAmD;;QAEnD,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;YAAE,OAAO,EAAE,CAAC;QAE5D,IAAI,CAAC,YAAY;YAAE,YAAY,GAAG,IAAI,GAAG,EAAe,CAAC;QAEzD,mDAAmD;QACnD,MAAM,IAAI,GAAG,uBAAU,CAAC,WAAW,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAE5D,OAAO,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;IACzD,CAAC;CACF;AA5DD,kCA4DC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\n/* eslint-disable @typescript-eslint/ban-ts-comment */\n\nimport * as React from \"react\";\nimport type { IconSpec } from \"@itwin/core-react\";\nimport { Icon, IconHelper } from \"@itwin/core-react\";\nimport type {\n  StringGetter,\n  // @ts-ignore Removed in 4.0\n  AbstractWidgetProps as UIA_AbstractWidgetProps,\n  // @ts-ignore Removed in 4.0\n  CommonBackstageItem as UIA_CommonBackstageItem,\n} from \"@itwin/appui-abstract\";\nimport { ConditionalStringValue } from \"@itwin/appui-abstract\";\nimport { IModelApp } from \"@itwin/core-frontend\";\n\n/** A set of helper methods for various props\n * @public\n */\nexport class PropsHelper {\n  /** Get spec for returning a string. Could be a simple string of a 'StringGetter' method used to return the string. */\n  public static getStringSpec(\n    explicitValue: string | StringGetter | ConditionalStringValue | undefined,\n    stringKey?: string\n  ): string | StringGetter | ConditionalStringValue {\n    if (explicitValue) {\n      return explicitValue;\n    }\n\n    const outValue = stringKey\n      ? IModelApp.localization.getLocalizedString(stringKey)\n      : \"\";\n    return outValue;\n  }\n\n  /** Get the display string. */\n  public static getStringFromSpec(\n    spec: string | StringGetter | ConditionalStringValue\n  ): string {\n    let label = \"\";\n    if (typeof spec === \"string\") label = spec;\n    else if (spec instanceof ConditionalStringValue) label = spec.value;\n    else label = spec();\n    return label;\n  }\n\n  /** Get JSX element that defines an icon. If iconSpec is a string, then a web-font icon class is used otherwise a ReactNode holding an SVG icon is assumed.  */\n  public static getIcon(\n    iconSpec: string | ConditionalStringValue | React.ReactNode\n  ): React.ReactElement | undefined {\n    if (iconSpec instanceof ConditionalStringValue)\n      return <Icon iconSpec={iconSpec.value} />;\n\n    return iconSpec ? <Icon iconSpec={iconSpec} /> : undefined;\n  }\n\n  /** returns true if the two objects are the same using a shallow compare of each property */\n  public static isShallowEqual(newObj: any, prevObj: any) {\n    for (const key in newObj) {\n      if (newObj[key] !== prevObj[key]) return false;\n    }\n    return true;\n  }\n\n  /** @deprecated in 4.0 These abstract props types are obsolete. */\n  public static getAbstractPropsForReactIcon(\n    iconSpec: IconSpec,\n    internalData?: Map<string, any>\n    // eslint-disable-next-line deprecation/deprecation\n  ): Partial<UIA_AbstractWidgetProps> | Partial<UIA_CommonBackstageItem> {\n    if (!iconSpec || !React.isValidElement(iconSpec)) return {};\n\n    if (!internalData) internalData = new Map<string, any>();\n\n    // eslint-disable-next-line deprecation/deprecation\n    const icon = IconHelper.getIconData(iconSpec, internalData);\n\n    return icon === \"\" ? { icon } : { icon, internalData };\n  }\n}\n"]}

package/lib/cjs/appui-react/widget-panels/DockedBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DockedBar.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/DockedBar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,4BAA4B;IAC5B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC9B;AAED,gBAAgB;AAChB,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAQ9C"}
+{"version":3,"file":"DockedBar.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/DockedBar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD;;GAEG;AAEH,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,4BAA4B;IAC5B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC9B;AAED,gBAAgB;AAChB,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAQ9C"}

package/lib/cjs/appui-react/widget-panels/DockedBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DockedBar.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/DockedBar.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;;;AAEhG,+BAA+B;AAC/B,4BAA0B;AAE1B,2CAAoC;AAUpC,gBAAgB;AAChB,SAAgB,SAAS,CAAC,KAAqB;IAC7C,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACtD,MAAM,YAAY,GAAG,IAAA,oBAAU,EAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;IAC7D,OAAO,CACL,gCAAS,UAAU,EAAE,SAAS,EAAE,YAAY,oBAAkB,SAAS,IACpE,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AARD,8BAQC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport * as React from \"react\";\nimport \"./DockedBar.scss\";\nimport type { CommonDivProps } from \"@itwin/core-react\";\nimport classnames from \"classnames\";\n\n/** Properties of [[DockedBar]] component.\n * @internal\n */\nexport interface DockedBarProps extends CommonDivProps {\n  /** Placement of the bar. */\n  placement?: \"top\" | \"bottom\";\n}\n\n/** @internal */\nexport function DockedBar(props: DockedBarProps) {\n  const { className, placement, ...otherProps } = props;\n  const divClassName = classnames(\"uifw-dockedBar\", className);\n  return (\n    <div {...otherProps} className={divClassName} data-placement={placement}>\n      {props.children}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"DockedBar.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/DockedBar.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;;;AAEhG,+BAA+B;AAC/B,4BAA0B;AAE1B,2CAAoC;AAWpC,gBAAgB;AAChB,SAAgB,SAAS,CAAC,KAAqB;IAC7C,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACtD,MAAM,YAAY,GAAG,IAAA,oBAAU,EAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;IAC7D,OAAO,CACL,gCAAS,UAAU,EAAE,SAAS,EAAE,YAAY,oBAAkB,SAAS,IACpE,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AARD,8BAQC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport * as React from \"react\";\nimport \"./DockedBar.scss\";\nimport type { CommonDivProps } from \"@itwin/core-react\";\nimport classnames from \"classnames\";\n\n/** Properties of [[DockedBar]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface DockedBarProps extends CommonDivProps {\n  /** Placement of the bar. */\n  placement?: \"top\" | \"bottom\";\n}\n\n/** @internal */\nexport function DockedBar(props: DockedBarProps) {\n  const { className, placement, ...otherProps } = props;\n  const divClassName = classnames(\"uifw-dockedBar\", className);\n  return (\n    <div {...otherProps} className={divClassName} data-placement={placement}>\n      {props.children}\n    </div>\n  );\n}\n"]}

package/lib/cjs/appui-react/widget-panels/Frontstage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Frontstage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Frontstage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Frontstage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Frontstage.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/appui-react/widget-panels/Frontstage.js

@@ -15,7 +15,6 @@ const core_react_1 = require("@itwin/core-react");
 const immer_1 = require("immer");
 const React = require("react");
 const react_dom_1 = require("react-dom");
-const react_redux_1 = require("react-redux");
 const FrontstageDef_1 = require("../frontstage/FrontstageDef");
 const InternalFrontstageManager_1 = require("../frontstage/InternalFrontstageManager");
 const useEscapeSetFocusToHome_1 = require("../hooks/useEscapeSetFocusToHome");
@@ -54,6 +53,8 @@ const CursorOverlay_1 = require("../layout/widget-panels/CursorOverlay");
 const Expander_1 = require("../layout/widget-panels/Expander");
 const useTranslation_1 = require("../hooks/useTranslation");
 const PopoutWidgets_1 = require("../preview/reparent-popout-widgets/PopoutWidgets");
+const useReduxFrameworkState_1 = require("../uistate/useReduxFrameworkState");
+const ConfigurableUiContent_1 = require("../configurableui/ConfigurableUiContent");
 const useSaveFrontstageSettings_1 = require("./useSaveFrontstageSettings");
 function WidgetPanelsFrontstageComponent() {
     const activeModalFrontstageInfo = (0, ModalFrontstageComposer_1.useActiveModalFrontstageInfo)();
@@ -159,6 +160,7 @@ const tabElement = React.createElement(Tab_1.WidgetPanelsTab, null);
 const floatingWidgetElement = React.createElement(FloatingWidget_1.FloatingWidget, null);
 /** @internal */
 function ActiveFrontstageDefProvider({ frontstageDef, }) {
+    const configurableUi = React.useContext(ConfigurableUiContent_1.ConfigurableUiContext);
     const dispatch = useNineZoneDispatch(frontstageDef);
     frontstageDef.dispatch = dispatch;
     const layout = useLayoutStore(frontstageDef);
@@ -168,22 +170,24 @@ function ActiveFrontstageDefProvider({ frontstageDef, }) {
     useItemsManager(frontstageDef);
     const labels = useLabels();
     const uiIsVisible = (0, useUiVisibility_1.useUiVisibility)();
-    const showWidgetIcon = (0, react_redux_1.useSelector)((state) => {
-        const frameworkState = state[UiFramework_1.UiFramework.frameworkStateKey];
-        return !!frameworkState.configurableUiState.showWidgetIcon;
-    });
-    const autoCollapseUnpinnedPanels = (0, react_redux_1.useSelector)((state) => {
-        const frameworkState = state[UiFramework_1.UiFramework.frameworkStateKey];
-        return !!frameworkState.configurableUiState.autoCollapseUnpinnedPanels;
-    });
-    const animateToolSettings = (0, react_redux_1.useSelector)((state) => {
-        const frameworkState = state[UiFramework_1.UiFramework.frameworkStateKey];
-        return !!frameworkState.configurableUiState.animateToolSettings;
-    });
-    const useToolAsToolSettingsLabel = (0, react_redux_1.useSelector)((state) => {
-        const frameworkState = state[UiFramework_1.UiFramework.frameworkStateKey];
-        return !!frameworkState.configurableUiState.useToolAsToolSettingsLabel;
-    });
+    const reduxToolAsToolSettingsLabel = (0, useReduxFrameworkState_1.useReduxFrameworkState)(
+    // eslint-disable-next-line deprecation/deprecation
+    (state) => state?.configurableUiState.useToolAsToolSettingsLabel);
+    const reduxShowWidgetIcon = (0, useReduxFrameworkState_1.useReduxFrameworkState)(
+    // eslint-disable-next-line deprecation/deprecation
+    (state) => state?.configurableUiState.showWidgetIcon);
+    const reduxAutoCollapseUnpinnedPanels = (0, useReduxFrameworkState_1.useReduxFrameworkState)(
+    // eslint-disable-next-line deprecation/deprecation
+    (state) => state?.configurableUiState.autoCollapseUnpinnedPanels);
+    const reduxAnimateToolSettings = (0, useReduxFrameworkState_1.useReduxFrameworkState)(
+    // eslint-disable-next-line deprecation/deprecation
+    (state) => state?.configurableUiState.autoCollapseUnpinnedPanels);
+    const showWidgetIcon = configurableUi.widgetIcon ?? reduxShowWidgetIcon ?? true;
+    const autoCollapseUnpinnedPanels = configurableUi.collapsePanels ?? reduxAutoCollapseUnpinnedPanels ?? false;
+    const animateToolSettings = configurableUi.animateToolSettings ?? reduxAnimateToolSettings ?? false;
+    const useToolAsToolSettingsLabel = configurableUi.toolAsToolSettingsLabel ??
+        reduxToolAsToolSettingsLabel ??
+        false;
     useFrontstageManager(frontstageDef, useToolAsToolSettingsLabel);
     const handleKeyDown = (0, useEscapeSetFocusToHome_1.useEscapeSetFocusToHome)();
     return (React.createElement("div", { className: "uifw-widgetPanels-frontstage", onKeyDown: handleKeyDown, role: "presentation" },
@@ -263,11 +267,10 @@ function addPanelSectionWidgetDefs(frontstageDef, location, section) {
     }
 }
 exports.addPanelSectionWidgetDefs = addPanelSectionWidgetDefs;
+/** Sends back popout widgets if app is not an electron app. */
 function processPopoutWidgets(frontstageDef) {
-    // Electron reopens popout windows w/o user interaction.
-    if (core_bentley_1.ProcessDetector.isElectronAppFrontend) {
+    if (core_bentley_1.ProcessDetector.isElectronAppFrontend)
         return;
-    }
     (0, core_bentley_1.assert)(!!frontstageDef.nineZoneState);
     const state = frontstageDef.nineZoneState;
     for (const id of state.popoutWidgets.allIds) {
@@ -277,6 +280,17 @@ function processPopoutWidgets(frontstageDef) {
         });
     }
 }
+/** Opens popout widgets if app is an electron app. */
+function openPopoutWidgets(frontstageDef) {
+    // Only electron can reopen popout windows w/o user interaction.
+    if (!core_bentley_1.ProcessDetector.isElectronAppFrontend)
+        return;
+    (0, core_bentley_1.assert)(!!frontstageDef.nineZoneState);
+    const state = frontstageDef.nineZoneState;
+    for (const id of state.popoutWidgets.allIds) {
+        frontstageDef.openPopoutWidgetContainer(id, undefined);
+    }
+}
 /** Adds frontstageDef widgets that are missing in NineZoneState.
  * @internal
  */
@@ -534,6 +548,7 @@ function useSavedFrontstageState(frontstageDef) {
             // Switching to previously initialized frontstage.
             if (frontstageDef.nineZoneState) {
                 processPopoutWidgets(frontstageDef);
+                openPopoutWidgets(frontstageDef);
                 return;
             }
             const id = frontstageDef.id;