@itwin/appui-react 4.0.0-dev.1 → 4.0.0-dev.11

package/lib/esm/appui-react/stagepanels/StagePanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StagePanel.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { StagePanelLocation } from \"@itwin/appui-abstract\";\r\nimport {\r\n  NestedStagePanelKey, NestedStagePanelsManagerProps, NineZoneStagePanelManagerProps, StagePanelType as NZ_StagePanelType, WidgetZoneId,\r\n  ZonesManagerWidgetsProps,\r\n} from \"@itwin/appui-layout-react\";\r\nimport { StagePanelChangeHandler, WidgetChangeHandler, ZoneDefProvider } from \"../frontstage/FrontstageComposer\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { WidgetProps } from \"../widgets/WidgetProps\";\r\nimport { WidgetTabs } from \"../widgets/WidgetStack\";\r\nimport { ZoneLocation } from \"../zones/Zone\";\r\nimport { FrameworkStagePanel } from \"./FrameworkStagePanel\";\r\nimport { PanelStateChangedEventArgs, StagePanelDef, StagePanelState as StagePanelState } from \"./StagePanelDef\";\r\nimport { WidgetDef, WidgetStateChangedEventArgs } from \"../widgets/WidgetDef\";\r\n\r\n/** Available StagePanel locations.\r\n * ------------------------------------------------------------------------------------\r\n * TopMost\r\n * ------------------------------------------------------------------------------------\r\n * Left     | Top                                                           | Right\r\n *          |---------------------------------------------------------------|\r\n *          | Nine-zone                                                     |\r\n *          |                                                               |\r\n *          |                                                               |\r\n *          |                                                               |\r\n *          |                                                               |\r\n *          |                                                               |\r\n *          |---------------------------------------------------------------|\r\n *          | Bottom                                                        |\r\n * ------------------------------------------------------------------------------------\r\n * BottomMost\r\n * ------------------------------------------------------------------------------------\r\n */\r\n\r\n/** Properties of a Stage Panel Zone\r\n * @public @deprecated in 3.0.\r\n */\r\nexport interface StagePanelZoneProps {\r\n  /** Properties for the Widgets in this Zone.\r\n   * @note Stable `WidgetProps[\"id\"]` is generated if id is not provided to correctly save and restore App layout.\r\n   * [[Frontstage]] version must be increased when Widget location is changed or new widgets are added/removed.\r\n   */\r\n  widgets: Array<React.ReactElement<WidgetProps>>;\r\n  /** Any application data to attach to this Zone. */\r\n  applicationData?: any;\r\n}\r\n\r\n/** Properties of the Stage Panel Zones\r\n * @public @deprecated in 3.0.\r\n */\r\nexport interface StagePanelZonesProps {\r\n  /** Properties for the Widgets in the Start section. */\r\n  start?: StagePanelZoneProps;\r\n  /** Properties for the Widgets in the Middle section. Deprecated - all widgets originally targeted for \"middle\" will now go to \"end\". */\r\n  middle?: StagePanelZoneProps;\r\n  /** Properties for the Widgets in the End section. */\r\n  end?: StagePanelZoneProps;\r\n}\r\n\r\n/** Available units of panel maximum size. Pixels or percentage of 9-Zone App size.\r\n * @note Percentage of 9-Zone `height` is used for top/bottom panel and percentage of 9-Zone `width` is used for left/right panel.\r\n * @public\r\n */\r\nexport type StagePanelMaxSizeSpec = number | { percentage: number };\r\n\r\n/** Properties of a [[StagePanel]] component\r\n * @deprecated in 3.5. Props of a deprecated component.\r\n * @public\r\n */\r\nexport interface StagePanelProps {\r\n  /** Describes which zones are allowed in this stage panel. */\r\n  allowedZones?: ZoneLocation[];\r\n  /** Any application data to attach to this Panel. */\r\n  applicationData?: any;\r\n  /** Default Panel state. Controls how the panel is initially displayed. Defaults to StagePanelState.Open. */\r\n  defaultState?: StagePanelState;\r\n  /** Stage panel header. */\r\n  header?: React.ReactNode;\r\n  /** Maximum size of the panel. */\r\n  maxSize?: StagePanelMaxSizeSpec;\r\n  /** Minimum size of the panel. */\r\n  minSize?: number;\r\n  /** Indicates whether the panel is pinned. Defaults to true. */\r\n  pinned?: boolean;\r\n  /** Indicates whether the panel is resizable. Defaults to true. */\r\n  resizable: boolean;\r\n  /** Default size of the panel. */\r\n  size?: number;\r\n  /** Properties for the Widgets in this Panel.\r\n   * @note Stable `WidgetProps[\"id\"]` is generated if id is not provided to correctly save and restore App layout.\r\n   * [[Frontstage]] version must be increased when Widget location is changed or new widgets are added/removed.\r\n   */\r\n  widgets?: Array<React.ReactElement<WidgetProps>>;\r\n\r\n  /** Properties for the Panel Zones in this Panel.\r\n   * @beta */\r\n  panelZones?: StagePanelZonesProps;\r\n\r\n  /** @internal */\r\n  runtimeProps?: StagePanelRuntimeProps;\r\n}\r\n\r\n/** Default properties of [[StagePanel]] component.\r\n * @deprecated in 3.5. Default props of a deprecated component.\r\n * @public\r\n */\r\nexport type StagePanelDefaultProps = Pick<StagePanelProps, \"resizable\">;\r\n\r\n/** Runtime Properties for the [[StagePanel]] component.\r\n * @internal\r\n */\r\nexport interface StagePanelRuntimeProps {\r\n  draggedWidgetId: WidgetZoneId | undefined; // eslint-disable-line deprecation/deprecation\r\n  getWidgetContentRef: (id: WidgetZoneId) => React.Ref<HTMLDivElement>; // eslint-disable-line deprecation/deprecation\r\n  isInFooterMode: boolean;\r\n  isTargeted: boolean;\r\n  panel: NineZoneStagePanelManagerProps;\r\n  panelDef: StagePanelDef;\r\n  stagePanelChangeHandler: StagePanelChangeHandler;\r\n  widgetChangeHandler: WidgetChangeHandler; // eslint-disable-line deprecation/deprecation\r\n  widgets: ZonesManagerWidgetsProps;\r\n  widgetTabs: WidgetTabs;\r\n  zoneDefProvider: ZoneDefProvider;\r\n}\r\n\r\ninterface StagePanelComponentState {\r\n  panelState: StagePanelState;\r\n  stagePanelWidgets: ReadonlyArray<WidgetDef[\"id\"]>;\r\n}\r\n\r\n/** Frontstage Panel React component.\r\n * @deprecated in 3.6. Use [[StagePanelConfig]] instead.\r\n * @public\r\n */\r\nexport class StagePanel extends React.Component<StagePanelProps, StagePanelComponentState> {\r\n  public static readonly defaultProps: StagePanelDefaultProps = {\r\n    resizable: true,\r\n  };\r\n\r\n  public constructor(props: StagePanelProps) {\r\n    super(props);\r\n\r\n    const panelState = this.props.runtimeProps?.panelDef.panelState;\r\n    this.state = {\r\n      panelState: panelState === undefined ? StagePanelState.Open : panelState,\r\n      stagePanelWidgets: this._getVisibleStagePanelWidgets(),\r\n    };\r\n  }\r\n\r\n  public static initializeStagePanelDef(panelDef: StagePanelDef, props: StagePanelProps, panelLocation: StagePanelLocation): void {\r\n    panelDef.initializeFromProps(props, panelLocation);\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    FrontstageManager.onPanelStateChangedEvent.addListener(this._handlePanelStateChangedEvent);\r\n    FrontstageManager.onWidgetStateChangedEvent.addListener(this._handleWidgetStateChangedEvent);\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: StagePanelProps) {\r\n    if (prevProps.runtimeProps?.panelDef !== this.props.runtimeProps?.panelDef) {\r\n      this.setState({\r\n        stagePanelWidgets: this._getVisibleStagePanelWidgets(),\r\n      });\r\n    }\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    FrontstageManager.onPanelStateChangedEvent.removeListener(this._handlePanelStateChangedEvent);\r\n    FrontstageManager.onWidgetStateChangedEvent.removeListener(this._handleWidgetStateChangedEvent);\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    const { applicationData, defaultState, runtimeProps, maxSize, size, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    if (!runtimeProps)\r\n      return null;\r\n\r\n    const { stagePanelChangeHandler, panelDef, ...otherRuntimeProps } = runtimeProps;\r\n    return (\r\n      <FrameworkStagePanel\r\n        changeHandler={stagePanelChangeHandler}\r\n        initialSize={size}\r\n        location={panelDef.location}\r\n        renderPane={this._handleRenderPane}\r\n        stagePanelWidgets={this.state.stagePanelWidgets}\r\n        panelState={this.state.panelState}\r\n        maxSize={typeof maxSize === \"number\" ? maxSize : undefined}\r\n        {...props}\r\n        {...otherRuntimeProps}\r\n      />\r\n    );\r\n  }\r\n\r\n  private _handleRenderPane = (widgetDefId: WidgetDef[\"id\"]): React.ReactNode => {\r\n    const runtimeProps = this.props.runtimeProps;\r\n    if (!runtimeProps)\r\n      return null;\r\n    const widgetDef = runtimeProps.panelDef.findWidgetDef(widgetDefId);\r\n    if (!widgetDef || !widgetDef.isVisible)\r\n      return null;\r\n    return (\r\n      <div\r\n        style={{\r\n          height: \"100%\",\r\n          display: runtimeProps.panel.isCollapsed ? \"none\" : \"block\",\r\n        }}\r\n      >\r\n        {widgetDef.reactNode}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  private _handlePanelStateChangedEvent = ({ panelDef, panelState }: PanelStateChangedEventArgs) => {\r\n    // istanbul ignore else\r\n    if (panelDef !== this.props.runtimeProps?.panelDef)\r\n      return;\r\n    // istanbul ignore next\r\n    this.setState({\r\n      panelState,\r\n    });\r\n  };\r\n\r\n  private _handleWidgetStateChangedEvent = ({ widgetDef }: WidgetStateChangedEventArgs) => {\r\n    const runtimeProps = this.props.runtimeProps;\r\n    if (!runtimeProps)\r\n      return;\r\n    if (!runtimeProps.panelDef.findWidgetDef(widgetDef.id))\r\n      return;\r\n    this.setState({\r\n      stagePanelWidgets: this._getVisibleStagePanelWidgets(),\r\n    });\r\n  };\r\n\r\n  private _getVisibleStagePanelWidgets() {\r\n    const panelDef = this.props.runtimeProps?.panelDef;\r\n    if (!panelDef)\r\n      return [];\r\n    const visibleWidgets = panelDef.widgetDefs.filter((wd) => wd.isVisible);\r\n    return visibleWidgets.map((widgetDef) => widgetDef.id);\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport const getStagePanelType = (location: StagePanelLocation): NZ_StagePanelType => {\r\n  switch (location) {\r\n    case StagePanelLocation.Bottom:\r\n    case StagePanelLocation.BottomMost:\r\n      return NZ_StagePanelType.Bottom;\r\n    case StagePanelLocation.Left:\r\n      return NZ_StagePanelType.Left;\r\n    case StagePanelLocation.Right:\r\n      return NZ_StagePanelType.Right;\r\n    case StagePanelLocation.Top:\r\n    case StagePanelLocation.TopMost:\r\n      return NZ_StagePanelType.Top;\r\n  }\r\n};\r\n\r\n/** @internal */\r\nexport const getNestedStagePanelKey = (location: StagePanelLocation): NestedStagePanelKey<NestedStagePanelsManagerProps> => {\r\n  switch (location) {\r\n    case StagePanelLocation.Bottom:\r\n      return {\r\n        id: \"inner\",\r\n        type: NZ_StagePanelType.Bottom,\r\n      };\r\n    case StagePanelLocation.BottomMost:\r\n      return {\r\n        id: \"outer\",\r\n        type: NZ_StagePanelType.Bottom,\r\n      };\r\n    case StagePanelLocation.Left:\r\n      return {\r\n        id: \"inner\",\r\n        type: NZ_StagePanelType.Left,\r\n      };\r\n    case StagePanelLocation.Right:\r\n      return {\r\n        id: \"inner\",\r\n        type: NZ_StagePanelType.Right,\r\n      };\r\n    case StagePanelLocation.Top:\r\n      return {\r\n        id: \"inner\",\r\n        type: NZ_StagePanelType.Top,\r\n      };\r\n    case StagePanelLocation.TopMost:\r\n      return {\r\n        id: \"outer\",\r\n        type: NZ_StagePanelType.Top,\r\n      };\r\n  }\r\n};\r\n"]}

package/lib/esm/appui-react/stagepanels/StagePanelHeader.d.ts

@@ -1,28 +0,0 @@
-/** @packageDocumentation
- * @module Frontstage
- */
-import "./StagePanelHeader.scss";
-import * as React from "react";
-import { StagePanelLocation } from "@itwin/appui-abstract";
-import { CommonProps } from "@itwin/core-react";
-/** Properties of a [[StagePanelHeader]] component
- * @alpha @deprecated in 3.0.
- */
-export interface StagePanelHeaderProps extends CommonProps {
-    /** Describes if the collapse button is visible. */
-    collapseButton?: boolean;
-    /** Title of collapse button (displayed when hovered). */
-    collapseButtonTitle?: string;
-    /** Describes stage panel location of this header. */
-    location: StagePanelLocation;
-    /** Header title. */
-    title?: string;
-}
-/** Stage panel header React component.
- * @alpha @deprecated in 3.0.
- */
-export declare class StagePanelHeader extends React.PureComponent<StagePanelHeaderProps> {
-    render(): JSX.Element;
-    private _handleCollapseButtonClick;
-}
-//# sourceMappingURL=StagePanelHeader.d.ts.map

package/lib/esm/appui-react/stagepanels/StagePanelHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StagePanelHeader.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelHeader.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AAEjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMhD;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,yDAAyD;IACzD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qDAAqD;IACrD,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC;IAC9D,MAAM;IAyBtB,OAAO,CAAC,0BAA0B,CAUhC;CACH"}

package/lib/esm/appui-react/stagepanels/StagePanelHeader.js

@@ -1,42 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/* eslint-disable deprecation/deprecation */
-/** @packageDocumentation
- * @module Frontstage
- */
-import "./StagePanelHeader.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { FrontstageManager } from "../frontstage/FrontstageManager";
-import { StagePanelState } from "./StagePanelDef";
-/** Stage panel header React component.
- * @alpha @deprecated in 3.0.
- */
-export class StagePanelHeader extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._handleCollapseButtonClick = () => {
-            const activeFrontstageDef = FrontstageManager.activeFrontstageDef;
-            // istanbul ignore if
-            if (!activeFrontstageDef)
-                return;
-            const stagePanel = activeFrontstageDef.getStagePanelDef(this.props.location);
-            // istanbul ignore if
-            if (!stagePanel)
-                return;
-            stagePanel.panelState = StagePanelState.Minimized;
-        };
-    }
-    render() {
-        const className = classnames("uifw-stagepanelheader", this.props.className);
-        return (React.createElement("div", { className: className, style: this.props.style },
-            React.createElement("span", null, this.props.title),
-            this.props.collapseButton ?
-                // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-                React.createElement("i", { className: "uifw-collapse icon icon-close", title: this.props.collapseButtonTitle, onClick: this._handleCollapseButtonClick, role: "button", tabIndex: -1 }) :
-                undefined));
-    }
-}
-//# sourceMappingURL=StagePanelHeader.js.map

package/lib/esm/appui-react/stagepanels/StagePanelHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StagePanelHeader.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelHeader.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAkBlD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IAAhF;;QA0BU,+BAA0B,GAAG,GAAG,EAAE;YACxC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,mBAAmB,CAAC;YAClE,qBAAqB;YACrB,IAAI,CAAC,mBAAmB;gBACtB,OAAO;YACT,MAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC7E,qBAAqB;YACrB,IAAI,CAAC,UAAU;gBACb,OAAO;YACT,UAAU,CAAC,UAAU,GAAG,eAAe,CAAC,SAAS,CAAC;QACpD,CAAC,CAAC;IACJ,CAAC;IApCiB,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,uBAAuB,EAClD,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAEvB,kCAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAQ;YAC9B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;gBAC1B,iEAAiE;gBACjE,2BACE,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,EACrC,OAAO,EAAE,IAAI,CAAC,0BAA0B,EACxC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,GACZ,CAAC,CAAC;gBACJ,SAAS,CAEP,CACP,CAAC;IACJ,CAAC;CAaF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\nimport \"./StagePanelHeader.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { StagePanelLocation } from \"@itwin/appui-abstract\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { StagePanelState } from \"./StagePanelDef\";\r\n\r\n// cspell:ignore stagepanelheader\r\n\r\n/** Properties of a [[StagePanelHeader]] component\r\n * @alpha @deprecated in 3.0.\r\n */\r\nexport interface StagePanelHeaderProps extends CommonProps {\r\n  /** Describes if the collapse button is visible. */\r\n  collapseButton?: boolean;\r\n  /** Title of collapse button (displayed when hovered). */\r\n  collapseButtonTitle?: string;\r\n  /** Describes stage panel location of this header. */\r\n  location: StagePanelLocation;\r\n  /** Header title. */\r\n  title?: string;\r\n}\r\n\r\n/** Stage panel header React component.\r\n * @alpha @deprecated in 3.0.\r\n */\r\nexport class StagePanelHeader extends React.PureComponent<StagePanelHeaderProps> {\r\n  public override render() {\r\n    const className = classnames(\"uifw-stagepanelheader\",\r\n      this.props.className,\r\n    );\r\n    return (\r\n      <div\r\n        className={className}\r\n        style={this.props.style}\r\n      >\r\n        <span>{this.props.title}</span>\r\n        {this.props.collapseButton ?\r\n          // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n          <i\r\n            className=\"uifw-collapse icon icon-close\"\r\n            title={this.props.collapseButtonTitle}\r\n            onClick={this._handleCollapseButtonClick}\r\n            role=\"button\"\r\n            tabIndex={-1}\r\n          /> :\r\n          undefined\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _handleCollapseButtonClick = () => {\r\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\r\n    // istanbul ignore if\r\n    if (!activeFrontstageDef)\r\n      return;\r\n    const stagePanel = activeFrontstageDef.getStagePanelDef(this.props.location);\r\n    // istanbul ignore if\r\n    if (!stagePanel)\r\n      return;\r\n    stagePanel.panelState = StagePanelState.Minimized;\r\n  };\r\n}\r\n"]}

package/lib/esm/appui-react/stagepanels/StagePanelHeader.scss

@@ -1,26 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/dialog/variables";
-
-.uifw-stagepanelheader {
-  align-items: center;
-  height: $nz-footer-title-bar-height;
-  justify-content: flex-end;
-  padding: 5px 10px;
-  box-sizing: border-box;
-  display: grid;
-  grid-auto-flow: column;
-  grid-auto-columns: 1fr auto;
-
-  >.uifw-collapse {
-    cursor: pointer;
-    justify-self: end;
-    padding: 5px;
-
-    &:focus {
-      outline: none;
-    }
-  }
-}

package/lib/esm/appui-react/statusbar/withMessageCenterFieldProps.d.ts

@@ -1,10 +0,0 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import * as React from "react";
-import { MessageCenterFieldProps } from "../statusfields/MessageCenter";
-/** HOC that injects values for [[MessageCenterFieldProps]].
- * @public @deprecated in 3.3. Use `MessageManager.registerAnimateOutToElement` to register this ref in the related component.
- */
-export declare const withMessageCenterFieldProps: <P extends MessageCenterFieldProps, C>(Component: React.JSXElementConstructor<P> & C) => (props: JSX.LibraryManagedAttributes<C, Omit<P, "isInFooterMode" | "openWidget" | "onOpenWidget" | "targetRef">>) => JSX.Element;
-//# sourceMappingURL=withMessageCenterFieldProps.d.ts.map

package/lib/esm/appui-react/statusbar/withMessageCenterFieldProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"withMessageCenterFieldProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/withMessageCenterFieldProps.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAGxE;;GAEG;AACH,eAAO,MAAM,2BAA2B,2NAiBvC,CAAC"}

package/lib/esm/appui-react/statusbar/withMessageCenterFieldProps.js

@@ -1,22 +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 * as React from "react";
-import { StatusBarContext } from "./StatusBar";
-/** HOC that injects values for [[MessageCenterFieldProps]].
- * @public @deprecated in 3.3. Use `MessageManager.registerAnimateOutToElement` to register this ref in the related component.
- */
-export const withMessageCenterFieldProps = (
-// eslint-disable-next-line @typescript-eslint/naming-convention
-Component) => {
-    return function WithMessageCenterFieldProps(props) {
-        const statusBarContext = React.useContext(StatusBarContext);
-        const { toastTargetRef, ...args } = statusBarContext;
-        return (React.createElement(Component, { ...props, ...args, targetRef: toastTargetRef }));
-    };
-};
-//# sourceMappingURL=withMessageCenterFieldProps.js.map

package/lib/esm/appui-react/statusbar/withMessageCenterFieldProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withMessageCenterFieldProps.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/withMessageCenterFieldProps.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG;AACzC,gEAAgE;AAChE,SAA6C,EAC7C,EAAE;IAGF,OAAO,SAAS,2BAA2B,CAAC,KAAY;QACtD,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;QAC5D,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,GAAG,gBAAgB,CAAC;QACrD,OAAO,CACL,oBAAC,SAAS,OACJ,KAAY,KACZ,IAAI,EACR,SAAS,EAAE,cAAc,GACzB,CACH,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { MessageCenterFieldProps } from \"../statusfields/MessageCenter\";\r\nimport { StatusBarContext } from \"./StatusBar\";\r\n\r\n/** HOC that injects values for [[MessageCenterFieldProps]].\r\n * @public @deprecated in 3.3. Use `MessageManager.registerAnimateOutToElement` to register this ref in the related component.\r\n */\r\nexport const withMessageCenterFieldProps = <P extends MessageCenterFieldProps, C>(\r\n  // eslint-disable-next-line @typescript-eslint/naming-convention\r\n  Component: React.JSXElementConstructor<P> & C,\r\n) => {\r\n  type InjectedProps = Pick<MessageCenterFieldProps, \"isInFooterMode\" | \"onOpenWidget\" | \"openWidget\" | \"targetRef\">;\r\n  type Props = JSX.LibraryManagedAttributes<C, Omit<P, keyof InjectedProps>>;\r\n  return function WithMessageCenterFieldProps(props: Props) {\r\n    const statusBarContext = React.useContext(StatusBarContext);\r\n    const { toastTargetRef, ...args } = statusBarContext;\r\n    return (\r\n      <Component\r\n        {...props as any}\r\n        {...args}\r\n        targetRef={toastTargetRef}\r\n      />\r\n    );\r\n  };\r\n};\r\n"]}

package/lib/esm/appui-react/statusbar/withStatusFieldProps.d.ts

@@ -1,11 +0,0 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import * as React from "react";
-import { StatusFieldProps } from "../statusfields/StatusFieldProps";
-/** HOC that injects values for [[StatusFieldProps]].
- * @public
- * @deprecated in 3.3. StatusFieldProps props are deprecated, using this is no longer necessary and will be removed.
- */
-export declare const withStatusFieldProps: <P extends StatusFieldProps, C>(Component: React.JSXElementConstructor<P> & C) => (props: JSX.LibraryManagedAttributes<C, Omit<P, "isInFooterMode" | "openWidget" | "onOpenWidget">>) => JSX.Element;
-//# sourceMappingURL=withStatusFieldProps.d.ts.map

package/lib/esm/appui-react/statusbar/withStatusFieldProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"withStatusFieldProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/withStatusFieldProps.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAGpE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,sMAgBhC,CAAC"}

package/lib/esm/appui-react/statusbar/withStatusFieldProps.js

@@ -1,23 +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 * as React from "react";
-import { StatusBarContext } from "./StatusBar";
-/** HOC that injects values for [[StatusFieldProps]].
- * @public
- * @deprecated in 3.3. StatusFieldProps props are deprecated, using this is no longer necessary and will be removed.
- */
-export const withStatusFieldProps = (
-// eslint-disable-next-line @typescript-eslint/naming-convention
-Component) => {
-    return function WithStatusFieldProps(props) {
-        const statusBarContext = React.useContext(StatusBarContext);
-        const { toastTargetRef, ...args } = statusBarContext; // eslint-disable-line @typescript-eslint/no-unused-vars
-        return (React.createElement(Component, { ...props, ...args }));
-    };
-};
-//# sourceMappingURL=withStatusFieldProps.js.map

package/lib/esm/appui-react/statusbar/withStatusFieldProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withStatusFieldProps.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/withStatusFieldProps.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;AAClC,gEAAgE;AAChE,SAA6C,EAC7C,EAAE;IAGF,OAAO,SAAS,oBAAoB,CAAC,KAAY;QAC/C,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;QAC5D,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,GAAG,gBAAgB,CAAC,CAAC,wDAAwD;QAC9G,OAAO,CACL,oBAAC,SAAS,OACJ,KAAY,KACZ,IAAI,GACR,CACH,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { StatusFieldProps } from \"../statusfields/StatusFieldProps\";\r\nimport { StatusBarContext } from \"./StatusBar\";\r\n\r\n/** HOC that injects values for [[StatusFieldProps]].\r\n * @public\r\n * @deprecated in 3.3. StatusFieldProps props are deprecated, using this is no longer necessary and will be removed.\r\n */\r\nexport const withStatusFieldProps = <P extends StatusFieldProps, C>(\r\n  // eslint-disable-next-line @typescript-eslint/naming-convention\r\n  Component: React.JSXElementConstructor<P> & C,\r\n) => {\r\n  type InjectedProps = Pick<StatusFieldProps, \"isInFooterMode\" | \"onOpenWidget\" | \"openWidget\">;\r\n  type Props = JSX.LibraryManagedAttributes<C, Omit<P, keyof InjectedProps>>;\r\n  return function WithStatusFieldProps(props: Props) {\r\n    const statusBarContext = React.useContext(StatusBarContext);\r\n    const { toastTargetRef, ...args } = statusBarContext; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    return (\r\n      <Component\r\n        {...props as any}\r\n        {...args}\r\n      />\r\n    );\r\n  };\r\n};\r\n"]}

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

@@ -1,45 +0,0 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import * as React from "react";
-import { StatusFieldProps } from "./StatusFieldProps";
-/**
- * Properties supported by [[ConditionalField]] component.
- * @public
- */
-export interface ConditionalFieldProps extends StatusFieldProps {
-    /** Function to be called to return a boolean value. If the boolean value is different than the component's state value setState is
-     * called to update the value and trigger a re-render.
-     */
-    boolFunc: (props: StatusFieldProps & {
-        isInFooterMode: boolean;
-    }) => boolean;
-    /** Optional, default/initial boolean value that is saved in the components state. If
-     * not defined it will default to true.
-     */
-    defaultValue?: boolean;
-}
-/**
- * State for the [[ConditionalField]] component.
- * @internal
- */
-interface ConditionalFieldState {
-    boolValue: boolean;
-}
-/**
- * A component that expects its children to be a function that will be passed the current component Props.
- * @public
- * @deprecated in 3.3. In upcoming version, all props passed down to the bool function will be undefined, making this component useless.
- */
-export declare class ConditionalField extends React.PureComponent<ConditionalFieldProps, ConditionalFieldState> {
-    /** @internal */
-    readonly state: ConditionalFieldState;
-    constructor(props: ConditionalFieldProps);
-    private _resolveBooleanValue;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ConditionalFieldProps): void;
-    private _hasNoChildren;
-    render(): React.ReactNode;
-}
-export {};
-//# sourceMappingURL=ConditionalField.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionalField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ConditionalField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;GAGG;AACH,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,GAAG;QAAC,cAAc,EAAE,OAAO,CAAA;KAAC,KAAK,OAAO,CAAC;IAC3E;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,UAAU,qBAAqB;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;IACrG,gBAAgB;IAChB,SAAyB,KAAK,EAAE,qBAAqB,CAAC;gBAE1C,KAAK,EAAE,qBAAqB;IAOxC,OAAO,CAAC,oBAAoB,CAM1B;IAEc,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,qBAAqB;IAKnE,OAAO,CAAC,cAAc,CAA2D;IAEjE,MAAM,IAAI,KAAK,CAAC,SAAS;CAiB1C"}

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

@@ -1,53 +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 * as _ from "lodash";
-import * as React from "react";
-/**
- * A component that expects its children to be a function that will be passed the current component Props.
- * @public
- * @deprecated in 3.3. In upcoming version, all props passed down to the bool function will be undefined, making this component useless.
- */
-export class ConditionalField extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this._resolveBooleanValue = () => {
-            var _a;
-            // eslint-disable-next-line deprecation/deprecation
-            const boolValue = this.props.boolFunc({ ...this.props, isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true });
-            if (this.state.boolValue !== boolValue) {
-                this.setState({ boolValue });
-            }
-        };
-        this._hasNoChildren = (children) => React.Children.count(children) === 0;
-        this.state = {
-            boolValue: undefined !== props.defaultValue ? props.defaultValue : true,
-        };
-    }
-    componentDidMount() {
-        this._resolveBooleanValue();
-    }
-    componentDidUpdate(prevProps) {
-        if (!_.isEqual(prevProps, this.props))
-            this._resolveBooleanValue();
-    }
-    render() {
-        const { 
-        // do not bleed our props
-        children, eventIds, boolFunc, defaultValue, // eslint-disable-line @typescript-eslint/no-unused-vars
-        // eslint-disable-next-line comma-dangle
-        ...otherProps // pass-through props
-         } = this.props;
-        const boolValue = this.state.boolValue;
-        return (typeof children === "function" ?
-            children(boolValue, otherProps)
-            : !this._hasNoChildren(children)
-                ? React.Children.only(children)
-                : null);
-    }
-}
-//# sourceMappingURL=ConditionalField.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionalField.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ConditionalField.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B;;;;GAIG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAA2D;IAIrG,YAAY,KAA4B;QACtC,KAAK,CAAC,KAAK,CAAC,CAAC;QAMP,yBAAoB,GAAG,GAAS,EAAE;;YACxC,mDAAmD;YACnD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAC,GAAG,IAAI,CAAC,KAAK,EAAE,cAAc,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,mCAAI,IAAI,EAAC,CAAC,CAAC;YAC1G,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,EAAE;gBACtC,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;aAC9B;QACH,CAAC,CAAC;QAWM,mBAAc,GAAG,CAAC,QAAa,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAtB/E,IAAI,CAAC,KAAK,GAAG;YACX,SAAS,EAAE,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI;SACxE,CAAC;IACJ,CAAC;IAUe,iBAAiB;QAC/B,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAEe,kBAAkB,CAAC,SAAgC;QACjE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC;YACnC,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;IAIe,MAAM;QACpB,MAAM;QACJ,yBAAyB;QACzB,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,wDAAwD;QACpG,wCAAwC;QACxC,GAAG,UAAU,CAAC,qBAAqB;UACpC,GAAG,IAAI,CAAC,KAAY,CAAC;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAEvC,OAAO,CACL,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC;YAC9B,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC;YAC/B,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC;gBAC9B,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAC/B,CAAC,CAAC,IAAI,CACX,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport * as _ from \"lodash\";\r\nimport * as React from \"react\";\r\nimport { StatusFieldProps } from \"./StatusFieldProps\";\r\n\r\n/**\r\n * Properties supported by [[ConditionalField]] component.\r\n * @public\r\n */\r\nexport interface ConditionalFieldProps extends StatusFieldProps {\r\n  /** Function to be called to return a boolean value. If the boolean value is different than the component's state value setState is\r\n   * called to update the value and trigger a re-render.\r\n   */\r\n  boolFunc: (props: StatusFieldProps & {isInFooterMode: boolean}) => boolean;\r\n  /** Optional, default/initial boolean value that is saved in the components state. If\r\n   * not defined it will default to true.\r\n   */\r\n  defaultValue?: boolean;\r\n}\r\n\r\n/**\r\n * State for the [[ConditionalField]] component.\r\n * @internal\r\n */\r\ninterface ConditionalFieldState {\r\n  boolValue: boolean;\r\n}\r\n\r\n/**\r\n * A component that expects its children to be a function that will be passed the current component Props.\r\n * @public\r\n * @deprecated in 3.3. In upcoming version, all props passed down to the bool function will be undefined, making this component useless.\r\n */\r\nexport class ConditionalField extends React.PureComponent<ConditionalFieldProps, ConditionalFieldState> {\r\n  /** @internal */\r\n  public override readonly state: ConditionalFieldState;\r\n\r\n  constructor(props: ConditionalFieldProps) {\r\n    super(props);\r\n    this.state = {\r\n      boolValue: undefined !== props.defaultValue ? props.defaultValue : true,\r\n    };\r\n  }\r\n\r\n  private _resolveBooleanValue = (): void => {\r\n    // eslint-disable-next-line deprecation/deprecation\r\n    const boolValue = this.props.boolFunc({...this.props, isInFooterMode: this.props.isInFooterMode ?? true});\r\n    if (this.state.boolValue !== boolValue) {\r\n      this.setState({ boolValue });\r\n    }\r\n  };\r\n\r\n  public override componentDidMount() {\r\n    this._resolveBooleanValue();\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: ConditionalFieldProps) {\r\n    if (!_.isEqual(prevProps, this.props))\r\n      this._resolveBooleanValue();\r\n  }\r\n\r\n  private _hasNoChildren = (children: any) => React.Children.count(children) === 0;\r\n\r\n  public override render(): React.ReactNode {\r\n    const {\r\n      // do not bleed our props\r\n      children, eventIds, boolFunc, defaultValue, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      // eslint-disable-next-line comma-dangle\r\n      ...otherProps // pass-through props\r\n    } = this.props as any;\r\n    const boolValue = this.state.boolValue;\r\n\r\n    return (\r\n      typeof children === \"function\" ?\r\n        children(boolValue, otherProps)\r\n        : !this._hasNoChildren(children)\r\n          ? React.Children.only(children)\r\n          : null\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -1,19 +0,0 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import * as React from "react";
-import { StatusFieldProps } from "./StatusFieldProps";
-/** Properties for a FooterModeField component
- * @public
- */
-export interface FooterModeFieldProps extends StatusFieldProps {
-    /** Field content. */
-    children?: React.ReactNode;
-}
-/**
- * A component that renders its children if the StatusBar is in Footer mode.
- * @public
- * @deprecated in 3.3. In upcoming version, widget mode will be removed, in footer mode will always be true, making this component useless.
- */
-export declare function FooterModeField(props: FooterModeFieldProps): JSX.Element;
-//# sourceMappingURL=FooterModeField.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FooterModeField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/FooterModeField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAW1D"}

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

@@ -1,24 +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 * as React from "react";
-import { StatusBarContext } from "../statusbar/StatusBar";
-import { ConditionalField } from "./ConditionalField";
-/**
- * A component that renders its children if the StatusBar is in Footer mode.
- * @public
- * @deprecated in 3.3. In upcoming version, widget mode will be removed, in footer mode will always be true, making this component useless.
- */
-export function FooterModeField(props) {
-    const { children, ...otherProps } = props;
-    const statusBarContext = React.useContext(StatusBarContext);
-    const conditionProps = { ...statusBarContext, ...otherProps };
-    return (
-    // eslint-disable-next-line deprecation/deprecation
-    React.createElement(ConditionalField, { ...conditionProps, boolFunc: (innerProps) => innerProps.isInFooterMode }, (isInFooterMode) => isInFooterMode && children));
-}
-//# sourceMappingURL=FooterModeField.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FooterModeField.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/FooterModeField.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAWtD;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAY,CAAC;IACjD,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,EAAC,GAAG,gBAAgB,EAAE,GAAG,UAAU,EAAC,CAAC;IAE5D,OAAO;IACP,mDAAmD;IACjD,oBAAC,gBAAgB,OAAK,cAAc,EAAE,QAAQ,EAAE,CAAC,UAAU,EAAW,EAAE,CAAC,UAAU,CAAC,cAAc,IAC/F,CAAC,cAAuB,EAAE,EAAE,CAAC,cAAc,IAAI,QAAQ,CACvC,CACpB,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { StatusBarContext } from \"../statusbar/StatusBar\";\r\nimport { ConditionalField } from \"./ConditionalField\";\r\nimport { StatusFieldProps } from \"./StatusFieldProps\";\r\n\r\n/** Properties for a FooterModeField component\r\n * @public\r\n */\r\nexport interface FooterModeFieldProps extends StatusFieldProps {\r\n  /** Field content. */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * A component that renders its children if the StatusBar is in Footer mode.\r\n * @public\r\n * @deprecated in 3.3. In upcoming version, widget mode will be removed, in footer mode will always be true, making this component useless.\r\n */\r\nexport function FooterModeField(props: FooterModeFieldProps) {\r\n  const { children, ...otherProps } = props as any;\r\n  const statusBarContext = React.useContext(StatusBarContext);\r\n  const conditionProps = {...statusBarContext, ...otherProps};\r\n\r\n  return (\r\n  // eslint-disable-next-line deprecation/deprecation\r\n    <ConditionalField {...conditionProps} boolFunc={(innerProps): boolean => innerProps.isInFooterMode} >\r\n      {(isInFooterMode: boolean) => isInFooterMode && children}\r\n    </ConditionalField>\r\n  );\r\n}\r\n"]}

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

@@ -1,44 +0,0 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./Indicator.scss";
-import * as React from "react";
-import { StatusBarLabelSide } from "@itwin/appui-abstract";
-import { CommonProps, IconSpec } from "@itwin/core-react";
-import { FooterPopupContentType } from "@itwin/appui-layout-react";
-/** Properties of [[Indicator]] component. */
-interface IndicatorProps extends CommonProps {
-    /** Label of balloon icon. @deprecated in 3.0. use label */
-    balloonLabel?: string;
-    /** Dialog to display in popup when indicator is clicked. */
-    dialog?: React.ReactChild;
-    /** Icon to use in the footer. @deprecated in 3.0. use iconSpec */
-    iconName?: string;
-    /** specification for Icon, overrides iconName specification */
-    iconSpec?: IconSpec;
-    /** Describes if the indicator label is visible. */
-    isLabelVisible?: boolean;
-    /** Indicator label. */
-    label?: string;
-    /** Side to display label. */
-    labelSide?: StatusBarLabelSide;
-    /** Function called when indicator is clicked. */
-    onClick?: () => void;
-    /** If dialog prop is set, used to determine initial state. */
-    opened?: boolean;
-    /** Describes whether the footer is in footer or widget mode.
-     * @deprecated in 3.3. In upcoming version, widget mode will be removed. Consider this parameter to always be true.
-    */
-    isInFooterMode?: boolean;
-    /** Tooltip text if not specified label is used */
-    toolTip?: string;
-    /** ContentType is used to determine color of popup arrow. If not set defaults to FooterPopupContentType.Dialog */
-    contentType?: FooterPopupContentType;
-}
-/** General-purpose [[Footer]] indicator. Shows an icon and supports an optional popup dialog.
- * @deprecated in 3.6. Use [[StatusBarIndicator]] or [[StatusBarLabelIndicator]] instead.
- * @beta
- */
-export declare function Indicator(props: IndicatorProps): JSX.Element;
-export {};
-//# sourceMappingURL=Indicator.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/Indicator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA0B,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAE,WAAW,EAAQ,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAe,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEhF,6CAA6C;AAC7C,UAAU,cAAe,SAAQ,WAAW;IAC1C,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAC1B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;MAEE;IACF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kHAAkH;IAClH,WAAW,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,eA0C9C"}

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

@@ -1,42 +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 "./Indicator.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { ConditionalStringValue, StatusBarLabelSide } from "@itwin/appui-abstract";
-import { Icon } from "@itwin/core-react";
-import { FooterPopup } from "@itwin/appui-layout-react";
-/** General-purpose [[Footer]] indicator. Shows an icon and supports an optional popup dialog.
- * @deprecated in 3.6. Use [[StatusBarIndicator]] or [[StatusBarLabelIndicator]] instead.
- * @beta
- */
-export function Indicator(props) {
-    // eslint-disable-next-line deprecation/deprecation
-    const { className, contentType, dialog, iconName, iconSpec, isInFooterMode, isLabelVisible, label, labelSide, onClick, opened, style, toolTip } = props;
-    const hasClickAction = React.useMemo(() => !!onClick || !!dialog, [dialog, onClick]);
-    const [isOpen, setIsOpen] = React.useState(!!opened);
-    const handleOnIndicatorClick = React.useCallback(() => {
-        if (dialog) {
-            setIsOpen(!isOpen);
-        }
-        onClick && onClick();
-    }, [dialog, isOpen, onClick]);
-    const inFooter = React.useMemo(() => false === isInFooterMode ? false : true, [isInFooterMode]);
-    const target = React.useRef(null);
-    const icon = React.useMemo(() => iconSpec !== null && iconSpec !== void 0 ? iconSpec : iconName, [iconSpec, iconName]);
-    const title = React.useMemo(() => toolTip !== null && toolTip !== void 0 ? toolTip : label, [toolTip, label]);
-    const classNames = classnames("uifw-footer-label-left", "uifw-footer-indicator", inFooter && "nz-footer-mode", hasClickAction && "uifw-footer-action", labelSide === StatusBarLabelSide.Right && "uifw-footer-label-reversed", // eslint-disable-line deprecation/deprecation
-    className);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { ref: target, role: "button", tabIndex: -1, className: classNames, title: title, style: style, onClick: handleOnIndicatorClick },
-            isLabelVisible && label && React.createElement("span", { className: "nz-label" }, ConditionalStringValue.getValue(label)),
-            icon && React.createElement("div", { className: "uifw-indicator-icon" },
-                React.createElement(Icon, { iconSpec: icon }))),
-        dialog && React.createElement(FooterPopup, { contentType: contentType, target: target.current, onClose: () => setIsOpen(false), isOpen: isOpen }, dialog)));
-}
-//# sourceMappingURL=Indicator.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/Indicator.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport \"./Indicator.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { ConditionalStringValue, StatusBarLabelSide } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Icon, IconSpec } from \"@itwin/core-react\";\r\nimport { FooterPopup, FooterPopupContentType } from \"@itwin/appui-layout-react\";\r\n\r\n/** Properties of [[Indicator]] component. */\r\ninterface IndicatorProps extends CommonProps {\r\n  /** Label of balloon icon. @deprecated in 3.0. use label */\r\n  balloonLabel?: string;\r\n  /** Dialog to display in popup when indicator is clicked. */\r\n  dialog?: React.ReactChild;\r\n  /** Icon to use in the footer. @deprecated in 3.0. use iconSpec */\r\n  iconName?: string;\r\n  /** specification for Icon, overrides iconName specification */\r\n  iconSpec?: IconSpec;\r\n  /** Describes if the indicator label is visible. */\r\n  isLabelVisible?: boolean;\r\n  /** Indicator label. */\r\n  label?: string;\r\n  /** Side to display label. */\r\n  labelSide?: StatusBarLabelSide; // eslint-disable-line deprecation/deprecation\r\n  /** Function called when indicator is clicked. */\r\n  onClick?: () => void;\r\n  /** If dialog prop is set, used to determine initial state. */\r\n  opened?: boolean;\r\n  /** Describes whether the footer is in footer or widget mode.\r\n   * @deprecated in 3.3. In upcoming version, widget mode will be removed. Consider this parameter to always be true.\r\n  */\r\n  isInFooterMode?: boolean;\r\n  /** Tooltip text if not specified label is used */\r\n  toolTip?: string;\r\n  /** ContentType is used to determine color of popup arrow. If not set defaults to FooterPopupContentType.Dialog */\r\n  contentType?: FooterPopupContentType; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** General-purpose [[Footer]] indicator. Shows an icon and supports an optional popup dialog.\r\n * @deprecated in 3.6. Use [[StatusBarIndicator]] or [[StatusBarLabelIndicator]] instead.\r\n * @beta\r\n */\r\nexport function Indicator(props: IndicatorProps) {\r\n  // eslint-disable-next-line deprecation/deprecation\r\n  const { className, contentType, dialog, iconName, iconSpec, isInFooterMode, isLabelVisible, label, labelSide, onClick, opened, style, toolTip } = props;\r\n  const hasClickAction = React.useMemo(() => !!onClick || !!dialog, [dialog, onClick]);\r\n  const [isOpen, setIsOpen] = React.useState(!!opened);\r\n  const handleOnIndicatorClick = React.useCallback(() => {\r\n    if (dialog) {\r\n      setIsOpen(!isOpen);\r\n    }\r\n    onClick && onClick();\r\n  }, [dialog, isOpen, onClick]);\r\n  const inFooter = React.useMemo(() => false === isInFooterMode ? false : true, [isInFooterMode]);\r\n  const target = React.useRef<HTMLDivElement>(null);\r\n  const icon = React.useMemo(() => iconSpec ?? iconName, [iconSpec, iconName]);\r\n  const title = React.useMemo(() => toolTip ?? label, [toolTip, label]);\r\n  const classNames = classnames(\r\n    \"uifw-footer-label-left\", \"uifw-footer-indicator\",\r\n    inFooter && \"nz-footer-mode\",\r\n    hasClickAction && \"uifw-footer-action\",\r\n    labelSide === StatusBarLabelSide.Right && \"uifw-footer-label-reversed\", // eslint-disable-line deprecation/deprecation\r\n    className);\r\n  return (\r\n    <>\r\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\r\n      <div ref={target}\r\n        role=\"button\" tabIndex={-1}\r\n        className={classNames}\r\n        title={title}\r\n        style={style}\r\n        onClick={handleOnIndicatorClick}\r\n      >\r\n        {isLabelVisible && label && <span className=\"nz-label\">{ConditionalStringValue.getValue(label)}</span>}\r\n        {icon && <div className=\"uifw-indicator-icon\"><Icon iconSpec={icon} /></div>}\r\n      </div>\r\n      {dialog && <FooterPopup contentType={contentType} // eslint-disable-line deprecation/deprecation\r\n        target={target.current}\r\n        onClose={() => setIsOpen(false)}\r\n        isOpen={isOpen}>\r\n        {dialog}\r\n      </FooterPopup>}\r\n    </>\r\n  );\r\n}\r\n"]}