@itwin/appui-react 4.9.0-dev.1 → 4.10.0-dev.1

package/lib/esm/appui-react/hooks/useScheduleAnimationDataProvider.js

@@ -10,29 +10,25 @@ import { ScheduleAnimationTimelineDataProvider } from "../timeline/ScheduleAnima
 /** @internal */
 // istanbul ignore next
 function useSupportsScheduleScript(viewport) {
-    var _a;
-    const [supportsScheduleScript, setSupportsScheduleScript] = React.useState(!!((_a = viewport === null || viewport === void 0 ? void 0 : viewport.view) === null || _a === void 0 ? void 0 : _a.scheduleScript));
+    const [supportsScheduleScript, setSupportsScheduleScript] = React.useState(!!viewport?.view?.scheduleScript);
     React.useEffect(() => {
-        var _a;
-        setSupportsScheduleScript(!!((_a = viewport === null || viewport === void 0 ? void 0 : viewport.view) === null || _a === void 0 ? void 0 : _a.scheduleScript));
+        setSupportsScheduleScript(!!viewport?.view?.scheduleScript);
     }, [viewport]);
     React.useEffect(() => {
         const handleViewChanged = (vp) => {
-            var _a;
-            const hasScheduleScript = !!((_a = vp === null || vp === void 0 ? void 0 : vp.view) === null || _a === void 0 ? void 0 : _a.scheduleScript);
+            const hasScheduleScript = !!vp?.view?.scheduleScript;
             if (hasScheduleScript !== supportsScheduleScript)
                 setSupportsScheduleScript(hasScheduleScript);
         };
-        return viewport === null || viewport === void 0 ? void 0 : viewport.onChangeView.addListener(handleViewChanged);
+        return viewport?.onChangeView.addListener(handleViewChanged);
     }, [supportsScheduleScript, viewport]);
     React.useEffect(() => {
         const handleDisplayStyleChange = (vp) => {
-            var _a;
-            const hasScheduleScript = !!((_a = vp === null || vp === void 0 ? void 0 : vp.view) === null || _a === void 0 ? void 0 : _a.scheduleScript);
+            const hasScheduleScript = !!vp?.view?.scheduleScript;
             if (hasScheduleScript !== supportsScheduleScript)
                 setSupportsScheduleScript(hasScheduleScript);
         };
-        return viewport === null || viewport === void 0 ? void 0 : viewport.onDisplayStyleChanged.addListener(handleDisplayStyleChange);
+        return viewport?.onDisplayStyleChanged.addListener(handleDisplayStyleChange);
     }, [viewport, supportsScheduleScript]);
     return supportsScheduleScript;
 }
@@ -53,7 +49,7 @@ export function useScheduleAnimationDataProvider(viewport) {
     React.useEffect(() => {
         async function fetchNewDataProvider(vp) {
             let newProvider = new ScheduleAnimationTimelineDataProvider(vp.view, vp);
-            if (newProvider === null || newProvider === void 0 ? void 0 : newProvider.supportsTimelineAnimation) {
+            if (newProvider?.supportsTimelineAnimation) {
                 const dataLoaded = await newProvider.loadTimelineData();
                 if (!dataLoaded)
                     newProvider = undefined;

package/lib/esm/appui-react/hooks/useScheduleAnimationDataProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScheduleAnimationDataProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useScheduleAnimationDataProvider.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 Hooks\n */\n\nimport * as React from \"react\";\nimport { ScheduleAnimationTimelineDataProvider } from \"../timeline/ScheduleAnimationProvider\";\nimport type { ScreenViewport, Viewport } from \"@itwin/core-frontend\";\n\n/** @internal */\n// istanbul ignore next\nfunction useSupportsScheduleScript(viewport: Viewport | undefined) {\n  const [supportsScheduleScript, setSupportsScheduleScript] = React.useState(\n    !!viewport?.view?.scheduleScript\n  );\n\n  React.useEffect(() => {\n    setSupportsScheduleScript(!!viewport?.view?.scheduleScript);\n  }, [viewport]);\n\n  React.useEffect(() => {\n    const handleViewChanged = (vp: Viewport): void => {\n      const hasScheduleScript = !!vp?.view?.scheduleScript;\n      if (hasScheduleScript !== supportsScheduleScript)\n        setSupportsScheduleScript(hasScheduleScript);\n    };\n    return viewport?.onChangeView.addListener(handleViewChanged);\n  }, [supportsScheduleScript, viewport]);\n\n  React.useEffect(() => {\n    const handleDisplayStyleChange = (vp: Viewport): void => {\n      const hasScheduleScript = !!vp?.view?.scheduleScript;\n      if (hasScheduleScript !== supportsScheduleScript)\n        setSupportsScheduleScript(hasScheduleScript);\n    };\n    return viewport?.onDisplayStyleChanged.addListener(\n      handleDisplayStyleChange\n    );\n  }, [viewport, supportsScheduleScript]);\n  return supportsScheduleScript;\n}\n\n/** Hook that returns either a ScheduleAnimationTimelineDataProvider or undefined based on if the supplied viewport contains schedule script.\n * @public\n **/\n// istanbul ignore next\nexport function useScheduleAnimationDataProvider(\n  viewport: ScreenViewport | undefined\n) {\n  const supportsScheduleScript = useSupportsScheduleScript(viewport);\n  const [\n    scheduleAnimationTimelineDataProvider,\n    setScheduleAnimationTimelineDataProvider,\n  ] = React.useState<ScheduleAnimationTimelineDataProvider | undefined>();\n  const isMountedRef = React.useRef(false);\n\n  React.useEffect(() => {\n    isMountedRef.current = true;\n    return () => {\n      isMountedRef.current = false;\n    };\n  }, []);\n\n  React.useEffect(() => {\n    async function fetchNewDataProvider(vp: ScreenViewport) {\n      let newProvider: ScheduleAnimationTimelineDataProvider | undefined =\n        new ScheduleAnimationTimelineDataProvider(vp.view, vp);\n      if (newProvider?.supportsTimelineAnimation) {\n        const dataLoaded = await newProvider.loadTimelineData();\n        if (!dataLoaded) newProvider = undefined;\n      }\n      isMountedRef.current &&\n        setScheduleAnimationTimelineDataProvider(newProvider);\n    }\n    if (supportsScheduleScript && viewport) void fetchNewDataProvider(viewport);\n    else\n      isMountedRef.current &&\n        setScheduleAnimationTimelineDataProvider(undefined);\n  }, [supportsScheduleScript, viewport]);\n\n  return scheduleAnimationTimelineDataProvider;\n}\n"]}
+{"version":3,"file":"useScheduleAnimationDataProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useScheduleAnimationDataProvider.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 Hooks\n */\n\nimport * as React from \"react\";\nimport { ScheduleAnimationTimelineDataProvider } from \"../timeline/ScheduleAnimationProvider\";\nimport type { ScreenViewport, Viewport } from \"@itwin/core-frontend\";\n\n/** @internal */\n// istanbul ignore next\nfunction useSupportsScheduleScript(viewport: Viewport | undefined) {\n  const [supportsScheduleScript, setSupportsScheduleScript] = React.useState(\n    !!viewport?.view?.scheduleScript\n  );\n\n  React.useEffect(() => {\n    setSupportsScheduleScript(!!viewport?.view?.scheduleScript);\n  }, [viewport]);\n\n  React.useEffect(() => {\n    const handleViewChanged = (vp: Viewport): void => {\n      const hasScheduleScript = !!vp?.view?.scheduleScript;\n      if (hasScheduleScript !== supportsScheduleScript)\n        setSupportsScheduleScript(hasScheduleScript);\n    };\n    return viewport?.onChangeView.addListener(handleViewChanged);\n  }, [supportsScheduleScript, viewport]);\n\n  React.useEffect(() => {\n    const handleDisplayStyleChange = (vp: Viewport): void => {\n      const hasScheduleScript = !!vp?.view?.scheduleScript;\n      if (hasScheduleScript !== supportsScheduleScript)\n        setSupportsScheduleScript(hasScheduleScript);\n    };\n    return viewport?.onDisplayStyleChanged.addListener(\n      handleDisplayStyleChange\n    );\n  }, [viewport, supportsScheduleScript]);\n  return supportsScheduleScript;\n}\n\n/** Hook that returns either a ScheduleAnimationTimelineDataProvider or undefined based on if the supplied viewport contains schedule script.\n * @public\n **/\n// istanbul ignore next\nexport function useScheduleAnimationDataProvider(\n  viewport: ScreenViewport | undefined\n) {\n  const supportsScheduleScript = useSupportsScheduleScript(viewport);\n  const [\n    scheduleAnimationTimelineDataProvider,\n    setScheduleAnimationTimelineDataProvider,\n  ] = React.useState<ScheduleAnimationTimelineDataProvider | undefined>();\n  const isMountedRef = React.useRef(false);\n\n  React.useEffect(() => {\n    isMountedRef.current = true;\n    return () => {\n      isMountedRef.current = false;\n    };\n  }, []);\n\n  React.useEffect(() => {\n    async function fetchNewDataProvider(vp: ScreenViewport) {\n      let newProvider: ScheduleAnimationTimelineDataProvider | undefined =\n        new ScheduleAnimationTimelineDataProvider(vp.view, vp);\n      if (newProvider?.supportsTimelineAnimation) {\n        const dataLoaded = await newProvider.loadTimelineData();\n        if (!dataLoaded) newProvider = undefined;\n      }\n      isMountedRef.current &&\n        setScheduleAnimationTimelineDataProvider(newProvider);\n    }\n    if (supportsScheduleScript && viewport) void fetchNewDataProvider(viewport);\n    else\n      isMountedRef.current &&\n        setScheduleAnimationTimelineDataProvider(undefined);\n  }, [supportsScheduleScript, viewport]);\n\n  return scheduleAnimationTimelineDataProvider;\n}\n"]}

package/lib/esm/appui-react/hooks/useSolarDataProvider.js

@@ -11,41 +11,36 @@ import { SolarTimelineDataProvider } from "../timeline/SolarTimelineDataProvider
 /** @internal */
 // istanbul ignore next
 function useSupportsShadowDisplay(viewport) {
-    var _a;
-    const [supportsShadows, setSupportsShadows] = React.useState(!!((_a = viewport === null || viewport === void 0 ? void 0 : viewport.displayStyle) === null || _a === void 0 ? void 0 : _a.wantShadows) &&
+    const [supportsShadows, setSupportsShadows] = React.useState(!!viewport?.displayStyle?.wantShadows &&
         !!IModelApp.renderSystem.options.displaySolarShadows);
     React.useEffect(() => {
-        var _a;
-        setSupportsShadows(!!((_a = viewport === null || viewport === void 0 ? void 0 : viewport.displayStyle) === null || _a === void 0 ? void 0 : _a.wantShadows) &&
+        setSupportsShadows(!!viewport?.displayStyle?.wantShadows &&
             !!IModelApp.renderSystem.options.displaySolarShadows);
     }, [viewport]);
     React.useEffect(() => {
         const handleViewChanged = (vp) => {
-            var _a;
-            setSupportsShadows(!!((_a = vp === null || vp === void 0 ? void 0 : vp.displayStyle) === null || _a === void 0 ? void 0 : _a.wantShadows) &&
+            setSupportsShadows(!!vp?.displayStyle?.wantShadows &&
                 !!IModelApp.renderSystem.options.displaySolarShadows);
         };
-        return viewport === null || viewport === void 0 ? void 0 : viewport.onChangeView.addListener(handleViewChanged);
+        return viewport?.onChangeView.addListener(handleViewChanged);
     }, [viewport]);
     React.useEffect(() => {
         const handleViewChanged = (vp) => {
-            var _a;
-            const wantShadows = !!((_a = vp.displayStyle) === null || _a === void 0 ? void 0 : _a.wantShadows) &&
+            const wantShadows = !!vp.displayStyle?.wantShadows &&
                 !!IModelApp.renderSystem.options.displaySolarShadows;
             if (wantShadows !== supportsShadows)
                 setSupportsShadows(wantShadows);
         };
-        return viewport === null || viewport === void 0 ? void 0 : viewport.onChangeView.addListener(handleViewChanged);
+        return viewport?.onChangeView.addListener(handleViewChanged);
     }, [viewport, supportsShadows]);
     React.useEffect(() => {
         const handleDisplayStyleChange = (vp) => {
-            var _a;
-            const wantShadows = !!((_a = vp.displayStyle) === null || _a === void 0 ? void 0 : _a.wantShadows) &&
+            const wantShadows = !!vp.displayStyle?.wantShadows &&
                 !!IModelApp.renderSystem.options.displaySolarShadows;
             if (wantShadows !== supportsShadows)
                 setSupportsShadows(wantShadows);
         };
-        return viewport === null || viewport === void 0 ? void 0 : viewport.onDisplayStyleChanged.addListener(handleDisplayStyleChange);
+        return viewport?.onDisplayStyleChanged.addListener(handleDisplayStyleChange);
     }, [viewport, supportsShadows]);
     return supportsShadows;
 }

package/lib/esm/appui-react/hooks/useSolarDataProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSolarDataProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useSolarDataProvider.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 Hooks\n */\n\nimport * as React from \"react\";\nimport type { SolarDataProvider } from \"@itwin/imodel-components-react\";\nimport type { ScreenViewport, Viewport } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { SolarTimelineDataProvider } from \"../timeline/SolarTimelineDataProvider\";\n\n/** @internal */\n// istanbul ignore next\nfunction useSupportsShadowDisplay(viewport: ScreenViewport | undefined) {\n  const [supportsShadows, setSupportsShadows] = React.useState(\n    !!viewport?.displayStyle?.wantShadows &&\n      !!IModelApp.renderSystem.options.displaySolarShadows\n  );\n\n  React.useEffect(() => {\n    setSupportsShadows(\n      !!viewport?.displayStyle?.wantShadows &&\n        !!IModelApp.renderSystem.options.displaySolarShadows\n    );\n  }, [viewport]);\n\n  React.useEffect(() => {\n    const handleViewChanged = (vp: Viewport): void => {\n      setSupportsShadows(\n        !!vp?.displayStyle?.wantShadows &&\n          !!IModelApp.renderSystem.options.displaySolarShadows\n      );\n    };\n    return viewport?.onChangeView.addListener(handleViewChanged);\n  }, [viewport]);\n\n  React.useEffect(() => {\n    const handleViewChanged = (vp: Viewport): void => {\n      const wantShadows =\n        !!vp.displayStyle?.wantShadows &&\n        !!IModelApp.renderSystem.options.displaySolarShadows;\n      if (wantShadows !== supportsShadows) setSupportsShadows(wantShadows);\n    };\n    return viewport?.onChangeView.addListener(handleViewChanged);\n  }, [viewport, supportsShadows]);\n\n  React.useEffect(() => {\n    const handleDisplayStyleChange = (vp: Viewport): void => {\n      const wantShadows =\n        !!vp.displayStyle?.wantShadows &&\n        !!IModelApp.renderSystem.options.displaySolarShadows;\n      if (wantShadows !== supportsShadows) setSupportsShadows(wantShadows);\n    };\n    return viewport?.onDisplayStyleChanged.addListener(\n      handleDisplayStyleChange\n    );\n  }, [viewport, supportsShadows]);\n\n  return supportsShadows;\n}\n\n/** Hook that returns either a SolarTimelineDataProvider or undefined based on if the supplied viewport's display style is set to display shadows.\n * @beta\n **/\n// istanbul ignore next\nexport function useSolarDataProvider(\n  viewport: ScreenViewport | undefined\n): SolarDataProvider | undefined {\n  const supportsShadowDisplay = useSupportsShadowDisplay(viewport);\n  const [solarDataProvider, setSolarDataProvider] = React.useState(() => {\n    return supportsShadowDisplay && viewport\n      ? new SolarTimelineDataProvider(viewport.view, viewport)\n      : undefined;\n  });\n\n  React.useEffect(() => {\n    const newSolarDataProvider =\n      supportsShadowDisplay && viewport\n        ? new SolarTimelineDataProvider(viewport.view, viewport)\n        : undefined;\n    setSolarDataProvider(newSolarDataProvider);\n  }, [supportsShadowDisplay, viewport]);\n\n  return solarDataProvider;\n}\n"]}
+{"version":3,"file":"useSolarDataProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useSolarDataProvider.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 Hooks\n */\n\nimport * as React from \"react\";\nimport type { SolarDataProvider } from \"@itwin/imodel-components-react\";\nimport type { ScreenViewport, Viewport } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { SolarTimelineDataProvider } from \"../timeline/SolarTimelineDataProvider\";\n\n/** @internal */\n// istanbul ignore next\nfunction useSupportsShadowDisplay(viewport: ScreenViewport | undefined) {\n  const [supportsShadows, setSupportsShadows] = React.useState(\n    !!viewport?.displayStyle?.wantShadows &&\n      !!IModelApp.renderSystem.options.displaySolarShadows\n  );\n\n  React.useEffect(() => {\n    setSupportsShadows(\n      !!viewport?.displayStyle?.wantShadows &&\n        !!IModelApp.renderSystem.options.displaySolarShadows\n    );\n  }, [viewport]);\n\n  React.useEffect(() => {\n    const handleViewChanged = (vp: Viewport): void => {\n      setSupportsShadows(\n        !!vp?.displayStyle?.wantShadows &&\n          !!IModelApp.renderSystem.options.displaySolarShadows\n      );\n    };\n    return viewport?.onChangeView.addListener(handleViewChanged);\n  }, [viewport]);\n\n  React.useEffect(() => {\n    const handleViewChanged = (vp: Viewport): void => {\n      const wantShadows =\n        !!vp.displayStyle?.wantShadows &&\n        !!IModelApp.renderSystem.options.displaySolarShadows;\n      if (wantShadows !== supportsShadows) setSupportsShadows(wantShadows);\n    };\n    return viewport?.onChangeView.addListener(handleViewChanged);\n  }, [viewport, supportsShadows]);\n\n  React.useEffect(() => {\n    const handleDisplayStyleChange = (vp: Viewport): void => {\n      const wantShadows =\n        !!vp.displayStyle?.wantShadows &&\n        !!IModelApp.renderSystem.options.displaySolarShadows;\n      if (wantShadows !== supportsShadows) setSupportsShadows(wantShadows);\n    };\n    return viewport?.onDisplayStyleChanged.addListener(\n      handleDisplayStyleChange\n    );\n  }, [viewport, supportsShadows]);\n\n  return supportsShadows;\n}\n\n/** Hook that returns either a SolarTimelineDataProvider or undefined based on if the supplied viewport's display style is set to display shadows.\n * @beta\n **/\n// istanbul ignore next\nexport function useSolarDataProvider(\n  viewport: ScreenViewport | undefined\n): SolarDataProvider | undefined {\n  const supportsShadowDisplay = useSupportsShadowDisplay(viewport);\n  const [solarDataProvider, setSolarDataProvider] = React.useState(() => {\n    return supportsShadowDisplay && viewport\n      ? new SolarTimelineDataProvider(viewport.view, viewport)\n      : undefined;\n  });\n\n  React.useEffect(() => {\n    const newSolarDataProvider =\n      supportsShadowDisplay && viewport\n        ? new SolarTimelineDataProvider(viewport.view, viewport)\n        : undefined;\n    setSolarDataProvider(newSolarDataProvider);\n  }, [supportsShadowDisplay, viewport]);\n\n  return solarDataProvider;\n}\n"]}

package/lib/esm/appui-react/layout/_prefix.scss

@@ -0,0 +1,33 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@mixin nz-backface-visibility($value) {
+  -webkit-backface-visibility: $value;
+  -moz-backface-visibility: $value;
+  backface-visibility: $value;
+}
+
+@mixin nz-transition($value) {
+  -webkit-transition: $value;
+  -moz-transition: $value;
+  -o-transition: $value;
+  transition: $value;
+}
+
+@mixin nz-transform($value) {
+  -moz-transform: $value;
+  -webkit-transform: $value;
+  transform: $value;
+}
+
+@mixin nz-border-radius($value) {
+  -webkit-border-radius: $value;
+  -moz-border-radius: $value;
+  border-radius: $value;
+}
+
+@mixin nz-cursor-grabbing() {
+  cursor: -webkit-grabbing;
+  cursor: grabbing;
+}

package/lib/esm/appui-react/layout/_safearea.scss

@@ -0,0 +1,26 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@mixin nz-safe-area-left($property: padding-left) {
+  @include nz-internal-safe-area($property, safe-area-inset-left);
+}
+
+@mixin nz-safe-area-top($property: padding-top) {
+  @include nz-internal-safe-area($property, safe-area-inset-top);
+}
+
+@mixin nz-safe-area-right($property: padding-right) {
+  @include nz-internal-safe-area($property, safe-area-inset-right);
+}
+
+@mixin nz-safe-area-bottom($property: padding-bottom) {
+  @include nz-internal-safe-area($property, safe-area-inset-bottom);
+}
+
+@mixin nz-internal-safe-area($property, $variable) {
+  /* iOS 11 */
+  #{$property}: constant($variable);
+  /* iOS 11.2+ */
+  #{$property}: env($variable);
+}

package/lib/esm/appui-react/layout/_scrollbar.scss

@@ -0,0 +1,20 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/scrollbar";
+
+$nz-scrollbar-width: 12px;
+$nz-scrollbar-padding: 2px;
+
+@mixin nz-scrollbar(
+  $color: $buic-background-scrollbar,
+  $width: $nz-scrollbar-width,
+  $padding: $nz-scrollbar-padding
+) {
+  @include uicore-scrollbar($color, $width, $padding);
+}
+
+@mixin nz-hidden-scrollbar {
+  @include uicore-hidden-scrollbar;
+}

package/lib/esm/appui-react/layout/_target.scss

@@ -0,0 +1,10 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@mixin nz-internal-targeted {
+  &:hover,
+  &.nz-targeted {
+    @content;
+  }
+}

package/lib/esm/appui-react/layout/_widgetopacity.scss

@@ -0,0 +1,13 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+
+@mixin nz-widget-opacity {
+  opacity: $buic-widget-opacity;
+
+  &:hover {
+    opacity: 1;
+  }
+}

package/lib/esm/appui-react/layout/backstage/Backstage.d.ts

@@ -0,0 +1,42 @@
+/** @packageDocumentation
+ * @module Backstage
+ */
+import type { CommonProps } from "@itwin/core-react";
+import * as React from "react";
+import type { SafeAreaInsets } from "../../safearea/SafeAreaInsets";
+import "./Backstage.scss";
+/** Properties of [[Backstage]] component.
+ * @internal
+ */
+export interface BackstageProps extends CommonProps {
+    /** Backstage items and separators. I.e. [[BackstageItem]], [[BackstageSeparator]] */
+    children?: React.ReactNode;
+    /** Optional footer content. */
+    footer?: React.ReactNode;
+    /** Optional header content. I.e. [[UserProfile]] */
+    header?: React.ReactNode;
+    /** Describes if the backstage is open. */
+    isOpen?: boolean;
+    /** Function called when backstage is closed. */
+    onClose?: () => void;
+    /** Describes respected safe area insets. */
+    safeAreaInsets?: SafeAreaInsets;
+    /** Describes if a ghosting overlay is shown. */
+    showOverlay: boolean;
+}
+/** Default properties of [[Backstage]] component.
+ * @internal
+ */
+export type BackstageDefaultProps = Pick<BackstageProps, "showOverlay">;
+/** Backstage component of 9-Zone UI app.
+ * @internal
+ */
+export declare class Backstage extends React.PureComponent<BackstageProps> {
+    static readonly defaultProps: BackstageDefaultProps;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    private _onClose;
+    private _onEsc;
+}
+//# sourceMappingURL=Backstage.d.ts.map

package/lib/esm/appui-react/layout/backstage/Backstage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Backstage.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/backstage/Backstage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,OAAO,kBAAkB,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,qFAAqF;IACrF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+BAA+B;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,oDAAoD;IACpD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gDAAgD;IAChD,WAAW,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC;AAExE;;GAEG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;IAChE,gBAAuB,YAAY,EAAE,qBAAqB,CAExD;IAEc,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB;IAIpB,MAAM;IAiCtB,OAAO,CAAC,QAAQ,CAEd;IAEF,OAAO,CAAC,MAAM,CAIZ;CACH"}

package/lib/esm/appui-react/layout/backstage/Backstage.js

@@ -0,0 +1,50 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Backstage
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { Key } from "ts-key-enum";
+import { SafeAreaInsetsHelpers } from "../base/SafeAreaInsets";
+import "./Backstage.scss";
+/** Backstage component of 9-Zone UI app.
+ * @internal
+ */
+class Backstage extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._onClose = () => {
+            this.props.onClose && this.props.onClose();
+        };
+        this._onEsc = (event) => {
+            if (this.props.isOpen && event.key === Key.Escape) {
+                this._onClose();
+            }
+        };
+    }
+    componentDidMount() {
+        document.addEventListener("keydown", this._onEsc, false);
+    }
+    componentWillUnmount() {
+        document.removeEventListener("keydown", this._onEsc, false);
+    }
+    render() {
+        const overlayClassName = classnames("nz-backstage-backstage_overlay", this.props.isOpen && "nz-open", this.props.showOverlay && "nz-overlay");
+        const backstageClassName = classnames("nz-backstage-backstage", this.props.isOpen && "nz-open", this.props.safeAreaInsets &&
+            SafeAreaInsetsHelpers.getCssClassNames(this.props.safeAreaInsets), this.props.className);
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: overlayClassName, onClick: this._onClose, role: "presentation" }),
+            React.createElement("div", { className: backstageClassName, style: this.props.style },
+                this.props.header && (React.createElement("div", { className: "nz-header" }, this.props.header)),
+                React.createElement("ul", { role: "menu" }, this.props.children),
+                this.props.footer && (React.createElement("div", { className: "nz-footer" }, this.props.footer)))));
+    }
+}
+Backstage.defaultProps = {
+    showOverlay: true,
+};
+export { Backstage };
+//# sourceMappingURL=Backstage.js.map

package/lib/esm/appui-react/layout/backstage/Backstage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Backstage.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/backstage/Backstage.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,kBAAkB,CAAC;AA2B1B;;GAEG;AACH,MAAa,SAAU,SAAQ,KAAK,CAAC,aAA6B;IAAlE;;QA8CU,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QAC7C,CAAC,CAAC;QAEM,WAAM,GAAG,CAAC,KAAoB,EAAQ,EAAE;YAC9C,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,EAAE;gBACjD,IAAI,CAAC,QAAQ,EAAE,CAAC;aACjB;QACH,CAAC,CAAC;IACJ,CAAC;IAlDiB,iBAAiB;QAC/B,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3D,CAAC;IAEe,oBAAoB;QAClC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC9D,CAAC;IAEe,MAAM;QACpB,MAAM,gBAAgB,GAAG,UAAU,CACjC,gCAAgC,EAChC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,EAC9B,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,YAAY,CACvC,CAAC;QACF,MAAM,kBAAkB,GAAG,UAAU,CACnC,wBAAwB,EACxB,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,EAC9B,IAAI,CAAC,KAAK,CAAC,cAAc;YACvB,qBAAqB,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EACnE,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,OAAO,CACL;YACE,6BACE,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,IAAI,EAAC,cAAc,GACnB;YACF,6BAAK,SAAS,EAAE,kBAAkB,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;gBACxD,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CACpB,6BAAK,SAAS,EAAC,WAAW,IAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAO,CACrD;gBACD,4BAAI,IAAI,EAAC,MAAM,IAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAM;gBACzC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CACpB,6BAAK,SAAS,EAAC,WAAW,IAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAO,CACrD,CACG,CACL,CACJ,CAAC;IACJ,CAAC;;AA3CsB,sBAAY,GAA0B;IAC3D,WAAW,EAAE,IAAI;CAClB,AAFkC,CAEjC;SAHS,SAAS","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 Backstage\n */\n\nimport type { CommonProps } from \"@itwin/core-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type { SafeAreaInsets } from \"../../safearea/SafeAreaInsets\";\nimport { SafeAreaInsetsHelpers } from \"../base/SafeAreaInsets\";\nimport \"./Backstage.scss\";\n\n/** Properties of [[Backstage]] component.\n * @internal\n */\nexport interface BackstageProps extends CommonProps {\n  /** Backstage items and separators. I.e. [[BackstageItem]], [[BackstageSeparator]] */\n  children?: React.ReactNode;\n  /** Optional footer content. */\n  footer?: React.ReactNode;\n  /** Optional header content. I.e. [[UserProfile]] */\n  header?: React.ReactNode;\n  /** Describes if the backstage is open. */\n  isOpen?: boolean;\n  /** Function called when backstage is closed. */\n  onClose?: () => void;\n  /** Describes respected safe area insets. */\n  safeAreaInsets?: SafeAreaInsets;\n  /** Describes if a ghosting overlay is shown. */\n  showOverlay: boolean;\n}\n\n/** Default properties of [[Backstage]] component.\n * @internal\n */\nexport type BackstageDefaultProps = Pick<BackstageProps, \"showOverlay\">;\n\n/** Backstage component of 9-Zone UI app.\n * @internal\n */\nexport class Backstage extends React.PureComponent<BackstageProps> {\n  public static readonly defaultProps: BackstageDefaultProps = {\n    showOverlay: true,\n  };\n\n  public override componentDidMount(): void {\n    document.addEventListener(\"keydown\", this._onEsc, false);\n  }\n\n  public override componentWillUnmount() {\n    document.removeEventListener(\"keydown\", this._onEsc, false);\n  }\n\n  public override render() {\n    const overlayClassName = classnames(\n      \"nz-backstage-backstage_overlay\",\n      this.props.isOpen && \"nz-open\",\n      this.props.showOverlay && \"nz-overlay\"\n    );\n    const backstageClassName = classnames(\n      \"nz-backstage-backstage\",\n      this.props.isOpen && \"nz-open\",\n      this.props.safeAreaInsets &&\n        SafeAreaInsetsHelpers.getCssClassNames(this.props.safeAreaInsets),\n      this.props.className\n    );\n    return (\n      <>\n        <div\n          className={overlayClassName}\n          onClick={this._onClose}\n          role=\"presentation\"\n        />\n        <div className={backstageClassName} style={this.props.style}>\n          {this.props.header && (\n            <div className=\"nz-header\">{this.props.header}</div>\n          )}\n          <ul role=\"menu\">{this.props.children}</ul>\n          {this.props.footer && (\n            <div className=\"nz-footer\">{this.props.footer}</div>\n          )}\n        </div>\n      </>\n    );\n  }\n\n  private _onClose = () => {\n    this.props.onClose && this.props.onClose();\n  };\n\n  private _onEsc = (event: KeyboardEvent): void => {\n    if (this.props.isOpen && event.key === Key.Escape) {\n      this._onClose();\n    }\n  };\n}\n"]}

package/lib/esm/appui-react/layout/backstage/Backstage.scss

@@ -0,0 +1,90 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+@import "~@itwin/core-react/lib/cjs/core-react/style/breakpoints";
+@import "../prefix";
+@import "../safearea";
+@import "../scrollbar";
+@import "variables";
+
+.nz-backstage-backstage {
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: $nz-backstage-width;
+  height: 100%;
+  font-size: $nz-backstage-item-font-size;
+  color: var(--iui-color-text);
+  background-color: var(--iui-color-background);
+  border-right: 1px solid var(--iui-color-border);
+  transform: translateX(-100%);
+  box-sizing: border-box;
+
+  @include uicore-z-index(backstage);
+  @include nz-transition(transform 0.25s ease);
+
+  &.nz-open {
+    @include nz-transform(translateX(0%));
+  }
+
+  @include for-tablet-landscape-down {
+    font-size: var(--iui-font-size-1);
+  }
+
+  @include for-phone-only {
+    font-size: var(--iui-font-size-0);
+  }
+
+  > ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    overflow: auto;
+
+    @include nz-scrollbar;
+  }
+
+  > .nz-header {
+    border-bottom: $nz-backstage-header-divider-width solid
+      var(--iui-color-border-subtle);
+  }
+
+  > .nz-footer {
+    margin-top: auto;
+  }
+
+  &.nz-safe-area-top {
+    @include nz-safe-area-top;
+  }
+
+  &.nz-safe-area-bottom {
+    @include nz-safe-area-bottom;
+  }
+}
+
+.nz-backstage-backstage_overlay {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+  opacity: 0;
+  visibility: hidden;
+  background: transparent;
+  @include uicore-z-index(backstage);
+  @include nz-transition(0.25s ease);
+
+  &.nz-open {
+    visibility: visible;
+    opacity: 1;
+  }
+
+  &.nz-overlay {
+    background-color: $nz-backstage-overlay-background;
+  }
+}

package/lib/esm/appui-react/layout/backstage/Item.d.ts

@@ -0,0 +1,38 @@
+/** @packageDocumentation
+ * @module Backstage
+ */
+import type { CommonProps } from "@itwin/core-react";
+import * as React from "react";
+import type { SafeAreaInsets } from "../../safearea/SafeAreaInsets";
+import "./Item.scss";
+/** Properties of [[BackstageItem]] component.
+ * @internal
+ */
+export interface BackstageItemProps extends CommonProps {
+    /** Backstage item label. */
+    children?: string;
+    /** Backstage item icon. */
+    icon?: React.ReactNode;
+    /** Describes if the item is active. */
+    isActive?: boolean;
+    /** Describes if the item is disabled. */
+    isDisabled?: boolean;
+    /** Function called when item is clicked. */
+    onClick?: () => void;
+    /** Describes respected safe area insets. */
+    safeAreaInsets?: SafeAreaInsets;
+    /** Backstage item subtitle. */
+    subtitle?: string;
+    /** A badge to draw. */
+    badge?: React.ReactNode;
+    providerId?: string;
+    itemPriority?: number;
+    groupPriority?: number;
+}
+/** Item in the [[Backstage]].
+ * @internal
+ */
+export declare class BackstageItem extends React.PureComponent<BackstageItemProps> {
+    render(): React.JSX.Element;
+}
+//# sourceMappingURL=Item.d.ts.map

package/lib/esm/appui-react/layout/backstage/Item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/backstage/Item.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,OAAO,aAAa,CAAC;AAErB;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC;IACxD,MAAM;CAgCvB"}

package/lib/esm/appui-react/layout/backstage/Item.js

@@ -0,0 +1,29 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Backstage
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { SafeAreaInsetsHelpers } from "../base/SafeAreaInsets";
+import "./Item.scss";
+/** Item in the [[Backstage]].
+ * @internal
+ */
+export class BackstageItem extends React.PureComponent {
+    render() {
+        const className = classnames("nz-backstage-item", this.props.isActive && "nz-active", this.props.isDisabled && "nz-disabled", this.props.safeAreaInsets &&
+            SafeAreaInsetsHelpers.getCssClassNames(this.props.safeAreaInsets), this.props.className);
+        return (
+        // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+        React.createElement("li", { "data-item-id": this.props.itemId, "data-item-type": "backstage-item", "data-item-group-priority": this.props.groupPriority, "data-item-priority": this.props.itemPriority, "data-item-provider-id": this.props.providerId, className: className, onClick: this.props.onClick, style: this.props.style, role: "menuitem" },
+            React.createElement("div", { className: "nz-icon" }, this.props.icon),
+            this.props.badge && React.createElement("div", { className: "nz-badge" }, this.props.badge),
+            React.createElement("div", null,
+                React.createElement("span", null, this.props.children),
+                this.props.subtitle && React.createElement("span", null, this.props.subtitle))));
+    }
+}
+//# sourceMappingURL=Item.js.map

package/lib/esm/appui-react/layout/backstage/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/backstage/Item.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,aAAa,CAAC;AA4BrB;;GAEG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IACxD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,mBAAmB,EACnB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,WAAW,EAClC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,aAAa,EACtC,IAAI,CAAC,KAAK,CAAC,cAAc;YACvB,qBAAqB,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EACnE,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO;QACL,iEAAiE;QACjE,4CACgB,IAAI,CAAC,KAAK,CAAC,MAAM,oBAChB,gBAAgB,8BACL,IAAI,CAAC,KAAK,CAAC,aAAa,wBAC9B,IAAI,CAAC,KAAK,CAAC,YAAY,2BACpB,IAAI,CAAC,KAAK,CAAC,UAAU,EAC5C,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,IAAI,EAAC,UAAU;YAEf,6BAAK,SAAS,EAAC,SAAS,IAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAO;YAC/C,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,6BAAK,SAAS,EAAC,UAAU,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAO;YACvE;gBACE,kCAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAQ;gBACjC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,kCAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAQ,CACtD,CACH,CACN,CAAC;IACJ,CAAC;CACF","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 Backstage\n */\n\nimport type { CommonProps } from \"@itwin/core-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { SafeAreaInsets } from \"../../safearea/SafeAreaInsets\";\nimport { SafeAreaInsetsHelpers } from \"../base/SafeAreaInsets\";\nimport \"./Item.scss\";\n\n/** Properties of [[BackstageItem]] component.\n * @internal\n */\nexport interface BackstageItemProps extends CommonProps {\n  /** Backstage item label. */\n  children?: string;\n  /** Backstage item icon. */\n  icon?: React.ReactNode;\n  /** Describes if the item is active. */\n  isActive?: boolean;\n  /** Describes if the item is disabled. */\n  isDisabled?: boolean;\n  /** Function called when item is clicked. */\n  onClick?: () => void;\n  /** Describes respected safe area insets. */\n  safeAreaInsets?: SafeAreaInsets;\n  /** Backstage item subtitle. */\n  subtitle?: string;\n  /** A badge to draw. */\n  badge?: React.ReactNode;\n\n  providerId?: string;\n  itemPriority?: number;\n  groupPriority?: number;\n}\n\n/** Item in the [[Backstage]].\n * @internal\n */\nexport class BackstageItem extends React.PureComponent<BackstageItemProps> {\n  public override render() {\n    const className = classnames(\n      \"nz-backstage-item\",\n      this.props.isActive && \"nz-active\",\n      this.props.isDisabled && \"nz-disabled\",\n      this.props.safeAreaInsets &&\n        SafeAreaInsetsHelpers.getCssClassNames(this.props.safeAreaInsets),\n      this.props.className\n    );\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <li\n        data-item-id={this.props.itemId}\n        data-item-type=\"backstage-item\"\n        data-item-group-priority={this.props.groupPriority}\n        data-item-priority={this.props.itemPriority}\n        data-item-provider-id={this.props.providerId}\n        className={className}\n        onClick={this.props.onClick}\n        style={this.props.style}\n        role=\"menuitem\"\n      >\n        <div className=\"nz-icon\">{this.props.icon}</div>\n        {this.props.badge && <div className=\"nz-badge\">{this.props.badge}</div>}\n        <div>\n          <span>{this.props.children}</span>\n          {this.props.subtitle && <span>{this.props.subtitle}</span>}\n        </div>\n      </li>\n    );\n  }\n}\n"]}