@itwin/appui-react 4.17.6 → 5.0.0-dev.3

package/lib/esm/appui-react/statusfields/SnapMode.js

@@ -1,104 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-import snapModeBisector from "@bentley/icons-generic/icons/snaps-bisector.svg";
-import snapModeCenter from "@bentley/icons-generic/icons/snaps-center.svg";
-import snapModeIntersection from "@bentley/icons-generic/icons/snaps-intersection.svg";
-import snapModeMidpoint from "@bentley/icons-generic/icons/snaps-midpoint.svg";
-import snapModeNearest from "@bentley/icons-generic/icons/snaps-nearest.svg";
-import snapModeOrigin from "@bentley/icons-generic/icons/snaps-origin.svg";
-import snapModeKeypoint from "@bentley/icons-generic/icons/snaps.svg";
-import { SnapMode } from "@itwin/core-frontend";
-import { Icon } from "@itwin/core-react";
-import * as React from "react";
-import { UiFramework } from "../UiFramework";
-import { SnapModePanel } from "../layout/footer/snap-mode/Panel";
-import { Snap } from "../layout/footer/snap-mode/Snap";
-import { useTranslation } from "../hooks/useTranslation";
-import { useReduxFrameworkState } from "../uistate/useReduxFrameworkState";
-import { Button } from "@itwin/itwinui-react";
-import { StatusBarPopover } from "../statusbar/popup/StatusBarPopover";
-// Field entry of all possible snap modes.
-const allSnapModeFieldEntries = [
-    {
-        labelKey: "snapModeField.keypoint",
-        value: SnapMode.NearestKeypoint,
-        iconSpec: snapModeKeypoint,
-    },
-    {
-        labelKey: "snapModeField.intersection",
-        value: SnapMode.Intersection,
-        iconSpec: snapModeIntersection,
-    },
-    {
-        labelKey: "snapModeField.center",
-        value: SnapMode.Center,
-        iconSpec: snapModeCenter,
-    },
-    {
-        labelKey: "snapModeField.nearest",
-        value: SnapMode.Nearest,
-        iconSpec: snapModeNearest,
-    },
-    {
-        labelKey: "snapModeField.origin",
-        value: SnapMode.Origin,
-        iconSpec: snapModeOrigin,
-    },
-    {
-        labelKey: "snapModeField.midpoint",
-        value: SnapMode.MidPoint,
-        iconSpec: snapModeMidpoint,
-    },
-    {
-        labelKey: "snapModeField.bisector",
-        value: SnapMode.Bisector,
-        iconSpec: snapModeBisector,
-    },
-];
-/** Return icon for a specific snapMode. */
-const getSnapModeIcon = (snapMode) => {
-    // Get all the modes present in the bitmask.
-    const modes = allSnapModeFieldEntries.filter((entry) => {
-        return (entry.value & snapMode) === entry.value;
-    });
-    return (
-    // eslint-disable-next-line deprecation/deprecation
-    React.createElement(Icon, { iconSpec: modes.length === 1 ? modes[0].iconSpec : snapModeKeypoint }));
-};
-/** `SnapModeField` component designed to be specified in a status bar. It will
- * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.
- * @public
- */
-export function SnapModeField(props) {
-    const { translate } = useTranslation();
-    const snapModeEntries = props.availableSnapModes
-        ? allSnapModeFieldEntries.filter((entry) => {
-            return (props.availableSnapModes &&
-                props.availableSnapModes.some((availableSnap) => availableSnap === entry.value));
-        })
-        : allSnapModeFieldEntries;
-    const reduxSnapMode = useReduxFrameworkState(
-    // eslint-disable-next-line deprecation/deprecation
-    (state) => state?.configurableUiState.snapMode);
-    const snapMode = props.snapMode ?? reduxSnapMode ?? SnapMode.NearestKeypoint;
-    const title = translate("snapModeField.snapMode");
-    return (React.createElement(StatusBarPopover, { content: React.createElement(SnapModePanel, { title: title }, snapModeEntries.map((entry, index) => (React.createElement(Snap, { key: `SM_${index}`, onClick: () => {
-                if (props.onChange) {
-                    props.onChange(entry.value);
-                    return;
-                }
-                // eslint-disable-next-line deprecation/deprecation
-                UiFramework.setAccudrawSnapMode(entry.value);
-            }, isActive: (snapMode & entry.value) === entry.value, icon: 
-            // eslint-disable-next-line deprecation/deprecation
-            React.createElement(Icon, { className: `icon`, iconSpec: entry.iconSpec }) }, translate(entry.labelKey))))) },
-        React.createElement(Button, { styleType: "borderless", title: title, endIcon: getSnapModeIcon(snapMode) },
-            title,
-            React.createElement(StatusBarPopover.ExpandIndicator, null))));
-}
-//# sourceMappingURL=SnapMode.js.map

package/lib/esm/appui-react/statusfields/SnapMode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnapMode.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SnapMode.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 StatusBar\n */\n\nimport snapModeBisector from \"@bentley/icons-generic/icons/snaps-bisector.svg\";\nimport snapModeCenter from \"@bentley/icons-generic/icons/snaps-center.svg\";\nimport snapModeIntersection from \"@bentley/icons-generic/icons/snaps-intersection.svg\";\nimport snapModeMidpoint from \"@bentley/icons-generic/icons/snaps-midpoint.svg\";\nimport snapModeNearest from \"@bentley/icons-generic/icons/snaps-nearest.svg\";\nimport snapModeOrigin from \"@bentley/icons-generic/icons/snaps-origin.svg\";\nimport snapModeKeypoint from \"@bentley/icons-generic/icons/snaps.svg\";\nimport { SnapMode } from \"@itwin/core-frontend\";\nimport { Icon } from \"@itwin/core-react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { SnapModePanel } from \"../layout/footer/snap-mode/Panel\";\nimport { Snap } from \"../layout/footer/snap-mode/Snap\";\nimport { useTranslation } from \"../hooks/useTranslation\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState\";\nimport { Button } from \"@itwin/itwinui-react\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover\";\n\n/** Define the properties that will be used to represent the available snap modes. */\ninterface SnapModeFieldEntry {\n  labelKey: string;\n  value: number;\n  iconSpec: string;\n}\n\n// Field entry of all possible snap modes.\nconst allSnapModeFieldEntries: SnapModeFieldEntry[] = [\n  {\n    labelKey: \"snapModeField.keypoint\",\n    value: SnapMode.NearestKeypoint as number,\n    iconSpec: snapModeKeypoint,\n  },\n  {\n    labelKey: \"snapModeField.intersection\",\n    value: SnapMode.Intersection as number,\n    iconSpec: snapModeIntersection,\n  },\n  {\n    labelKey: \"snapModeField.center\",\n    value: SnapMode.Center as number,\n    iconSpec: snapModeCenter,\n  },\n  {\n    labelKey: \"snapModeField.nearest\",\n    value: SnapMode.Nearest as number,\n    iconSpec: snapModeNearest,\n  },\n  {\n    labelKey: \"snapModeField.origin\",\n    value: SnapMode.Origin as number,\n    iconSpec: snapModeOrigin,\n  },\n  {\n    labelKey: \"snapModeField.midpoint\",\n    value: SnapMode.MidPoint as number,\n    iconSpec: snapModeMidpoint,\n  },\n  {\n    labelKey: \"snapModeField.bisector\",\n    value: SnapMode.Bisector as number,\n    iconSpec: snapModeBisector,\n  },\n];\n\n/** Return icon for a specific snapMode. */\nconst getSnapModeIcon = (snapMode: number) => {\n  // Get all the modes present in the bitmask.\n  const modes: SnapModeFieldEntry[] = allSnapModeFieldEntries.filter(\n    (entry) => {\n      return (entry.value & snapMode) === entry.value;\n    }\n  );\n\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <Icon\n      iconSpec={modes.length === 1 ? modes[0].iconSpec : snapModeKeypoint}\n    />\n  );\n};\n\n/** Defines properties supported by the SnapMode Field Component. */\n// eslint-disable-next-line deprecation/deprecation\ninterface SnapModeFieldProps extends CommonProps {\n  /** Uses redux store as a fallback. Defaults to {@link SnapMode.NearestKeypoint}.\n   * @note Enum flags are supported.\n   */\n  snapMode?: SnapMode;\n  /** The list of snap modes available for selection. Defaults to all the modes.*/\n  availableSnapModes?: SnapMode[];\n  onChange?: (newSnapMode: SnapMode) => void;\n}\n\n/** `SnapModeField` component designed to be specified in a status bar. It will\n * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.\n * @public\n */\nexport function SnapModeField(props: SnapModeFieldProps) {\n  const { translate } = useTranslation();\n  const snapModeEntries: SnapModeFieldEntry[] = props.availableSnapModes\n    ? allSnapModeFieldEntries.filter((entry) => {\n        return (\n          props.availableSnapModes &&\n          props.availableSnapModes.some(\n            (availableSnap) => availableSnap === (entry.value as SnapMode)\n          )\n        );\n      })\n    : allSnapModeFieldEntries;\n\n  const reduxSnapMode = useReduxFrameworkState(\n    // eslint-disable-next-line deprecation/deprecation\n    (state) => state?.configurableUiState.snapMode\n  );\n  const snapMode = props.snapMode ?? reduxSnapMode ?? SnapMode.NearestKeypoint;\n\n  const title = translate(\"snapModeField.snapMode\");\n  return (\n    <StatusBarPopover\n      content={\n        <SnapModePanel title={title}>\n          {snapModeEntries.map((entry, index) => (\n            <Snap\n              key={`SM_${index}`}\n              onClick={() => {\n                if (props.onChange) {\n                  props.onChange(entry.value);\n                  return;\n                }\n                // eslint-disable-next-line deprecation/deprecation\n                UiFramework.setAccudrawSnapMode(entry.value);\n              }}\n              isActive={(snapMode & entry.value) === entry.value}\n              icon={\n                // eslint-disable-next-line deprecation/deprecation\n                <Icon className={`icon`} iconSpec={entry.iconSpec} />\n              }\n            >\n              {translate(entry.labelKey)}\n            </Snap>\n          ))}\n        </SnapModePanel>\n      }\n    >\n      <Button\n        styleType=\"borderless\"\n        title={title}\n        endIcon={getSnapModeIcon(snapMode)}\n      >\n        {title}\n        <StatusBarPopover.ExpandIndicator />\n      </Button>\n    </StatusBarPopover>\n  );\n}\n"]}

package/lib/esm/appui-react/statusfields/ViewAttributes.d.ts

@@ -1,30 +0,0 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./ViewAttributes.scss";
-import * as React from "react";
-import type { ViewFlagProps } from "@itwin/core-common";
-import type { CommonProps } from "@itwin/core-react";
-interface ViewAttributesStatusFieldState {
-    viewFlags: ViewFlagProps;
-    cameraOn: boolean;
-    target: HTMLElement | null;
-}
-/** Widget for showing Checkboxes for View Attributes
- * @beta
- */
-export declare class ViewAttributesStatusField extends React.Component<CommonProps, // eslint-disable-line deprecation/deprecation
-ViewAttributesStatusFieldState> {
-    constructor(props: CommonProps);
-    componentDidMount(): void;
-    private updateState;
-    private _handleViewFlagClick;
-    private _handleToggleCamera;
-    private getViewFlagItem;
-    private getFlagState;
-    private getToggleCameraItem;
-    private getViewFlags;
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=ViewAttributes.d.ts.map

package/lib/esm/appui-react/statusfields/ViewAttributes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewAttributes.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ViewAttributes.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD,UAAU,8BAA8B;IACtC,SAAS,EAAE,aAAa,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAC5D,WAAW,EAAE,8CAA8C;AAC3D,8BAA8B,CAC/B;gBAEa,KAAK,EAAE,WAAW;IAUd,iBAAiB;IAIjC,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,oBAAoB,CAY1B;IAEF,OAAO,CAAC,mBAAmB,CAMzB;IAEF,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,YAAY;IA0DJ,MAAM;CAoBvB"}

package/lib/esm/appui-react/statusfields/ViewAttributes.js

@@ -1,93 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./ViewAttributes.scss";
-import * as React from "react";
-import { ViewFlags } from "@itwin/core-common";
-import { IModelApp } from "@itwin/core-frontend";
-import { Checkbox, IconButton } from "@itwin/itwinui-react";
-import { UiFramework } from "../UiFramework";
-import { StatusBarDialog } from "../statusbar/dialog/Dialog";
-import { SvgWindowSettings } from "@itwin/itwinui-icons-react";
-import { StatusBarPopover } from "../statusbar/popup/StatusBarPopover";
-/** Widget for showing Checkboxes for View Attributes
- * @beta
- */
-export class ViewAttributesStatusField extends React.Component {
-    // eslint-disable-next-line deprecation/deprecation
-    constructor(props) {
-        super(props);
-        this._handleViewFlagClick = (flagName) => {
-            if (IModelApp.viewManager.selectedView) {
-                const props = IModelApp.viewManager.selectedView.viewFlags.toJSON();
-                props[flagName] =
-                    props[flagName] === undefined
-                        ? true
-                        : !props[flagName];
-                const viewFlags = ViewFlags.fromJSON(props);
-                IModelApp.viewManager.selectedView.viewFlags = viewFlags;
-                this.updateState();
-            }
-        };
-        this._handleToggleCamera = async () => {
-            await IModelApp.tools.run("View.ToggleCamera", IModelApp.viewManager.selectedView);
-            this.updateState();
-        };
-        this.state = {
-            cameraOn: false,
-            viewFlags: {},
-            target: null,
-        };
-    }
-    componentDidMount() {
-        this.updateState();
-    }
-    updateState() {
-        if (IModelApp.viewManager.selectedView) {
-            const viewFlags = {
-                ...IModelApp.viewManager.selectedView.view.viewFlags.toJSON(),
-            };
-            const cameraOn = IModelApp.viewManager.selectedView.isCameraOn;
-            this.setState({
-                viewFlags,
-                cameraOn,
-            });
-        }
-    }
-    getViewFlagItem(flagName, value, labelKey) {
-        return (React.createElement(Checkbox, { key: flagName, label: UiFramework.translate(labelKey), onClick: () => this._handleViewFlagClick(flagName), defaultChecked: value }));
-    }
-    getFlagState(flagName) {
-        return this.state.viewFlags.hasOwnProperty(flagName)
-            ? this.state.viewFlags[flagName]
-            : false;
-    }
-    getToggleCameraItem() {
-        return (React.createElement(Checkbox, { key: "toggleCamera", label: UiFramework.translate("listTools.camera"), onClick: this._handleToggleCamera, defaultChecked: this.state.cameraOn }));
-    }
-    getViewFlags() {
-        const items = [];
-        items.push(this.getViewFlagItem("acs", this.getFlagState("acs"), "listTools.acs"));
-        items.push(this.getToggleCameraItem());
-        items.push(this.getViewFlagItem("noConstruct", !this.getFlagState("noConstruct"), "listTools.constructions"));
-        items.push(this.getViewFlagItem("hidEdges", this.getFlagState("hidEdges"), "listTools.hidEdges"));
-        items.push(this.getViewFlagItem("monochrome", this.getFlagState("monochrome"), "listTools.monochrome"));
-        items.push(this.getViewFlagItem("visEdges", this.getFlagState("visEdges"), "listTools.visEdges"));
-        items.push(this.getViewFlagItem("ambientOcclusion", this.getFlagState("ambientOcclusion"), "listTools.ambientOcclusion"));
-        items.push(this.getViewFlagItem("shadows", this.getFlagState("shadows"), "listTools.shadows"));
-        items.push(this.getViewFlagItem("backgroundMap", this.getFlagState("backgroundMap"), "listTools.backgroundMap"));
-        return React.createElement("div", { className: "uifw-view-attributes-contents" }, items);
-    }
-    render() {
-        const title = UiFramework.translate("listTools.viewAttributes");
-        return (React.createElement(StatusBarPopover, { content: React.createElement(StatusBarDialog, { titleBar: React.createElement(StatusBarDialog.TitleBar, { title: title }) }, this.getViewFlags()) },
-            React.createElement(IconButton, { styleType: "borderless", label: title },
-                React.createElement(SvgWindowSettings, null),
-                React.createElement(StatusBarPopover.ExpandIndicator, null))));
-    }
-}
-//# sourceMappingURL=ViewAttributes.js.map

package/lib/esm/appui-react/statusfields/ViewAttributes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewAttributes.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ViewAttributes.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 StatusBar\n */\n\nimport \"./ViewAttributes.scss\";\nimport * as React from \"react\";\nimport type { ViewFlagProps } from \"@itwin/core-common\";\nimport { ViewFlags } from \"@itwin/core-common\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { Checkbox, IconButton } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog\";\nimport { SvgWindowSettings } from \"@itwin/itwinui-icons-react\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover\";\n\ninterface ViewAttributesStatusFieldState {\n  viewFlags: ViewFlagProps;\n  cameraOn: boolean;\n  target: HTMLElement | null;\n}\n\n/** Widget for showing Checkboxes for View Attributes\n * @beta\n */\nexport class ViewAttributesStatusField extends React.Component<\n  CommonProps, // eslint-disable-line deprecation/deprecation\n  ViewAttributesStatusFieldState\n> {\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(props: CommonProps) {\n    super(props);\n\n    this.state = {\n      cameraOn: false,\n      viewFlags: {},\n      target: null,\n    };\n  }\n\n  public override componentDidMount() {\n    this.updateState();\n  }\n\n  private updateState() {\n    if (IModelApp.viewManager.selectedView) {\n      const viewFlags: ViewFlagProps = {\n        ...IModelApp.viewManager.selectedView.view.viewFlags.toJSON(),\n      };\n      const cameraOn = IModelApp.viewManager.selectedView.isCameraOn;\n\n      this.setState({\n        viewFlags,\n        cameraOn,\n      });\n    }\n  }\n\n  private _handleViewFlagClick = (flagName: string) => {\n    if (IModelApp.viewManager.selectedView) {\n      const props: ViewFlagProps =\n        IModelApp.viewManager.selectedView.viewFlags.toJSON();\n      (props as any)[flagName] =\n        (props as any)[flagName] === undefined\n          ? true\n          : !(props as any)[flagName];\n      const viewFlags = ViewFlags.fromJSON(props);\n      IModelApp.viewManager.selectedView.viewFlags = viewFlags;\n      this.updateState();\n    }\n  };\n\n  private _handleToggleCamera = async () => {\n    await IModelApp.tools.run(\n      \"View.ToggleCamera\",\n      IModelApp.viewManager.selectedView\n    );\n    this.updateState();\n  };\n\n  private getViewFlagItem(flagName: string, value: boolean, labelKey: string) {\n    return (\n      <Checkbox\n        key={flagName}\n        label={UiFramework.translate(labelKey)}\n        onClick={() => this._handleViewFlagClick(flagName)}\n        defaultChecked={value}\n      />\n    );\n  }\n\n  private getFlagState(flagName: string) {\n    return this.state.viewFlags.hasOwnProperty(flagName)\n      ? (this.state.viewFlags as any)[flagName]\n      : false;\n  }\n\n  private getToggleCameraItem() {\n    return (\n      <Checkbox\n        key={\"toggleCamera\"}\n        label={UiFramework.translate(\"listTools.camera\")}\n        onClick={this._handleToggleCamera}\n        defaultChecked={this.state.cameraOn}\n      />\n    );\n  }\n\n  private getViewFlags() {\n    const items: React.ReactElement[] = [];\n    items.push(\n      this.getViewFlagItem(\"acs\", this.getFlagState(\"acs\"), \"listTools.acs\")\n    );\n    items.push(this.getToggleCameraItem());\n    items.push(\n      this.getViewFlagItem(\n        \"noConstruct\",\n        !this.getFlagState(\"noConstruct\"),\n        \"listTools.constructions\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"hidEdges\",\n        this.getFlagState(\"hidEdges\"),\n        \"listTools.hidEdges\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"monochrome\",\n        this.getFlagState(\"monochrome\"),\n        \"listTools.monochrome\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"visEdges\",\n        this.getFlagState(\"visEdges\"),\n        \"listTools.visEdges\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"ambientOcclusion\",\n        this.getFlagState(\"ambientOcclusion\"),\n        \"listTools.ambientOcclusion\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"shadows\",\n        this.getFlagState(\"shadows\"),\n        \"listTools.shadows\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"backgroundMap\",\n        this.getFlagState(\"backgroundMap\"),\n        \"listTools.backgroundMap\"\n      )\n    );\n    return <div className=\"uifw-view-attributes-contents\">{items}</div>;\n  }\n\n  public override render() {\n    const title = UiFramework.translate(\"listTools.viewAttributes\");\n\n    return (\n      <StatusBarPopover\n        content={\n          <StatusBarDialog\n            titleBar={<StatusBarDialog.TitleBar title={title} />}\n          >\n            {this.getViewFlags()}\n          </StatusBarDialog>\n        }\n      >\n        <IconButton styleType=\"borderless\" label={title}>\n          <SvgWindowSettings />\n          <StatusBarPopover.ExpandIndicator />\n        </IconButton>\n      </StatusBarPopover>\n    );\n  }\n}\n"]}

package/lib/esm/appui-react/statusfields/message-center/MessageCenterField.d.ts

@@ -1,11 +0,0 @@
-/** @packageDocumentation
- * @module Notification
- */
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-import "./MessageCenterField.scss";
-/** Message Center Field React component.
- * @public
- */
-export declare function MessageCenterField(props: CommonProps): React.JSX.Element;
-//# sourceMappingURL=MessageCenterField.d.ts.map

package/lib/esm/appui-react/statusfields/message-center/MessageCenterField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageCenterField.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/message-center/MessageCenterField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgBrD,OAAO,2BAA2B,CAAC;AAWnC;;GAEG;AAEH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,qBA8HpD"}

package/lib/esm/appui-react/statusfields/message-center/MessageCenterField.js

@@ -1,103 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Notification
- */
-import * as React from "react";
-import { Button, Icon, NotificationMarker, Tabs } from "@itwin/itwinui-react";
-import { SvgChat, SvgInfo, SvgStatusError, SvgStatusSuccess, SvgStatusWarning, } from "@itwin/itwinui-icons-react";
-import { OutputMessagePriority } from "@itwin/core-frontend";
-import { MessageCenterMessage } from "./MessageCenterMessage";
-import { MessageManager } from "../../messages/MessageManager";
-import { TitleBar } from "../../layout/footer/dialog/TitleBar";
-import "./MessageCenterField.scss";
-import { useTranslation } from "../../hooks/useTranslation";
-import { StatusBarPopover } from "../../statusbar/popup/StatusBarPopover";
-const tabs = ["all", "errors"];
-/** Message Center Field React component.
- * @public
- */
-// eslint-disable-next-line deprecation/deprecation
-export function MessageCenterField(props) {
-    const [messages, setMessages] = React.useState(MessageManager.messages);
-    const [notify, setNotify] = React.useState(false);
-    const [isOpen, setIsOpen] = React.useState(false);
-    const [status, setStatus] = React.useState("primary");
-    const { translate } = useTranslation();
-    const indicatorRef = React.useRef(null);
-    const handleOpenChange = (isOpenState) => {
-        setNotify(false);
-        setIsOpen(isOpenState);
-    };
-    const isErrorMessage = (message) => {
-        return (message.priority === OutputMessagePriority.Error ||
-            message.priority === OutputMessagePriority.Fatal);
-    };
-    React.useEffect(() => {
-        return MessageManager.onOpenMessageCenterEvent.addListener(() => {
-            handleOpenChange(true);
-        });
-    }, []);
-    React.useEffect(() => {
-        MessageManager.registerAnimateOutToElement(indicatorRef.current);
-        return MessageManager.onMessagesUpdatedEvent.addListener(() => {
-            const newMessages = MessageManager.messages;
-            newMessages.length > 0 ? setNotify(true) : setNotify(false);
-            setMessages(newMessages);
-            const lastMessage = newMessages[newMessages.length - 1];
-            if (!lastMessage)
-                return;
-            switch (lastMessage.priority) {
-                case OutputMessagePriority.Success:
-                    setStatus("positive");
-                    break;
-                case OutputMessagePriority.Warning:
-                    setStatus("warning");
-                    break;
-                case OutputMessagePriority.Error:
-                case OutputMessagePriority.Fatal:
-                    setStatus("negative");
-                    break;
-                default:
-                    setStatus("primary");
-            }
-        });
-    }, []);
-    return (React.createElement(StatusBarPopover, { visible: isOpen, onVisibleChange: (visible) => handleOpenChange(visible), className: "uifw-statusFields-messageCenter-messageCenterField_popover", content: React.createElement(React.Fragment, null,
-            React.createElement(TitleBar, { title: translate("messageCenter.messages") }),
-            React.createElement(Tabs.Wrapper, { type: "pill" },
-                React.createElement(Tabs.TabList, null, tabs.map((tab) => (React.createElement(Tabs.Tab, { label: translate(`messageCenter.${tab}`), key: tab, value: tab })))),
-                tabs.map((tab) => {
-                    let tabMessages = [...messages].reverse();
-                    tabMessages =
-                        tab === "errors"
-                            ? tabMessages.filter(isErrorMessage)
-                            : tabMessages;
-                    return (React.createElement(Tabs.Panel, { value: tab, key: tab, className: "uifw-statusFields-messageCenter-messageCenterField_panel" }, tabMessages.length === 0 ? (React.createElement("span", { className: "uifw-message-prompt" }, translate("messageCenter.prompt"))) : (tabMessages.map((message, index) => {
-                        return (React.createElement(MessageCenterMessage, { key: index, message: message.briefMessage, details: message.detailedMessage, icon: React.createElement(MessageIcon, { priority: message.priority }) }));
-                    }))));
-                }))) },
-        React.createElement(Button, { ref: indicatorRef, styleType: "borderless", startIcon: React.createElement(NotificationMarker, { status: status, enabled: notify },
-                React.createElement(SvgChat, null)), className: props.className, style: props.style },
-            translate("messageCenter.messages"),
-            React.createElement(StatusBarPopover.ExpandIndicator, null))));
-}
-function MessageIcon({ priority }) {
-    switch (priority) {
-        case OutputMessagePriority.Error:
-        case OutputMessagePriority.Fatal:
-            return (React.createElement(Icon, { fill: "negative" },
-                React.createElement(SvgStatusError, null)));
-        case OutputMessagePriority.Warning:
-            return (React.createElement(Icon, { fill: "warning" },
-                React.createElement(SvgStatusWarning, null)));
-        case OutputMessagePriority.Info:
-            return (React.createElement(Icon, { fill: "informational" },
-                React.createElement(SvgInfo, null)));
-    }
-    return (React.createElement(Icon, { fill: "positive" },
-        React.createElement(SvgStatusSuccess, null)));
-}
-//# sourceMappingURL=MessageCenterField.js.map

package/lib/esm/appui-react/statusfields/message-center/MessageCenterField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageCenterField.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/message-center/MessageCenterField.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 Notification\n */\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Button, Icon, NotificationMarker, Tabs } from \"@itwin/itwinui-react\";\nimport {\n  SvgChat,\n  SvgInfo,\n  SvgStatusError,\n  SvgStatusSuccess,\n  SvgStatusWarning,\n} from \"@itwin/itwinui-icons-react\";\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\n\nimport { MessageCenterMessage } from \"./MessageCenterMessage\";\nimport { MessageManager } from \"../../messages/MessageManager\";\nimport { TitleBar } from \"../../layout/footer/dialog/TitleBar\";\n\nimport type { NotifyMessageDetailsType } from \"../../messages/ReactNotifyMessageDetails\";\nimport \"./MessageCenterField.scss\";\nimport { useTranslation } from \"../../hooks/useTranslation\";\nimport { StatusBarPopover } from \"../../statusbar/popup/StatusBarPopover\";\n\n/** Type for Status state to satisfy NotificationMarker type checking. */\ntype NotificationMarkerStatus = Required<\n  React.ComponentProps<typeof NotificationMarker>\n>[\"status\"];\n\nconst tabs = [\"all\", \"errors\"] as const;\n\n/** Message Center Field React component.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function MessageCenterField(props: CommonProps) {\n  const [messages, setMessages] = React.useState(MessageManager.messages);\n  const [notify, setNotify] = React.useState(false);\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [status, setStatus] =\n    React.useState<NotificationMarkerStatus>(\"primary\");\n  const { translate } = useTranslation();\n\n  const indicatorRef = React.useRef<HTMLButtonElement>(null);\n\n  const handleOpenChange = (isOpenState: boolean) => {\n    setNotify(false);\n    setIsOpen(isOpenState);\n  };\n\n  const isErrorMessage = (message: NotifyMessageDetailsType): boolean => {\n    return (\n      message.priority === OutputMessagePriority.Error ||\n      message.priority === OutputMessagePriority.Fatal\n    );\n  };\n\n  React.useEffect(() => {\n    return MessageManager.onOpenMessageCenterEvent.addListener(() => {\n      handleOpenChange(true);\n    });\n  }, []);\n\n  React.useEffect(() => {\n    MessageManager.registerAnimateOutToElement(indicatorRef.current);\n\n    return MessageManager.onMessagesUpdatedEvent.addListener(() => {\n      const newMessages = MessageManager.messages;\n      newMessages.length > 0 ? setNotify(true) : setNotify(false);\n      setMessages(newMessages);\n\n      const lastMessage = newMessages[newMessages.length - 1];\n      if (!lastMessage) return;\n\n      switch (lastMessage.priority) {\n        case OutputMessagePriority.Success:\n          setStatus(\"positive\");\n          break;\n        case OutputMessagePriority.Warning:\n          setStatus(\"warning\");\n          break;\n        case OutputMessagePriority.Error:\n        case OutputMessagePriority.Fatal:\n          setStatus(\"negative\");\n          break;\n        default:\n          setStatus(\"primary\");\n      }\n    });\n  }, []);\n\n  return (\n    <StatusBarPopover\n      visible={isOpen}\n      onVisibleChange={(visible) => handleOpenChange(visible)}\n      className=\"uifw-statusFields-messageCenter-messageCenterField_popover\"\n      content={\n        <>\n          <TitleBar title={translate(\"messageCenter.messages\")}></TitleBar>\n\n          <Tabs.Wrapper type=\"pill\">\n            <Tabs.TabList>\n              {tabs.map((tab) => (\n                <Tabs.Tab\n                  label={translate(`messageCenter.${tab}`)}\n                  key={tab}\n                  value={tab}\n                />\n              ))}\n            </Tabs.TabList>\n            {tabs.map((tab) => {\n              let tabMessages = [...messages].reverse();\n              tabMessages =\n                tab === \"errors\"\n                  ? tabMessages.filter(isErrorMessage)\n                  : tabMessages;\n              return (\n                <Tabs.Panel\n                  value={tab}\n                  key={tab}\n                  className=\"uifw-statusFields-messageCenter-messageCenterField_panel\"\n                >\n                  {tabMessages.length === 0 ? (\n                    <span className=\"uifw-message-prompt\">\n                      {translate(\"messageCenter.prompt\")}\n                    </span>\n                  ) : (\n                    tabMessages.map((message, index) => {\n                      return (\n                        <MessageCenterMessage\n                          key={index}\n                          message={message.briefMessage}\n                          details={message.detailedMessage}\n                          icon={<MessageIcon priority={message.priority} />}\n                        />\n                      );\n                    })\n                  )}\n                </Tabs.Panel>\n              );\n            })}\n          </Tabs.Wrapper>\n        </>\n      }\n    >\n      <Button\n        ref={indicatorRef}\n        styleType=\"borderless\"\n        startIcon={\n          <NotificationMarker status={status} enabled={notify}>\n            <SvgChat />\n          </NotificationMarker>\n        }\n        className={props.className}\n        style={props.style}\n      >\n        {translate(\"messageCenter.messages\")}\n        <StatusBarPopover.ExpandIndicator />\n      </Button>\n    </StatusBarPopover>\n  );\n}\n\ninterface MessageIconProps {\n  priority: OutputMessagePriority;\n}\n\nfunction MessageIcon({ priority }: MessageIconProps) {\n  switch (priority) {\n    case OutputMessagePriority.Error:\n    case OutputMessagePriority.Fatal:\n      return (\n        <Icon fill=\"negative\">\n          <SvgStatusError />\n        </Icon>\n      );\n    case OutputMessagePriority.Warning:\n      return (\n        <Icon fill=\"warning\">\n          <SvgStatusWarning />\n        </Icon>\n      );\n    case OutputMessagePriority.Info:\n      return (\n        <Icon fill=\"informational\">\n          <SvgInfo />\n        </Icon>\n      );\n  }\n  return (\n    <Icon fill=\"positive\">\n      <SvgStatusSuccess />\n    </Icon>\n  );\n}\n"]}

package/lib/esm/appui-react/statusfields/message-center/MessageCenterMessage.d.ts

@@ -1,26 +0,0 @@
-/** @packageDocumentation
- * @module MessageCenter
- */
-import "./MessageCenterMessage.scss";
-import * as React from "react";
-import type { CommonProps, MessageType } from "@itwin/core-react";
-/** Properties of [[MessageCenterMessage]] component.
- * @internal
- */
-export interface MessageCenterMessageProps extends CommonProps {
-    /** Message content. */
-    message?: MessageType;
-    /** Message icon. */
-    icon?: React.ReactNode;
-    /** Additional Details */
-    details?: MessageType;
-    /** className */
-    className?: string;
-    /** Optional style */
-    style?: object;
-}
-/** Message entry in [[MessageCenter]] component.
- * @internal
- */
-export declare function MessageCenterMessage(props: MessageCenterMessageProps): React.JSX.Element;
-//# sourceMappingURL=MessageCenterMessage.d.ts.map

package/lib/esm/appui-react/statusfields/message-center/MessageCenterMessage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageCenterMessage.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/message-center/MessageCenterMessage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,6BAA6B,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIlE;;GAEG;AAEH,MAAM,WAAW,yBAA0B,SAAQ,WAAW;IAC5D,uBAAuB;IAEvB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,oBAAoB;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,yBAAyB;IAEzB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,gBAAgB;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBAuBpE"}

package/lib/esm/appui-react/statusfields/message-center/MessageCenterMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageCenterMessage.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/message-center/MessageCenterMessage.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,6BAA6B,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAqB5C;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IACnE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,CACL,6BACE,SAAS,EAAE,sDAAsD,EACjE,KAAK,EAAE,KAAK;QAEX,IAAI;QACJ,OAAO,IAAI,CACV,8BAAM,SAAS,EAAC,cAAc;YAE5B,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,SAAG;YAClE,OAAO,IAAI,CACV,oBAAC,IAAI,IAAC,OAAO,EAAC,OAAO;gBAEnB,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,GAAI,CAChC,CACR,CACI,CACR,CACG,CACP,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 MessageCenter\n */\n\nimport \"./MessageCenterMessage.scss\";\nimport * as React from \"react\";\nimport type { CommonProps, MessageType } from \"@itwin/core-react\";\nimport { MessageRenderer } from \"@itwin/core-react\";\nimport { Text } from \"@itwin/itwinui-react\";\n\n/** Properties of [[MessageCenterMessage]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface MessageCenterMessageProps extends CommonProps {\n  /** Message content. */\n  // eslint-disable-next-line deprecation/deprecation\n  message?: MessageType;\n  /** Message icon. */\n  icon?: React.ReactNode;\n  /** Additional Details */\n  // eslint-disable-next-line deprecation/deprecation\n  details?: MessageType;\n  /** className */\n  className?: string;\n  /** Optional style */\n  style?: object;\n}\n\n/** Message entry in [[MessageCenter]] component.\n * @internal\n */\nexport function MessageCenterMessage(props: MessageCenterMessageProps) {\n  const { icon, message, details, style, className } = props;\n\n  return (\n    <div\n      className={\"uifw-statusFields-messageCenter-messageCenterMessage\"}\n      style={style}\n    >\n      {icon}\n      {message && (\n        <span className=\"uifw-content\">\n          {/* eslint-disable-next-line deprecation/deprecation */}\n          <MessageRenderer message={message} className={className} useSpan />\n          {details && (\n            <Text variant=\"small\">\n              {/* eslint-disable-next-line deprecation/deprecation */}\n              <MessageRenderer message={details} />\n            </Text>\n          )}\n        </span>\n      )}\n    </div>\n  );\n}\n"]}

package/lib/esm/appui-react/statusfields/tileloading/TileLoadingIndicator.d.ts

@@ -1,33 +0,0 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./TileLoadingIndicator.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-/** State for the [[TileLoadingIndicator]] component
- * @internal
- */
-interface TileLoadingIndicatorState {
-    label: string;
-    progress: number;
-    enabled: boolean;
-    finished: boolean;
-}
-/** TileLoadingIndicator React component
- * @public
- */
-export declare class TileLoadingIndicator extends React.PureComponent<CommonProps, // eslint-disable-line deprecation/deprecation
-TileLoadingIndicatorState> {
-    private _removeViewOpenListener?;
-    private _removeOnRenderListener?;
-    constructor(props: CommonProps);
-    private _refreshState;
-    private _handleRender;
-    private _onViewOpen;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    /** Renders TileLoadingIndicator */
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=TileLoadingIndicator.d.ts.map

package/lib/esm/appui-react/statusfields/tileloading/TileLoadingIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TileLoadingIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/tileloading/TileLoadingIndicator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,6BAA6B,CAAC;AAErC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AAEnE;;GAEG;AACH,UAAU,yBAAyB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,aAAa,CAC3D,WAAW,EAAE,8CAA8C;AAC3D,yBAAyB,CAC1B;IACC,OAAO,CAAC,uBAAuB,CAAC,CAAa;IAC7C,OAAO,CAAC,uBAAuB,CAAC,CAAa;gBAGjC,KAAK,EAAE,WAAW;IAK9B,OAAO,CAAC,aAAa,CAgCnB;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,WAAW,CAKjB;IAEc,iBAAiB;IAejB,oBAAoB;IAQpC,mCAAmC;IACnB,MAAM;CAgBvB"}

package/lib/esm/appui-react/statusfields/tileloading/TileLoadingIndicator.js

@@ -1,87 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./TileLoadingIndicator.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Logger } from "@itwin/core-bentley";
-import { IModelApp } from "@itwin/core-frontend";
-import { ProgressLinear } from "@itwin/itwinui-react";
-import { UiFramework } from "../../UiFramework";
-/** TileLoadingIndicator React component
- * @public
- */
-export class TileLoadingIndicator extends React.PureComponent {
-    // eslint-disable-next-line deprecation/deprecation
-    constructor(props) {
-        super(props);
-        this._refreshState = (vp) => {
-            const requested = vp.numRequestedTiles;
-            const ready = vp.numReadyTiles;
-            const total = ready + requested;
-            const pctComplete = total > 0 ? (ready / total) * 100 : 100;
-            let enabled = this.state.enabled;
-            let finished = this.state.finished;
-            if (!enabled && total !== 0 && pctComplete !== 100)
-                enabled = true;
-            if (enabled && (total === 0 || pctComplete === 100))
-                enabled = false;
-            if (pctComplete === 100 && !finished) {
-                finished = true;
-                Logger.logTrace(UiFramework.loggerCategory(this), `Tiles Finished Loading`);
-                Logger.logTrace(UiFramework.loggerCategory(this), `Tiles Load Report (tiles finished / tiles requested):  ${ready} / ${total}`);
-            }
-            if (pctComplete !== 100 && finished)
-                finished = false;
-            this.setState({
-                label: `${ready} / ${total}`,
-                progress: pctComplete,
-                enabled,
-                finished,
-            });
-        };
-        this._handleRender = (vp) => {
-            // set progress animation before the next repaint.
-            setTimeout(() => this._refreshState(vp));
-        };
-        this._onViewOpen = (vp) => {
-            this._removeOnRenderListener && this._removeOnRenderListener();
-            this._removeOnRenderListener = vp.onRender.addListener(this._handleRender);
-        };
-        this.state = { label: "", progress: 0, enabled: false, finished: true };
-    }
-    componentDidMount() {
-        if (!IModelApp.viewManager)
-            return;
-        // get selected viewport
-        const vp = IModelApp.viewManager.selectedView;
-        // if view exists bind update routine to onRender loop, otherwise do so once the onViewOpen event runs
-        if (vp) {
-            this._onViewOpen(vp);
-        }
-        else {
-            this._removeViewOpenListener =
-                IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);
-        }
-    }
-    componentWillUnmount() {
-        if (!IModelApp.viewManager)
-            return;
-        if (this._removeViewOpenListener)
-            this._removeViewOpenListener();
-        if (this._removeOnRenderListener)
-            this._removeOnRenderListener();
-    }
-    /** Renders TileLoadingIndicator */
-    render() {
-        const classes = classnames("uifw-tile-loading-bar", this.state.enabled && "uifw-tile-loading-bar-visible", this.props.className);
-        return (React.createElement("div", { className: classes, style: this.props.style },
-            React.createElement("span", null, this.state.label),
-            React.createElement(ProgressLinear, { className: "uifw-progress-indicator", value: this.state.progress })));
-    }
-}
-//# sourceMappingURL=TileLoadingIndicator.js.map

package/lib/esm/appui-react/statusfields/tileloading/TileLoadingIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TileLoadingIndicator.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/tileloading/TileLoadingIndicator.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,6BAA6B,CAAC;AACrC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAahD;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,KAAK,CAAC,aAG/C;IAIC,mDAAmD;IACnD,YAAY,KAAkB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;QAIP,kBAAa,GAAG,CAAC,EAAY,EAAE,EAAE;YACvC,MAAM,SAAS,GAAG,EAAE,CAAC,iBAAiB,CAAC;YACvC,MAAM,KAAK,GAAG,EAAE,CAAC,aAAa,CAAC;YAC/B,MAAM,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC;YAChC,MAAM,WAAW,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;YAC5D,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;YACjC,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YAEnC,IAAI,CAAC,OAAO,IAAI,KAAK,KAAK,CAAC,IAAI,WAAW,KAAK,GAAG;gBAAE,OAAO,GAAG,IAAI,CAAC;YAEnE,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,WAAW,KAAK,GAAG,CAAC;gBAAE,OAAO,GAAG,KAAK,CAAC;YAErE,IAAI,WAAW,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACrC,QAAQ,GAAG,IAAI,CAAC;gBAChB,MAAM,CAAC,QAAQ,CACb,WAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAChC,wBAAwB,CACzB,CAAC;gBACF,MAAM,CAAC,QAAQ,CACb,WAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAChC,0DAA0D,KAAK,MAAM,KAAK,EAAE,CAC7E,CAAC;YACJ,CAAC;YAED,IAAI,WAAW,KAAK,GAAG,IAAI,QAAQ;gBAAE,QAAQ,GAAG,KAAK,CAAC;YAEtD,IAAI,CAAC,QAAQ,CAAC;gBACZ,KAAK,EAAE,GAAG,KAAK,MAAM,KAAK,EAAE;gBAC5B,QAAQ,EAAE,WAAW;gBACrB,OAAO;gBACP,QAAQ;aACT,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,kBAAa,GAA6C,CAAC,EAAE,EAAE,EAAE;YACvE,kDAAkD;YAClD,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3C,CAAC,CAAC;QAEM,gBAAW,GAA0D,CAC3E,EAAE,EACF,EAAE;YACF,IAAI,CAAC,uBAAuB,IAAI,IAAI,CAAC,uBAAuB,EAAE,CAAC;YAC/D,IAAI,CAAC,uBAAuB,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC7E,CAAC,CAAC;QA/CA,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC1E,CAAC;IAgDe,iBAAiB;QAC/B,IAAI,CAAC,SAAS,CAAC,WAAW;YAAE,OAAO;QAEnC,wBAAwB;QACxB,MAAM,EAAE,GAAG,SAAS,CAAC,WAAW,CAAC,YAAY,CAAC;QAE9C,sGAAsG;QACtG,IAAI,EAAE,EAAE,CAAC;YACP,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,uBAAuB;gBAC1B,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACnE,CAAC;IACH,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,SAAS,CAAC,WAAW;YAAE,OAAO;QAEnC,IAAI,IAAI,CAAC,uBAAuB;YAAE,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAEjE,IAAI,IAAI,CAAC,uBAAuB;YAAE,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACnE,CAAC;IAED,mCAAmC;IACnB,MAAM;QACpB,MAAM,OAAO,GAAG,UAAU,CACxB,uBAAuB,EACvB,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,+BAA+B,EACrD,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAC9C,kCAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAQ;YAC/B,oBAAC,cAAc,IACb,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAC1B,CACE,CACP,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 StatusBar\n */\n\nimport \"./TileLoadingIndicator.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { ScreenViewport, Viewport } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { ProgressLinear } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport type { CommonProps, ListenerType } from \"@itwin/core-react\";\n\n/** State for the [[TileLoadingIndicator]] component\n * @internal\n */\ninterface TileLoadingIndicatorState {\n  label: string;\n  progress: number;\n  enabled: boolean;\n  finished: boolean;\n}\n\n/** TileLoadingIndicator React component\n * @public\n */\nexport class TileLoadingIndicator extends React.PureComponent<\n  CommonProps, // eslint-disable-line deprecation/deprecation\n  TileLoadingIndicatorState\n> {\n  private _removeViewOpenListener?: () => void;\n  private _removeOnRenderListener?: () => void;\n\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(props: CommonProps) {\n    super(props);\n    this.state = { label: \"\", progress: 0, enabled: false, finished: true };\n  }\n\n  private _refreshState = (vp: Viewport) => {\n    const requested = vp.numRequestedTiles;\n    const ready = vp.numReadyTiles;\n    const total = ready + requested;\n    const pctComplete = total > 0 ? (ready / total) * 100 : 100;\n    let enabled = this.state.enabled;\n    let finished = this.state.finished;\n\n    if (!enabled && total !== 0 && pctComplete !== 100) enabled = true;\n\n    if (enabled && (total === 0 || pctComplete === 100)) enabled = false;\n\n    if (pctComplete === 100 && !finished) {\n      finished = true;\n      Logger.logTrace(\n        UiFramework.loggerCategory(this),\n        `Tiles Finished Loading`\n      );\n      Logger.logTrace(\n        UiFramework.loggerCategory(this),\n        `Tiles Load Report (tiles finished / tiles requested):  ${ready} / ${total}`\n      );\n    }\n\n    if (pctComplete !== 100 && finished) finished = false;\n\n    this.setState({\n      label: `${ready} / ${total}`,\n      progress: pctComplete,\n      enabled,\n      finished,\n    });\n  };\n\n  private _handleRender: ListenerType<ScreenViewport[\"onRender\"]> = (vp) => {\n    // set progress animation before the next repaint.\n    setTimeout(() => this._refreshState(vp));\n  };\n\n  private _onViewOpen: ListenerType<typeof IModelApp.viewManager.onViewOpen> = (\n    vp\n  ) => {\n    this._removeOnRenderListener && this._removeOnRenderListener();\n    this._removeOnRenderListener = vp.onRender.addListener(this._handleRender);\n  };\n\n  public override componentDidMount() {\n    if (!IModelApp.viewManager) return;\n\n    // get selected viewport\n    const vp = IModelApp.viewManager.selectedView;\n\n    // if view exists bind update routine to onRender loop, otherwise do so once the onViewOpen event runs\n    if (vp) {\n      this._onViewOpen(vp);\n    } else {\n      this._removeViewOpenListener =\n        IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);\n    }\n  }\n\n  public override componentWillUnmount() {\n    if (!IModelApp.viewManager) return;\n\n    if (this._removeViewOpenListener) this._removeViewOpenListener();\n\n    if (this._removeOnRenderListener) this._removeOnRenderListener();\n  }\n\n  /** Renders TileLoadingIndicator */\n  public override render() {\n    const classes = classnames(\n      \"uifw-tile-loading-bar\",\n      this.state.enabled && \"uifw-tile-loading-bar-visible\",\n      this.props.className\n    );\n    return (\n      <div className={classes} style={this.props.style}>\n        <span>{this.state.label}</span>\n        <ProgressLinear\n          className=\"uifw-progress-indicator\"\n          value={this.state.progress}\n        />\n      </div>\n    );\n  }\n}\n"]}