@itwin/appui-react 3.6.0-dev.7 → 3.6.0

package/lib/esm/appui-react/configurableui/TimeTracker.js

@@ -1,78 +1,78 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ConfigurableUi
- */
-import { ConfigurableUiManager } from "./ConfigurableUiManager";
-/** Time Tracker utility class
- * @internal
- */
-export class TimeTracker {
-    constructor() {
-        this._firstActiveTimestamp = 0;
-        this._idleStartTimestamp = 0;
-        this._lastActiveTimestamp = 0;
-        this._totalIdleTime = 0;
-        this._idleCount = 0;
-        this._idleTimeout = 5000;
-        this._totalTime = 0;
-        this._idleTime = 0;
-        this._idleTimeCounter = (args) => {
-            var _a;
-            // istanbul ignore next
-            const idleTimeout = (_a = args.idleTimeout) !== null && _a !== void 0 ? _a : this._idleTimeout;
-            // istanbul ignore else
-            if (this._lastActiveTimestamp > 0 && this._idleStartTimestamp === 0 && Date.now() - this._lastActiveTimestamp >= idleTimeout) {
-                this._idleStartTimestamp = Date.now();
-                this._idleCount++;
-            }
-        };
-        this._trackActivity = (_args) => {
-            this._lastActiveTimestamp = Date.now();
-            if (this._idleStartTimestamp > 0) {
-                const lastIdleTime = this._lastActiveTimestamp - this._idleStartTimestamp;
-                this._totalIdleTime += lastIdleTime;
-                this._idleStartTimestamp = 0;
-            }
-        };
-    }
-    /** Starts time tracking
-     */
-    startTiming() {
-        this._totalIdleTime = 0;
-        this._idleStartTimestamp = 0;
-        this._idleCount = 0;
-        this._totalTime = 0;
-        this._idleTime = 0;
-        this._firstActiveTimestamp = Date.now();
-        this._lastActiveTimestamp = this._firstActiveTimestamp;
-        ConfigurableUiManager.onUiIntervalEvent.addListener(this._idleTimeCounter);
-        ConfigurableUiManager.onUiActivityEvent.addListener(this._trackActivity);
-    }
-    /** Stops time tracking
-     */
-    stopTiming() {
-        ConfigurableUiManager.onUiIntervalEvent.removeListener(this._idleTimeCounter);
-        ConfigurableUiManager.onUiActivityEvent.removeListener(this._trackActivity);
-        this._totalTime = Date.now() - this._firstActiveTimestamp;
-        this._idleTime = this._totalIdleTime + this._idleCount * this._idleTimeout;
-    }
-    /** Gets engagement time in seconds
-     */
-    getEngagementTimeSeconds() {
-        return (this._totalTime - this._idleTime) / 1000;
-    }
-    /** Gets total time in seconds
-     */
-    getTotalTimeSeconds() {
-        return this._totalTime / 1000;
-    }
-    /** Gets idle time in seconds
-     */
-    getIdleTimeSeconds() {
-        return this._idleTime / 1000;
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ConfigurableUi
+ */
+import { ConfigurableUiManager } from "./ConfigurableUiManager";
+/** Time Tracker utility class
+ * @internal
+ */
+export class TimeTracker {
+    constructor() {
+        this._firstActiveTimestamp = 0;
+        this._idleStartTimestamp = 0;
+        this._lastActiveTimestamp = 0;
+        this._totalIdleTime = 0;
+        this._idleCount = 0;
+        this._idleTimeout = 5000;
+        this._totalTime = 0;
+        this._idleTime = 0;
+        this._idleTimeCounter = (args) => {
+            var _a;
+            // istanbul ignore next
+            const idleTimeout = (_a = args.idleTimeout) !== null && _a !== void 0 ? _a : this._idleTimeout;
+            // istanbul ignore else
+            if (this._lastActiveTimestamp > 0 && this._idleStartTimestamp === 0 && Date.now() - this._lastActiveTimestamp >= idleTimeout) {
+                this._idleStartTimestamp = Date.now();
+                this._idleCount++;
+            }
+        };
+        this._trackActivity = (_args) => {
+            this._lastActiveTimestamp = Date.now();
+            if (this._idleStartTimestamp > 0) {
+                const lastIdleTime = this._lastActiveTimestamp - this._idleStartTimestamp;
+                this._totalIdleTime += lastIdleTime;
+                this._idleStartTimestamp = 0;
+            }
+        };
+    }
+    /** Starts time tracking
+     */
+    startTiming() {
+        this._totalIdleTime = 0;
+        this._idleStartTimestamp = 0;
+        this._idleCount = 0;
+        this._totalTime = 0;
+        this._idleTime = 0;
+        this._firstActiveTimestamp = Date.now();
+        this._lastActiveTimestamp = this._firstActiveTimestamp;
+        ConfigurableUiManager.onUiIntervalEvent.addListener(this._idleTimeCounter);
+        ConfigurableUiManager.onUiActivityEvent.addListener(this._trackActivity);
+    }
+    /** Stops time tracking
+     */
+    stopTiming() {
+        ConfigurableUiManager.onUiIntervalEvent.removeListener(this._idleTimeCounter);
+        ConfigurableUiManager.onUiActivityEvent.removeListener(this._trackActivity);
+        this._totalTime = Date.now() - this._firstActiveTimestamp;
+        this._idleTime = this._totalIdleTime + this._idleCount * this._idleTimeout;
+    }
+    /** Gets engagement time in seconds
+     */
+    getEngagementTimeSeconds() {
+        return (this._totalTime - this._idleTime) / 1000;
+    }
+    /** Gets total time in seconds
+     */
+    getTotalTimeSeconds() {
+        return this._totalTime / 1000;
+    }
+    /** Gets idle time in seconds
+     */
+    getIdleTimeSeconds() {
+        return this._idleTime / 1000;
+    }
+}
 //# sourceMappingURL=TimeTracker.js.map

package/lib/esm/appui-react/configurableui/TimeTracker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeTracker.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/TimeTracker.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ConfigurableUi\r\n */\r\n\r\nimport { ConfigurableUiManager, UiActivityEventArgs, UiIntervalEventArgs } from \"./ConfigurableUiManager\";\r\n\r\n/** Time Tracker utility class\r\n * @internal\r\n */\r\nexport class TimeTracker {\r\n  private _firstActiveTimestamp: number = 0;\r\n  private _idleStartTimestamp: number = 0;\r\n  private _lastActiveTimestamp: number = 0;\r\n  private _totalIdleTime: number = 0;\r\n  private _idleCount: number = 0;\r\n  private _idleTimeout: number = 5000;\r\n  private _totalTime: number = 0;\r\n  private _idleTime: number = 0;\r\n\r\n  /** Starts time tracking\r\n   */\r\n  public startTiming(): void {\r\n    this._totalIdleTime = 0;\r\n    this._idleStartTimestamp = 0;\r\n    this._idleCount = 0;\r\n    this._totalTime = 0;\r\n    this._idleTime = 0;\r\n\r\n    this._firstActiveTimestamp = Date.now();\r\n    this._lastActiveTimestamp = this._firstActiveTimestamp;\r\n\r\n    ConfigurableUiManager.onUiIntervalEvent.addListener(this._idleTimeCounter);\r\n    ConfigurableUiManager.onUiActivityEvent.addListener(this._trackActivity);\r\n  }\r\n\r\n  /** Stops time tracking\r\n   */\r\n  public stopTiming(): void {\r\n    ConfigurableUiManager.onUiIntervalEvent.removeListener(this._idleTimeCounter);\r\n    ConfigurableUiManager.onUiActivityEvent.removeListener(this._trackActivity);\r\n\r\n    this._totalTime = Date.now() - this._firstActiveTimestamp;\r\n    this._idleTime = this._totalIdleTime + this._idleCount * this._idleTimeout;\r\n  }\r\n\r\n  /** Gets engagement time in seconds\r\n   */\r\n  public getEngagementTimeSeconds(): number {\r\n    return (this._totalTime - this._idleTime) / 1000;\r\n  }\r\n\r\n  /** Gets total time in seconds\r\n   */\r\n  public getTotalTimeSeconds(): number {\r\n    return this._totalTime / 1000;\r\n  }\r\n\r\n  /** Gets idle time in seconds\r\n   */\r\n  public getIdleTimeSeconds(): number {\r\n    return this._idleTime / 1000;\r\n  }\r\n\r\n  private _idleTimeCounter = (args: UiIntervalEventArgs): void => {\r\n    // istanbul ignore next\r\n    const idleTimeout = args.idleTimeout ?? this._idleTimeout;\r\n    // istanbul ignore else\r\n    if (this._lastActiveTimestamp > 0 && this._idleStartTimestamp === 0 && Date.now() - this._lastActiveTimestamp >= idleTimeout) {\r\n      this._idleStartTimestamp = Date.now();\r\n      this._idleCount++;\r\n    }\r\n  };\r\n\r\n  private _trackActivity = (_args: UiActivityEventArgs): void => {\r\n    this._lastActiveTimestamp = Date.now();\r\n\r\n    if (this._idleStartTimestamp > 0) {\r\n      const lastIdleTime = this._lastActiveTimestamp - this._idleStartTimestamp;\r\n      this._totalIdleTime += lastIdleTime;\r\n      this._idleStartTimestamp = 0;\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"TimeTracker.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/TimeTracker.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 ConfigurableUi\n */\n\nimport { ConfigurableUiManager, UiActivityEventArgs, UiIntervalEventArgs } from \"./ConfigurableUiManager\";\n\n/** Time Tracker utility class\n * @internal\n */\nexport class TimeTracker {\n  private _firstActiveTimestamp: number = 0;\n  private _idleStartTimestamp: number = 0;\n  private _lastActiveTimestamp: number = 0;\n  private _totalIdleTime: number = 0;\n  private _idleCount: number = 0;\n  private _idleTimeout: number = 5000;\n  private _totalTime: number = 0;\n  private _idleTime: number = 0;\n\n  /** Starts time tracking\n   */\n  public startTiming(): void {\n    this._totalIdleTime = 0;\n    this._idleStartTimestamp = 0;\n    this._idleCount = 0;\n    this._totalTime = 0;\n    this._idleTime = 0;\n\n    this._firstActiveTimestamp = Date.now();\n    this._lastActiveTimestamp = this._firstActiveTimestamp;\n\n    ConfigurableUiManager.onUiIntervalEvent.addListener(this._idleTimeCounter);\n    ConfigurableUiManager.onUiActivityEvent.addListener(this._trackActivity);\n  }\n\n  /** Stops time tracking\n   */\n  public stopTiming(): void {\n    ConfigurableUiManager.onUiIntervalEvent.removeListener(this._idleTimeCounter);\n    ConfigurableUiManager.onUiActivityEvent.removeListener(this._trackActivity);\n\n    this._totalTime = Date.now() - this._firstActiveTimestamp;\n    this._idleTime = this._totalIdleTime + this._idleCount * this._idleTimeout;\n  }\n\n  /** Gets engagement time in seconds\n   */\n  public getEngagementTimeSeconds(): number {\n    return (this._totalTime - this._idleTime) / 1000;\n  }\n\n  /** Gets total time in seconds\n   */\n  public getTotalTimeSeconds(): number {\n    return this._totalTime / 1000;\n  }\n\n  /** Gets idle time in seconds\n   */\n  public getIdleTimeSeconds(): number {\n    return this._idleTime / 1000;\n  }\n\n  private _idleTimeCounter = (args: UiIntervalEventArgs): void => {\n    // istanbul ignore next\n    const idleTimeout = args.idleTimeout ?? this._idleTimeout;\n    // istanbul ignore else\n    if (this._lastActiveTimestamp > 0 && this._idleStartTimestamp === 0 && Date.now() - this._lastActiveTimestamp >= idleTimeout) {\n      this._idleStartTimestamp = Date.now();\n      this._idleCount++;\n    }\n  };\n\n  private _trackActivity = (_args: UiActivityEventArgs): void => {\n    this._lastActiveTimestamp = Date.now();\n\n    if (this._idleStartTimestamp > 0) {\n      const lastIdleTime = this._lastActiveTimestamp - this._idleStartTimestamp;\n      this._totalIdleTime += lastIdleTime;\n      this._idleStartTimestamp = 0;\n    }\n  };\n}\n"]}

package/lib/esm/appui-react/configurableui/configurableui.scss

@@ -1,80 +1,80 @@
-/*---------------------------------------------------------------------------------------------
-* 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/base/base";
-@import "~@itwin/core-react/lib/cjs/core-react/icons/variables";
-@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
-@import "~@itwin/core-react/lib/cjs/core-react/style/itwinui-overrides";
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/style/variables";
-@import "~@itwin/core-react/lib/cjs/core-react/z-index";
-@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/variables";
-@import "~@itwin/itwinui-css/scss/style/space";
-@import "~@itwin/itwinui-css/scss/style/typography";
-@import "../variables";
-
-#uifw-configurableui-wrapper {
-  position: relative;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  font-size: $iui-font-size;
-}
-
-#uifw-frontstage-composer {
-  width: 100%;
-  height: 100%;
-}
-
-.uifw-unselectable {
-  user-select: none;
-}
-
-.uifw-centered {
-  @include uicore-centered;
-}
-
-.uifw-dragdrop-layer {
-  cursor: grabbing;
-  position: fixed;
-  pointer-events: none;
-  @include uicore-z-index(dragdrop);
-  left: 0;
-  top: 0;
-  height: 100%;
-  width: 100%;
-}
-
-.uifw-element-tooltip-container {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-
-  @include uicore-z-index(tooltip);
-
-  >.uifw-element-tooltip {
-    width: max-content;
-    font-size: $iui-font-size;
-  }
-
-  >.nz-popup-tooltip {
-    border: {
-      color: $uifw-popup-border-color;
-      radius: $uifw-popup-border-radius;
-      style: solid;
-      width: $uifw-popup-border-width;
-    }
-  }
-}
-
-.uifw-app-button-small {
-  margin-bottom: 6px;
-}
-
+/*---------------------------------------------------------------------------------------------
+* 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/base/base";
+@import "~@itwin/core-react/lib/cjs/core-react/icons/variables";
+@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
+@import "~@itwin/core-react/lib/cjs/core-react/style/itwinui-overrides";
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/core-react/lib/cjs/core-react/style/variables";
+@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/variables";
+@import "~@itwin/itwinui-css/scss/style/space";
+@import "~@itwin/itwinui-css/scss/style/typography";
+@import "../variables";
+
+#uifw-configurableui-wrapper {
+  position: relative;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  font-size: $iui-font-size;
+}
+
+#uifw-frontstage-composer {
+  width: 100%;
+  height: 100%;
+}
+
+.uifw-unselectable {
+  user-select: none;
+}
+
+.uifw-centered {
+  @include uicore-centered;
+}
+
+.uifw-dragdrop-layer {
+  cursor: grabbing;
+  position: fixed;
+  pointer-events: none;
+  @include uicore-z-index(dragdrop);
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+}
+
+.uifw-element-tooltip-container {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+
+  @include uicore-z-index(tooltip);
+
+  >.uifw-element-tooltip {
+    width: max-content;
+    font-size: $iui-font-size;
+  }
+
+  >.nz-popup-tooltip {
+    border: {
+      color: $uifw-popup-border-color;
+      radius: $uifw-popup-border-radius;
+      style: solid;
+      width: $uifw-popup-border-width;
+    }
+  }
+}
+
+.uifw-app-button-small {
+  margin-bottom: 6px;
+}
+
 @include itwinui-style-overrides;

package/lib/esm/appui-react/configurableui/state.d.ts

@@ -1,69 +1,69 @@
-/** @packageDocumentation
- * @module State
- */
-import { ActionsUnion } from "../redux/redux-ts";
-import { FrameworkVersionId } from "../UiFramework";
-/** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.
- *  Since these are also used as sync ids they should be in lowercase.
- * @public
- */
-export declare enum ConfigurableUiActionId {
-    SetSnapMode = "configurableui:set_snapmode",
-    SetTheme = "configurableui:set_theme",
-    SetToolPrompt = "configurableui:set_toolprompt",
-    SetWidgetOpacity = "configurableui:set_widget_opacity",
-    SetDragInteraction = "configurableui:set-drag-interaction",
-    /** @deprecated UI1.0 is deprecated. */
-    SetFrameworkVersion = "configurableui:set-framework-version",
-    SetShowWidgetIcon = "configurableui:set-show-widget-icon",
-    AutoCollapseUnpinnedPanels = "configurableui:set-auto-collapse-unpinned-panels",
-    SetViewOverlayDisplay = "configurableui:set-view-overlay-display",
-    AnimateToolSettings = "configurableui:set-animate-tool-settings",
-    UseToolAsToolSettingsLabel = "configurableui:set-use-tool-as-tool-settings-label",
-    SetToolbarOpacity = "configurableui:set-toolbar-opacity"
-}
-/** The portion of state managed by the ConfigurableUiReducer.
- * @public
- */
-export interface ConfigurableUiState {
-    snapMode: number;
-    toolPrompt: string;
-    theme: string;
-    widgetOpacity: number;
-    useDragInteraction: boolean;
-    /** @deprecated UI1.0 is deprecated. */
-    frameworkVersion: FrameworkVersionId;
-    showWidgetIcon: boolean;
-    autoCollapseUnpinnedPanels: boolean;
-    viewOverlayDisplay: boolean;
-    animateToolSettings: boolean;
-    useToolAsToolSettingsLabel: boolean;
-    toolbarOpacity: number;
-}
-/** An object with a function that creates each ConfigurableUiReducer that can be handled by our reducer.
- * @public
- */
-export declare const ConfigurableUiActions: {
-    setSnapMode: (snapMode: number) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetSnapMode, number>;
-    setTheme: (theme: string) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetTheme, string>;
-    setToolPrompt: (toolPrompt: string) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetToolPrompt, string>;
-    setWidgetOpacity: (opacity: number) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetWidgetOpacity, number>;
-    setDragInteraction: (dragInteraction: boolean) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetDragInteraction, boolean>;
-    /** @deprecated UI1.0 is deprecated. */
-    setFrameworkVersion: (frameworkVersion: FrameworkVersionId) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetFrameworkVersion, FrameworkVersionId>;
-    setShowWidgetIcon: (showWidgetIcon: boolean) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetShowWidgetIcon, boolean>;
-    setAutoCollapseUnpinnedPanels: (autoCollapse: boolean) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.AutoCollapseUnpinnedPanels, boolean>;
-    setViewOverlayDisplay: (displayViewOverlay: boolean) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetViewOverlayDisplay, boolean>;
-    setAnimateToolSettings: (animateToolSettings: boolean) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.AnimateToolSettings, boolean>;
-    setUseToolAsToolSettingsLabel: (useToolAsToolSettingsLabel: boolean) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.UseToolAsToolSettingsLabel, boolean>;
-    setToolbarOpacity: (opacity: number) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetToolbarOpacity, number>;
-};
-/** Union of ConfigurableUi Redux actions
- * @public
- */
-export declare type ConfigurableUiActionsUnion = ActionsUnion<typeof ConfigurableUiActions>;
-/** Handles actions to update ConfigurableUiState.
- * @public
- */
-export declare function ConfigurableUiReducer(state: ConfigurableUiState | undefined, action: ConfigurableUiActionsUnion): ConfigurableUiState;
+/** @packageDocumentation
+ * @module State
+ */
+import { ActionsUnion } from "../redux/redux-ts";
+import { FrameworkVersionId } from "../UiFramework";
+/** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.
+ *  Since these are also used as sync ids they should be in lowercase.
+ * @public
+ */
+export declare enum ConfigurableUiActionId {
+    SetSnapMode = "configurableui:set_snapmode",
+    SetTheme = "configurableui:set_theme",
+    SetToolPrompt = "configurableui:set_toolprompt",
+    SetWidgetOpacity = "configurableui:set_widget_opacity",
+    SetDragInteraction = "configurableui:set-drag-interaction",
+    /** @deprecated in 3.6. UI1.0 is deprecated. */
+    SetFrameworkVersion = "configurableui:set-framework-version",
+    SetShowWidgetIcon = "configurableui:set-show-widget-icon",
+    AutoCollapseUnpinnedPanels = "configurableui:set-auto-collapse-unpinned-panels",
+    SetViewOverlayDisplay = "configurableui:set-view-overlay-display",
+    AnimateToolSettings = "configurableui:set-animate-tool-settings",
+    UseToolAsToolSettingsLabel = "configurableui:set-use-tool-as-tool-settings-label",
+    SetToolbarOpacity = "configurableui:set-toolbar-opacity"
+}
+/** The portion of state managed by the ConfigurableUiReducer.
+ * @public
+ */
+export interface ConfigurableUiState {
+    snapMode: number;
+    toolPrompt: string;
+    theme: string;
+    widgetOpacity: number;
+    useDragInteraction: boolean;
+    /** @deprecated in 3.6. UI1.0 is deprecated. */
+    frameworkVersion: FrameworkVersionId;
+    showWidgetIcon: boolean;
+    autoCollapseUnpinnedPanels: boolean;
+    viewOverlayDisplay: boolean;
+    animateToolSettings: boolean;
+    useToolAsToolSettingsLabel: boolean;
+    toolbarOpacity: number;
+}
+/** An object with a function that creates each ConfigurableUiReducer that can be handled by our reducer.
+ * @public
+ */
+export declare const ConfigurableUiActions: {
+    setSnapMode: (snapMode: number) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetSnapMode, number>;
+    setTheme: (theme: string) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetTheme, string>;
+    setToolPrompt: (toolPrompt: string) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetToolPrompt, string>;
+    setWidgetOpacity: (opacity: number) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetWidgetOpacity, number>;
+    setDragInteraction: (dragInteraction: boolean) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetDragInteraction, boolean>;
+    /** @deprecated in 3.6. UI1.0 is deprecated. */
+    setFrameworkVersion: (frameworkVersion: FrameworkVersionId) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetFrameworkVersion, FrameworkVersionId>;
+    setShowWidgetIcon: (showWidgetIcon: boolean) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetShowWidgetIcon, boolean>;
+    setAutoCollapseUnpinnedPanels: (autoCollapse: boolean) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.AutoCollapseUnpinnedPanels, boolean>;
+    setViewOverlayDisplay: (displayViewOverlay: boolean) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetViewOverlayDisplay, boolean>;
+    setAnimateToolSettings: (animateToolSettings: boolean) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.AnimateToolSettings, boolean>;
+    setUseToolAsToolSettingsLabel: (useToolAsToolSettingsLabel: boolean) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.UseToolAsToolSettingsLabel, boolean>;
+    setToolbarOpacity: (opacity: number) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetToolbarOpacity, number>;
+};
+/** Union of ConfigurableUi Redux actions
+ * @public
+ */
+export declare type ConfigurableUiActionsUnion = ActionsUnion<typeof ConfigurableUiActions>;
+/** Handles actions to update ConfigurableUiState.
+ * @public
+ */
+export declare function ConfigurableUiReducer(state: ConfigurableUiState | undefined, action: ConfigurableUiActionsUnion): ConfigurableUiState;
 //# sourceMappingURL=state.d.ts.map

package/lib/esm/appui-react/configurableui/state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/state.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,YAAY,EAAgB,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIpD;;;GAGG;AACH,oBAAY,sBAAsB;IAChC,WAAW,gCAAgC;IAC3C,QAAQ,6BAA6B;IACrC,aAAa,kCAAkC;IAC/C,gBAAgB,sCAAsC;IACtD,kBAAkB,wCAAwC;IAC1D,uCAAuC;IACvC,mBAAmB,yCAAyC;IAC5D,iBAAiB,wCAAwC;IACzD,0BAA0B,qDAAqD;IAC/E,qBAAqB,4CAA4C;IACjE,mBAAmB,6CAA6C;IAChE,0BAA0B,uDAAuD;IACjF,iBAAiB,uCAAuC;CACzD;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,uCAAuC;IACvC,gBAAgB,EAAE,kBAAkB,CAAC;IACrC,cAAc,EAAE,OAAO,CAAC;IACxB,0BAA0B,EAAE,OAAO,CAAC;IACpC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,0BAA0B,EAAE,OAAO,CAAC;IACpC,cAAc,EAAE,MAAM,CAAC;CACxB;AAkBD;;GAEG;AACH,eAAO,MAAM,qBAAqB;4BACR,MAAM;sBAGpB,MAAM;gCAGD,MAAM;gCAGT,MAAM;0CACoB,OAAO;IAC7C,uCAAuC;4CACC,kBAAkB;wCACtB,OAAO;kDACG,OAAO;gDACT,OAAO;kDACL,OAAO;gEACO,OAAO;iCACtC,MAAM;CACpC,CAAC;AAEF;;GAEG;AACH,oBAAY,0BAA0B,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpF;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,iCAAoC,EAAE,MAAM,EAAE,0BAA0B,GAAG,mBAAmB,CA2CxI"}
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/state.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,YAAY,EAAgB,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIpD;;;GAGG;AACH,oBAAY,sBAAsB;IAChC,WAAW,gCAAgC;IAC3C,QAAQ,6BAA6B;IACrC,aAAa,kCAAkC;IAC/C,gBAAgB,sCAAsC;IACtD,kBAAkB,wCAAwC;IAC1D,+CAA+C;IAC/C,mBAAmB,yCAAyC;IAC5D,iBAAiB,wCAAwC;IACzD,0BAA0B,qDAAqD;IAC/E,qBAAqB,4CAA4C;IACjE,mBAAmB,6CAA6C;IAChE,0BAA0B,uDAAuD;IACjF,iBAAiB,uCAAuC;CACzD;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,+CAA+C;IAC/C,gBAAgB,EAAE,kBAAkB,CAAC;IACrC,cAAc,EAAE,OAAO,CAAC;IACxB,0BAA0B,EAAE,OAAO,CAAC;IACpC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,0BAA0B,EAAE,OAAO,CAAC;IACpC,cAAc,EAAE,MAAM,CAAC;CACxB;AAkBD;;GAEG;AACH,eAAO,MAAM,qBAAqB;4BACR,MAAM;sBAGpB,MAAM;gCAGD,MAAM;gCAGT,MAAM;0CACoB,OAAO;IAC7C,+CAA+C;4CACP,kBAAkB;wCACtB,OAAO;kDACG,OAAO;gDACT,OAAO;kDACL,OAAO;gEACO,OAAO;iCACtC,MAAM;CACpC,CAAC;AAEF;;GAEG;AACH,oBAAY,0BAA0B,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpF;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,iCAAoC,EAAE,MAAM,EAAE,0BAA0B,GAAG,mBAAmB,CA2CxI"}