@itwin/appui-react 4.0.0-dev.8 → 4.0.0

package/lib/cjs/appui-react/theme/ThemeManager.d.ts

@@ -1,56 +1,56 @@
-/** @packageDocumentation
- * @module State
- */
-import * as React from "react";
-/** Enum for the Color Theme string.
- * @public
- */
-export declare enum ColorTheme {
-    Light = "light",
-    Dark = "dark"
-}
-/** System preferred color theme.
- * @public
- */
-export declare const SYSTEM_PREFERRED_COLOR_THEME = "SYSTEM_PREFERRED";
-/** The default widget opacity.
- * @public
- */
-export declare const WIDGET_OPACITY_DEFAULT = 0.9;
-/** The default widget opacity.
- * @public
- */
-export declare const TOOLBAR_OPACITY_DEFAULT = 0.5;
-/** Properties of [[ThemeManagerComponent]].
- */
-interface ThemeManagerProps {
-    /** theme ("light", "dark", etc.) */
-    theme: string;
-    widgetOpacity: number;
-    children?: React.ReactNode;
-    toolbarOpacity: number;
-}
-/** @internal */
-interface ThemeManagerState {
-    ownerDocument: Document | undefined;
-}
-/** ThemeManagerComponent handles setting themes.
- */
-declare class ThemeManagerComponent extends React.Component<ThemeManagerProps, ThemeManagerState> {
-    readonly state: ThemeManagerState;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ThemeManagerProps): void;
-    private _setTheme;
-    private _setWidgetOpacity;
-    private _setToolbarOpacity;
-    private _handleRefSet;
-    render(): React.ReactNode;
-}
-/**
- * ThemeManager handles setting color themes.
- * This React component is Redux connected.
- * @public
- */
-export declare const ThemeManager: import("react-redux").ConnectedComponent<typeof ThemeManagerComponent, import("react-redux").Omit<React.ClassAttributes<ThemeManagerComponent> & ThemeManagerProps, "theme" | "widgetOpacity" | "toolbarOpacity">>;
-export {};
+/** @packageDocumentation
+ * @module State
+ */
+import * as React from "react";
+/** Enum for the Color Theme string.
+ * @public
+ */
+export declare enum ColorTheme {
+    Light = "light",
+    Dark = "dark"
+}
+/** System preferred color theme.
+ * @public
+ */
+export declare const SYSTEM_PREFERRED_COLOR_THEME = "SYSTEM_PREFERRED";
+/** The default widget opacity.
+ * @public
+ */
+export declare const WIDGET_OPACITY_DEFAULT = 0.9;
+/** The default widget opacity.
+ * @public
+ */
+export declare const TOOLBAR_OPACITY_DEFAULT = 0.5;
+/** Properties of [[ThemeManagerComponent]].
+ */
+interface ThemeManagerProps {
+    /** theme ("light", "dark", etc.) */
+    theme: string;
+    widgetOpacity: number;
+    children?: React.ReactNode;
+    toolbarOpacity: number;
+}
+/** @internal */
+interface ThemeManagerState {
+    ownerDocument: Document | undefined;
+}
+/** ThemeManagerComponent handles setting themes.
+ */
+declare class ThemeManagerComponent extends React.Component<ThemeManagerProps, ThemeManagerState> {
+    readonly state: ThemeManagerState;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ThemeManagerProps): void;
+    private _setTheme;
+    private _setWidgetOpacity;
+    private _setToolbarOpacity;
+    private _handleRefSet;
+    render(): React.ReactNode;
+}
+/**
+ * ThemeManager handles setting color themes.
+ * This React component is Redux connected.
+ * @public
+ */
+export declare const ThemeManager: import("react-redux").ConnectedComponent<typeof ThemeManagerComponent, import("react-redux").Omit<React.ClassAttributes<ThemeManagerComponent> & ThemeManagerProps, "theme" | "widgetOpacity" | "toolbarOpacity">>;
+export {};
 //# sourceMappingURL=ThemeManager.d.ts.map

package/lib/cjs/appui-react/theme/ThemeManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/theme/ThemeManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;GAEG;AACH,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED;;GAEG;AACH,eAAO,MAAM,4BAA4B,qBAAqB,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,sBAAsB,MAAO,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,uBAAuB,MAAO,CAAC;AAE5C;GACG;AACH,UAAU,iBAAiB;IACzB,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;CACxB;AAeD,gBAAgB;AAChB,UAAU,iBAAiB;IACzB,aAAa,EAAE,QAAQ,GAAG,SAAS,CAAC;CACrC;AAED;GACG;AACH,cAAM,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IAEvF,SAAyB,KAAK,EAAE,iBAAiB,CAE/C;IAEc,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB;IAW/D,OAAO,CAAC,SAAS,CAIf;IAEF,OAAO,CAAC,iBAAiB,CAGvB;IAEF,OAAO,CAAC,kBAAkB,CAGxB;IAEF,OAAO,CAAC,aAAa,CAKnB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CAW1C;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,oNAAkD,CAAC"}
+{"version":3,"file":"ThemeManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/theme/ThemeManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;GAEG;AACH,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED;;GAEG;AACH,eAAO,MAAM,4BAA4B,qBAAqB,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,sBAAsB,MAAO,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,uBAAuB,MAAO,CAAC;AAE5C;GACG;AACH,UAAU,iBAAiB;IACzB,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;CACxB;AAeD,gBAAgB;AAChB,UAAU,iBAAiB;IACzB,aAAa,EAAE,QAAQ,GAAG,SAAS,CAAC;CACrC;AAED;GACG;AACH,cAAM,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IAEvF,SAAyB,KAAK,EAAE,iBAAiB,CAE/C;IAEc,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB;IAW/D,OAAO,CAAC,SAAS,CAIf;IAEF,OAAO,CAAC,iBAAiB,CAGvB;IAEF,OAAO,CAAC,kBAAkB,CAGxB;IAEF,OAAO,CAAC,aAAa,CAKnB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CAS1C;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,oNAAkD,CAAC"}

package/lib/cjs/appui-react/theme/ThemeManager.js

@@ -1,98 +1,97 @@
-"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.ThemeManager = exports.TOOLBAR_OPACITY_DEFAULT = exports.WIDGET_OPACITY_DEFAULT = exports.SYSTEM_PREFERRED_COLOR_THEME = exports.ColorTheme = void 0;
-const React = require("react");
-const react_redux_1 = require("react-redux");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const UiFramework_1 = require("../UiFramework");
-/** Enum for the Color Theme string.
- * @public
- */
-var ColorTheme;
-(function (ColorTheme) {
-    ColorTheme["Light"] = "light";
-    ColorTheme["Dark"] = "dark";
-})(ColorTheme = exports.ColorTheme || (exports.ColorTheme = {}));
-/** System preferred color theme.
- * @public
- */
-exports.SYSTEM_PREFERRED_COLOR_THEME = "SYSTEM_PREFERRED";
-/** The default widget opacity.
- * @public
- */
-exports.WIDGET_OPACITY_DEFAULT = 0.90;
-/** The default widget opacity.
- * @public
- */
-exports.TOOLBAR_OPACITY_DEFAULT = 0.50;
-function mapStateToProps(state) {
-    const frameworkState = state[UiFramework_1.UiFramework.frameworkStateKey]; // since app sets up key, don't hard-code name
-    // istanbul ignore if
-    if (!frameworkState)
-        return undefined;
-    return {
-        theme: frameworkState.configurableUiState.theme,
-        widgetOpacity: frameworkState.configurableUiState.widgetOpacity,
-        toolbarOpacity: frameworkState.configurableUiState.toolbarOpacity,
-    };
-}
-/** ThemeManagerComponent handles setting themes.
- */
-class ThemeManagerComponent extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            ownerDocument: undefined,
-        };
-        this._setTheme = (theme) => {
-            document.documentElement.classList.add("theme-transition");
-            document.documentElement.setAttribute("data-theme", theme);
-            window.setTimeout(() => document.documentElement.classList.remove("theme-transition"), 1000);
-        };
-        this._setWidgetOpacity = (opacity) => {
-            setTimeout(() => document.documentElement.style.setProperty("--buic-widget-opacity", opacity.toString()));
-        };
-        this._setToolbarOpacity = (opacity) => {
-            setTimeout(() => document.documentElement.style.setProperty("--buic-toolbar-opacity", opacity.toString()));
-        };
-        this._handleRefSet = (popupDiv) => {
-            var _a;
-            const ownerDocument = (_a = popupDiv === null || popupDiv === void 0 ? void 0 : popupDiv.ownerDocument) !== null && _a !== void 0 ? _a : undefined;
-            if (ownerDocument) {
-                this.setState({ ownerDocument });
-            }
-        };
-    }
-    componentDidMount() {
-        this._setTheme(this.props.theme);
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props.theme !== prevProps.theme)
-            this._setTheme(this.props.theme);
-        const currentWidgetOpacity = document.documentElement.style.getPropertyValue("--buic-widget-opacity");
-        if (this.props.widgetOpacity.toString() !== currentWidgetOpacity)
-            this._setWidgetOpacity(this.props.widgetOpacity);
-        const currentToolbarOpacity = document.documentElement.style.getPropertyValue("--buic-toolbar-opacity");
-        if (this.props.toolbarOpacity.toString() !== currentToolbarOpacity)
-            this._setToolbarOpacity(this.props.toolbarOpacity);
-    }
-    render() {
-        const theme = (this.props.theme === exports.SYSTEM_PREFERRED_COLOR_THEME) ? "os" : this.props.theme;
-        return (React.createElement("div", { style: { height: "100%" }, ref: this._handleRefSet },
-            React.createElement(itwinui_react_1.ThemeProvider, { theme: theme, themeOptions: { ownerDocument: this.state.ownerDocument } }, this.props.children)));
-    }
-}
-/**
- * ThemeManager handles setting color themes.
- * This React component is Redux connected.
- * @public
- */
-exports.ThemeManager = (0, react_redux_1.connect)(mapStateToProps)(ThemeManagerComponent); // eslint-disable-line @typescript-eslint/naming-convention
+"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.ThemeManager = exports.TOOLBAR_OPACITY_DEFAULT = exports.WIDGET_OPACITY_DEFAULT = exports.SYSTEM_PREFERRED_COLOR_THEME = exports.ColorTheme = void 0;
+const React = require("react");
+const react_redux_1 = require("react-redux");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const UiFramework_1 = require("../UiFramework");
+/** Enum for the Color Theme string.
+ * @public
+ */
+var ColorTheme;
+(function (ColorTheme) {
+    ColorTheme["Light"] = "light";
+    ColorTheme["Dark"] = "dark";
+})(ColorTheme = exports.ColorTheme || (exports.ColorTheme = {}));
+/** System preferred color theme.
+ * @public
+ */
+exports.SYSTEM_PREFERRED_COLOR_THEME = "SYSTEM_PREFERRED";
+/** The default widget opacity.
+ * @public
+ */
+exports.WIDGET_OPACITY_DEFAULT = 0.90;
+/** The default widget opacity.
+ * @public
+ */
+exports.TOOLBAR_OPACITY_DEFAULT = 0.50;
+function mapStateToProps(state) {
+    const frameworkState = state[UiFramework_1.UiFramework.frameworkStateKey]; // since app sets up key, don't hard-code name
+    // istanbul ignore if
+    if (!frameworkState)
+        return undefined;
+    return {
+        theme: frameworkState.configurableUiState.theme,
+        widgetOpacity: frameworkState.configurableUiState.widgetOpacity,
+        toolbarOpacity: frameworkState.configurableUiState.toolbarOpacity,
+    };
+}
+/** ThemeManagerComponent handles setting themes.
+ */
+class ThemeManagerComponent extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            ownerDocument: undefined,
+        };
+        this._setTheme = (theme) => {
+            document.documentElement.classList.add("theme-transition");
+            document.documentElement.setAttribute("data-theme", theme);
+            window.setTimeout(() => document.documentElement.classList.remove("theme-transition"), 1000);
+        };
+        this._setWidgetOpacity = (opacity) => {
+            setTimeout(() => document.documentElement.style.setProperty("--buic-widget-opacity", opacity.toString()));
+        };
+        this._setToolbarOpacity = (opacity) => {
+            setTimeout(() => document.documentElement.style.setProperty("--buic-toolbar-opacity", opacity.toString()));
+        };
+        this._handleRefSet = (popupDiv) => {
+            var _a;
+            const ownerDocument = (_a = popupDiv === null || popupDiv === void 0 ? void 0 : popupDiv.ownerDocument) !== null && _a !== void 0 ? _a : undefined;
+            if (ownerDocument) {
+                this.setState({ ownerDocument });
+            }
+        };
+    }
+    componentDidMount() {
+        this._setTheme(this.props.theme);
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props.theme !== prevProps.theme)
+            this._setTheme(this.props.theme);
+        const currentWidgetOpacity = document.documentElement.style.getPropertyValue("--buic-widget-opacity");
+        if (this.props.widgetOpacity.toString() !== currentWidgetOpacity)
+            this._setWidgetOpacity(this.props.widgetOpacity);
+        const currentToolbarOpacity = document.documentElement.style.getPropertyValue("--buic-toolbar-opacity");
+        if (this.props.toolbarOpacity.toString() !== currentToolbarOpacity)
+            this._setToolbarOpacity(this.props.toolbarOpacity);
+    }
+    render() {
+        const theme = (this.props.theme === exports.SYSTEM_PREFERRED_COLOR_THEME) ? "os" : this.props.theme;
+        return (React.createElement(itwinui_react_1.ThemeProvider, { style: { height: "100%" }, theme: theme, "data-root-container": "iui-root-id", ref: this._handleRefSet }, this.props.children));
+    }
+}
+/**
+ * ThemeManager handles setting color themes.
+ * This React component is Redux connected.
+ * @public
+ */
+exports.ThemeManager = (0, react_redux_1.connect)(mapStateToProps)(ThemeManagerComponent); // eslint-disable-line @typescript-eslint/naming-convention
 //# sourceMappingURL=ThemeManager.js.map

package/lib/cjs/appui-react/theme/ThemeManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeManager.js","sourceRoot":"","sources":["../../../../src/appui-react/theme/ThemeManager.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module State\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { ThemeProvider, ThemeType } from \"@itwin/itwinui-react\";\r\nimport { FrameworkState } from \"../redux/FrameworkState\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Enum for the Color Theme string.\r\n * @public\r\n */\r\nexport enum ColorTheme {\r\n  Light = \"light\",\r\n  Dark = \"dark\",\r\n}\r\n\r\n/** System preferred color theme.\r\n * @public\r\n */\r\nexport const SYSTEM_PREFERRED_COLOR_THEME = \"SYSTEM_PREFERRED\";\r\n\r\n/** The default widget opacity.\r\n * @public\r\n */\r\nexport const WIDGET_OPACITY_DEFAULT = 0.90;\r\n\r\n/** The default widget opacity.\r\n * @public\r\n */\r\nexport const TOOLBAR_OPACITY_DEFAULT = 0.50;\r\n\r\n/** Properties of [[ThemeManagerComponent]].\r\n */\r\ninterface ThemeManagerProps {\r\n  /** theme (\"light\", \"dark\", etc.) */\r\n  theme: string;\r\n  /* Widget Opacity */\r\n  widgetOpacity: number;\r\n  children?: React.ReactNode;\r\n  toolbarOpacity: number;\r\n}\r\n\r\nfunction mapStateToProps(state: any) {\r\n  const frameworkState = state[UiFramework.frameworkStateKey] as FrameworkState;  // since app sets up key, don't hard-code name\r\n  // istanbul ignore if\r\n  if (!frameworkState)\r\n    return undefined;\r\n\r\n  return {\r\n    theme: frameworkState.configurableUiState.theme,\r\n    widgetOpacity: frameworkState.configurableUiState.widgetOpacity,\r\n    toolbarOpacity: frameworkState.configurableUiState.toolbarOpacity,\r\n  };\r\n}\r\n\r\n/** @internal */\r\ninterface ThemeManagerState {\r\n  ownerDocument: Document | undefined;\r\n}\r\n\r\n/** ThemeManagerComponent handles setting themes.\r\n */\r\nclass ThemeManagerComponent extends React.Component<ThemeManagerProps, ThemeManagerState> {\r\n\r\n  public override readonly state: ThemeManagerState = {\r\n    ownerDocument: undefined,\r\n  };\r\n\r\n  public override componentDidMount() {\r\n    this._setTheme(this.props.theme);\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: ThemeManagerProps) {\r\n    if (this.props.theme !== prevProps.theme)\r\n      this._setTheme(this.props.theme);\r\n    const currentWidgetOpacity = document.documentElement.style.getPropertyValue(\"--buic-widget-opacity\");\r\n    if (this.props.widgetOpacity.toString() !== currentWidgetOpacity)\r\n      this._setWidgetOpacity(this.props.widgetOpacity);\r\n    const currentToolbarOpacity = document.documentElement.style.getPropertyValue(\"--buic-toolbar-opacity\");\r\n    if (this.props.toolbarOpacity.toString() !== currentToolbarOpacity)\r\n      this._setToolbarOpacity(this.props.toolbarOpacity);\r\n  }\r\n\r\n  private _setTheme = (theme: string) => {\r\n    document.documentElement.classList.add(\"theme-transition\");\r\n    document.documentElement.setAttribute(\"data-theme\", theme);\r\n    window.setTimeout(() => document.documentElement.classList.remove(\"theme-transition\"), 1000);\r\n  };\r\n\r\n  private _setWidgetOpacity = (opacity: number) => {\r\n    setTimeout(() =>\r\n      document.documentElement.style.setProperty(\"--buic-widget-opacity\", opacity.toString()));\r\n  };\r\n\r\n  private _setToolbarOpacity = (opacity: number) => {\r\n    setTimeout(() =>\r\n      document.documentElement.style.setProperty(\"--buic-toolbar-opacity\", opacity.toString()));\r\n  };\r\n\r\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\r\n    const ownerDocument = popupDiv?.ownerDocument ?? undefined;\r\n    if (ownerDocument) {\r\n      this.setState({ ownerDocument });\r\n    }\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    const theme: ThemeType = (this.props.theme === SYSTEM_PREFERRED_COLOR_THEME) ? \"os\" : this.props.theme as ThemeType;\r\n\r\n    return (\r\n      <div style={{ height: \"100%\" }} ref={this._handleRefSet}>\r\n        <ThemeProvider theme={theme} themeOptions={{ ownerDocument: this.state.ownerDocument }}>\r\n          {this.props.children}\r\n        </ThemeProvider>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\n/**\r\n * ThemeManager handles setting color themes.\r\n * This React component is Redux connected.\r\n * @public\r\n */\r\nexport const ThemeManager = connect(mapStateToProps)(ThemeManagerComponent); // eslint-disable-line @typescript-eslint/naming-convention\r\n"]}
+{"version":3,"file":"ThemeManager.js","sourceRoot":"","sources":["../../../../src/appui-react/theme/ThemeManager.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,6CAAsC;AACtC,wDAAgE;AAEhE,gDAA6C;AAE7C;;GAEG;AACH,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,6BAAe,CAAA;IACf,2BAAa,CAAA;AACf,CAAC,EAHW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAGrB;AAED;;GAEG;AACU,QAAA,4BAA4B,GAAG,kBAAkB,CAAC;AAE/D;;GAEG;AACU,QAAA,sBAAsB,GAAG,IAAI,CAAC;AAE3C;;GAEG;AACU,QAAA,uBAAuB,GAAG,IAAI,CAAC;AAa5C,SAAS,eAAe,CAAC,KAAU;IACjC,MAAM,cAAc,GAAG,KAAK,CAAC,yBAAW,CAAC,iBAAiB,CAAmB,CAAC,CAAE,8CAA8C;IAC9H,qBAAqB;IACrB,IAAI,CAAC,cAAc;QACjB,OAAO,SAAS,CAAC;IAEnB,OAAO;QACL,KAAK,EAAE,cAAc,CAAC,mBAAmB,CAAC,KAAK;QAC/C,aAAa,EAAE,cAAc,CAAC,mBAAmB,CAAC,aAAa;QAC/D,cAAc,EAAE,cAAc,CAAC,mBAAmB,CAAC,cAAc;KAClE,CAAC;AACJ,CAAC;AAOD;GACG;AACH,MAAM,qBAAsB,SAAQ,KAAK,CAAC,SAA+C;IAAzF;;QAE2B,UAAK,GAAsB;YAClD,aAAa,EAAE,SAAS;SACzB,CAAC;QAiBM,cAAS,GAAG,CAAC,KAAa,EAAE,EAAE;YACpC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;YAC3D,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;YAC3D,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,IAAI,CAAC,CAAC;QAC/F,CAAC,CAAC;QAEM,sBAAiB,GAAG,CAAC,OAAe,EAAE,EAAE;YAC9C,UAAU,CAAC,GAAG,EAAE,CACd,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QAC7F,CAAC,CAAC;QAEM,uBAAkB,GAAG,CAAC,OAAe,EAAE,EAAE;YAC/C,UAAU,CAAC,GAAG,EAAE,CACd,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QAC9F,CAAC,CAAC;QAEM,kBAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;;YACvD,MAAM,aAAa,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,mCAAI,SAAS,CAAC;YAC3D,IAAI,aAAa,EAAE;gBACjB,IAAI,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC;aAClC;QACH,CAAC,CAAC;IAWJ,CAAC;IA/CiB,iBAAiB;QAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAEe,kBAAkB,CAAC,SAA4B;QAC7D,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK;YACtC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;QACtG,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,KAAK,oBAAoB;YAC9D,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QACnD,MAAM,qBAAqB,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC;QACxG,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,KAAK,qBAAqB;YAChE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACvD,CAAC;IAyBe,MAAM;QACpB,MAAM,KAAK,GAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,oCAA4B,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAkB,CAAC;QAEpH,OAAO,CACL,oBAAC,6BAAa,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,yBAAuB,aAAa,EAAE,GAAG,EAAE,IAAI,CAAC,aAAa,IAChH,IAAI,CAAC,KAAK,CAAC,QAAQ,CACN,CACjB,CAAC;IACJ,CAAC;CACF;AAED;;;;GAIG;AACU,QAAA,YAAY,GAAG,IAAA,qBAAO,EAAC,eAAe,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,2DAA2D","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 State\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { ThemeProvider, ThemeType } from \"@itwin/itwinui-react\";\r\nimport { FrameworkState } from \"../redux/FrameworkState\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Enum for the Color Theme string.\r\n * @public\r\n */\r\nexport enum ColorTheme {\r\n  Light = \"light\",\r\n  Dark = \"dark\",\r\n}\r\n\r\n/** System preferred color theme.\r\n * @public\r\n */\r\nexport const SYSTEM_PREFERRED_COLOR_THEME = \"SYSTEM_PREFERRED\";\r\n\r\n/** The default widget opacity.\r\n * @public\r\n */\r\nexport const WIDGET_OPACITY_DEFAULT = 0.90;\r\n\r\n/** The default widget opacity.\r\n * @public\r\n */\r\nexport const TOOLBAR_OPACITY_DEFAULT = 0.50;\r\n\r\n/** Properties of [[ThemeManagerComponent]].\r\n */\r\ninterface ThemeManagerProps {\r\n  /** theme (\"light\", \"dark\", etc.) */\r\n  theme: string;\r\n  /* Widget Opacity */\r\n  widgetOpacity: number;\r\n  children?: React.ReactNode;\r\n  toolbarOpacity: number;\r\n}\r\n\r\nfunction mapStateToProps(state: any) {\r\n  const frameworkState = state[UiFramework.frameworkStateKey] as FrameworkState;  // since app sets up key, don't hard-code name\r\n  // istanbul ignore if\r\n  if (!frameworkState)\r\n    return undefined;\r\n\r\n  return {\r\n    theme: frameworkState.configurableUiState.theme,\r\n    widgetOpacity: frameworkState.configurableUiState.widgetOpacity,\r\n    toolbarOpacity: frameworkState.configurableUiState.toolbarOpacity,\r\n  };\r\n}\r\n\r\n/** @internal */\r\ninterface ThemeManagerState {\r\n  ownerDocument: Document | undefined;\r\n}\r\n\r\n/** ThemeManagerComponent handles setting themes.\r\n */\r\nclass ThemeManagerComponent extends React.Component<ThemeManagerProps, ThemeManagerState> {\r\n\r\n  public override readonly state: ThemeManagerState = {\r\n    ownerDocument: undefined,\r\n  };\r\n\r\n  public override componentDidMount() {\r\n    this._setTheme(this.props.theme);\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: ThemeManagerProps) {\r\n    if (this.props.theme !== prevProps.theme)\r\n      this._setTheme(this.props.theme);\r\n    const currentWidgetOpacity = document.documentElement.style.getPropertyValue(\"--buic-widget-opacity\");\r\n    if (this.props.widgetOpacity.toString() !== currentWidgetOpacity)\r\n      this._setWidgetOpacity(this.props.widgetOpacity);\r\n    const currentToolbarOpacity = document.documentElement.style.getPropertyValue(\"--buic-toolbar-opacity\");\r\n    if (this.props.toolbarOpacity.toString() !== currentToolbarOpacity)\r\n      this._setToolbarOpacity(this.props.toolbarOpacity);\r\n  }\r\n\r\n  private _setTheme = (theme: string) => {\r\n    document.documentElement.classList.add(\"theme-transition\");\r\n    document.documentElement.setAttribute(\"data-theme\", theme);\r\n    window.setTimeout(() => document.documentElement.classList.remove(\"theme-transition\"), 1000);\r\n  };\r\n\r\n  private _setWidgetOpacity = (opacity: number) => {\r\n    setTimeout(() =>\r\n      document.documentElement.style.setProperty(\"--buic-widget-opacity\", opacity.toString()));\r\n  };\r\n\r\n  private _setToolbarOpacity = (opacity: number) => {\r\n    setTimeout(() =>\r\n      document.documentElement.style.setProperty(\"--buic-toolbar-opacity\", opacity.toString()));\r\n  };\r\n\r\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\r\n    const ownerDocument = popupDiv?.ownerDocument ?? undefined;\r\n    if (ownerDocument) {\r\n      this.setState({ ownerDocument });\r\n    }\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    const theme: ThemeType = (this.props.theme === SYSTEM_PREFERRED_COLOR_THEME) ? \"os\" : this.props.theme as ThemeType;\r\n\r\n    return (\r\n      <ThemeProvider style={{ height: \"100%\" }} theme={theme} data-root-container={\"iui-root-id\"} ref={this._handleRefSet}>\r\n        {this.props.children}\r\n      </ThemeProvider>\r\n    );\r\n  }\r\n}\r\n\r\n/**\r\n * ThemeManager handles setting color themes.\r\n * This React component is Redux connected.\r\n * @public\r\n */\r\nexport const ThemeManager = connect(mapStateToProps)(ThemeManagerComponent); // eslint-disable-line @typescript-eslint/naming-convention\r\n"]}

package/lib/cjs/appui-react/timeline/AnalysisAnimationProvider.d.ts

@@ -1,16 +1,16 @@
-/** @packageDocumentation
- * @module Timeline
- */
-import { ScreenViewport, ViewState } from "@itwin/core-frontend";
-import { BaseTimelineDataProvider, PlaybackSettings } from "@itwin/imodel-components-react";
-/**  Analysis Timeline Data Provider - Allows a TimelineComponent to animate the AnalysisStyle information stored in a ViewState.
- * @public
- */
-export declare class AnalysisAnimationTimelineDataProvider extends BaseTimelineDataProvider {
-    private _viewState;
-    constructor(viewState: ViewState, viewport?: ScreenViewport);
-    loadTimelineData(): Promise<boolean>;
-    onAnimationFractionChanged: (animationFraction: number) => void;
-    onPlaybackSettingChanged: (settings: PlaybackSettings) => void;
-}
+/** @packageDocumentation
+ * @module Timeline
+ */
+import { ScreenViewport, ViewState } from "@itwin/core-frontend";
+import { BaseTimelineDataProvider, PlaybackSettings } from "@itwin/imodel-components-react";
+/**  Analysis Timeline Data Provider - Allows a TimelineComponent to animate the AnalysisStyle information stored in a ViewState.
+ * @public
+ */
+export declare class AnalysisAnimationTimelineDataProvider extends BaseTimelineDataProvider {
+    private _viewState;
+    constructor(viewState: ViewState, viewport?: ScreenViewport);
+    loadTimelineData(): Promise<boolean>;
+    onAnimationFractionChanged: (animationFraction: number) => void;
+    onPlaybackSettingChanged: (settings: PlaybackSettings) => void;
+}
 //# sourceMappingURL=AnalysisAnimationProvider.d.ts.map

package/lib/cjs/appui-react/timeline/AnalysisAnimationProvider.js

@@ -1,53 +1,53 @@
-"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 Timeline
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnalysisAnimationTimelineDataProvider = void 0;
-const imodel_components_react_1 = require("@itwin/imodel-components-react");
-/**  Analysis Timeline Data Provider - Allows a TimelineComponent to animate the AnalysisStyle information stored in a ViewState.
- * @public
- */
-class AnalysisAnimationTimelineDataProvider extends imodel_components_react_1.BaseTimelineDataProvider {
-    constructor(viewState, viewport) {
-        super(viewport);
-        this.onAnimationFractionChanged = (animationFraction) => {
-            this.animationFraction = animationFraction;
-            // istanbul ignore next
-            if (this._viewport)
-                this._viewport.analysisFraction = animationFraction;
-        };
-        // istanbul ignore next
-        this.onPlaybackSettingChanged = (settings) => {
-            this.updateSettings(settings);
-        };
-        this._viewState = viewState;
-        // istanbul ignore else
-        if (viewState && viewState.analysisStyle) {
-            this.supportsTimelineAnimation = true;
-        }
-    }
-    async loadTimelineData() {
-        // if animationFraction is set pointer should match
-        // istanbul ignore else
-        if (this._viewport)
-            this.animationFraction = this._viewport.analysisFraction;
-        // istanbul ignore else
-        if (this.supportsTimelineAnimation && this._viewState.analysisStyle) {
-            // for now just initial settings
-            this.updateSettings({
-                duration: 10 * 1000,
-                loop: true,
-            });
-            return true;
-        }
-        // istanbul ignore next
-        return false;
-    }
-}
-exports.AnalysisAnimationTimelineDataProvider = AnalysisAnimationTimelineDataProvider;
+"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 Timeline
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnalysisAnimationTimelineDataProvider = void 0;
+const imodel_components_react_1 = require("@itwin/imodel-components-react");
+/**  Analysis Timeline Data Provider - Allows a TimelineComponent to animate the AnalysisStyle information stored in a ViewState.
+ * @public
+ */
+class AnalysisAnimationTimelineDataProvider extends imodel_components_react_1.BaseTimelineDataProvider {
+    constructor(viewState, viewport) {
+        super(viewport);
+        this.onAnimationFractionChanged = (animationFraction) => {
+            this.animationFraction = animationFraction;
+            // istanbul ignore next
+            if (this._viewport)
+                this._viewport.analysisFraction = animationFraction;
+        };
+        // istanbul ignore next
+        this.onPlaybackSettingChanged = (settings) => {
+            this.updateSettings(settings);
+        };
+        this._viewState = viewState;
+        // istanbul ignore else
+        if (viewState && viewState.analysisStyle) {
+            this.supportsTimelineAnimation = true;
+        }
+    }
+    async loadTimelineData() {
+        // if animationFraction is set pointer should match
+        // istanbul ignore else
+        if (this._viewport)
+            this.animationFraction = this._viewport.analysisFraction;
+        // istanbul ignore else
+        if (this.supportsTimelineAnimation && this._viewState.analysisStyle) {
+            // for now just initial settings
+            this.updateSettings({
+                duration: 10 * 1000,
+                loop: true,
+            });
+            return true;
+        }
+        // istanbul ignore next
+        return false;
+    }
+}
+exports.AnalysisAnimationTimelineDataProvider = AnalysisAnimationTimelineDataProvider;
 //# sourceMappingURL=AnalysisAnimationProvider.js.map

package/lib/cjs/appui-react/timeline/ScheduleAnimationProvider.d.ts

@@ -1,16 +1,16 @@
-/** @packageDocumentation
- * @module Timeline
- */
-import { ScreenViewport, ViewState } from "@itwin/core-frontend";
-import { BaseTimelineDataProvider, PlaybackSettings } from "@itwin/imodel-components-react";
-/** ScheduleAnimation Timeline Data Provider - allows a TimelineComponent to animate the data found in a ScheduleScript in a ViewState.
- * @public
- */
-export declare class ScheduleAnimationTimelineDataProvider extends BaseTimelineDataProvider {
-    private _viewState;
-    constructor(viewState: ViewState, viewport?: ScreenViewport);
-    loadTimelineData(): Promise<boolean>;
-    onAnimationFractionChanged: (animationFraction: number) => void;
-    onPlaybackSettingChanged: (settings: PlaybackSettings) => void;
-}
+/** @packageDocumentation
+ * @module Timeline
+ */
+import { ScreenViewport, ViewState } from "@itwin/core-frontend";
+import { BaseTimelineDataProvider, PlaybackSettings } from "@itwin/imodel-components-react";
+/** ScheduleAnimation Timeline Data Provider - allows a TimelineComponent to animate the data found in a ScheduleScript in a ViewState.
+ * @public
+ */
+export declare class ScheduleAnimationTimelineDataProvider extends BaseTimelineDataProvider {
+    private _viewState;
+    constructor(viewState: ViewState, viewport?: ScreenViewport);
+    loadTimelineData(): Promise<boolean>;
+    onAnimationFractionChanged: (animationFraction: number) => void;
+    onPlaybackSettingChanged: (settings: PlaybackSettings) => void;
+}
 //# sourceMappingURL=ScheduleAnimationProvider.d.ts.map

package/lib/cjs/appui-react/timeline/ScheduleAnimationProvider.js

@@ -1,59 +1,59 @@
-"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 Timeline
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScheduleAnimationTimelineDataProvider = void 0;
-const imodel_components_react_1 = require("@itwin/imodel-components-react");
-/** ScheduleAnimation Timeline Data Provider - allows a TimelineComponent to animate the data found in a ScheduleScript in a ViewState.
- * @public
- */
-// No access to scheduleScript to even mock in test
-// istanbul ignore next
-class ScheduleAnimationTimelineDataProvider extends imodel_components_react_1.BaseTimelineDataProvider {
-    constructor(viewState, viewport) {
-        super(viewport);
-        this.onAnimationFractionChanged = (animationFraction) => {
-            this.animationFraction = animationFraction;
-            if (this._viewport) {
-                const script = this._viewport.displayStyle.scheduleScript;
-                if (script)
-                    this._viewport.timePoint = script.duration.fractionToPoint(animationFraction);
-            }
-        };
-        this.onPlaybackSettingChanged = (settings) => {
-            this.updateSettings(settings);
-        };
-        this._viewState = viewState;
-        if (viewState && viewState.scheduleScript) {
-            this.supportsTimelineAnimation = true;
-        }
-    }
-    async loadTimelineData() {
-        const script = this._viewState.scheduleScript;
-        if (this.supportsTimelineAnimation && script) {
-            // for now just initial settings
-            this.updateSettings({
-                duration: 20 * 1000,
-                loop: true,
-            });
-            const timeRange = script.duration;
-            this.start = new Date(timeRange.low * 1000);
-            this.end = new Date(timeRange.high * 1000);
-            if (this._viewport) {
-                if (this._viewport.timePoint)
-                    this.animationFraction = (this._viewport.timePoint - timeRange.low) / timeRange.length();
-                else
-                    this.animationFraction = 0;
-            }
-            return true;
-        }
-        return false;
-    }
-}
-exports.ScheduleAnimationTimelineDataProvider = ScheduleAnimationTimelineDataProvider;
+"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 Timeline
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScheduleAnimationTimelineDataProvider = void 0;
+const imodel_components_react_1 = require("@itwin/imodel-components-react");
+/** ScheduleAnimation Timeline Data Provider - allows a TimelineComponent to animate the data found in a ScheduleScript in a ViewState.
+ * @public
+ */
+// No access to scheduleScript to even mock in test
+// istanbul ignore next
+class ScheduleAnimationTimelineDataProvider extends imodel_components_react_1.BaseTimelineDataProvider {
+    constructor(viewState, viewport) {
+        super(viewport);
+        this.onAnimationFractionChanged = (animationFraction) => {
+            this.animationFraction = animationFraction;
+            if (this._viewport) {
+                const script = this._viewport.displayStyle.scheduleScript;
+                if (script)
+                    this._viewport.timePoint = script.duration.fractionToPoint(animationFraction);
+            }
+        };
+        this.onPlaybackSettingChanged = (settings) => {
+            this.updateSettings(settings);
+        };
+        this._viewState = viewState;
+        if (viewState && viewState.scheduleScript) {
+            this.supportsTimelineAnimation = true;
+        }
+    }
+    async loadTimelineData() {
+        const script = this._viewState.scheduleScript;
+        if (this.supportsTimelineAnimation && script) {
+            // for now just initial settings
+            this.updateSettings({
+                duration: 20 * 1000,
+                loop: true,
+            });
+            const timeRange = script.duration;
+            this.start = new Date(timeRange.low * 1000);
+            this.end = new Date(timeRange.high * 1000);
+            if (this._viewport) {
+                if (this._viewport.timePoint)
+                    this.animationFraction = (this._viewport.timePoint - timeRange.low) / timeRange.length();
+                else
+                    this.animationFraction = 0;
+            }
+            return true;
+        }
+        return false;
+    }
+}
+exports.ScheduleAnimationTimelineDataProvider = ScheduleAnimationTimelineDataProvider;
 //# sourceMappingURL=ScheduleAnimationProvider.js.map