@itwin/appui-react 4.11.0 → 4.13.0

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

@@ -1 +1 @@
-{"version":3,"file":"InternalUiShowHideManager.js","sourceRoot":"","sources":["../../../../src/appui-react/utils/InternalUiShowHideManager.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,kDAAyD;AACzD,2EAGyC;AAEzC,gDAA6C;AAE7C;;GAEG;AACH,MAAa,0BAA0B;IAAvC;QAKkB,eAAU,GAAG,4BAA4B,CAAC;IA0D5D,CAAC;IAxDQ,MAAM,CAAC,UAAU;QACtB,yBAAW,CAAC,4BAA4B,CAAC,IAAI,0BAA0B,EAAE,CAAC,CAAC;IAC7E,CAAC;IAEM,KAAK,CAAC,gBAAgB,CAAC,OAAuB;QACnD,IAAI,MAAM,GAAG,MAAM,OAAO,CAAC,UAAU,CACnC,0BAA0B,CAAC,kBAAkB,EAC7C,0BAA0B,CAAC,cAAc,CAC1C,CAAC;QACF,IAAI,MAAM,CAAC,MAAM,KAAK,iCAAoB,CAAC,OAAO;YAChD,yBAAyB,CAAC,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAE1D,MAAM,GAAG,MAAM,OAAO,CAAC,UAAU,CAC/B,0BAA0B,CAAC,kBAAkB,EAC7C,0BAA0B,CAAC,uBAAuB,CACnD,CAAC;QACF,IAAI,MAAM,CAAC,MAAM,KAAK,iCAAoB,CAAC,OAAO;YAChD,yBAAyB,CAAC,sBAAsB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAEnE,MAAM,GAAG,MAAM,OAAO,CAAC,UAAU,CAC/B,0BAA0B,CAAC,kBAAkB,EAC7C,0BAA0B,CAAC,qBAAqB,CACjD,CAAC;QACF,IAAI,MAAM,CAAC,MAAM,KAAK,iCAAoB,CAAC,OAAO;YAChD,yBAAyB,CAAC,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACnE,CAAC;IAEM,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,CAAU,EAAE,OAAwB;QACtE,KAAK,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,yBAAW,CAAC,iBAAiB,EAAE,CAAC,CAAC,WAAW,CAC3D,IAAI,CAAC,kBAAkB,EACvB,IAAI,CAAC,cAAc,EACnB,CAAC,CACF,CAAC;IACJ,CAAC;IAEM,MAAM,CAAC,KAAK,CAAC,wBAAwB,CAC1C,CAAU,EACV,OAAwB;QAExB,KAAK,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,yBAAW,CAAC,iBAAiB,EAAE,CAAC,CAAC,WAAW,CAC3D,IAAI,CAAC,kBAAkB,EACvB,IAAI,CAAC,uBAAuB,EAC5B,CAAC,CACF,CAAC;IACJ,CAAC;IAEM,MAAM,CAAC,KAAK,CAAC,sBAAsB,CACxC,CAAU,EACV,OAAwB;QAExB,KAAK,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,yBAAW,CAAC,iBAAiB,EAAE,CAAC,CAAC,WAAW,CAC3D,IAAI,CAAC,kBAAkB,EACvB,IAAI,CAAC,qBAAqB,EAC1B,CAAC,CACF,CAAC;IACJ,CAAC;;AA7Dc,6CAAkB,GAAG,eAAe,AAAlB,CAAmB;AACrC,yCAAc,GAAG,YAAY,AAAf,CAAgB;AAC9B,kDAAuB,GAAG,qBAAqB,AAAxB,CAAyB;AAChD,gDAAqB,GAAG,mBAAmB,AAAtB,CAAuB;AAJhD,gEAA0B;AAiEvC;;GAEG;AACU,QAAA,uBAAuB,GAAG,IAAI,CAAC,CAAC,uBAAuB;AAEpE;;GAEG;AACH,MAAa,yBAAyB;IAWpC,sCAAsC;IAC/B,MAAM,KAAK,WAAW;QAC3B,OAAO,yBAAyB,CAAC,YAAY,CAAC;IAChD,CAAC;IACM,MAAM,KAAK,WAAW,CAAC,OAAgB;QAC5C,yBAAyB,CAAC,YAAY,GAAG,OAAO,CAAC;IACnD,CAAC;IAED,cAAc;IACP,MAAM,CAAC,aAAa,CAAC,KAAc;QACxC,yBAAyB,CAAC,WAAW,GAAG,KAAK,CAAC;IAChD,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,sBAAsB,CAAC,KAAc;QACjD,yBAAyB,CAAC,oBAAoB,GAAG,KAAK,CAAC;IACzD,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,oBAAoB,CAAC,KAAc;QAC/C,yBAAyB,CAAC,kBAAkB,GAAG,KAAK,CAAC;IACvD,CAAC;IAED;;OAEG;IACI,MAAM,KAAK,UAAU;QAC1B,OAAO,yBAAyB,CAAC,WAAW,CAAC;IAC/C,CAAC;IAEM,MAAM,KAAK,UAAU,CAAC,QAAiB;QAC5C,KAAK,0BAA0B,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC1D,yBAAyB,CAAC,WAAW,GAAG,QAAQ,CAAC;QACjD,6CAAqB,CAAC,4BAA4B,CAChD,qCAAa,CAAC,4BAA4B,CAC3C,CAAC;IACJ,CAAC;IACD,oFAAoF;IAC7E,MAAM,KAAK,cAAc;QAC9B,OAAO,yBAAyB,CAAC,eAAe,CAAC;IACnD,CAAC;IACM,MAAM,KAAK,cAAc,CAAC,QAAiB;QAChD,yBAAyB,CAAC,eAAe,GAAG,QAAQ,CAAC;QACrD,yBAAW,CAAC,qBAAqB,CAAC,IAAI,CAAC;YACrC,OAAO,EAAE,yBAAW,CAAC,cAAc,EAAE;SACtC,CAAC,CAAC;IACL,CAAC;IAED,gFAAgF;IACzE,MAAM,KAAK,cAAc;QAC9B,OAAO,yBAAyB,CAAC,eAAe,CAAC;IACnD,CAAC;IACM,MAAM,KAAK,cAAc,CAAC,QAAiB;QAChD,yBAAyB,CAAC,eAAe,GAAG,QAAQ,CAAC;QACrD,yBAAW,CAAC,qBAAqB,CAAC,IAAI,CAAC;YACrC,OAAO,EAAE,yBAAW,CAAC,cAAc,EAAE;SACtC,CAAC,CAAC;IACL,CAAC;IAED,iGAAiG;IAC1F,MAAM,KAAK,cAAc;QAC9B,OAAO,yBAAyB,CAAC,eAAe,CAAC;IACnD,CAAC;IACM,MAAM,KAAK,cAAc,CAAC,IAAY;QAC3C,yBAAyB,CAAC,eAAe,GAAG,IAAI,CAAC;IACnD,CAAC;IAED,6GAA6G;IACtG,MAAM,KAAK,mBAAmB;QACnC,OAAO,yBAAyB,CAAC,oBAAoB,CAAC;IACxD,CAAC;IACM,MAAM,KAAK,mBAAmB,CAAC,KAAc;QAClD,yBAAyB,CAAC,oBAAoB,GAAG,KAAK,CAAC;QACvD,KAAK,0BAA0B,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;QAChE,6CAAqB,CAAC,4BAA4B,CAChD,qCAAa,CAAC,4BAA4B,CAC3C,CAAC;QACF,yBAAW,CAAC,qBAAqB,CAAC,IAAI,CAAC;YACrC,OAAO,EAAE,yBAAW,CAAC,cAAc,EAAE;SACtC,CAAC,CAAC;IACL,CAAC;IAED,kFAAkF;IAC3E,MAAM,KAAK,iBAAiB;QACjC,OAAO,yBAAyB,CAAC,kBAAkB,CAAC;IACtD,CAAC;IACM,MAAM,KAAK,iBAAiB,CAAC,KAAc;QAChD,yBAAyB,CAAC,kBAAkB,GAAG,KAAK,CAAC;QACrD,KAAK,0BAA0B,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC9D,6CAAqB,CAAC,4BAA4B,CAChD,qCAAa,CAAC,4BAA4B,CAC3C,CAAC;QACF,yBAAW,CAAC,qBAAqB,CAAC,IAAI,CAAC;YACrC,OAAO,EAAE,yBAAW,CAAC,cAAc,EAAE;SACtC,CAAC,CAAC;IACL,CAAC;IAED,6CAA6C;IACtC,MAAM,CAAC,qBAAqB;QACjC,uBAAuB;QACvB,IAAI,CAAC,yBAAyB,CAAC,WAAW;YAAE,OAAO;QAEnD,yBAAyB,CAAC,mBAAmB,EAAE,CAAC;IAClD,CAAC;IAED,6DAA6D;IACtD,MAAM,CAAC,sBAAsB,CAClC,MAAkD;QAElD,IAAI,CAAC,yBAAyB,CAAC,WAAW;YAAE,OAAO;QAEnD,yBAAyB,CAAC,mBAAmB,EAAE,CAAC;IAClD,CAAC;IAED,iDAAiD;IAC1C,MAAM,CAAC,sBAAsB,CAClC,MAAkD;QAElD,IAAI,CAAC,yBAAyB,CAAC,WAAW;YAAE,OAAO;QAEnD,yBAAyB,CAAC,oBAAoB,EAAE,CAAC;IACnD,CAAC;IAED,mDAAmD;IAC5C,MAAM,CAAC,mBAAmB;QAC/B,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACzC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC3C,yBAAyB,CAAC,MAAM,EAAE,CAAC;YACnC,yBAAyB,CAAC,UAAU,EAAE,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oDAAoD;IAC7C,MAAM,CAAC,oBAAoB;QAChC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACzC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC3C,yBAAyB,CAAC,MAAM,EAAE,CAAC;YACnC,yBAAyB,CAAC,WAAW,EAAE,CAAC;QAC1C,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,MAAM,CAAC,WAAW;QACxB,MAAM,CAAC,YAAY,CAAC,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IAC1D,CAAC;IAEO,MAAM,CAAC,UAAU;QACvB,yBAAyB,CAAC,WAAW,EAAE,CAAC;QACxC,yBAAyB,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,CACpD,yBAAyB,CAAC,MAAM,EAChC,yBAAyB,CAAC,eAAe,CAC1C,CAAC;IACJ,CAAC;IAEO,MAAM,CAAC,MAAM;QACnB,yBAAW,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAEO,MAAM,CAAC,MAAM;QACnB,yBAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,SAAS;QACrB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACzC,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;QAChC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,eAAe,GAAG,+BAAuB,CAAC;QAC/C,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;IAClC,CAAC;;AAvLc,sCAAY,GAAY,IAAI,CAAC;AAC7B,qCAAW,GAAY,IAAI,CAAC;AAC5B,yCAAe,GAAY,KAAK,CAAC;AACjC,yCAAe,GAAY,KAAK,CAAC;AACjC,yCAAe,GAAW,+BAAuB,CAAC;AAGlD,8CAAoB,GAAY,KAAK,CAAC;AACtC,4CAAkB,GAAY,KAAK,CAAC;AATxC,8DAAyB","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 { UiStateStorage } from \"@itwin/core-react\";\nimport { UiStateStorageStatus } from \"@itwin/core-react\";\nimport {\n  SyncUiEventDispatcher,\n  SyncUiEventId,\n} from \"../syncui/SyncUiEventDispatcher\";\nimport type { UserSettingsProvider } from \"../UiFramework\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** Class that maintain UiShowHide user settings between sessions\n * @internal\n */\nexport class UiShowHideSettingsProvider implements UserSettingsProvider {\n  private static _settingsNamespace = \"AppUiSettings\";\n  private static _autoHideUiKey = \"AutoHideUi\";\n  private static _useProximityOpacityKey = \"UseProximityOpacity\";\n  private static _snapWidgetOpacityKey = \"SnapWidgetOpacity\";\n  public readonly providerId = \"UiShowHideSettingsProvider\";\n\n  public static initialize() {\n    UiFramework.registerUserSettingsProvider(new UiShowHideSettingsProvider());\n  }\n\n  public async loadUserSettings(storage: UiStateStorage): Promise<void> {\n    let result = await storage.getSetting(\n      UiShowHideSettingsProvider._settingsNamespace,\n      UiShowHideSettingsProvider._autoHideUiKey\n    );\n    if (result.status === UiStateStorageStatus.Success)\n      InternalUiShowHideManager.setAutoHideUi(result.setting);\n\n    result = await storage.getSetting(\n      UiShowHideSettingsProvider._settingsNamespace,\n      UiShowHideSettingsProvider._useProximityOpacityKey\n    );\n    if (result.status === UiStateStorageStatus.Success)\n      InternalUiShowHideManager.setUseProximityOpacity(result.setting);\n\n    result = await storage.getSetting(\n      UiShowHideSettingsProvider._settingsNamespace,\n      UiShowHideSettingsProvider._snapWidgetOpacityKey\n    );\n    if (result.status === UiStateStorageStatus.Success)\n      InternalUiShowHideManager.setSnapWidgetOpacity(result.setting);\n  }\n\n  public static async storeAutoHideUi(v: boolean, storage?: UiStateStorage) {\n    void (storage ?? UiFramework.getUiStateStorage()).saveSetting(\n      this._settingsNamespace,\n      this._autoHideUiKey,\n      v\n    );\n  }\n\n  public static async storeUseProximityOpacity(\n    v: boolean,\n    storage?: UiStateStorage\n  ) {\n    void (storage ?? UiFramework.getUiStateStorage()).saveSetting(\n      this._settingsNamespace,\n      this._useProximityOpacityKey,\n      v\n    );\n  }\n\n  public static async storeSnapWidgetOpacity(\n    v: boolean,\n    storage?: UiStateStorage\n  ) {\n    void (storage ?? UiFramework.getUiStateStorage()).saveSetting(\n      this._settingsNamespace,\n      this._snapWidgetOpacityKey,\n      v\n    );\n  }\n}\n\n/** The default inactivity time.\n * @internal\n */\nexport const INACTIVITY_TIME_DEFAULT = 3500; /** Wait 3.5 seconds */\n\n/** Maintains Ui Show/Hide state. The `Ui` includes widgets, panels and the status bar.\n * @internal\n */\nexport class InternalUiShowHideManager {\n  private static _isUiVisible: boolean = true;\n  private static _autoHideUi: boolean = true;\n  private static _showHidePanels: boolean = false;\n  private static _showHideFooter: boolean = false;\n  private static _inactivityTime: number = INACTIVITY_TIME_DEFAULT;\n  private static _timeout: number;\n  private static _showUiTimeout: number | undefined;\n  private static _useProximityOpacity: boolean = false;\n  private static _snapWidgetOpacity: boolean = false;\n\n  /** Determines if the Ui is visible */\n  public static get isUiVisible() {\n    return InternalUiShowHideManager._isUiVisible;\n  }\n  public static set isUiVisible(visible: boolean) {\n    InternalUiShowHideManager._isUiVisible = visible;\n  }\n\n  /** @public */\n  public static setAutoHideUi(value: boolean) {\n    InternalUiShowHideManager._autoHideUi = value;\n  }\n\n  /** @internal */\n  public static setUseProximityOpacity(value: boolean) {\n    InternalUiShowHideManager._useProximityOpacity = value;\n  }\n\n  /** @internal */\n  public static setSnapWidgetOpacity(value: boolean) {\n    InternalUiShowHideManager._snapWidgetOpacity = value;\n  }\n\n  /** Determines whether the `auto-hide Ui` feature is on. Defaults to false.\n   * When true, the Ui automatically hides after a few seconds of inactivity.\n   */\n  public static get autoHideUi(): boolean {\n    return InternalUiShowHideManager._autoHideUi;\n  }\n\n  public static set autoHideUi(autoHide: boolean) {\n    void UiShowHideSettingsProvider.storeAutoHideUi(autoHide);\n    InternalUiShowHideManager._autoHideUi = autoHide;\n    SyncUiEventDispatcher.dispatchImmediateSyncUiEvent(\n      SyncUiEventId.ShowHideManagerSettingChange\n    );\n  }\n  /** Determines whether the widget panels are shown and hidden. Defaults to false. */\n  public static get showHidePanels(): boolean {\n    return InternalUiShowHideManager._showHidePanels;\n  }\n  public static set showHidePanels(showHide: boolean) {\n    InternalUiShowHideManager._showHidePanels = showHide;\n    UiFramework.onUiVisibilityChanged.emit({\n      visible: UiFramework.getIsUiVisible(),\n    });\n  }\n\n  /** Determines whether the status bar is shown and hidden. Defaults to false. */\n  public static get showHideFooter(): boolean {\n    return InternalUiShowHideManager._showHideFooter;\n  }\n  public static set showHideFooter(showHide: boolean) {\n    InternalUiShowHideManager._showHideFooter = showHide;\n    UiFramework.onUiVisibilityChanged.emit({\n      visible: UiFramework.getIsUiVisible(),\n    });\n  }\n\n  /** Determines the amount of inactivity time before the Ui is hidden. Defaults to 3.5 seconds. */\n  public static get inactivityTime(): number {\n    return InternalUiShowHideManager._inactivityTime;\n  }\n  public static set inactivityTime(time: number) {\n    InternalUiShowHideManager._inactivityTime = time;\n  }\n\n  /** Determines whether the proximity of the mouse should alter the opacity of a toolbar. Defaults to true. */\n  public static get useProximityOpacity(): boolean {\n    return InternalUiShowHideManager._useProximityOpacity;\n  }\n  public static set useProximityOpacity(value: boolean) {\n    InternalUiShowHideManager._useProximityOpacity = value;\n    void UiShowHideSettingsProvider.storeUseProximityOpacity(value);\n    SyncUiEventDispatcher.dispatchImmediateSyncUiEvent(\n      SyncUiEventId.ShowHideManagerSettingChange\n    );\n    UiFramework.onUiVisibilityChanged.emit({\n      visible: UiFramework.getIsUiVisible(),\n    });\n  }\n\n  /** Determines whether the opacity of a toolbar should snap. Defaults to false. */\n  public static get snapWidgetOpacity(): boolean {\n    return InternalUiShowHideManager._snapWidgetOpacity;\n  }\n  public static set snapWidgetOpacity(value: boolean) {\n    InternalUiShowHideManager._snapWidgetOpacity = value;\n    void UiShowHideSettingsProvider.storeSnapWidgetOpacity(value);\n    SyncUiEventDispatcher.dispatchImmediateSyncUiEvent(\n      SyncUiEventId.ShowHideManagerSettingChange\n    );\n    UiFramework.onUiVisibilityChanged.emit({\n      visible: UiFramework.getIsUiVisible(),\n    });\n  }\n\n  /** Handler for when a Frontstage is ready */\n  public static handleFrontstageReady() {\n    // istanbul ignore next\n    if (!InternalUiShowHideManager._autoHideUi) return;\n\n    InternalUiShowHideManager.showUiAndResetTimer();\n  }\n\n  /** Handler for when the mouse moves over the content area */\n  public static handleContentMouseMove(\n    _event?: React.MouseEvent<HTMLElement, MouseEvent>\n  ) {\n    if (!InternalUiShowHideManager._autoHideUi) return;\n\n    InternalUiShowHideManager.showUiAndResetTimer();\n  }\n\n  /** Handler for when the mouse enters a widget */\n  public static handleWidgetMouseEnter(\n    _event?: React.MouseEvent<HTMLElement, MouseEvent>\n  ) {\n    if (!InternalUiShowHideManager._autoHideUi) return;\n\n    InternalUiShowHideManager.showUiAndCancelTimer();\n  }\n\n  /** Shows the Ui and resets the inactivity timer */\n  public static showUiAndResetTimer() {\n    window.clearTimeout(this._showUiTimeout);\n    this._showUiTimeout = window.setTimeout(() => {\n      InternalUiShowHideManager.showUi();\n      InternalUiShowHideManager.resetTimer();\n    });\n  }\n\n  /** Shows the Ui and cancels the inactivity timer */\n  public static showUiAndCancelTimer() {\n    window.clearTimeout(this._showUiTimeout);\n    this._showUiTimeout = window.setTimeout(() => {\n      InternalUiShowHideManager.showUi();\n      InternalUiShowHideManager.cancelTimer();\n    });\n  }\n\n  private static cancelTimer() {\n    window.clearTimeout(InternalUiShowHideManager._timeout);\n  }\n\n  private static resetTimer() {\n    InternalUiShowHideManager.cancelTimer();\n    InternalUiShowHideManager._timeout = window.setTimeout(\n      InternalUiShowHideManager.hideUi,\n      InternalUiShowHideManager._inactivityTime\n    );\n  }\n\n  private static showUi() {\n    UiFramework.setIsUiVisible(true);\n  }\n\n  private static hideUi() {\n    UiFramework.setIsUiVisible(false);\n  }\n\n  /** @internal */\n  public static terminate() {\n    this.cancelTimer();\n    window.clearTimeout(this._showUiTimeout);\n    this._showUiTimeout = undefined;\n    this._isUiVisible = true;\n    this._autoHideUi = true;\n    this._showHidePanels = false;\n    this._showHideFooter = false;\n    this._inactivityTime = INACTIVITY_TIME_DEFAULT;\n    this._useProximityOpacity = false;\n    this._snapWidgetOpacity = false;\n  }\n}\n"]}
+{"version":3,"file":"InternalUiShowHideManager.js","sourceRoot":"","sources":["../../../../src/appui-react/utils/InternalUiShowHideManager.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 Utilities\n */\n\nimport type { UiStateStorage } from \"@itwin/core-react\";\nimport { UiStateStorageStatus } from \"@itwin/core-react\";\nimport {\n  SyncUiEventDispatcher,\n  SyncUiEventId,\n} from \"../syncui/SyncUiEventDispatcher\";\nimport type { UserSettingsProvider } from \"../UiFramework\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** Class that maintain UiShowHide user settings between sessions\n * @internal\n */\nexport class UiShowHideSettingsProvider implements UserSettingsProvider {\n  private static _settingsNamespace = \"AppUiSettings\";\n  private static _autoHideUiKey = \"AutoHideUi\";\n  private static _useProximityOpacityKey = \"UseProximityOpacity\";\n  private static _snapWidgetOpacityKey = \"SnapWidgetOpacity\";\n  public readonly providerId = \"UiShowHideSettingsProvider\";\n\n  public static initialize() {\n    UiFramework.registerUserSettingsProvider(new UiShowHideSettingsProvider());\n  }\n\n  public async loadUserSettings(storage: UiStateStorage): Promise<void> {\n    let result = await storage.getSetting(\n      UiShowHideSettingsProvider._settingsNamespace,\n      UiShowHideSettingsProvider._autoHideUiKey\n    );\n    if (result.status === UiStateStorageStatus.Success)\n      InternalUiShowHideManager.setAutoHideUi(result.setting);\n\n    result = await storage.getSetting(\n      UiShowHideSettingsProvider._settingsNamespace,\n      UiShowHideSettingsProvider._useProximityOpacityKey\n    );\n    if (result.status === UiStateStorageStatus.Success)\n      InternalUiShowHideManager.setUseProximityOpacity(result.setting);\n\n    result = await storage.getSetting(\n      UiShowHideSettingsProvider._settingsNamespace,\n      UiShowHideSettingsProvider._snapWidgetOpacityKey\n    );\n    if (result.status === UiStateStorageStatus.Success)\n      InternalUiShowHideManager.setSnapWidgetOpacity(result.setting);\n  }\n\n  public static async storeAutoHideUi(v: boolean, storage?: UiStateStorage) {\n    void (storage ?? UiFramework.getUiStateStorage()).saveSetting(\n      this._settingsNamespace,\n      this._autoHideUiKey,\n      v\n    );\n  }\n\n  public static async storeUseProximityOpacity(\n    v: boolean,\n    storage?: UiStateStorage\n  ) {\n    void (storage ?? UiFramework.getUiStateStorage()).saveSetting(\n      this._settingsNamespace,\n      this._useProximityOpacityKey,\n      v\n    );\n  }\n\n  public static async storeSnapWidgetOpacity(\n    v: boolean,\n    storage?: UiStateStorage\n  ) {\n    void (storage ?? UiFramework.getUiStateStorage()).saveSetting(\n      this._settingsNamespace,\n      this._snapWidgetOpacityKey,\n      v\n    );\n  }\n}\n\n/** The default inactivity time.\n * @internal\n */\nexport const INACTIVITY_TIME_DEFAULT = 3500; /** Wait 3.5 seconds */\n\n/** Maintains Ui Show/Hide state. The `Ui` includes widgets, panels and the status bar.\n * @internal\n */\nexport class InternalUiShowHideManager {\n  private static _isUiVisible: boolean = true;\n  private static _autoHideUi: boolean = true;\n  private static _showHidePanels: boolean = false;\n  private static _showHideFooter: boolean = false;\n  private static _inactivityTime: number = INACTIVITY_TIME_DEFAULT;\n  private static _timeout: number;\n  private static _showUiTimeout: number | undefined;\n  private static _useProximityOpacity: boolean = false;\n  private static _snapWidgetOpacity: boolean = false;\n\n  /** Determines if the Ui is visible */\n  public static get isUiVisible() {\n    return InternalUiShowHideManager._isUiVisible;\n  }\n  public static set isUiVisible(visible: boolean) {\n    InternalUiShowHideManager._isUiVisible = visible;\n  }\n\n  /** @public */\n  public static setAutoHideUi(value: boolean) {\n    InternalUiShowHideManager._autoHideUi = value;\n  }\n\n  /** @internal */\n  public static setUseProximityOpacity(value: boolean) {\n    InternalUiShowHideManager._useProximityOpacity = value;\n  }\n\n  /** @internal */\n  public static setSnapWidgetOpacity(value: boolean) {\n    InternalUiShowHideManager._snapWidgetOpacity = value;\n  }\n\n  /** Determines whether the `auto-hide Ui` feature is on. Defaults to false.\n   * When true, the Ui automatically hides after a few seconds of inactivity.\n   */\n  public static get autoHideUi(): boolean {\n    return InternalUiShowHideManager._autoHideUi;\n  }\n\n  public static set autoHideUi(autoHide: boolean) {\n    void UiShowHideSettingsProvider.storeAutoHideUi(autoHide);\n    InternalUiShowHideManager._autoHideUi = autoHide;\n    SyncUiEventDispatcher.dispatchImmediateSyncUiEvent(\n      SyncUiEventId.ShowHideManagerSettingChange\n    );\n  }\n  /** Determines whether the widget panels are shown and hidden. Defaults to false. */\n  public static get showHidePanels(): boolean {\n    return InternalUiShowHideManager._showHidePanels;\n  }\n  public static set showHidePanels(showHide: boolean) {\n    InternalUiShowHideManager._showHidePanels = showHide;\n    UiFramework.onUiVisibilityChanged.emit({\n      visible: UiFramework.getIsUiVisible(),\n    });\n  }\n\n  /** Determines whether the status bar is shown and hidden. Defaults to false. */\n  public static get showHideFooter(): boolean {\n    return InternalUiShowHideManager._showHideFooter;\n  }\n  public static set showHideFooter(showHide: boolean) {\n    InternalUiShowHideManager._showHideFooter = showHide;\n    UiFramework.onUiVisibilityChanged.emit({\n      visible: UiFramework.getIsUiVisible(),\n    });\n  }\n\n  /** Determines the amount of inactivity time before the Ui is hidden. Defaults to 3.5 seconds. */\n  public static get inactivityTime(): number {\n    return InternalUiShowHideManager._inactivityTime;\n  }\n  public static set inactivityTime(time: number) {\n    InternalUiShowHideManager._inactivityTime = time;\n  }\n\n  /** Determines whether the proximity of the mouse should alter the opacity of a toolbar. Defaults to true. */\n  public static get useProximityOpacity(): boolean {\n    return InternalUiShowHideManager._useProximityOpacity;\n  }\n  public static set useProximityOpacity(value: boolean) {\n    InternalUiShowHideManager._useProximityOpacity = value;\n    void UiShowHideSettingsProvider.storeUseProximityOpacity(value);\n    SyncUiEventDispatcher.dispatchImmediateSyncUiEvent(\n      SyncUiEventId.ShowHideManagerSettingChange\n    );\n    UiFramework.onUiVisibilityChanged.emit({\n      visible: UiFramework.getIsUiVisible(),\n    });\n  }\n\n  /** Determines whether the opacity of a toolbar should snap. Defaults to false. */\n  public static get snapWidgetOpacity(): boolean {\n    return InternalUiShowHideManager._snapWidgetOpacity;\n  }\n  public static set snapWidgetOpacity(value: boolean) {\n    InternalUiShowHideManager._snapWidgetOpacity = value;\n    void UiShowHideSettingsProvider.storeSnapWidgetOpacity(value);\n    SyncUiEventDispatcher.dispatchImmediateSyncUiEvent(\n      SyncUiEventId.ShowHideManagerSettingChange\n    );\n    UiFramework.onUiVisibilityChanged.emit({\n      visible: UiFramework.getIsUiVisible(),\n    });\n  }\n\n  /** Handler for when a Frontstage is ready */\n  public static handleFrontstageReady() {\n    // istanbul ignore next\n    if (!InternalUiShowHideManager._autoHideUi) return;\n\n    InternalUiShowHideManager.showUiAndResetTimer();\n  }\n\n  /** Handler for when the mouse moves over the content area */\n  public static handleContentMouseMove(\n    _event?: React.MouseEvent<HTMLElement, MouseEvent>\n  ) {\n    if (!InternalUiShowHideManager._autoHideUi) return;\n\n    InternalUiShowHideManager.showUiAndResetTimer();\n  }\n\n  /** Handler for when the mouse enters a widget */\n  public static handleWidgetMouseEnter(\n    _event?: React.MouseEvent<HTMLElement, MouseEvent>\n  ) {\n    if (!InternalUiShowHideManager._autoHideUi) return;\n\n    InternalUiShowHideManager.showUiAndCancelTimer();\n  }\n\n  /** Shows the Ui and resets the inactivity timer */\n  public static showUiAndResetTimer() {\n    window.clearTimeout(this._showUiTimeout);\n    this._showUiTimeout = window.setTimeout(() => {\n      InternalUiShowHideManager.showUi();\n      InternalUiShowHideManager.resetTimer();\n    });\n  }\n\n  /** Shows the Ui and cancels the inactivity timer */\n  public static showUiAndCancelTimer() {\n    window.clearTimeout(this._showUiTimeout);\n    this._showUiTimeout = window.setTimeout(() => {\n      InternalUiShowHideManager.showUi();\n      InternalUiShowHideManager.cancelTimer();\n    });\n  }\n\n  private static cancelTimer() {\n    window.clearTimeout(InternalUiShowHideManager._timeout);\n  }\n\n  private static resetTimer() {\n    InternalUiShowHideManager.cancelTimer();\n    InternalUiShowHideManager._timeout = window.setTimeout(\n      InternalUiShowHideManager.hideUi,\n      InternalUiShowHideManager._inactivityTime\n    );\n  }\n\n  private static showUi() {\n    UiFramework.setIsUiVisible(true);\n  }\n\n  private static hideUi() {\n    UiFramework.setIsUiVisible(false);\n  }\n\n  /** @internal */\n  public static terminate() {\n    this.cancelTimer();\n    window.clearTimeout(this._showUiTimeout);\n    this._showUiTimeout = undefined;\n    this._isUiVisible = true;\n    this._autoHideUi = true;\n    this._showHidePanels = false;\n    this._showHideFooter = false;\n    this._inactivityTime = INACTIVITY_TIME_DEFAULT;\n    this._useProximityOpacity = false;\n    this._snapWidgetOpacity = false;\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Content.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAiBtD,gBAAgB;AAChB,wBAAgB,aAAa,sBAwB5B;AAED,gBAAgB;AAChB,wBAAgB,YAAY,IAAI,SAAS,GAAG,SAAS,CA+BpD"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Content.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAkBtD,gBAAgB;AAChB,wBAAgB,aAAa,sBA2B5B;AAED,gBAAgB;AAChB,wBAAgB,YAAY,IAAI,SAAS,GAAG,SAAS,CA+BpD"}

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

@@ -20,7 +20,8 @@ const ContentRenderer_1 = require("../layout/widget/ContentRenderer");
 const UiItemsManager_1 = require("../ui-items-provider/UiItemsManager");
 const isProviderItem_1 = require("../ui-items-provider/isProviderItem");
 const useTransientState_1 = require("./useTransientState");
-const useTranslation_1 = require("../useTranslation");
+const useTranslation_1 = require("../hooks/useTranslation");
+const PopoutThemeProvider_1 = require("../preview/reparent-popout-widgets/PopoutThemeProvider");
 function WidgetFallback() {
     const { translate } = (0, useTranslation_1.useTranslation)();
     return (React.createElement("div", { role: "alert", style: { position: "relative", minHeight: 400 } },
@@ -28,24 +29,24 @@ function WidgetFallback() {
 }
 /** @internal */
 function WidgetContent() {
-    var _a, _b;
     const widget = useWidgetDef();
     // istanbul ignore next
-    const itemId = (_b = (_a = widget === null || widget === void 0 ? void 0 : widget.id) !== null && _a !== void 0 ? _a : widget === null || widget === void 0 ? void 0 : widget.label) !== null && _b !== void 0 ? _b : "unknown";
+    const itemId = widget?.id ?? widget?.label ?? "unknown";
     const onSave = React.useCallback(() => {
         // istanbul ignore next
-        widget === null || widget === void 0 ? void 0 : widget.saveTransientState();
+        widget?.saveTransientState();
     }, [widget]);
     const onRestore = React.useCallback(() => {
         // istanbul ignore next
-        widget === null || widget === void 0 ? void 0 : widget.restoreTransientState();
+        widget?.restoreTransientState();
     }, [widget]);
     (0, useTransientState_1.useTransientState)(onSave, onRestore);
-    const providerId = (widget === null || widget === void 0 ? void 0 : widget.initialConfig) && (0, isProviderItem_1.isProviderItem)(widget === null || widget === void 0 ? void 0 : widget.initialConfig)
-        ? widget === null || widget === void 0 ? void 0 : widget.initialConfig.providerId
+    const providerId = widget?.initialConfig && (0, isProviderItem_1.isProviderItem)(widget?.initialConfig)
+        ? widget?.initialConfig.providerId
         : undefined;
-    return (React.createElement(Content_1.ScrollableWidgetContent, { itemId: itemId, providerId: providerId },
-        React.createElement(react_error_boundary_1.ErrorBoundary, { FallbackComponent: WidgetFallback }, widget === null || widget === void 0 ? void 0 : widget.reactNode)));
+    return (React.createElement(PopoutThemeProvider_1.PopoutThemeProvider, null,
+        React.createElement(Content_1.ScrollableWidgetContent, { itemId: itemId, providerId: providerId },
+            React.createElement(react_error_boundary_1.ErrorBoundary, { FallbackComponent: WidgetFallback }, widget?.reactNode))));
 }
 exports.WidgetContent = WidgetContent;
 /** @internal */
@@ -53,7 +54,7 @@ function useWidgetDef() {
     const tabId = React.useContext(ContentRenderer_1.TabIdContext);
     (0, core_bentley_1.assert)(!!tabId);
     const frontstage = (0, FrontstageDef_1.useActiveFrontstageDef)();
-    const [widgetDef, setWidgetDef] = React.useState(() => frontstage === null || frontstage === void 0 ? void 0 : frontstage.findWidgetDef(tabId));
+    const [widgetDef, setWidgetDef] = React.useState(() => frontstage?.findWidgetDef(tabId));
     React.useEffect(() => {
         return InternalFrontstageManager_1.InternalFrontstageManager.onFrontstageNineZoneStateChangedEvent.addListener((args) => {
             if (args.frontstageDef !== frontstage ||
@@ -66,7 +67,7 @@ function useWidgetDef() {
     }, [frontstage, tabId]);
     React.useEffect(() => {
         return UiItemsManager_1.UiItemsManager.onUiProviderRegisteredEvent.addListener(() => {
-            setWidgetDef(frontstage === null || frontstage === void 0 ? void 0 : frontstage.findWidgetDef(tabId));
+            setWidgetDef(frontstage?.findWidgetDef(tabId));
         });
     }, [frontstage, tabId]);
     return widgetDef;

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

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Content.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\nimport { assert } from \"@itwin/core-bentley\";\nimport { SvgError } from \"@itwin/itwinui-illustrations-react\";\nimport { NonIdealState } from \"@itwin/itwinui-react\";\nimport * as React from \"react\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager\";\nimport { ScrollableWidgetContent } from \"../layout/widget/Content\";\nimport { TabIdContext } from \"../layout/widget/ContentRenderer\";\nimport { UiItemsManager } from \"../ui-items-provider/UiItemsManager\";\nimport { isProviderItem } from \"../ui-items-provider/isProviderItem\";\nimport type { WidgetDef } from \"../widgets/WidgetDef\";\nimport { useTransientState } from \"./useTransientState\";\nimport { useTranslation } from \"../useTranslation\";\n\nfunction WidgetFallback() {\n  const { translate } = useTranslation();\n\n  return (\n    <div role=\"alert\" style={{ position: \"relative\", minHeight: 400 }}>\n      <NonIdealState\n        svg={<SvgError />}\n        heading={translate(\"widget.errorMessage.unknownError\")}\n      />\n    </div>\n  );\n}\n\n/** @internal */\nexport function WidgetContent() {\n  const widget = useWidgetDef();\n  // istanbul ignore next\n  const itemId = widget?.id ?? widget?.label ?? \"unknown\";\n  const onSave = React.useCallback(() => {\n    // istanbul ignore next\n    widget?.saveTransientState();\n  }, [widget]);\n  const onRestore = React.useCallback(() => {\n    // istanbul ignore next\n    widget?.restoreTransientState();\n  }, [widget]);\n  useTransientState(onSave, onRestore);\n  const providerId =\n    widget?.initialConfig && isProviderItem(widget?.initialConfig)\n      ? widget?.initialConfig.providerId\n      : undefined;\n  return (\n    <ScrollableWidgetContent itemId={itemId} providerId={providerId}>\n      <ErrorBoundary FallbackComponent={WidgetFallback}>\n        {widget?.reactNode}\n      </ErrorBoundary>\n    </ScrollableWidgetContent>\n  );\n}\n\n/** @internal */\nexport function useWidgetDef(): WidgetDef | undefined {\n  const tabId = React.useContext(TabIdContext);\n  assert(!!tabId);\n\n  const frontstage = useActiveFrontstageDef();\n  const [widgetDef, setWidgetDef] = React.useState(() =>\n    frontstage?.findWidgetDef(tabId)\n  );\n\n  React.useEffect(() => {\n    return InternalFrontstageManager.onFrontstageNineZoneStateChangedEvent.addListener(\n      (args) => {\n        if (\n          args.frontstageDef !== frontstage ||\n          !frontstage ||\n          frontstage.isStageClosing ||\n          frontstage.isApplicationClosing\n        )\n          return;\n        setWidgetDef(frontstage.findWidgetDef(tabId));\n      }\n    );\n  }, [frontstage, tabId]);\n\n  React.useEffect(() => {\n    return UiItemsManager.onUiProviderRegisteredEvent.addListener(() => {\n      setWidgetDef(frontstage?.findWidgetDef(tabId));\n    });\n  }, [frontstage, tabId]);\n\n  return widgetDef;\n}\n"]}
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Content.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\nimport { assert } from \"@itwin/core-bentley\";\nimport { SvgError } from \"@itwin/itwinui-illustrations-react\";\nimport { NonIdealState } from \"@itwin/itwinui-react\";\nimport * as React from \"react\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager\";\nimport { ScrollableWidgetContent } from \"../layout/widget/Content\";\nimport { TabIdContext } from \"../layout/widget/ContentRenderer\";\nimport { UiItemsManager } from \"../ui-items-provider/UiItemsManager\";\nimport { isProviderItem } from \"../ui-items-provider/isProviderItem\";\nimport type { WidgetDef } from \"../widgets/WidgetDef\";\nimport { useTransientState } from \"./useTransientState\";\nimport { useTranslation } from \"../hooks/useTranslation\";\nimport { PopoutThemeProvider } from \"../preview/reparent-popout-widgets/PopoutThemeProvider\";\n\nfunction WidgetFallback() {\n  const { translate } = useTranslation();\n\n  return (\n    <div role=\"alert\" style={{ position: \"relative\", minHeight: 400 }}>\n      <NonIdealState\n        svg={<SvgError />}\n        heading={translate(\"widget.errorMessage.unknownError\")}\n      />\n    </div>\n  );\n}\n\n/** @internal */\nexport function WidgetContent() {\n  const widget = useWidgetDef();\n  // istanbul ignore next\n  const itemId = widget?.id ?? widget?.label ?? \"unknown\";\n  const onSave = React.useCallback(() => {\n    // istanbul ignore next\n    widget?.saveTransientState();\n  }, [widget]);\n  const onRestore = React.useCallback(() => {\n    // istanbul ignore next\n    widget?.restoreTransientState();\n  }, [widget]);\n  useTransientState(onSave, onRestore);\n  const providerId =\n    widget?.initialConfig && isProviderItem(widget?.initialConfig)\n      ? widget?.initialConfig.providerId\n      : undefined;\n\n  return (\n    <PopoutThemeProvider>\n      <ScrollableWidgetContent itemId={itemId} providerId={providerId}>\n        <ErrorBoundary FallbackComponent={WidgetFallback}>\n          {widget?.reactNode}\n        </ErrorBoundary>\n      </ScrollableWidgetContent>\n    </PopoutThemeProvider>\n  );\n}\n\n/** @internal */\nexport function useWidgetDef(): WidgetDef | undefined {\n  const tabId = React.useContext(TabIdContext);\n  assert(!!tabId);\n\n  const frontstage = useActiveFrontstageDef();\n  const [widgetDef, setWidgetDef] = React.useState(() =>\n    frontstage?.findWidgetDef(tabId)\n  );\n\n  React.useEffect(() => {\n    return InternalFrontstageManager.onFrontstageNineZoneStateChangedEvent.addListener(\n      (args) => {\n        if (\n          args.frontstageDef !== frontstage ||\n          !frontstage ||\n          frontstage.isStageClosing ||\n          frontstage.isApplicationClosing\n        )\n          return;\n        setWidgetDef(frontstage.findWidgetDef(tabId));\n      }\n    );\n  }, [frontstage, tabId]);\n\n  React.useEffect(() => {\n    return UiItemsManager.onUiProviderRegisteredEvent.addListener(() => {\n      setWidgetDef(frontstage?.findWidgetDef(tabId));\n    });\n  }, [frontstage, tabId]);\n\n  return widgetDef;\n}\n"]}

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import "./DockedBar.scss";
+import type { CommonDivProps } from "@itwin/core-react";
+/** Properties of [[DockedBar]] component.
+ * @internal
+ */
+export interface DockedBarProps extends CommonDivProps {
+    /** Placement of the bar. */
+    placement?: "top" | "bottom";
+}
+/** @internal */
+export declare function DockedBar(props: DockedBarProps): React.JSX.Element;
+//# sourceMappingURL=DockedBar.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,18 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DockedBar = void 0;
+const React = require("react");
+require("./DockedBar.scss");
+const classnames_1 = require("classnames");
+/** @internal */
+function DockedBar(props) {
+    const { className, placement, ...otherProps } = props;
+    const divClassName = (0, classnames_1.default)("uifw-dockedBar", className);
+    return (React.createElement("div", { ...otherProps, className: divClassName, "data-placement": placement }, props.children));
+}
+exports.DockedBar = DockedBar;
+//# sourceMappingURL=DockedBar.js.map

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

@@ -0,0 +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"]}

package/lib/cjs/appui-react/widget-panels/{StatusBar.scss → DockedBar.scss}

@@ -2,10 +2,16 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
 
-.uifw-widgetPanels-statusBar {
-  > div {
-    background-color: $buic-background-2;
+.uifw-dockedBar {
+  background-color: var(--iui-color-background);
+  height: var(--iui-component-height);
+
+  &[data-placement="top"] {
+    border-block-end: 1px solid var(--iui-color-border);
+  }
+
+  &[data-placement="bottom"] {
+    border-block-start: 1px solid var(--iui-color-border);
   }
 }

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

@@ -53,7 +53,8 @@ const Panel_1 = require("../layout/widget-panels/Panel");
 const ContentRenderer_1 = require("../layout/widget/ContentRenderer");
 const CursorOverlay_1 = require("../layout/widget-panels/CursorOverlay");
 const Expander_1 = require("../layout/widget-panels/Expander");
-const useTranslation_1 = require("../useTranslation");
+const useTranslation_1 = require("../hooks/useTranslation");
+const PopoutWidgets_1 = require("../preview/reparent-popout-widgets/PopoutWidgets");
 function WidgetPanelsFrontstageComponent() {
     const activeModalFrontstageInfo = (0, ModalFrontstageComposer_1.useActiveModalFrontstageInfo)();
     const uiIsVisible = (0, useUiVisibility_1.useUiVisibility)();
@@ -68,14 +69,15 @@ function WidgetPanelsFrontstageComponent() {
                         React.createElement(Expander_1.WidgetPanelExpanders, null)), toolSettings: React.createElement(ToolSettings_1.WidgetPanelsToolSettings, null), statusBar: React.createElement(StatusBar_1.WidgetPanelsStatusBar, null), topPanel: React.createElement(Panel_1.WidgetPanelProvider, { side: "top" }), leftPanel: React.createElement(Panel_1.WidgetPanelProvider, { side: "left" }), rightPanel: React.createElement(Panel_1.WidgetPanelProvider, { side: "right" }), bottomPanel: React.createElement(Panel_1.WidgetPanelProvider, { side: "bottom" }) },
                     React.createElement(FrontstageContent_1.WidgetPanelsFrontstageContent, null)),
                 React.createElement(ContentRenderer_1.WidgetContentRenderers, null),
-                React.createElement(FloatingWidgets_1.FloatingWidgets, null)))));
+                React.createElement(FloatingWidgets_1.FloatingWidgets, null),
+                React.createElement(PopoutWidgets_1.PopoutWidgets, null)))));
 }
 const widgetContent = React.createElement(Content_1.WidgetContent, null);
 const toolSettingsContent = React.createElement(ToolSettings_1.ToolSettingsContent, null);
 const widgetPanelsFrontstage = React.createElement(WidgetPanelsFrontstageComponent, null);
 /** @internal */
 function useLayoutStore(frontstageDef) {
-    const layoutStore = React.useMemo(() => (0, LayoutStore_1.createLayoutStore)(frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.nineZoneState), [frontstageDef]);
+    const layoutStore = React.useMemo(() => (0, LayoutStore_1.createLayoutStore)(frontstageDef?.nineZoneState), [frontstageDef]);
     React.useEffect(() => {
         return InternalFrontstageManager_1.InternalFrontstageManager.onFrontstageNineZoneStateChangedEvent.addListener((args) => {
             if (args.frontstageDef !== frontstageDef)
@@ -205,10 +207,9 @@ function useLabels() {
 }
 exports.useLabels = useLabels;
 function toTabArgs(widget) {
-    var _a;
     const label = getWidgetLabel(widget.label);
     const args = {
-        allowedPanelTargets: (_a = widget.allowedPanelTargets) === null || _a === void 0 ? void 0 : _a.map((location) => (0, StagePanelDef_1.toPanelSide)(location)),
+        allowedPanelTargets: widget.allowedPanelTargets?.map((location) => (0, StagePanelDef_1.toPanelSide)(location)),
         hideWithUiWhenFloating: !!widget.hideWithUiWhenFloating,
         canPopout: widget.canPopout,
         iconSpec: widget.iconSpec,
@@ -327,11 +328,10 @@ function hideWidgetDef(frontstageDef, widgetDef) {
  * @internal
  */
 function removeMissingWidgets(frontstageDef) {
-    var _a;
     const state = frontstageDef.nineZoneState;
     if (!state)
         return;
-    const toolSettingsTabId = (_a = state.toolSettings) === null || _a === void 0 ? void 0 : _a.tabId;
+    const toolSettingsTabId = state.toolSettings?.tabId;
     for (const [, tab] of Object.entries(state.tabs)) {
         if (tab.id === toolSettingsTabId)
             continue;
@@ -355,8 +355,8 @@ exports.getPanelSectionId = getPanelSectionId;
 /** @internal */
 function getPanelSectionWidgets(frontstageDef, location, section) {
     const stagePanel = frontstageDef.getStagePanelDef(location);
-    const panelSection = stagePanel === null || stagePanel === void 0 ? void 0 : stagePanel.getPanelSectionDef(section);
-    return (panelSection === null || panelSection === void 0 ? void 0 : panelSection.widgetDefs) || [];
+    const panelSection = stagePanel?.getPanelSectionDef(section);
+    return panelSection?.widgetDefs || [];
 }
 exports.getPanelSectionWidgets = getPanelSectionWidgets;
 /** @internal */
@@ -368,12 +368,12 @@ function isFrontstageStateSettingResult(settingsResult) {
 exports.isFrontstageStateSettingResult = isFrontstageStateSettingResult;
 /** @internal */
 function initializePanel(frontstageDef, location) {
-    var _a, _b;
     const side = (0, StagePanelDef_1.toPanelSide)(location);
     const panelDef = frontstageDef.getStagePanelDef(location);
     if (!panelDef)
         return;
-    const size = panelDef.defaultSize;
+    // eslint-disable-next-line deprecation/deprecation
+    const size = panelDef.initialConfig?.sizeSpec ?? panelDef.initialConfig?.size;
     size !== undefined &&
         frontstageDef.dispatch({
             type: "PANEL_SET_SIZE",
@@ -390,14 +390,14 @@ function initializePanel(frontstageDef, location) {
         side,
         resizable: panelDef.defaultResizable,
     });
-    const minSize = (_a = panelDef.initialConfig) === null || _a === void 0 ? void 0 : _a.minSize;
+    const minSize = panelDef.initialConfig?.minSizeSpec ?? panelDef.initialConfig?.minSize; // eslint-disable-line deprecation/deprecation
     minSize !== undefined &&
         frontstageDef.dispatch({
             type: "PANEL_SET_MIN_SIZE",
             side,
             minSize,
         });
-    const maxSize = (_b = panelDef.initialConfig) === null || _b === void 0 ? void 0 : _b.maxSize;
+    const maxSize = panelDef.initialConfig?.maxSizeSpec ?? panelDef.initialConfig?.maxSize; // eslint-disable-line deprecation/deprecation
     maxSize !== undefined &&
         frontstageDef.dispatch({
             type: "PANEL_SET_MAX_SIZE",
@@ -634,7 +634,7 @@ function debounce(func, duration) {
         if (timeout === undefined)
             return;
         debounced.cancel();
-        handler === null || handler === void 0 ? void 0 : handler();
+        handler?.();
     };
     return debounced;
 }
@@ -656,16 +656,15 @@ function useFrontstageManager(frontstageDef, useToolAsToolSettingsLabel) {
     const defaultLabel = translate("widget.labels.toolSettings");
     React.useEffect(() => {
         const updateLabel = () => {
-            var _a, _b;
             const state = frontstageDef.nineZoneState;
             if (!state)
                 return;
-            const toolSettingsTabId = (_a = state.toolSettings) === null || _a === void 0 ? void 0 : _a.tabId;
+            const toolSettingsTabId = state.toolSettings?.tabId;
             if (!toolSettingsTabId)
                 return;
             const toolId = UiFramework_1.UiFramework.frontstages.activeToolId;
             const label = useToolAsToolSettingsLabel
-                ? ((_b = core_frontend_1.IModelApp.tools.find(toolId)) === null || _b === void 0 ? void 0 : _b.flyover) || defaultLabel
+                ? core_frontend_1.IModelApp.tools.find(toolId)?.flyover || defaultLabel
                 : defaultLabel;
             frontstageDef.dispatch({
                 type: "WIDGET_TAB_SET_LABEL",
@@ -700,8 +699,7 @@ function useItemsManager(frontstageDef) {
         // Not initialized yet.
         if (!frontstageDef.nineZoneState)
             return;
-        // Need to refresh anytime frontstageDef changes because uiItemsProvider may have added something to
-        // another stage before it was possibly unloaded in this stage.
+        // Need to refresh because UiItemsProvider may have added something while another frontstage was active.
         refreshNineZoneState(frontstageDef);
     }, [frontstageDef]);
     React.useEffect(() => {