@itwin/appui-react 4.0.0-dev.7 → 4.0.0-dev.9

package/lib/cjs/appui-react/statusfields/Indicator.scss

@@ -1,183 +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/variables";
-@import "~@itwin/core-react/lib/cjs/core-react/style/breakpoints";
-@import "~@itwin/core-react/lib/cjs/core-react/style/colors";
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-
-@keyframes uifw-indicator-FadeIn {
-  0% {
-    opacity: 0;
-    -webkit-transform: scale(.5);
-    transform: scale(.5);
-  }
-
-  50% {
-    -webkit-transform: scale(1.5);
-    transform: scale(1.5);
-  }
-
-  100% {
-    -webkit-transform: scale(1.0);
-    transform: scale(1.0);
-    opacity: 1;
-  }
-}
-
-@keyframes uifw-indicator-FadeOut {
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-}
-
-.uifw-footer-indicator {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  visibility: visible;
-  color: $buic-foreground-body;
-  gap: 8px;
-
-  &.uifw-footer-action {
-    cursor: pointer;
-
-    &:hover {
-      color: $buic-foreground-primary;
-    }
-  }
-
-  &.uifw-footer-label-reversed {
-    flex-direction: row-reverse;
-  }
-
-  >.nz-label {
-    font-size: $text-font-size;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-
-    @include for-tablet-landscape-down {
-      display: none;
-    }
-  }
-
-  &.uifw-indicator-fade-in {
-    animation: uifw-indicator-FadeIn 1s linear;
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  &.uifw-indicator-fade-out {
-    animation: uifw-indicator-FadeOut 500ms linear;
-    opacity: 0;
-    pointer-events: none;
-  }
-
-  /* Desktop */
-  @include for-medium-desktop-up {
-    &.nz-footer-mode {
-      padding-left: $nz-footer-indicator-horizontal-padding;
-      padding-right: $nz-footer-indicator-horizontal-padding;
-    }
-
-    &:not(.nz-footer-mode) {
-      padding-left: $nz-footer-widget-indicator-horizontal-padding;
-      padding-right: $nz-footer-widget-indicator-horizontal-padding;
-    }
-  }
-
-  /* Medium devices (landscape tablets) */
-  @include for-small-desktop-down {
-    padding-left: $nz-footer-indicator-horizontal-padding-medium;
-    padding-right: $nz-footer-indicator-horizontal-padding-medium;
-  }
-
-  /* Medium devices (portrait tablets) */
-  @include for-tablet-portrait-down {
-    font-size: $text-font-size-medium;
-  }
-
-  /* small devices (phones) */
-  @include for-phone-only {
-    font-size: $text-font-size-small;
-    padding-left: $nz-footer-indicator-horizontal-padding-small;
-    padding-right: $nz-footer-indicator-horizontal-padding-small;
-  }
-
-  >.nz-balloon-container {
-    height: 100%;
-    position: relative;
-    display: grid;
-    align-content: center;
-
-    >.nz-balloon {
-      background-color: $buic-text-color;
-      text-align: center;
-      cursor: pointer;
-      min-width: $min-balloon-width;
-      min-height: $min-balloon-height;
-      border-radius: 50%;
-      padding: $balloon-padding;
-      filter: $icon-shadow;
-      position: relative;
-      align-self: center;
-
-      >.nz-arrow {
-        position: absolute;
-        width: 0;
-        bottom: -3px;
-        left: 0;
-        display: block;
-        border-width: 0;
-        border-bottom-width: $balloon-arrow-height;
-        border-left-width: $balloon-arrow-width;
-        border-style: solid;
-        border-color: transparent $buic-text-color;
-        transform: rotate(25deg);
-      }
-
-      >.nz-content {
-        position: relative;
-        color: #FFFFFF;
-        line-height: $min-balloon-height;
-        font-size: 11px;
-      }
-    }
-
-    >.nz-dialog {
-      height: 100%;
-      width: 100%;
-      position: absolute;
-      top: 0;
-      left: 50%;
-    }
-  }
-}
-
-.uifw-indicator-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: $icon-size;
-  width: $icon-size;
-
-  /* Medium devices */
-  @include for-tablet-landscape-down {
-    font-size: $icon-size-medium;
-    width: $icon-size-medium;
-  }
-
-  /* Small devices */
-  @include for-phone-only {
-    font-size: $icon-size-small;
-    width: $icon-size-small;
-
-  }
-
-}

package/lib/cjs/appui-react/statusfields/PromptField.d.ts

@@ -1,31 +0,0 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./PromptField.scss";
-import * as React from "react";
-import { StatusFieldProps } from "./StatusFieldProps";
-/** Defines properties supported by the Prompt Field Component.
- */
-interface PromptFieldProps extends StatusFieldProps {
-    /** Prompt text for the active tool */
-    toolPrompt: string;
-}
-/**
- * Prompt Field React component. This component is designed to be specified in a status bar definition.
- * It is used to display prompts from tools. To send a prompt to this component use IModelApp.notifications.outputPromptByKey or
- * IModelApp.notifications.outputPrompt.
- */
-declare class PromptFieldComponent extends React.Component<PromptFieldProps> {
-    constructor(props: PromptFieldProps);
-    render(): React.ReactNode;
-}
-/**
- * Prompt Field React component. This component is designed to be specified in a status bar definition.
- * It is used to display prompts from tools. To send a prompt to this component use IModelApp.notifications.outputPromptByKey or
- * IModelApp.notifications.outputPrompt.
- * This React component is Redux connected.
- * @public
- * @deprecated in 1.x Use ToolAssistanceField instead
- */ export declare const PromptField: import("react-redux").ConnectedComponent<typeof PromptFieldComponent, import("react-redux").Omit<React.ClassAttributes<PromptFieldComponent> & PromptFieldProps, "toolPrompt">>;
-export {};
-//# sourceMappingURL=PromptField.d.ts.map

package/lib/cjs/appui-react/statusfields/PromptField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PromptField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/PromptField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;GACG;AACH,UAAU,gBAAiB,SAAQ,gBAAgB;IACjD,sCAAsC;IACtC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,cAAM,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;gBAEtD,KAAK,EAAE,gBAAgB;IAInB,MAAM,IAAI,KAAK,CAAC,SAAS;CAY1C;AAaD;;;;;;;GAOG,CACH,eAAO,MAAM,WAAW,iLAAiD,CAAC"}

package/lib/cjs/appui-react/statusfields/PromptField.js

@@ -1,52 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PromptField = void 0;
-require("./PromptField.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const react_redux_1 = require("react-redux");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const UiFramework_1 = require("../UiFramework");
-/**
- * Prompt Field React component. This component is designed to be specified in a status bar definition.
- * It is used to display prompts from tools. To send a prompt to this component use IModelApp.notifications.outputPromptByKey or
- * IModelApp.notifications.outputPrompt.
- */
-class PromptFieldComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        var _a;
-        return (React.createElement(appui_layout_react_1.FooterIndicator // eslint-disable-line deprecation/deprecation
-        , { className: (0, classnames_1.default)("uifw-statusFields-promptField", this.props.className), style: this.props.style, 
-            // eslint-disable-next-line deprecation/deprecation
-            isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true }, this.props.toolPrompt));
-    }
-}
-/** Function used by Redux to map state data in Redux store to props that are used to render this component. */
-function mapStateToProps(state) {
-    const frameworkState = state[UiFramework_1.UiFramework.frameworkStateKey]; // since app sets up key, don't hard-code name
-    /* istanbul ignore next */
-    if (!frameworkState)
-        return undefined;
-    return { toolPrompt: frameworkState.configurableUiState.toolPrompt };
-}
-// we declare the variable and export that rather than using export default.
-/**
- * Prompt Field React component. This component is designed to be specified in a status bar definition.
- * It is used to display prompts from tools. To send a prompt to this component use IModelApp.notifications.outputPromptByKey or
- * IModelApp.notifications.outputPrompt.
- * This React component is Redux connected.
- * @public
- * @deprecated in 1.x Use ToolAssistanceField instead
- */ // eslint-disable-next-line @typescript-eslint/naming-convention
-exports.PromptField = (0, react_redux_1.connect)(mapStateToProps)(PromptFieldComponent);
-//# sourceMappingURL=PromptField.js.map

package/lib/cjs/appui-react/statusfields/PromptField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PromptField.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/PromptField.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,8BAA4B;AAC5B,2CAAoC;AACpC,+BAA+B;AAC/B,6CAAsC;AACtC,kEAA4D;AAC5D,gDAA6C;AAU7C;;;;GAIG;AACH,MAAM,oBAAqB,SAAQ,KAAK,CAAC,SAA2B;IAElE,YAAY,KAAuB;QACjC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;;QACpB,OAAO,CACL,oBAAC,oCAAe,CAAC,8CAA8C;YAC7D,SAAS,EAAE,IAAA,oBAAU,EAAC,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAC5E,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,mDAAmD;YACnD,cAAc,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,mCAAI,IAAI,IAEhD,IAAI,CAAC,KAAK,CAAC,UAAU,CACN,CACnB,CAAC;IACJ,CAAC;CACF;AAED,+GAA+G;AAC/G,SAAS,eAAe,CAAC,KAAU;IACjC,MAAM,cAAc,GAAG,KAAK,CAAC,yBAAW,CAAC,iBAAiB,CAAC,CAAC,CAAE,8CAA8C;IAC5G,0BAA0B;IAC1B,IAAI,CAAC,cAAc;QACjB,OAAO,SAAS,CAAC;IAEnB,OAAO,EAAE,UAAU,EAAE,cAAc,CAAC,mBAAmB,CAAC,UAAU,EAAE,CAAC;AACvE,CAAC;AAED,4EAA4E;AAC5E;;;;;;;GAOG,CAAC,gEAAgE;AACvD,QAAA,WAAW,GAAG,IAAA,qBAAO,EAAC,eAAe,CAAC,CAAC,oBAAoB,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 \"./PromptField.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { FooterIndicator } from \"@itwin/appui-layout-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { StatusFieldProps } from \"./StatusFieldProps\";\r\n\r\n/** Defines properties supported by the Prompt Field Component.\r\n */\r\ninterface PromptFieldProps extends StatusFieldProps {\r\n  /** Prompt text for the active tool */\r\n  toolPrompt: string;\r\n}\r\n\r\n/**\r\n * Prompt Field React component. This component is designed to be specified in a status bar definition.\r\n * It is used to display prompts from tools. To send a prompt to this component use IModelApp.notifications.outputPromptByKey or\r\n * IModelApp.notifications.outputPrompt.\r\n */\r\nclass PromptFieldComponent extends React.Component<PromptFieldProps> {\r\n\r\n  constructor(props: PromptFieldProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <FooterIndicator // eslint-disable-line deprecation/deprecation\r\n        className={classnames(\"uifw-statusFields-promptField\", this.props.className)}\r\n        style={this.props.style}\r\n        // eslint-disable-next-line deprecation/deprecation\r\n        isInFooterMode={this.props.isInFooterMode ?? true}\r\n      >\r\n        {this.props.toolPrompt}\r\n      </FooterIndicator>\r\n    );\r\n  }\r\n}\r\n\r\n/** Function used by Redux to map state data in Redux store to props that are used to render this component. */\r\nfunction mapStateToProps(state: any) {\r\n  const frameworkState = state[UiFramework.frameworkStateKey];  // since app sets up key, don't hard-code name\r\n  /* istanbul ignore next */\r\n  if (!frameworkState)\r\n    return undefined;\r\n\r\n  return { toolPrompt: frameworkState.configurableUiState.toolPrompt };\r\n}\r\n\r\n// we declare the variable and export that rather than using export default.\r\n/**\r\n * Prompt Field React component. This component is designed to be specified in a status bar definition.\r\n * It is used to display prompts from tools. To send a prompt to this component use IModelApp.notifications.outputPromptByKey or\r\n * IModelApp.notifications.outputPrompt.\r\n * This React component is Redux connected.\r\n * @public\r\n * @deprecated in 1.x Use ToolAssistanceField instead\r\n */ // eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport const PromptField = connect(mapStateToProps)(PromptFieldComponent);\r\n"]}

package/lib/cjs/appui-react/statusfields/PromptField.scss

@@ -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.
-*--------------------------------------------------------------------------------------------*/
-.uifw-statusFields-promptField {
-  $font-size-medium: 12px;
-  $font-size-small: $font-size-medium;
-
-  overflow: hidden;
-
-  &.nz-footer-mode {
-    width: 20em;
-  }
-
-  &:not(.nz-footer-mode) {
-    width: 16em;
-  }
-
-  @media only screen and (max-width: 768px) {
-    font-size: $font-size-medium;
-
-    &.nz-footer-mode {
-      width: 12em;
-    }
-
-    &:not(.nz-footer-mode) {
-      width: 10em;
-    }
-  }
-
-  @media only screen and (max-width: 600px) {
-    font-size: $font-size-small;
-
-    &.nz-footer-mode {
-      width: 10em;
-    }
-
-    &:not(.nz-footer-mode) {
-      width: 8em;
-    }
-  }
-}

package/lib/cjs/appui-react/statusfields/StatusFieldProps.d.ts

@@ -1,23 +0,0 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import { CommonProps } from "@itwin/core-react";
-import { StatusBarFieldId } from "../statusbar/StatusBarWidgetControl";
-/** Properties for a StatusBar field component
- * @public
- */
-export interface StatusFieldProps extends CommonProps {
-    /** Indicates whether the StatusBar is in footer mode
-     * @deprecated in 3.3. In upcoming version, widget mode will be removed. Consider this parameter to always be true.
-    */
-    isInFooterMode?: boolean;
-    /** Function called when the widget is opened or closed.
-     * @deprecated in 3.3.  In upcoming versions, this will be removed. Field will have the freedom of handling their dialog behavior however they like.
-     */
-    onOpenWidget?: (widget: StatusBarFieldId) => void;
-    /** Field Id for open widgets
-     * @deprecated in 3.3. In upcoming versions, this will be removed. Field will have the freedom of handling their dialog behavior however they like.
-     */
-    openWidget?: StatusBarFieldId;
-}
-//# sourceMappingURL=StatusFieldProps.d.ts.map

package/lib/cjs/appui-react/statusfields/StatusFieldProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusFieldProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/StatusFieldProps.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD;;MAEE;IACF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD;;OAEG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B"}

package/lib/cjs/appui-react/statusfields/StatusFieldProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusFieldProps.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/StatusFieldProps.tsx"],"names":[],"mappings":"","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\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\nimport { StatusBarFieldId } from \"../statusbar/StatusBarWidgetControl\";\r\n\r\n/** Properties for a StatusBar field component\r\n * @public\r\n */\r\nexport interface StatusFieldProps extends CommonProps {\r\n  /** Indicates whether the StatusBar is in footer 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  /** Function called when the widget is opened or closed.\r\n   * @deprecated in 3.3.  In upcoming versions, this will be removed. Field will have the freedom of handling their dialog behavior however they like.\r\n   */\r\n  onOpenWidget?: (widget: StatusBarFieldId) => void;\r\n  /** Field Id for open widgets\r\n   * @deprecated in 3.3. In upcoming versions, this will be removed. Field will have the freedom of handling their dialog behavior however they like.\r\n   */\r\n  openWidget?: StatusBarFieldId;\r\n}\r\n"]}

package/lib/cjs/appui-react/syncui/BooleanListener.d.ts

@@ -1,44 +0,0 @@
-/** @packageDocumentation
- * @module SyncUi
- */
-import * as React from "react";
-/**
- * Properties supported by [[BooleanSyncUiListener]] component.
- * @public @deprecated in 3.0.
- */
-export interface BooleanListenerProps {
-    /** One or more SyncUi event Ids that will trigger the function to be called. */
-    eventIds: string[];
-    /** 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: () => 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 [[BooleanSyncUiListener]] component.
- * @internal
- */
-interface BooleanListenerState {
-    boolValue: boolean;
-}
-/**
- * A component that expect its children to be a function that will be passed the current boolValue state.
- * @public @deprecated in 3.0.
- */
-export declare class BooleanSyncUiListener extends React.Component<BooleanListenerProps, BooleanListenerState> {
-    private _componentUnmounting;
-    /** @internal */
-    readonly state: BooleanListenerState;
-    constructor(props: BooleanListenerProps);
-    private _handleVisibilitySyncUiEvent;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private _hasNoChildren;
-    render(): React.ReactNode;
-}
-export {};
-//# sourceMappingURL=BooleanListener.d.ts.map

package/lib/cjs/appui-react/syncui/BooleanListener.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BooleanListener.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/syncui/BooleanListener.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,gFAAgF;IAChF,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,UAAU,oBAAoB;IAC5B,SAAS,EAAE,OAAO,CAAC;CACpB;AAGD;;;GAGG;AACH,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;IACpG,OAAO,CAAC,oBAAoB,CAAS;IAErC,gBAAgB;IAChB,SAAyB,KAAK,EAAE,oBAAoB,CAAC;gBAEzC,KAAK,EAAE,oBAAoB;IAOvC,OAAO,CAAC,4BAA4B,CAalC;IAEc,iBAAiB;IAMjB,oBAAoB;IASpC,OAAO,CAAC,cAAc,CAA2D;IAEjE,MAAM,IAAI,KAAK,CAAC,SAAS;CAiB1C"}

package/lib/cjs/appui-react/syncui/BooleanListener.js

@@ -1,70 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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 SyncUi
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BooleanSyncUiListener = void 0;
-const React = require("react");
-const SyncUiEventDispatcher_1 = require("./SyncUiEventDispatcher");
-// cSpell:Ignore Unmounting
-/**
- * A component that expect its children to be a function that will be passed the current boolValue state.
- * @public @deprecated in 3.0.
- */
-class BooleanSyncUiListener extends React.Component {
-    constructor(props) {
-        super(props);
-        this._componentUnmounting = false;
-        this._handleVisibilitySyncUiEvent = (args) => {
-            /* istanbul ignore next */
-            if (this._componentUnmounting)
-                return;
-            /* istanbul ignore else */
-            if (this.props.eventIds.some((value) => args.eventIds.has(value.toLowerCase()))) {
-                const boolValue = this.props.boolFunc();
-                /* istanbul ignore else */
-                if (this.state.boolValue !== boolValue) {
-                    this.setState({ boolValue });
-                }
-            }
-        };
-        // istanbul ignore next
-        this._hasNoChildren = (children) => React.Children.count(children) === 0;
-        this.state = {
-            boolValue: undefined !== props.defaultValue ? props.defaultValue : true,
-        };
-    }
-    componentDidMount() {
-        /* istanbul ignore else */
-        if ((this.props.boolFunc !== undefined) && this.props.eventIds.length > 0)
-            SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleVisibilitySyncUiEvent);
-    }
-    componentWillUnmount() {
-        /* istanbul ignore else */
-        if ((this.props.boolFunc !== undefined) && this.props.eventIds.length > 0) {
-            this._componentUnmounting = true;
-            SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleVisibilitySyncUiEvent);
-        }
-    }
-    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)
-            : /* istanbul ignore next */ !this._hasNoChildren(children)
-                ? React.Children.only(children)
-                : null);
-    }
-}
-exports.BooleanSyncUiListener = BooleanSyncUiListener;
-//# sourceMappingURL=BooleanListener.js.map

package/lib/cjs/appui-react/syncui/BooleanListener.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BooleanListener.js","sourceRoot":"","sources":["../../../../src/appui-react/syncui/BooleanListener.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;;;AAEH,+BAA+B;AAC/B,mEAAiF;AA2BjF,2BAA2B;AAC3B;;;GAGG;AACH,MAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAqD;IAMpG,YAAY,KAA2B;QACrC,KAAK,CAAC,KAAK,CAAC,CAAC;QANP,yBAAoB,GAAG,KAAK,CAAC;QAY7B,iCAA4B,GAAG,CAAC,IAAqB,EAAQ,EAAE;YACrE,0BAA0B;YAC1B,IAAI,IAAI,CAAC,oBAAoB;gBAC3B,OAAO;YAET,0BAA0B;YAC1B,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAa,EAAW,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE;gBAChG,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACxC,0BAA0B;gBAC1B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,EAAE;oBACtC,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;iBAC9B;aACF;QACH,CAAC,CAAC;QAgBF,uBAAuB;QACf,mBAAc,GAAG,CAAC,QAAa,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAnC/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;IAiBe,iBAAiB;QAC/B,0BAA0B;QAC1B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;YACvE,6CAAqB,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IACvF,CAAC;IAEe,oBAAoB;QAClC,0BAA0B;QAC1B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACzE,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;YACjC,6CAAqB,CAAC,aAAa,CAAC,cAAc,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;SACvF;IACH,CAAC;IAKe,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,KAAK,CAAC;QACf,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,0BAA0B,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC;gBACzD,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAC/B,CAAC,CAAC,IAAI,CACX,CAAC;IACJ,CAAC;CACF;AA9DD,sDA8DC","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 SyncUi\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { SyncUiEventArgs, SyncUiEventDispatcher } from \"./SyncUiEventDispatcher\";\r\n\r\n/**\r\n * Properties supported by [[BooleanSyncUiListener]] component.\r\n * @public @deprecated in 3.0.\r\n */\r\nexport interface BooleanListenerProps {\r\n  /** One or more SyncUi event Ids that will trigger the function to be called. */\r\n  eventIds: string[];\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: () => 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 [[BooleanSyncUiListener]] component.\r\n * @internal\r\n */\r\ninterface BooleanListenerState {\r\n  boolValue: boolean;\r\n}\r\n\r\n// cSpell:Ignore Unmounting\r\n/**\r\n * A component that expect its children to be a function that will be passed the current boolValue state.\r\n * @public @deprecated in 3.0.\r\n */\r\nexport class BooleanSyncUiListener extends React.Component<BooleanListenerProps, BooleanListenerState> {\r\n  private _componentUnmounting = false;\r\n\r\n  /** @internal */\r\n  public override readonly state: BooleanListenerState;\r\n\r\n  constructor(props: BooleanListenerProps) {\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 _handleVisibilitySyncUiEvent = (args: SyncUiEventArgs): void => {\r\n    /* istanbul ignore next */\r\n    if (this._componentUnmounting)\r\n      return;\r\n\r\n    /* istanbul ignore else */\r\n    if (this.props.eventIds.some((value: string): boolean => args.eventIds.has(value.toLowerCase()))) {\r\n      const boolValue = this.props.boolFunc();\r\n      /* istanbul ignore else */\r\n      if (this.state.boolValue !== boolValue) {\r\n        this.setState({ boolValue });\r\n      }\r\n    }\r\n  };\r\n\r\n  public override componentDidMount() {\r\n    /* istanbul ignore else */\r\n    if ((this.props.boolFunc !== undefined) && this.props.eventIds.length > 0)\r\n      SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleVisibilitySyncUiEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    /* istanbul ignore else */\r\n    if ((this.props.boolFunc !== undefined) && this.props.eventIds.length > 0) {\r\n      this._componentUnmounting = true;\r\n      SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleVisibilitySyncUiEvent);\r\n    }\r\n  }\r\n\r\n  // istanbul ignore next\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;\r\n    const boolValue = this.state.boolValue;\r\n\r\n    return (\r\n      typeof children === \"function\" ?\r\n        children(boolValue, otherProps)\r\n        : /* istanbul ignore next */ !this._hasNoChildren(children)\r\n          ? React.Children.only(children)\r\n          : null\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/toolbar/ActionButtonItem.d.ts

@@ -1,18 +0,0 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-/// <reference types="react" />
-import { ActionButton, OnItemExecutedFunc } from "@itwin/appui-abstract";
-/** Action button props
- *  @internal
- */
-interface ActionButtonProps {
-    item: ActionButton;
-    onItemExecuted?: OnItemExecutedFunc;
-}
-/** ActionItem toolbar Function component
- * @internal
- */
-export declare function ActionButtonItem(props: ActionButtonProps): JSX.Element;
-export {};
-//# sourceMappingURL=ActionButtonItem.d.ts.map

package/lib/cjs/appui-react/toolbar/ActionButtonItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionButtonItem.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ActionButtonItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,YAAY,EAAmD,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAM1H;;GAEG;AACH,UAAU,iBAAiB;IACzB,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,eAiBxD"}

package/lib/cjs/appui-react/toolbar/ActionButtonItem.js

@@ -1,31 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionButtonItem = void 0;
-const React = require("react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const core_react_1 = require("@itwin/core-react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const ToolbarHelper_1 = require("./ToolbarHelper");
-const useEscapeSetFocusToHome_1 = require("../hooks/useEscapeSetFocusToHome");
-/** ActionItem toolbar Function component
- * @internal
- */
-function ActionButtonItem(props) {
-    const { item } = props;
-    const execute = () => {
-        item.execute();
-        if (props.onItemExecuted)
-            props.onItemExecuted(item);
-    };
-    return (React.createElement(appui_layout_react_1.Item // eslint-disable-line deprecation/deprecation
-    , { isActive: item.isActive, isDisabled: appui_abstract_1.ConditionalBooleanValue.getValue(item.isDisabled), title: appui_abstract_1.ConditionalStringValue.getValue(item.label), key: item.id, onClick: execute, onKeyDown: useEscapeSetFocusToHome_1.onEscapeSetFocusToHome, icon: ToolbarHelper_1.ToolbarHelper.getIconReactNode(item), badge: core_react_1.BadgeUtilities.getComponentForBadgeType(item.badgeType) }));
-}
-exports.ActionButtonItem = ActionButtonItem;
-//# sourceMappingURL=ActionButtonItem.js.map

package/lib/cjs/appui-react/toolbar/ActionButtonItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionButtonItem.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ActionButtonItem.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAA0H;AAC1H,kDAAmD;AACnD,kEAAiD;AACjD,mDAAgD;AAChD,8EAA0E;AAU1E;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAAwB;IACvD,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvB,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,KAAK,CAAC,cAAc;YACtB,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC;IACF,OAAO,CAAC,oBAAC,yBAAI,CAAC,8CAA8C;QAC1D,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,wCAAuB,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EAC7D,KAAK,EAAE,uCAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAClD,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,gDAAsB,EACjC,IAAI,EAAE,6BAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAC1C,KAAK,EAAE,2BAAc,CAAC,wBAAwB,CAAC,IAAI,CAAC,SAAS,CAAC,GAC9D,CAAC,CAAC;AACN,CAAC;AAjBD,4CAiBC","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 Toolbar\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { ActionButton, ConditionalBooleanValue, ConditionalStringValue, OnItemExecutedFunc } from \"@itwin/appui-abstract\";\r\nimport { BadgeUtilities } from \"@itwin/core-react\";\r\nimport { Item } from \"@itwin/appui-layout-react\";\r\nimport { ToolbarHelper } from \"./ToolbarHelper\";\r\nimport { onEscapeSetFocusToHome } from \"../hooks/useEscapeSetFocusToHome\";\r\n\r\n/** Action button props\r\n *  @internal\r\n */\r\ninterface ActionButtonProps {\r\n  item: ActionButton;\r\n  onItemExecuted?: OnItemExecutedFunc;\r\n}\r\n\r\n/** ActionItem toolbar Function component\r\n * @internal\r\n */\r\nexport function ActionButtonItem(props: ActionButtonProps) {\r\n  const { item } = props;\r\n  const execute = () => {\r\n    item.execute();\r\n    if (props.onItemExecuted)\r\n      props.onItemExecuted(item);\r\n  };\r\n  return (<Item // eslint-disable-line deprecation/deprecation\r\n    isActive={item.isActive}\r\n    isDisabled={ConditionalBooleanValue.getValue(item.isDisabled)}\r\n    title={ConditionalStringValue.getValue(item.label)}\r\n    key={item.id}\r\n    onClick={execute}\r\n    onKeyDown={onEscapeSetFocusToHome}\r\n    icon={ToolbarHelper.getIconReactNode(item)}\r\n    badge={BadgeUtilities.getComponentForBadgeType(item.badgeType)}\r\n  />);\r\n}\r\n"]}

package/lib/cjs/appui-react/toolbar/ActionItemButton.d.ts

@@ -1,40 +0,0 @@
-/** @packageDocumentation
- * @module Item
- */
-import * as React from "react";
-import { CommonProps, SizeProps } from "@itwin/core-react";
-import { ActionButtonItemDef } from "../shared/ActionButtonItemDef";
-import { BaseItemState } from "../shared/ItemDefBase";
-/** Properties that must be specified for an [[ActionItemButton]] component
- * @deprecated in 3.5. Props of a deprecated component.
- * @public
- */
-export interface ActionItemButtonProps extends CommonProps {
-    /** Action Button item definition containing the action information */
-    actionItem: ActionButtonItemDef;
-    /** Indicates whether the button is enabled or disabled */
-    isEnabled?: boolean;
-    /** Called when the button is initialized and the size is known */
-    onSizeKnown?: (size: SizeProps) => void;
-}
-/** A Toolbar button React Component that executes an action defined by a CommandItemDef or a ToolItemDef.
- * @deprecated in 3.5. Use [ActionButton]($appui-abstract) instead.
- * @public
- */
-export declare class ActionItemButton extends React.Component<ActionItemButtonProps, BaseItemState> {
-    private _componentUnmounting;
-    /** @internal */
-    readonly state: Readonly<BaseItemState>;
-    constructor(props: ActionItemButtonProps);
-    private _handleSyncUiEvent;
-    /** @internal */
-    static getDerivedStateFromProps(props: ActionItemButtonProps, state: BaseItemState): BaseItemState | null;
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentWillUnmount(): void;
-    private _execute;
-    /** @internal */
-    render(): React.ReactNode;
-}
-//# sourceMappingURL=ActionItemButton.d.ts.map

package/lib/cjs/appui-react/toolbar/ActionItemButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionItemButton.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ActionItemButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,WAAW,EAAQ,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAIjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAKtD;;;GAGG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,sEAAsE;IACtE,UAAU,EAAE,mBAAmB,CAAC;IAChC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAaD;;;GAGG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,EAAE,aAAa,CAAC;IACzF,OAAO,CAAC,oBAAoB,CAAS;IAErC,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;gBAE5C,KAAK,EAAE,qBAAqB;IAMxC,OAAO,CAAC,kBAAkB,CAsCxB;IAEF,gBAAgB;WACF,wBAAwB,CAAC,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,aAAa;IASzF,gBAAgB;IACA,iBAAiB;IAIjC,gBAAgB;IACA,oBAAoB;IAKpC,OAAO,CAAC,QAAQ,CAKd;IAEF,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;CAuB1C"}