@itwin/appui-react 4.17.0 → 5.0.0-dev.2

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

@@ -0,0 +1,57 @@
+/*---------------------------------------------------------------------------------------------
+ * 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
+ */
+import "./ThemeManager.scss";
+import * as React from "react";
+import { ThemeProvider } from "@itwin/itwinui-react";
+import { ColorTheme, SYSTEM_PREFERRED_COLOR_THEME } from "./ThemeId.js";
+import { useReduxFrameworkState } from "../uistate/useReduxFrameworkState.js";
+/** Map of ColorTheme to ThemeType. */
+const colorThemeToThemeTypeMap = {
+    [ColorTheme.Light]: "light",
+    [ColorTheme.HighContrastLight]: "light",
+    [ColorTheme.Dark]: "dark",
+    [ColorTheme.HighContrastDark]: "dark",
+    [ColorTheme.System]: "os",
+    os: "os", // handle "os" for backwards compatibility
+};
+/** List of high contrast color themes. */
+const highContrastColorThemes = [
+    ColorTheme.HighContrastDark,
+    ColorTheme.HighContrastLight,
+];
+/** `ThemeManager` handles setting color themes. Note that this component will
+ * affect the entire application by setting the internal `data-theme` attribute.
+ * Component children are wrapped with `v2` and `v3` iTwinUI `ThemeProvider` components, so all nodes within the tree will have the same theme, and should be using iTwinUI 2.x or later.
+ * Specified `ThemeId` will be mapped to iTwinUI `theme` accordingly.
+ * Any other string will only apply the `data-theme` attribute to the underlying `html` element
+ * and `ThemeProvider` theme will be set to `inherit`, in this case the application is
+ * responsible for setting the theme, i.e. by using iTwinUI css variables.
+ *
+ * This component should wrap {@link ConfigurableUiContent}.
+ *
+ * ```tsx
+ * <ThemeManager>
+ *   <ConfigurableUiContent />
+ * </ThemeManager>
+ * ```
+ * @public
+ */
+export function ThemeManager({ children, ...props }) {
+    const reduxTheme = useReduxFrameworkState((state) => {
+        // eslint-disable-next-line deprecation/deprecation
+        return state?.configurableUiState.theme;
+    });
+    const theme = props.theme ?? reduxTheme ?? SYSTEM_PREFERRED_COLOR_THEME;
+    React.useEffect(() => {
+        document.documentElement.setAttribute("data-theme", theme);
+    }, [theme]);
+    const providerTheme = colorThemeToThemeTypeMap[theme];
+    const highContrast = highContrastColorThemes.includes(theme);
+    return (React.createElement(ThemeProvider, { className: "uifw-root", theme: providerTheme ?? "inherit", themeOptions: { highContrast }, "data-root-container": "appui-root-id", includeCss: true }, children));
+}
+//# sourceMappingURL=ThemeManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeManager.js","sourceRoot":"","sources":["../../../src/appui-react/theme/ThemeManager.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,4BAA4B,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAG9E,sCAAsC;AACtC,MAAM,wBAAwB,GAA+B;IAC3D,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,OAAO;IAC3B,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,OAAO;IACvC,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,MAAM;IACzB,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,MAAM;IACrC,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,IAAI;IACzB,EAAE,EAAE,IAAI,EAAE,0CAA0C;CACrD,CAAC;AAEF,0CAA0C;AAC1C,MAAM,uBAAuB,GAAa;IACxC,UAAU,CAAC,gBAAgB;IAC3B,UAAU,CAAC,iBAAiB;CAC7B,CAAC;AAQF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAqB;IACpE,MAAM,UAAU,GAAG,sBAAsB,CAAC,CAAC,KAAK,EAAE,EAAE;QAClD,mDAAmD;QACnD,OAAO,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC;IAC1C,CAAC,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,UAAU,IAAI,4BAA4B,CAAC;IAExE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,aAAa,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,uBAAuB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE7D,OAAO,CACL,oBAAC,aAAa,IACZ,SAAS,EAAC,WAAW,EACrB,KAAK,EAAE,aAAa,IAAI,SAAS,EACjC,YAAY,EAAE,EAAE,YAAY,EAAE,yBACV,eAAe,EACnC,UAAU,EAAE,IAAI,IAEf,QAAQ,CACK,CACjB,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module State\n */\n\nimport \"./ThemeManager.scss\";\nimport * as React from \"react\";\nimport type { ThemeType } from \"@itwin/itwinui-react\";\nimport { ThemeProvider } from \"@itwin/itwinui-react\";\nimport type { ThemeId } from \"./ThemeId.js\";\nimport { ColorTheme, SYSTEM_PREFERRED_COLOR_THEME } from \"./ThemeId.js\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState.js\";\nimport type { ConfigurableUiContent } from \"../configurableui/ConfigurableUiContent.js\";\n\n/** Map of ColorTheme to ThemeType. */\nconst colorThemeToThemeTypeMap: { [x: string]: ThemeType } = {\n  [ColorTheme.Light]: \"light\",\n  [ColorTheme.HighContrastLight]: \"light\",\n  [ColorTheme.Dark]: \"dark\",\n  [ColorTheme.HighContrastDark]: \"dark\",\n  [ColorTheme.System]: \"os\",\n  os: \"os\", // handle \"os\" for backwards compatibility\n};\n\n/** List of high contrast color themes. */\nconst highContrastColorThemes: string[] = [\n  ColorTheme.HighContrastDark,\n  ColorTheme.HighContrastLight,\n];\n\ninterface ThemeManagerProps {\n  children?: React.ReactNode;\n  /** Uses redux store as a fallback. Defaults to {@link SYSTEM_PREFERRED_COLOR_THEME}. */\n  theme?: ThemeId;\n}\n\n/** `ThemeManager` handles setting color themes. Note that this component will\n * affect the entire application by setting the internal `data-theme` attribute.\n * Component children are wrapped with `v2` and `v3` iTwinUI `ThemeProvider` components, so all nodes within the tree will have the same theme, and should be using iTwinUI 2.x or later.\n * Specified `ThemeId` will be mapped to iTwinUI `theme` accordingly.\n * Any other string will only apply the `data-theme` attribute to the underlying `html` element\n * and `ThemeProvider` theme will be set to `inherit`, in this case the application is\n * responsible for setting the theme, i.e. by using iTwinUI css variables.\n *\n * This component should wrap {@link ConfigurableUiContent}.\n *\n * ```tsx\n * <ThemeManager>\n *   <ConfigurableUiContent />\n * </ThemeManager>\n * ```\n * @public\n */\nexport function ThemeManager({ children, ...props }: ThemeManagerProps) {\n  const reduxTheme = useReduxFrameworkState((state) => {\n    // eslint-disable-next-line deprecation/deprecation\n    return state?.configurableUiState.theme;\n  });\n  const theme = props.theme ?? reduxTheme ?? SYSTEM_PREFERRED_COLOR_THEME;\n\n  React.useEffect(() => {\n    document.documentElement.setAttribute(\"data-theme\", theme);\n  }, [theme]);\n\n  const providerTheme = colorThemeToThemeTypeMap[theme];\n  const highContrast = highContrastColorThemes.includes(theme);\n\n  return (\n    <ThemeProvider\n      className=\"uifw-root\"\n      theme={providerTheme ?? \"inherit\"}\n      themeOptions={{ highContrast }}\n      data-root-container=\"appui-root-id\"\n      includeCss={true}\n    >\n      {children}\n    </ThemeProvider>\n  );\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnalysisAnimationProvider.d.ts","sourceRoot":"","sources":["../../../src/appui-react/timeline/AnalysisAnimationProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE1E;;GAEG;AACH,qBAAa,qCAAsC,SAAQ,wBAAwB;IACjF,OAAO,CAAC,UAAU,CAAY;gBAElB,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,cAAc;IASrC,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC;IAkB1C,0BAA0B,sBAAuB,MAAM,UAGrE;IAEc,wBAAwB,aAAc,gBAAgB,UAEpE;CACH"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnalysisAnimationProvider.js","sourceRoot":"","sources":["../../../src/appui-react/timeline/AnalysisAnimationProvider.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE1E;;GAEG;AACH,MAAM,OAAO,qCAAsC,SAAQ,wBAAwB;IAGjF,YAAY,SAAoB,EAAE,QAAyB;QACzD,KAAK,CAAC,QAAQ,CAAC,CAAC;QA0BF,+BAA0B,GAAG,CAAC,iBAAyB,EAAE,EAAE;YACzE,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;YAC3C,IAAI,IAAI,CAAC,SAAS;gBAAE,IAAI,CAAC,SAAS,CAAC,gBAAgB,GAAG,iBAAiB,CAAC;QAC1E,CAAC,CAAC;QAEc,6BAAwB,GAAG,CAAC,QAA0B,EAAE,EAAE;YACxE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC,CAAC;QAhCA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAE5B,IAAI,SAAS,IAAI,SAAS,CAAC,aAAa,EAAE,CAAC;YACzC,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC;QACxC,CAAC;IACH,CAAC;IAEe,KAAK,CAAC,gBAAgB;QACpC,mDAAmD;QACnD,IAAI,IAAI,CAAC,SAAS;YAChB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC;QAE3D,IAAI,IAAI,CAAC,yBAAyB,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;YACpE,gCAAgC;YAChC,IAAI,CAAC,cAAc,CAAC;gBAClB,QAAQ,EAAE,EAAE,GAAG,IAAI;gBACnB,IAAI,EAAE,IAAI;aACX,CAAC,CAAC;YAEH,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;CAUF","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 Timeline\n */\n\nimport type { ScreenViewport, ViewState } from \"@itwin/core-frontend\";\nimport type { PlaybackSettings } from \"@itwin/imodel-components-react\";\nimport { BaseTimelineDataProvider } from \"@itwin/imodel-components-react\";\n\n/**  Analysis Timeline Data Provider - Allows a TimelineComponent to animate the AnalysisStyle information stored in a ViewState.\n * @public\n */\nexport class AnalysisAnimationTimelineDataProvider extends BaseTimelineDataProvider {\n  private _viewState: ViewState;\n\n  constructor(viewState: ViewState, viewport?: ScreenViewport) {\n    super(viewport);\n    this._viewState = viewState;\n\n    if (viewState && viewState.analysisStyle) {\n      this.supportsTimelineAnimation = true;\n    }\n  }\n\n  public override async loadTimelineData(): Promise<boolean> {\n    // if animationFraction is set pointer should match\n    if (this._viewport)\n      this.animationFraction = this._viewport.analysisFraction;\n\n    if (this.supportsTimelineAnimation && this._viewState.analysisStyle) {\n      // for now just initial settings\n      this.updateSettings({\n        duration: 10 * 1000,\n        loop: true,\n      });\n\n      return true;\n    }\n\n    return false;\n  }\n\n  public override onAnimationFractionChanged = (animationFraction: number) => {\n    this.animationFraction = animationFraction;\n    if (this._viewport) this._viewport.analysisFraction = animationFraction;\n  };\n\n  public override onPlaybackSettingChanged = (settings: PlaybackSettings) => {\n    this.updateSettings(settings);\n  };\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleAnimationProvider.d.ts","sourceRoot":"","sources":["../../../src/appui-react/timeline/ScheduleAnimationProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE1E;;GAEG;AAEH,qBAAa,qCAAsC,SAAQ,wBAAwB;IACjF,OAAO,CAAC,UAAU,CAAY;gBAElB,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,cAAc;IASrC,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC;IA0B1C,0BAA0B,sBAAuB,MAAM,UAQrE;IAEc,wBAAwB,aAAc,gBAAgB,UAEpE;CACH"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleAnimationProvider.js","sourceRoot":"","sources":["../../../src/appui-react/timeline/ScheduleAnimationProvider.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE1E;;GAEG;AACH,mDAAmD;AACnD,MAAM,OAAO,qCAAsC,SAAQ,wBAAwB;IAGjF,YAAY,SAAoB,EAAE,QAAyB;QACzD,KAAK,CAAC,QAAQ,CAAC,CAAC;QAkCF,+BAA0B,GAAG,CAAC,iBAAyB,EAAE,EAAE;YACzE,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;YAC3C,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,cAAc,CAAC;gBAC1D,IAAI,MAAM;oBACR,IAAI,CAAC,SAAS,CAAC,SAAS;wBACtB,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;YACzD,CAAC;QACH,CAAC,CAAC;QAEc,6BAAwB,GAAG,CAAC,QAA0B,EAAE,EAAE;YACxE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC,CAAC;QA7CA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAE5B,IAAI,SAAS,IAAI,SAAS,CAAC,cAAc,EAAE,CAAC;YAC1C,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC;QACxC,CAAC;IACH,CAAC;IAEe,KAAK,CAAC,gBAAgB;QACpC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC;QAC9C,IAAI,IAAI,CAAC,yBAAyB,IAAI,MAAM,EAAE,CAAC;YAC7C,gCAAgC;YAChC,IAAI,CAAC,cAAc,CAAC;gBAClB,QAAQ,EAAE,EAAE,GAAG,IAAI,EAAE,4BAA4B;gBACjD,IAAI,EAAE,IAAI;aACX,CAAC,CAAC;YAEH,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;YAClC,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;YAC5C,IAAI,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;YAE3C,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS;oBAC1B,IAAI,CAAC,iBAAiB;wBACpB,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;;oBAC/D,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC;YAClC,CAAC;YAED,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;CAeF","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 Timeline\n */\n\nimport type { ScreenViewport, ViewState } from \"@itwin/core-frontend\";\nimport type { PlaybackSettings } from \"@itwin/imodel-components-react\";\nimport { BaseTimelineDataProvider } from \"@itwin/imodel-components-react\";\n\n/** ScheduleAnimation Timeline Data Provider - allows a TimelineComponent to animate the data found in a ScheduleScript in a ViewState.\n * @public\n */\n// No access to scheduleScript to even mock in test\nexport class ScheduleAnimationTimelineDataProvider extends BaseTimelineDataProvider {\n  private _viewState: ViewState;\n\n  constructor(viewState: ViewState, viewport?: ScreenViewport) {\n    super(viewport);\n    this._viewState = viewState;\n\n    if (viewState && viewState.scheduleScript) {\n      this.supportsTimelineAnimation = true;\n    }\n  }\n\n  public override async loadTimelineData(): Promise<boolean> {\n    const script = this._viewState.scheduleScript;\n    if (this.supportsTimelineAnimation && script) {\n      // for now just initial settings\n      this.updateSettings({\n        duration: 20 * 1000, // this is playback duration\n        loop: true,\n      });\n\n      const timeRange = script.duration;\n      this.start = new Date(timeRange.low * 1000);\n      this.end = new Date(timeRange.high * 1000);\n\n      if (this._viewport) {\n        if (this._viewport.timePoint)\n          this.animationFraction =\n            (this._viewport.timePoint - timeRange.low) / timeRange.length();\n        else this.animationFraction = 0;\n      }\n\n      return true;\n    }\n\n    return false;\n  }\n\n  public override onAnimationFractionChanged = (animationFraction: number) => {\n    this.animationFraction = animationFraction;\n    if (this._viewport) {\n      const script = this._viewport.displayStyle.scheduleScript;\n      if (script)\n        this._viewport.timePoint =\n          script.duration.fractionToPoint(animationFraction);\n    }\n  };\n\n  public override onPlaybackSettingChanged = (settings: PlaybackSettings) => {\n    this.updateSettings(settings);\n  };\n}\n"]}

package/lib/appui-react/timeline/SolarTimelineDataProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolarTimelineDataProvider.d.ts","sourceRoot":"","sources":["../../../src/appui-react/timeline/SolarTimelineDataProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAGL,QAAQ,EAET,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,SAAS,EACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAIvE;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,qBAAqB;IAClE,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC;IAEhC,SAAS,KAAK,eAAe,IAAI,mBAAmB,GAAG,SAAS,CAI/D;IAED,iIAAiI;gBAE/H,SAAS,EAAE,SAAS,EACpB,QAAQ,CAAC,EAAE,cAAc,EACzB,SAAS,CAAC,EAAE,MAAM,EAClB,QAAQ,CAAC,EAAE,MAAM;IAqBnB,IAAoB,kBAAkB,YAGrC;IAEe,aAAa,SAAU,IAAI,UAIzC;IAEF,IAAoB,WAAW,IAAI,QAAQ,CAK1C;IAED,IAAoB,WAAW,CAAC,KAAK,EAAE,QAAQ,EAkB9C;CACF"}

package/lib/appui-react/timeline/SolarTimelineDataProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolarTimelineDataProvider.js","sourceRoot":"","sources":["../../../src/appui-react/timeline/SolarTimelineDataProvider.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 Timeline\n */\n\nimport {\n  Cartographic,\n  ColorByName,\n  ColorDef,\n  SolarShadowSettings,\n} from \"@itwin/core-common\";\nimport type {\n  DisplayStyle3dState,\n  ScreenViewport,\n  ViewState,\n} from \"@itwin/core-frontend\";\nimport { BaseSolarDataProvider } from \"@itwin/imodel-components-react\";\n\n// the interface and class are in alpha state - it may change after usability testing - test coverage not complete\n\n/** Default Solar Data Provider interface for getting and setting solar position from iModels view definitions.\n * @alpha\n */\nexport class SolarTimelineDataProvider extends BaseSolarDataProvider {\n  protected _viewState: ViewState;\n\n  protected get _displayStyle3d(): DisplayStyle3dState | undefined {\n    return undefined !== this._viewport && this._viewport.view.is3d()\n      ? this._viewport.view.displayStyle\n      : undefined;\n  }\n\n  /** constructor that takes an optional viewport and optional position on globe that is used if the imodel is not \"GeoLocated\"  */\n  constructor(\n    viewState: ViewState,\n    viewport?: ScreenViewport,\n    longitude?: number,\n    latitude?: number\n  ) {\n    super(viewport, longitude, latitude);\n    this._viewState = viewState;\n\n    if (viewState.is3d()) {\n      this.supportsTimelineAnimation = true;\n      this._cartographicCenter = this.getCartographicCenter(viewState.iModel);\n    } else {\n      this._cartographicCenter = Cartographic.fromDegrees({\n        longitude: this.longitude,\n        latitude: this.latitude,\n        height: 0.0,\n      });\n    }\n\n    this._projectTimeZoneOffset = this.getZone(this._cartographicCenter);\n    this.initializeData(this._projectTimeZoneOffset);\n    this.onTimeChanged(this.timeOfDay);\n  }\n\n  public override get shouldShowTimeline() {\n    const style = this._displayStyle3d;\n    return undefined !== style && style.viewFlags.shadows;\n  }\n\n  public override onTimeChanged = (time: Date) => {\n    if (this._viewport && this._viewport.view.is3d()) {\n      this._viewport.view.displayStyle.setSunTime(time.getTime());\n    }\n  };\n\n  public override get shadowColor(): ColorDef {\n    const style = this._displayStyle3d;\n    return style\n      ? style.settings.solarShadows.color.toColorDef()\n      : ColorDef.create(ColorByName.gray);\n  }\n\n  public override set shadowColor(color: ColorDef) {\n    const displayStyle = this._displayStyle3d;\n    if (!displayStyle) return;\n\n    const prevColor = displayStyle.settings.solarShadows.color;\n    const newColor = color.colors;\n    if (\n      prevColor.r === newColor.r &&\n      prevColor.g === newColor.g &&\n      prevColor.b === newColor.b\n    )\n      return;\n\n    const newSettings = displayStyle.settings.solarShadows.toJSON() ?? {};\n    newSettings.color = color.tbgr;\n\n    displayStyle.settings.solarShadows =\n      SolarShadowSettings.fromJSON(newSettings);\n  }\n}\n"]}

package/lib/appui-react/toolbar/DragInteraction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragInteraction.d.ts","sourceRoot":"","sources":["../../../src/appui-react/toolbar/DragInteraction.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,6BAA6B,wBAA6B,CAAC"}

package/lib/appui-react/toolbar/DragInteraction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragInteraction.js","sourceRoot":"","sources":["../../../src/appui-react/toolbar/DragInteraction.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport * as React from \"react\";\n\n/** Context used to enable toolbar drag interaction.\n * @beta\n */\nexport const ToolbarDragInteractionContext = React.createContext(false);\n"]}

package/lib/appui-react/toolbar/GroupItem.d.ts

@@ -0,0 +1,39 @@
+/** @packageDocumentation
+ * @module Item
+ */
+import type { ConditionalStringValue, OnItemExecutedFunc, StringGetter } from "@itwin/appui-abstract";
+import { ActionButtonItemDef } from "../shared/ActionButtonItemDef.js";
+import type { AnyItemDef } from "../shared/AnyItemDef.js";
+import type { GroupItemProps } from "../shared/GroupItemProps.js";
+import type { ItemDefBase } from "../shared/ItemDefBase.js";
+/** An Item that opens a group of items.
+ * @public
+ * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarGroupItem}.
+ */
+export declare class GroupItemDef extends ActionButtonItemDef {
+    private static _sId;
+    static groupIdPrefix: string;
+    groupId: string;
+    itemsInColumn: number;
+    items: AnyItemDef[];
+    defaultActiveItemId?: string;
+    /** @internal */
+    overflow: boolean;
+    private _itemList;
+    private _itemMap;
+    private _panelLabel;
+    constructor(groupItemProps: GroupItemProps, onItemExecuted?: OnItemExecutedFunc);
+    get id(): string;
+    /** Get the panelLabel string */
+    get panelLabel(): string;
+    /** Set the panelLabel.
+     * @param v A string or a function to get the string.
+     */
+    setPanelLabel(v: string | StringGetter | ConditionalStringValue): void;
+    resolveItems(force?: boolean): void;
+    getItemById(id: string): ItemDefBase | undefined;
+    getItemByIndex(index: number): ItemDefBase | undefined;
+    get itemCount(): number;
+    execute(): void;
+}
+//# sourceMappingURL=GroupItem.d.ts.map

package/lib/appui-react/toolbar/GroupItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupItem.d.ts","sourceRoot":"","sources":["../../../src/appui-react/toolbar/GroupItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,YAAY,EACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAO5D;;;GAGG;AACH,qBAAa,YAAa,SAAQ,mBAAmB;IACnD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAK;IACxB,OAAc,aAAa,SAAY;IAEhC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAEpC,gBAAgB;IACT,QAAQ,EAAE,OAAO,CAAS;IAEjC,OAAO,CAAC,SAAS,CAAY;IAC7B,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,WAAW,CAAsD;gBAGvE,cAAc,EAAE,cAAc,EAC9B,cAAc,CAAC,EAAE,kBAAkB;IAwBrC,IAAW,EAAE,IAAI,MAAM,CAEtB;IAED,gCAAgC;IAChC,IAAW,UAAU,IAAI,MAAM,CAE9B;IAED;;OAEG;IACI,aAAa,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB;IAI/D,YAAY,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IAanC,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAIhD,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAI7D,IAAW,SAAS,IAAI,MAAM,CAE7B;IAEe,OAAO,IAAI,IAAI;CAChC"}

package/lib/appui-react/toolbar/GroupItem.js

@@ -0,0 +1,75 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Item
+ */
+import { ActionButtonItemDef } from "../shared/ActionButtonItemDef.js";
+import { ItemList, ItemMap } from "../shared/ItemMap.js";
+import { PropsHelper } from "../utils/PropsHelper.js";
+/* eslint-disable deprecation/deprecation */
+/** An Item that opens a group of items.
+ * @public
+ * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarGroupItem}.
+ */
+export class GroupItemDef extends ActionButtonItemDef {
+    constructor(groupItemProps, onItemExecuted) {
+        super(groupItemProps, onItemExecuted);
+        /** @internal */
+        this.overflow = false;
+        this._panelLabel = "";
+        this.groupId =
+            groupItemProps.groupId !== undefined ? groupItemProps.groupId : "";
+        if (groupItemProps.groupId)
+            this.groupId = groupItemProps.groupId;
+        else {
+            GroupItemDef._sId++;
+            this.groupId = GroupItemDef.groupIdPrefix + GroupItemDef._sId;
+        }
+        this.itemsInColumn =
+            groupItemProps.itemsInColumn !== undefined
+                ? groupItemProps.itemsInColumn
+                : 7;
+        this._panelLabel = PropsHelper.getStringSpec(groupItemProps.panelLabel, groupItemProps.panelLabelKey);
+        this.items = groupItemProps.items;
+        this.defaultActiveItemId = groupItemProps.defaultActiveItemId;
+    }
+    get id() {
+        return this.groupId;
+    }
+    /** Get the panelLabel string */
+    get panelLabel() {
+        return PropsHelper.getStringFromSpec(this._panelLabel);
+    }
+    /** Set the panelLabel.
+     * @param v A string or a function to get the string.
+     */
+    setPanelLabel(v) {
+        this._panelLabel = v;
+    }
+    resolveItems(force) {
+        if (this._itemList && !force)
+            return;
+        this._itemList = new ItemList();
+        this._itemMap = new ItemMap();
+        this.items.map((item) => {
+            const id = item.id;
+            this._itemList.addItem(item);
+            this._itemMap.set(id, item);
+        });
+    }
+    getItemById(id) {
+        return this._itemMap.get(id);
+    }
+    getItemByIndex(index) {
+        return this._itemList.items[index];
+    }
+    get itemCount() {
+        return this._itemList.items.length;
+    }
+    execute() { }
+}
+GroupItemDef._sId = 0;
+GroupItemDef.groupIdPrefix = "Group-";
+//# sourceMappingURL=GroupItem.js.map

package/lib/appui-react/toolbar/GroupItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupItem.js","sourceRoot":"","sources":["../../../src/appui-react/toolbar/GroupItem.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAOH,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAIvE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,4CAA4C;AAE5C;;;GAGG;AACH,MAAM,OAAO,YAAa,SAAQ,mBAAmB;IAgBnD,YACE,cAA8B,EAC9B,cAAmC;QAEnC,KAAK,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;QAXxC,gBAAgB;QACT,aAAQ,GAAY,KAAK,CAAC;QAIzB,gBAAW,GAAmD,EAAE,CAAC;QAQvE,IAAI,CAAC,OAAO;YACV,cAAc,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QACrE,IAAI,cAAc,CAAC,OAAO;YAAE,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC;aAC7D,CAAC;YACJ,YAAY,CAAC,IAAI,EAAE,CAAC;YACpB,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC;QAChE,CAAC;QAED,IAAI,CAAC,aAAa;YAChB,cAAc,CAAC,aAAa,KAAK,SAAS;gBACxC,CAAC,CAAC,cAAc,CAAC,aAAa;gBAC9B,CAAC,CAAC,CAAC,CAAC;QACR,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC,aAAa,CAC1C,cAAc,CAAC,UAAU,EACzB,cAAc,CAAC,aAAa,CAC7B,CAAC;QACF,IAAI,CAAC,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC;QAClC,IAAI,CAAC,mBAAmB,GAAG,cAAc,CAAC,mBAAmB,CAAC;IAChE,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,gCAAgC;IAChC,IAAW,UAAU;QACnB,OAAO,WAAW,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACzD,CAAC;IAED;;OAEG;IACI,aAAa,CAAC,CAAiD;QACpE,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;IACvB,CAAC;IAEM,YAAY,CAAC,KAAe;QACjC,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK;YAAE,OAAO;QAErC,IAAI,CAAC,SAAS,GAAG,IAAI,QAAQ,EAAE,CAAC;QAChC,IAAI,CAAC,QAAQ,GAAG,IAAI,OAAO,EAAE,CAAC;QAE9B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAgB,EAAE,EAAE;YAClC,MAAM,EAAE,GAAW,IAAI,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAC7B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,WAAW,CAAC,EAAU;QAC3B,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC;IAEM,cAAc,CAAC,KAAa;QACjC,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;IACrC,CAAC;IAEe,OAAO,KAAU,CAAC;;AAlFnB,iBAAI,GAAG,CAAC,AAAJ,CAAK;AACV,0BAAa,GAAG,QAAQ,AAAX,CAAY","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 Item\n */\n\nimport type {\n  ConditionalStringValue,\n  OnItemExecutedFunc,\n  StringGetter,\n} from \"@itwin/appui-abstract\";\nimport { ActionButtonItemDef } from \"../shared/ActionButtonItemDef.js\";\nimport type { AnyItemDef } from \"../shared/AnyItemDef.js\";\nimport type { GroupItemProps } from \"../shared/GroupItemProps.js\";\nimport type { ItemDefBase } from \"../shared/ItemDefBase.js\";\nimport { ItemList, ItemMap } from \"../shared/ItemMap.js\";\nimport { PropsHelper } from \"../utils/PropsHelper.js\";\nimport type { ToolbarGroupItem } from \"./ToolbarItem.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** An Item that opens a group of items.\n * @public\n * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarGroupItem}.\n */\nexport class GroupItemDef extends ActionButtonItemDef {\n  private static _sId = 0;\n  public static groupIdPrefix = \"Group-\";\n\n  public groupId: string;\n  public itemsInColumn: number;\n  public items: AnyItemDef[];\n  public defaultActiveItemId?: string;\n\n  /** @internal */\n  public overflow: boolean = false;\n\n  private _itemList!: ItemList;\n  private _itemMap!: ItemMap;\n  private _panelLabel: string | StringGetter | ConditionalStringValue = \"\";\n\n  constructor(\n    groupItemProps: GroupItemProps,\n    onItemExecuted?: OnItemExecutedFunc\n  ) {\n    super(groupItemProps, onItemExecuted);\n\n    this.groupId =\n      groupItemProps.groupId !== undefined ? groupItemProps.groupId : \"\";\n    if (groupItemProps.groupId) this.groupId = groupItemProps.groupId;\n    else {\n      GroupItemDef._sId++;\n      this.groupId = GroupItemDef.groupIdPrefix + GroupItemDef._sId;\n    }\n\n    this.itemsInColumn =\n      groupItemProps.itemsInColumn !== undefined\n        ? groupItemProps.itemsInColumn\n        : 7;\n    this._panelLabel = PropsHelper.getStringSpec(\n      groupItemProps.panelLabel,\n      groupItemProps.panelLabelKey\n    );\n    this.items = groupItemProps.items;\n    this.defaultActiveItemId = groupItemProps.defaultActiveItemId;\n  }\n\n  public get id(): string {\n    return this.groupId;\n  }\n\n  /** Get the panelLabel string */\n  public get panelLabel(): string {\n    return PropsHelper.getStringFromSpec(this._panelLabel);\n  }\n\n  /** Set the panelLabel.\n   * @param v A string or a function to get the string.\n   */\n  public setPanelLabel(v: string | StringGetter | ConditionalStringValue) {\n    this._panelLabel = v;\n  }\n\n  public resolveItems(force?: boolean): void {\n    if (this._itemList && !force) return;\n\n    this._itemList = new ItemList();\n    this._itemMap = new ItemMap();\n\n    this.items.map((item: AnyItemDef) => {\n      const id: string = item.id;\n      this._itemList.addItem(item);\n      this._itemMap.set(id, item);\n    });\n  }\n\n  public getItemById(id: string): ItemDefBase | undefined {\n    return this._itemMap.get(id);\n  }\n\n  public getItemByIndex(index: number): ItemDefBase | undefined {\n    return this._itemList.items[index];\n  }\n\n  public get itemCount(): number {\n    return this._itemList.items.length;\n  }\n\n  public override execute(): void {}\n}\n"]}

package/lib/appui-react/toolbar/Toolbar.d.ts

@@ -0,0 +1,43 @@
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import * as React from "react";
+import type { OnItemExecutedFunc } from "@itwin/appui-abstract";
+import type { CommonProps, NoChildrenProps } from "@itwin/core-react";
+import type { ToolbarOpacitySetting } from "@itwin/components-react";
+import { Direction, ToolbarPanelAlignment } from "@itwin/components-react";
+import type { ToolbarItem } from "./ToolbarItem.js";
+/**
+ * Properties of [[Toolbar.enableOverflow]] component.
+ * @public
+ */
+export interface OverflowToolbarOptions {
+    /** Describes to which direction the overflow popup panels are expanded if overflow is enabled. Defaults to: [[Direction.Right]] */
+    overflowExpandsTo?: Direction;
+}
+/** Properties of [[Toolbar]] component.
+ * @public
+ */
+export interface ToolbarProps extends CommonProps, NoChildrenProps {
+    /** Describes to which direction the popup panels are expanded, also defines the orientation of the toolbar (Top/Bottom will create an horizontal toolbar, Left/Right will create a vertical toolbar). Defaults to: [[Direction.Bottom]] */
+    expandsTo?: Direction;
+    /** Describes if items that do not fit available space should move to an expandable panel. Defaults to: false */
+    enableOverflow?: boolean | OverflowToolbarOptions;
+    /** Definitions for items of the toolbar. Items are expected to be already sorted by group and item. */
+    items: ToolbarItem[];
+    /** Describes how expanded panels are aligned. Defaults to: [[ToolbarPanelAlignment.Start]] */
+    panelAlignment?: ToolbarPanelAlignment;
+    /** Use drag interaction to open popups with nested toolbar buttons. */
+    useDragInteraction?: boolean;
+    /** Determines whether to use mouse proximity to alter the opacity of the toolbar */
+    toolbarOpacitySetting?: ToolbarOpacitySetting;
+    /** Optional function to call on any item execution */
+    onItemExecuted?: OnItemExecutedFunc;
+    /** Optional function to call on any KeyDown events processed by toolbar */
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+}
+/** Component that displays toolbar items.
+ * @beta
+ */
+export declare function Toolbar(props: ToolbarProps): React.JSX.Element;
+//# sourceMappingURL=Toolbar.d.ts.map

package/lib/appui-react/toolbar/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/appui-react/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAGpD;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,mIAAmI;IACnI,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED;;GAEG;AAEH,MAAM,WAAW,YAAa,SAAQ,WAAW,EAAE,eAAe;IAChE,2OAA2O;IAC3O,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gHAAgH;IAChH,cAAc,CAAC,EAAE,OAAO,GAAG,sBAAsB,CAAC;IAClD,uGAAuG;IACvG,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,8FAA8F;IAC9F,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oFAAoF;IACpF,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,sDAAsD;IACtD,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAC9C;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAU1C"}

package/lib/appui-react/toolbar/Toolbar.js

@@ -0,0 +1,41 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import * as React from "react";
+import { Direction, ToolbarPanelAlignment } from "@itwin/components-react";
+import { Toolbar as ToolGroupToolbar } from "./new-toolbars/Toolbar.js";
+/** Component that displays toolbar items.
+ * @beta
+ */
+export function Toolbar(props) {
+    const expandsTo = toDirection(props.expandsTo);
+    const panelAlignment = toPanelAlignment(props.panelAlignment);
+    return (React.createElement(ToolGroupToolbar, { expandsTo: expandsTo, panelAlignment: panelAlignment, items: props.items }));
+}
+function toDirection(direction) {
+    switch (direction) {
+        case Direction.Bottom:
+            return "bottom";
+        case Direction.Left:
+            return "left";
+        case Direction.Right:
+            return "right";
+        case Direction.Top:
+            return "top";
+    }
+    return undefined;
+}
+function toPanelAlignment(alignment) {
+    switch (alignment) {
+        case ToolbarPanelAlignment.End:
+            return "end";
+        case ToolbarPanelAlignment.Start:
+            return "start";
+    }
+    return undefined;
+}
+//# sourceMappingURL=Toolbar.js.map

package/lib/appui-react/toolbar/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/appui-react/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAE3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAkCxE;;GAEG;AACH,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC/C,MAAM,cAAc,GAAG,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAC9D,OAAO,CACL,oBAAC,gBAAgB,IACf,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,SAAoC;IACvD,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,SAAS,CAAC,MAAM;YACnB,OAAO,QAAQ,CAAC;QAClB,KAAK,SAAS,CAAC,IAAI;YACjB,OAAO,MAAM,CAAC;QAChB,KAAK,SAAS,CAAC,KAAK;YAClB,OAAO,OAAO,CAAC;QACjB,KAAK,SAAS,CAAC,GAAG;YAChB,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,gBAAgB,CAAC,SAAyC;IACjE,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,qBAAqB,CAAC,GAAG;YAC5B,OAAO,KAAK,CAAC;QACf,KAAK,qBAAqB,CAAC,KAAK;YAC9B,OAAO,OAAO,CAAC;IACnB,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport * as React from \"react\";\nimport type { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport type { CommonProps, NoChildrenProps } from \"@itwin/core-react\";\nimport type { ToolbarOpacitySetting } from \"@itwin/components-react\";\nimport { Direction, ToolbarPanelAlignment } from \"@itwin/components-react\";\nimport type { ToolbarItem } from \"./ToolbarItem.js\";\nimport { Toolbar as ToolGroupToolbar } from \"./new-toolbars/Toolbar.js\";\n\n/**\n * Properties of [[Toolbar.enableOverflow]] component.\n * @public\n */\nexport interface OverflowToolbarOptions {\n  /** Describes to which direction the overflow popup panels are expanded if overflow is enabled. Defaults to: [[Direction.Right]] */\n  overflowExpandsTo?: Direction;\n}\n\n/** Properties of [[Toolbar]] component.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface ToolbarProps extends CommonProps, NoChildrenProps {\n  /** Describes to which direction the popup panels are expanded, also defines the orientation of the toolbar (Top/Bottom will create an horizontal toolbar, Left/Right will create a vertical toolbar). Defaults to: [[Direction.Bottom]] */\n  expandsTo?: Direction;\n  /** Describes if items that do not fit available space should move to an expandable panel. Defaults to: false */\n  enableOverflow?: boolean | OverflowToolbarOptions;\n  /** Definitions for items of the toolbar. Items are expected to be already sorted by group and item. */\n  items: ToolbarItem[];\n  /** Describes how expanded panels are aligned. Defaults to: [[ToolbarPanelAlignment.Start]] */\n  panelAlignment?: ToolbarPanelAlignment;\n  /** Use drag interaction to open popups with nested toolbar buttons. */\n  useDragInteraction?: boolean;\n  /** Determines whether to use mouse proximity to alter the opacity of the toolbar */\n  toolbarOpacitySetting?: ToolbarOpacitySetting;\n  /** Optional function to call on any item execution */\n  onItemExecuted?: OnItemExecutedFunc;\n  /** Optional function to call on any KeyDown events processed by toolbar */\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n}\n\n/** Component that displays toolbar items.\n * @beta\n */\nexport function Toolbar(props: ToolbarProps) {\n  const expandsTo = toDirection(props.expandsTo);\n  const panelAlignment = toPanelAlignment(props.panelAlignment);\n  return (\n    <ToolGroupToolbar\n      expandsTo={expandsTo}\n      panelAlignment={panelAlignment}\n      items={props.items}\n    />\n  );\n}\n\nfunction toDirection(direction: ToolbarProps[\"expandsTo\"]) {\n  switch (direction) {\n    case Direction.Bottom:\n      return \"bottom\";\n    case Direction.Left:\n      return \"left\";\n    case Direction.Right:\n      return \"right\";\n    case Direction.Top:\n      return \"top\";\n  }\n  return undefined;\n}\n\nfunction toPanelAlignment(alignment: ToolbarProps[\"panelAlignment\"]) {\n  switch (alignment) {\n    case ToolbarPanelAlignment.End:\n      return \"end\";\n    case ToolbarPanelAlignment.Start:\n      return \"start\";\n  }\n  return undefined;\n}\n"]}

package/lib/appui-react/toolbar/ToolbarComposer.d.ts

@@ -0,0 +1,25 @@
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import * as React from "react";
+import type { ToolbarItem } from "./ToolbarItem.js";
+import { ToolbarOrientation, ToolbarUsage } from "./ToolbarItem.js";
+/** Properties for the [[ToolbarComposer]] React components
+ * @public
+ * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ToolbarComposer>`
+ */
+export interface ExtensibleToolbarProps {
+    /** Toolbar items. */
+    items: ToolbarItem[];
+    /** Toolbar usage based on which additional toolbar items are added from UI item providers. */
+    usage: ToolbarUsage;
+    /** Toolbar orientation. */
+    orientation: ToolbarOrientation;
+}
+/**
+ * Toolbar that is populated and maintained by UI item providers.
+ * @note Overrides `isActive` property based on the active tool id.
+ * @public
+ */
+export declare function ToolbarComposer(props: ExtensibleToolbarProps): React.JSX.Element;
+//# sourceMappingURL=ToolbarComposer.d.ts.map

package/lib/appui-react/toolbar/ToolbarComposer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarComposer.d.ts","sourceRoot":"","sources":["../../../src/appui-react/toolbar/ToolbarComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAGV,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAGL,kBAAkB,EAClB,YAAY,EACb,MAAM,kBAAkB,CAAC;AA4J1B;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,qBAAqB;IACrB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,8FAA8F;IAC9F,KAAK,EAAE,YAAY,CAAC;IACpB,2BAA2B;IAC3B,WAAW,EAAE,kBAAkB,CAAC;CACjC;AAED;;;;GAIG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,qBA8C5D"}

package/lib/appui-react/toolbar/ToolbarComposer.js

@@ -0,0 +1,159 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import * as React from "react";
+import { Direction, Orientation, ToolbarOpacitySetting, ToolbarPanelAlignment, } from "@itwin/components-react";
+import { Logger, ProcessDetector } from "@itwin/core-bentley";
+import { UiFramework } from "../UiFramework.js";
+import { ToolbarDragInteractionContext } from "./DragInteraction.js";
+import { isToolbarActionItem, isToolbarGroupItem, ToolbarOrientation, ToolbarUsage, } from "./ToolbarItem.js";
+import { Toolbar } from "./Toolbar.js";
+import { useActiveToolIdSynchedItems } from "./useActiveToolIdSynchedItems.js";
+import { useActiveStageProvidedToolbarItems } from "./useActiveStageProvidedToolbarItems.js";
+function addItemToSpecifiedParentGroup(items, groupChildren) {
+    const outItems = [];
+    for (const toolbarItem of items) {
+        if (!isToolbarGroupItem(toolbarItem)) {
+            outItems.push(toolbarItem);
+            continue;
+        }
+        const newChildren = addItemToSpecifiedParentGroup(toolbarItem.items, groupChildren);
+        const foundIndices = [];
+        groupChildren.forEach((entry, index) => {
+            if (entry.parentGroupItemId === toolbarItem.id) {
+                foundIndices.push(index);
+            }
+        });
+        if (foundIndices.length) {
+            // process in reverse order so groupChildren can be reduced as we find matches
+            foundIndices
+                .sort((a, b) => a - b)
+                .reverse()
+                .forEach((foundIndex) => {
+                newChildren.push(groupChildren[foundIndex]);
+                groupChildren.splice(foundIndex);
+            });
+        }
+        outItems.push({ ...toolbarItem, items: newChildren });
+    }
+    return outItems;
+}
+function cloneGroup(inGroup) {
+    const childItems = [];
+    inGroup.items.forEach((item) => {
+        if (isToolbarGroupItem(item))
+            childItems.push(cloneGroup(item));
+        else
+            childItems.push(item);
+    });
+    const clonedGroup = { ...inGroup, items: childItems };
+    return clonedGroup;
+}
+function getItemSortValue(item) {
+    const groupValue = undefined === item.groupPriority ? 0 : item.groupPriority;
+    return groupValue * 10000 + item.itemPriority;
+}
+function sortItems(items) {
+    return [...items]
+        .sort((a, b) => getItemSortValue(a) - getItemSortValue(b))
+        .map((i) => {
+        if (isToolbarGroupItem(i)) {
+            return { ...i, items: sortItems(i.items) };
+        }
+        return i;
+    });
+}
+/**
+ * Create a forEach handler that will add every element of an array of ToolbarItems
+ * to a list of items that can then be replaced in its proper place, ensuring that
+ * the same item, from different list, is not added multiple times.
+ * @param items Output list of items
+ * @param groupChildren Output list of group children to redistribute.
+ * @returns Array<ToolbarItem>.forEach handler.
+ */
+function addIfNotDuplicate(items, groupChildren) {
+    return (srcItem) => {
+        if (-1 === items.findIndex((item) => item.id === srcItem.id)) {
+            // if the default item is a group that an addon may insert into copy it so we don't mess with original
+            const toolbarItem = isToolbarGroupItem(srcItem)
+                ? cloneGroup(srcItem)
+                : srcItem;
+            if ((isToolbarGroupItem(toolbarItem) || isToolbarActionItem(toolbarItem)) &&
+                toolbarItem.parentGroupItemId)
+                groupChildren.push(toolbarItem);
+            else
+                items.push(toolbarItem);
+        }
+    };
+}
+/** local function to combine items from Stage and from Extensions */
+function combineItems(defaultItems, addonItems) {
+    let items = [];
+    const groupChildren = [];
+    defaultItems.forEach(addIfNotDuplicate(items, groupChildren));
+    addonItems.forEach(addIfNotDuplicate(items, groupChildren));
+    // if an item from an addon has specified a parent group then try to find it and insert it.  If no parent is found, add item at root level.
+    if (groupChildren.length) {
+        items = addItemToSpecifiedParentGroup(items, groupChildren);
+        groupChildren.forEach((toolbarItem) => {
+            Logger.logWarning("ToolbarComposer", `Requested Parent Group [${toolbarItem.parentGroupItemId}] not found, so item [${toolbarItem.id}] is added directly to toolbar.`);
+            items.push(toolbarItem);
+        });
+    }
+    return sortItems(items);
+}
+const useProximityOpacitySetting = () => {
+    const [proximityOpacity, setProximityOpacity] = React.useState(UiFramework.visibility.useProximityOpacity // eslint-disable-line deprecation/deprecation
+    );
+    React.useEffect(() => {
+        UiFramework.onUiVisibilityChanged.addListener(() => setProximityOpacity(UiFramework.visibility.useProximityOpacity) // eslint-disable-line deprecation/deprecation
+        );
+    }, []);
+    return proximityOpacity;
+};
+const useSnapWidgetOpacitySetting = () => {
+    const [snapWidgetOpacity, setSnapWidgetOpacity] = React.useState(UiFramework.visibility.snapWidgetOpacity);
+    React.useEffect(() => {
+        UiFramework.onUiVisibilityChanged.addListener(() => setSnapWidgetOpacity(UiFramework.visibility.snapWidgetOpacity));
+    }, []);
+    return snapWidgetOpacity;
+};
+/**
+ * Toolbar that is populated and maintained by UI item providers.
+ * @note Overrides `isActive` property based on the active tool id.
+ * @public
+ */
+// eslint-disable-next-line deprecation/deprecation
+export function ToolbarComposer(props) {
+    const { usage, orientation } = props;
+    // process items from addon UI providers
+    const addonItems = useActiveStageProvidedToolbarItems(usage, orientation);
+    const allItems = React.useMemo(() => {
+        return combineItems(props.items, addonItems);
+    }, [props.items, addonItems]);
+    const items = useActiveToolIdSynchedItems(allItems, UiFramework.frontstages);
+    const toolbarOrientation = orientation === ToolbarOrientation.Horizontal
+        ? Orientation.Horizontal
+        : Orientation.Vertical;
+    const expandsTo = toolbarOrientation === Orientation.Horizontal
+        ? Direction.Bottom
+        : usage === ToolbarUsage.ViewNavigation
+            ? Direction.Left
+            : Direction.Right;
+    const panelAlignment = toolbarOrientation === Orientation.Horizontal &&
+        usage === ToolbarUsage.ViewNavigation
+        ? ToolbarPanelAlignment.End
+        : ToolbarPanelAlignment.Start;
+    const isDragEnabled = React.useContext(ToolbarDragInteractionContext);
+    const useProximityOpacity = useProximityOpacitySetting();
+    const snapWidgetOpacity = useSnapWidgetOpacitySetting();
+    return (React.createElement(Toolbar, { enableOverflow: true, expandsTo: expandsTo, panelAlignment: panelAlignment, items: items, useDragInteraction: isDragEnabled, toolbarOpacitySetting: (useProximityOpacity || snapWidgetOpacity) &&
+            !ProcessDetector.isMobileBrowser
+            ? ToolbarOpacitySetting.Proximity
+            : ToolbarOpacitySetting.Defaults }));
+}
+//# sourceMappingURL=ToolbarComposer.js.map

package/lib/appui-react/toolbar/ToolbarComposer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarComposer.js","sourceRoot":"","sources":["../../../src/appui-react/toolbar/ToolbarComposer.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 Toolbar\n */\n\nimport * as React from \"react\";\nimport {\n  Direction,\n  Orientation,\n  ToolbarOpacitySetting,\n  ToolbarPanelAlignment,\n} from \"@itwin/components-react\";\nimport { Logger, ProcessDetector } from \"@itwin/core-bentley\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { ToolbarDragInteractionContext } from \"./DragInteraction.js\";\nimport type {\n  ToolbarActionItem,\n  ToolbarGroupItem,\n  ToolbarItem,\n} from \"./ToolbarItem.js\";\nimport {\n  isToolbarActionItem,\n  isToolbarGroupItem,\n  ToolbarOrientation,\n  ToolbarUsage,\n} from \"./ToolbarItem.js\";\nimport { Toolbar } from \"./Toolbar.js\";\nimport { useActiveToolIdSynchedItems } from \"./useActiveToolIdSynchedItems.js\";\nimport { useActiveStageProvidedToolbarItems } from \"./useActiveStageProvidedToolbarItems.js\";\n\nfunction addItemToSpecifiedParentGroup<T extends ToolbarItem>(\n  items: readonly T[],\n  groupChildren: Array<ToolbarActionItem | ToolbarGroupItem>\n): T[] {\n  const outItems: T[] = [];\n  for (const toolbarItem of items) {\n    if (!isToolbarGroupItem(toolbarItem)) {\n      outItems.push(toolbarItem);\n      continue;\n    }\n\n    const newChildren = addItemToSpecifiedParentGroup(\n      toolbarItem.items,\n      groupChildren\n    );\n    const foundIndices: number[] = [];\n\n    groupChildren.forEach((entry, index) => {\n      if (entry.parentGroupItemId === toolbarItem.id) {\n        foundIndices.push(index);\n      }\n    });\n\n    if (foundIndices.length) {\n      // process in reverse order so groupChildren can be reduced as we find matches\n      foundIndices\n        .sort((a, b) => a - b)\n        .reverse()\n        .forEach((foundIndex) => {\n          newChildren.push(groupChildren[foundIndex]);\n          groupChildren.splice(foundIndex);\n        });\n    }\n\n    outItems.push({ ...toolbarItem, items: newChildren });\n  }\n  return outItems;\n}\n\nfunction cloneGroup(inGroup: ToolbarGroupItem): ToolbarGroupItem {\n  const childItems: Array<ToolbarActionItem | ToolbarGroupItem> = [];\n  inGroup.items.forEach((item) => {\n    if (isToolbarGroupItem(item)) childItems.push(cloneGroup(item));\n    else childItems.push(item);\n  });\n\n  const clonedGroup = { ...inGroup, items: childItems };\n  return clonedGroup;\n}\n\nfunction getItemSortValue(item: ToolbarItem) {\n  const groupValue = undefined === item.groupPriority ? 0 : item.groupPriority;\n  return groupValue * 10000 + item.itemPriority;\n}\n\nfunction sortItems(items: ReadonlyArray<ToolbarItem>): ToolbarItem[] {\n  return [...items]\n    .sort((a, b) => getItemSortValue(a) - getItemSortValue(b))\n    .map((i) => {\n      if (isToolbarGroupItem(i)) {\n        return { ...i, items: sortItems(i.items) };\n      }\n      return i;\n    });\n}\n\n/**\n * Create a forEach handler that will add every element of an array of ToolbarItems\n * to a list of items that can then be replaced in its proper place, ensuring that\n * the same item, from different list, is not added multiple times.\n * @param items Output list of items\n * @param groupChildren Output list of group children to redistribute.\n * @returns Array<ToolbarItem>.forEach handler.\n */\nfunction addIfNotDuplicate(\n  items: ToolbarItem[],\n  groupChildren: (ToolbarActionItem | ToolbarGroupItem)[]\n): (value: ToolbarItem) => void {\n  return (srcItem: ToolbarItem) => {\n    if (-1 === items.findIndex((item) => item.id === srcItem.id)) {\n      // if the default item is a group that an addon may insert into copy it so we don't mess with original\n      const toolbarItem = isToolbarGroupItem(srcItem)\n        ? cloneGroup(srcItem)\n        : srcItem;\n      if (\n        (isToolbarGroupItem(toolbarItem) || isToolbarActionItem(toolbarItem)) &&\n        toolbarItem.parentGroupItemId\n      )\n        groupChildren.push(toolbarItem);\n      else items.push(toolbarItem);\n    }\n  };\n}\n\n/** local function to combine items from Stage and from Extensions */\nfunction combineItems(\n  defaultItems: ReadonlyArray<ToolbarItem>,\n  addonItems: ReadonlyArray<ToolbarItem>\n): ToolbarItem[] {\n  let items: ToolbarItem[] = [];\n  const groupChildren: Array<ToolbarActionItem | ToolbarGroupItem> = [];\n\n  defaultItems.forEach(addIfNotDuplicate(items, groupChildren));\n  addonItems.forEach(addIfNotDuplicate(items, groupChildren));\n\n  // if an item from an addon has specified a parent group then try to find it and insert it.  If no parent is found, add item at root level.\n  if (groupChildren.length) {\n    items = addItemToSpecifiedParentGroup(items, groupChildren);\n\n    groupChildren.forEach((toolbarItem) => {\n      Logger.logWarning(\n        \"ToolbarComposer\",\n        `Requested Parent Group [${toolbarItem.parentGroupItemId!}] not found, so item [${\n          toolbarItem.id\n        }] is added directly to toolbar.`\n      );\n      items.push(toolbarItem);\n    });\n  }\n\n  return sortItems(items);\n}\n\nconst useProximityOpacitySetting = () => {\n  const [proximityOpacity, setProximityOpacity] = React.useState(\n    UiFramework.visibility.useProximityOpacity // eslint-disable-line deprecation/deprecation\n  );\n\n  React.useEffect(() => {\n    UiFramework.onUiVisibilityChanged.addListener(\n      () => setProximityOpacity(UiFramework.visibility.useProximityOpacity) // eslint-disable-line deprecation/deprecation\n    );\n  }, []);\n\n  return proximityOpacity;\n};\n\nconst useSnapWidgetOpacitySetting = () => {\n  const [snapWidgetOpacity, setSnapWidgetOpacity] = React.useState(\n    UiFramework.visibility.snapWidgetOpacity\n  );\n\n  React.useEffect(() => {\n    UiFramework.onUiVisibilityChanged.addListener(() =>\n      setSnapWidgetOpacity(UiFramework.visibility.snapWidgetOpacity)\n    );\n  }, []);\n\n  return snapWidgetOpacity;\n};\n\n/** Properties for the [[ToolbarComposer]] React components\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ToolbarComposer>`\n */\nexport interface ExtensibleToolbarProps {\n  /** Toolbar items. */\n  items: ToolbarItem[];\n  /** Toolbar usage based on which additional toolbar items are added from UI item providers. */\n  usage: ToolbarUsage;\n  /** Toolbar orientation. */\n  orientation: ToolbarOrientation;\n}\n\n/**\n * Toolbar that is populated and maintained by UI item providers.\n * @note Overrides `isActive` property based on the active tool id.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function ToolbarComposer(props: ExtensibleToolbarProps) {\n  const { usage, orientation } = props;\n\n  // process items from addon UI providers\n  const addonItems = useActiveStageProvidedToolbarItems(usage, orientation);\n\n  const allItems = React.useMemo(() => {\n    return combineItems(props.items, addonItems);\n  }, [props.items, addonItems]);\n\n  const items = useActiveToolIdSynchedItems(allItems, UiFramework.frontstages);\n\n  const toolbarOrientation =\n    orientation === ToolbarOrientation.Horizontal\n      ? Orientation.Horizontal\n      : Orientation.Vertical;\n  const expandsTo =\n    toolbarOrientation === Orientation.Horizontal\n      ? Direction.Bottom\n      : usage === ToolbarUsage.ViewNavigation\n      ? Direction.Left\n      : Direction.Right;\n  const panelAlignment =\n    toolbarOrientation === Orientation.Horizontal &&\n    usage === ToolbarUsage.ViewNavigation\n      ? ToolbarPanelAlignment.End\n      : ToolbarPanelAlignment.Start;\n  const isDragEnabled = React.useContext(ToolbarDragInteractionContext);\n  const useProximityOpacity = useProximityOpacitySetting();\n  const snapWidgetOpacity = useSnapWidgetOpacitySetting();\n\n  return (\n    <Toolbar\n      enableOverflow={true}\n      expandsTo={expandsTo}\n      panelAlignment={panelAlignment}\n      items={items}\n      useDragInteraction={isDragEnabled}\n      toolbarOpacitySetting={\n        (useProximityOpacity || snapWidgetOpacity) &&\n        !ProcessDetector.isMobileBrowser\n          ? ToolbarOpacitySetting.Proximity\n          : ToolbarOpacitySetting.Defaults\n      }\n    />\n  );\n}\n"]}