@itwin/appui-react 4.11.0 → 4.13.0

package/lib/cjs/appui-react/layout/footer/message-center/Indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.js","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/footer/message-center/Indicator.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,4BAA0B;AAC1B,2CAAoC;AACpC,+BAA+B;AAE/B,4CAA+C;AAkB/C;;;GAGG;AACH,MAAa,aAAc,SAAQ,KAAK,CAAC,aAAiC;IACxD,MAAM;QACpB,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,KAAK,EACL,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,OAAO,CACL,oBAAC,2BAAe,IACd,SAAS,EAAE,IAAA,oBAAU,EAAC,mCAAmC,EAAE,SAAS,CAAC,KACjE,KAAK;YAET,6BACE,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC;gBAEX,KAAK,KAAK,SAAS,IAAI,8BAAM,SAAS,EAAC,UAAU,IAAE,KAAK,CAAQ;gBACjE,6BAAK,SAAS,EAAC,cAAc;oBAC3B,6BAAK,SAAS,EAAC,YAAY;wBACzB,6BAAK,SAAS,EAAC,UAAU,GAAG;wBAC5B,6BAAK,SAAS,EAAC,YAAY,IAAE,QAAQ,CAAO,CACxC;oBACN,6BAAK,SAAS,EAAC,WAAW,EAAC,GAAG,EAAE,SAAS,GAAI,CACzC,CACF,CACU,CACnB,CAAC;IACJ,CAAC;CACF;AAnCD,sCAmCC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module MessageCenter\n */\n\nimport \"./Indicator.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { FooterIndicatorProps } from \"../Indicator\";\nimport { FooterIndicator } from \"../Indicator\";\n\n/** Properties of [[MessageCenter]] component.\n * @internal\n */\nexport interface MessageCenterProps extends FooterIndicatorProps {\n  /** Message center balloon content. */\n  children?: string;\n  /** Clickable part of the indicator. */\n  indicatorRef?: React.Ref<HTMLDivElement>;\n  /** Message center label. */\n  label?: string;\n  /** Function called when indicator is clicked. */\n  onClick?: () => void;\n  /** Message center dialog target. */\n  targetRef?: React.Ref<HTMLDivElement>;\n}\n\n/** Message center indicator used in [[Footer]] component.\n * @note Used with [[MessageCenterDialog]] component.\n * @internal\n */\nexport class MessageCenter extends React.PureComponent<MessageCenterProps> {\n  public override render() {\n    const {\n      children,\n      className,\n      indicatorRef,\n      label,\n      onClick,\n      targetRef,\n      ...props\n    } = this.props;\n    return (\n      <FooterIndicator\n        className={classnames(\"nz-footer-messageCenter-indicator\", className)}\n        {...props}\n      >\n        <div // eslint-disable-line jsx-a11y/click-events-have-key-events\n          className=\"nz-indicator\"\n          onClick={onClick}\n          ref={indicatorRef}\n          role=\"button\"\n          tabIndex={-1}\n        >\n          {label !== undefined && <span className=\"nz-label\">{label}</span>}\n          <div className=\"nz-container\">\n            <div className=\"nz-balloon\">\n              <div className=\"nz-arrow\" />\n              <div className=\"nz-content\">{children}</div>\n            </div>\n            <div className=\"nz-target\" ref={targetRef} />\n          </div>\n        </div>\n      </FooterIndicator>\n    );\n  }\n}\n"]}

package/lib/cjs/appui-react/layout/footer/message-center/Indicator.scss

@@ -1,106 +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/core-react/lib/cjs/core-react/style/breakpoints";
-@import "~@itwin/core-react/lib/cjs/core-react/geometry";
-@import "../variables";
-
-.nz-footer-messageCenter-indicator {
-  height: 100%;
-  color: var(--iui-color-text);
-
-  padding: {
-    top: 0;
-    bottom: 0;
-  }
-
-  box-sizing: border-box;
-
-  > .nz-indicator {
-    height: 100%;
-    display: flex;
-    cursor: pointer;
-    align-items: center;
-
-    > .nz-label {
-      font-size: $text-font-size;
-      font-size: $text-font-size;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-
-      @include for-tablet-portrait-down {
-        font-size: $text-font-size-medium;
-      }
-
-      @include for-phone-only {
-        display: none;
-      }
-    }
-
-    > .nz-container {
-      height: 100%;
-      position: relative;
-      display: grid;
-      align-items: center;
-      margin-left: 8px;
-
-      > .nz-balloon {
-        background-color: var(--iui-color-icon);
-        text-align: center;
-        min-width: $min-balloon-width;
-        min-height: $min-balloon-height;
-        border-radius: 50%;
-        padding: $balloon-padding;
-        position: relative;
-
-        > .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 var(--iui-color-icon);
-          transform: rotate(25deg);
-        }
-
-        > .nz-content {
-          position: relative;
-          color: var(--iui-color-background);
-          line-height: $min-balloon-height;
-          font-size: 11px;
-        }
-      }
-
-      > .nz-target {
-        height: 100%;
-        width: 100%;
-        top: 0;
-        left: 0;
-        position: absolute;
-        pointer-events: none;
-      }
-    }
-
-    &:hover {
-      color: var(--iui-color-text-accent);
-
-      > .nz-container > .nz-balloon {
-        background-color: var(--iui-color-text-accent);
-
-        > .nz-arrow {
-          border-color: transparent var(--iui-color-text-accent);
-        }
-      }
-    }
-
-    &:focus {
-      outline: none;
-    }
-  }
-}

package/lib/cjs/appui-react/layout/footer/message-center/Message.d.ts

@@ -1,22 +0,0 @@
-/** @packageDocumentation
- * @module MessageCenter
- */
-import "./Message.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-/** Properties of [[MessageCenterMessage]] component.
- * @internal
- */
-export interface MessageCenterMessageProps extends CommonProps {
-    /** Message content. */
-    children?: React.ReactNode;
-    /** Message icon. */
-    icon?: React.ReactNode;
-}
-/** Message entry in [[MessageCenterDialog]] component.
- * @internal
- */
-export declare class MessageCenterMessage extends React.PureComponent<MessageCenterMessageProps> {
-    render(): React.JSX.Element;
-}
-//# sourceMappingURL=Message.d.ts.map

package/lib/cjs/appui-react/layout/footer/message-center/Message.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/footer/message-center/Message.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AAExB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,WAAW;IAC5D,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC;IACtE,MAAM;CAevB"}

package/lib/cjs/appui-react/layout/footer/message-center/Message.js

@@ -1,26 +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 MessageCenter
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageCenterMessage = void 0;
-require("./Message.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-/** Message entry in [[MessageCenterDialog]] component.
- * @internal
- */
-class MessageCenterMessage extends React.PureComponent {
-    render() {
-        const className = (0, classnames_1.default)("nz-footer-messageCenter-message", this.props.className);
-        return (React.createElement("div", { className: className, style: this.props.style },
-            this.props.icon && React.createElement("div", { className: "nz-icon" }, this.props.icon),
-            this.props.children && (React.createElement("div", { className: "nz-content" }, this.props.children))));
-    }
-}
-exports.MessageCenterMessage = MessageCenterMessage;
-//# sourceMappingURL=Message.js.map

package/lib/cjs/appui-react/layout/footer/message-center/Message.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/footer/message-center/Message.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,0BAAwB;AACxB,2CAAoC;AACpC,+BAA+B;AAa/B;;GAEG;AACH,MAAa,oBAAqB,SAAQ,KAAK,CAAC,aAAwC;IACtE,MAAM;QACpB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,iCAAiC,EACjC,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAC/C,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,6BAAK,SAAS,EAAC,SAAS,IAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAO;YACnE,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CACtB,6BAAK,SAAS,EAAC,YAAY,IAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CACxD,CACG,CACP,CAAC;IACJ,CAAC;CACF;AAhBD,oDAgBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module MessageCenter\n */\n\nimport \"./Message.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[MessageCenterMessage]] component.\n * @internal\n */\nexport interface MessageCenterMessageProps extends CommonProps {\n  /** Message content. */\n  children?: React.ReactNode;\n  /** Message icon. */\n  icon?: React.ReactNode;\n}\n\n/** Message entry in [[MessageCenterDialog]] component.\n * @internal\n */\nexport class MessageCenterMessage extends React.PureComponent<MessageCenterMessageProps> {\n  public override render() {\n    const className = classnames(\n      \"nz-footer-messageCenter-message\",\n      this.props.className\n    );\n\n    return (\n      <div className={className} style={this.props.style}>\n        {this.props.icon && <div className=\"nz-icon\">{this.props.icon}</div>}\n        {this.props.children && (\n          <div className=\"nz-content\">{this.props.children}</div>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/appui-react/layout/footer/message-center/Tab.d.ts

@@ -1,24 +0,0 @@
-/** @packageDocumentation
- * @module MessageCenter
- */
-import "./Tab.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-/** Properties of [[MessageCenterTab]] component.
- * @internal
- */
-export interface MessageCenterTabProps extends CommonProps {
-    /** Tab content. */
-    children?: React.ReactNode;
-    /** Describes if the tab is active. */
-    isActive?: boolean;
-    /** Function called when the tab is clicked. */
-    onClick?: () => void;
-}
-/** Message center tab used in [[MessageCenterDialog]] component.
- * @internal
- */
-export declare class MessageCenterTab extends React.PureComponent<MessageCenterTabProps> {
-    render(): React.JSX.Element;
-}
-//# sourceMappingURL=Tab.d.ts.map

package/lib/cjs/appui-react/layout/footer/message-center/Tab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/footer/message-center/Tab.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC;IAC9D,MAAM;CAoBvB"}

package/lib/cjs/appui-react/layout/footer/message-center/Tab.js

@@ -1,26 +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 MessageCenter
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageCenterTab = void 0;
-require("./Tab.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-/** Message center tab used in [[MessageCenterDialog]] component.
- * @internal
- */
-class MessageCenterTab extends React.PureComponent {
-    render() {
-        const className = (0, classnames_1.default)("nz-footer-messageCenter-tab", this.props.isActive && "nz-active", this.props.className);
-        return (
-        // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-        React.createElement("div", { className: className, style: this.props.style, onClick: this.props.onClick, role: "tab", tabIndex: -1 }, this.props.children));
-    }
-}
-exports.MessageCenterTab = MessageCenterTab;
-//# sourceMappingURL=Tab.js.map

package/lib/cjs/appui-react/layout/footer/message-center/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/footer/message-center/Tab.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,sBAAoB;AACpB,2CAAoC;AACpC,+BAA+B;AAe/B;;GAEG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IAC9D,MAAM;QACpB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,6BAA6B,EAC7B,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,WAAW,EAClC,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO;QACL,iEAAiE;QACjE,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,CAAC,CAAC,IAEX,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CACP,CAAC;IACJ,CAAC;CACF;AArBD,4CAqBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module MessageCenter\n */\n\nimport \"./Tab.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[MessageCenterTab]] component.\n * @internal\n */\nexport interface MessageCenterTabProps extends CommonProps {\n  /** Tab content. */\n  children?: React.ReactNode;\n  /** Describes if the tab is active. */\n  isActive?: boolean;\n  /** Function called when the tab is clicked. */\n  onClick?: () => void;\n}\n\n/** Message center tab used in [[MessageCenterDialog]] component.\n * @internal\n */\nexport class MessageCenterTab extends React.PureComponent<MessageCenterTabProps> {\n  public override render() {\n    const className = classnames(\n      \"nz-footer-messageCenter-tab\",\n      this.props.isActive && \"nz-active\",\n      this.props.className\n    );\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        className={className}\n        style={this.props.style}\n        onClick={this.props.onClick}\n        role=\"tab\"\n        tabIndex={-1}\n      >\n        {this.props.children}\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/appui-react/layout/footer/message-center/Tab.scss

@@ -1,60 +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/core-react/lib/cjs/core-react/geometry";
-@import "~@itwin/core-react/lib/cjs/core-react/typography";
-
-@mixin nz-tab-bar {
-  $bar-size: 2px;
-
-  &:after {
-    content: "";
-    width: 100%;
-    height: 2px;
-    position: absolute;
-    top: $bar-size;
-    left: 0;
-    background: var(--iui-color-text-accent);
-    padding-left: $bar-size;
-    padding-right: $bar-size;
-    box-sizing: border-box;
-    background-clip: content-box;
-  }
-}
-
-.nz-footer-messageCenter-tab {
-  min-width: 40px;
-  min-height: 38px;
-  box-sizing: border-box;
-  cursor: pointer;
-  text-align: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  color: var(--iui-color-text);
-
-  &:not(.nz-active) {
-    border-bottom: 1px solid var(--iui-color-border);
-    background-color: var(--iui-color-background-backdrop);
-  }
-
-  &:hover {
-    @include nz-tab-bar;
-  }
-
-  &.nz-active {
-    color: var(--iui-color-text-accent);
-
-    @include nz-tab-bar;
-  }
-
-  &:not(:first-child) {
-    border-left: 1px solid var(--iui-color-border);
-  }
-
-  &:focus {
-    outline: none;
-  }
-}

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

@@ -1,46 +0,0 @@
-/** @packageDocumentation
- * @module Notification
- */
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-/** Enum for the [[MessageCenterField]] active tab
- * @internal
- */
-declare enum MessageCenterActiveTab {
-    AllMessages = 0,
-    Problems = 1
-}
-/** State for the [[MessageCenterField]] React component
- * @internal
- */
-interface MessageCenterState {
-    activeTab: MessageCenterActiveTab;
-    target: HTMLDivElement | null;
-    messageCount: number;
-    isOpen: boolean;
-}
-/** Message Center Field React component.
- * @public
- */
-export declare class MessageCenterField extends React.Component<CommonProps, MessageCenterState> {
-    private _indicator;
-    private _unloadMessagesUpdatedHandler?;
-    private _removeOpenMessagesCenterHandler?;
-    constructor(p: CommonProps);
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentWillUnmount(): void;
-    private _handleMessagesUpdatedEvent;
-    private _handleOpenMessageCenterEvent;
-    render(): React.ReactNode;
-    private _handleClose;
-    private _handleOutsideClick;
-    private _handleMessageIndicatorClick;
-    private _changeActiveTab;
-    private getMessages;
-    private isProblemStatus;
-    private setIsOpen;
-}
-export {};
-//# sourceMappingURL=MessageCenter.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MessageCenter.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/MessageCenter.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAYrD;;GAEG;AACH,aAAK,sBAAsB;IACzB,WAAW,IAAA;IACX,QAAQ,IAAA;CACT;AAED;;GAEG;AACH,UAAU,kBAAkB;IAC1B,SAAS,EAAE,sBAAsB,CAAC;IAClC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CACrD,WAAW,EACX,kBAAkB,CACnB;IACC,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,6BAA6B,CAAC,CAAa;IACnD,OAAO,CAAC,gCAAgC,CAAC,CAAa;gBAE1C,CAAC,EAAE,WAAW;IAW1B,gBAAgB;IACA,iBAAiB;IAcjC,gBAAgB;IACA,oBAAoB;IAapC,OAAO,CAAC,2BAA2B,CAIjC;IAEF,OAAO,CAAC,6BAA6B,CAEnC;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IA0DzC,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,mBAAmB,CASzB;IAEF,OAAO,CAAC,4BAA4B,CAElC;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,WAAW;IAiCnB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,SAAS;CAGlB"}

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

@@ -1,132 +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 Notification
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageCenterField = void 0;
-const React = require("react");
-const core_frontend_1 = require("@itwin/core-frontend");
-const core_react_1 = require("@itwin/core-react");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const UiFramework_1 = require("../UiFramework");
-const Dialog_1 = require("../layout/footer/message-center/Dialog");
-const Indicator_1 = require("../layout/footer/message-center/Indicator");
-const Message_1 = require("../layout/footer/message-center/Message");
-const Tab_1 = require("../layout/footer/message-center/Tab");
-const MessageManager_1 = require("../messages/MessageManager");
-const StatusBar_1 = require("../statusbar/StatusBar");
-/** Enum for the [[MessageCenterField]] active tab
- * @internal
- */
-var MessageCenterActiveTab;
-(function (MessageCenterActiveTab) {
-    MessageCenterActiveTab[MessageCenterActiveTab["AllMessages"] = 0] = "AllMessages";
-    MessageCenterActiveTab[MessageCenterActiveTab["Problems"] = 1] = "Problems";
-})(MessageCenterActiveTab || (MessageCenterActiveTab = {}));
-/** Message Center Field React component.
- * @public
- */
-class MessageCenterField extends React.Component {
-    constructor(p) {
-        super(p);
-        this._indicator = React.createRef();
-        this._handleMessagesUpdatedEvent = () => {
-            // istanbul ignore else
-            if (this._unloadMessagesUpdatedHandler)
-                this.setState({ messageCount: MessageManager_1.MessageManager.messages.length });
-        };
-        this._handleOpenMessageCenterEvent = () => {
-            this.setIsOpen(true);
-        };
-        this._handleClose = () => {
-            this.setIsOpen(false);
-        };
-        this._handleOutsideClick = (e) => {
-            if (!this._indicator.current ||
-                !(e.target instanceof Node) ||
-                this._indicator.current.contains(e.target))
-                return;
-            this._handleClose();
-        };
-        this._handleMessageIndicatorClick = () => {
-            this.setIsOpen(!this.state.isOpen);
-        };
-        this._changeActiveTab = (tab) => {
-            this.setState({ activeTab: tab });
-        };
-        this.state = {
-            activeTab: MessageCenterActiveTab.AllMessages,
-            target: null,
-            messageCount: MessageManager_1.MessageManager.messages.length,
-            isOpen: false,
-        };
-    }
-    /** @internal */
-    componentDidMount() {
-        this._unloadMessagesUpdatedHandler =
-            MessageManager_1.MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent, this);
-        this._removeOpenMessagesCenterHandler =
-            MessageManager_1.MessageManager.onOpenMessageCenterEvent.addListener(this._handleOpenMessageCenterEvent, this);
-        MessageManager_1.MessageManager.registerAnimateOutToElement(this._indicator.current);
-    }
-    /** @internal */
-    componentWillUnmount() {
-        // istanbul ignore else
-        if (this._unloadMessagesUpdatedHandler) {
-            this._unloadMessagesUpdatedHandler();
-            this._unloadMessagesUpdatedHandler = undefined;
-        }
-        // istanbul ignore else
-        if (this._removeOpenMessagesCenterHandler) {
-            this._removeOpenMessagesCenterHandler();
-            this._removeOpenMessagesCenterHandler = undefined;
-        }
-    }
-    render() {
-        const title = UiFramework_1.UiFramework.translate("messageCenter.messages");
-        const tooltip = `${this.state.messageCount} ${title}`;
-        const divStyle = { ...this.props.style, height: "100%" };
-        const footerMessages = (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: this.props.className, style: divStyle, title: tooltip },
-                React.createElement(Indicator_1.MessageCenter, { indicatorRef: this._indicator, label: title, onClick: this._handleMessageIndicatorClick }, this.state.messageCount.toString())),
-            React.createElement(StatusBar_1.StatusBar.Popup, { isOpen: this.state.isOpen, onClose: this._handleClose, onOutsideClick: this._handleOutsideClick, target: this._indicator.current },
-                React.createElement(Dialog_1.MessageCenterDialog, { prompt: UiFramework_1.UiFramework.translate("messageCenter.prompt"), tabs: React.createElement(React.Fragment, null,
-                        React.createElement(Tab_1.MessageCenterTab, { isActive: this.state.activeTab === MessageCenterActiveTab.AllMessages, onClick: () => this._changeActiveTab(MessageCenterActiveTab.AllMessages) }, UiFramework_1.UiFramework.translate("messageCenter.all")),
-                        React.createElement(Tab_1.MessageCenterTab, { isActive: this.state.activeTab === MessageCenterActiveTab.Problems, onClick: () => this._changeActiveTab(MessageCenterActiveTab.Problems) }, UiFramework_1.UiFramework.translate("messageCenter.errors"))), title: title }, this.getMessages()))));
-        return footerMessages;
-    }
-    getMessages() {
-        const messages = MessageManager_1.MessageManager.messages.slice(0).reverse();
-        const tabRows = new Array();
-        messages.forEach((details, index) => {
-            /* istanbul ignore else */
-            if (this.state.activeTab === MessageCenterActiveTab.AllMessages ||
-                this.isProblemStatus(details.priority)) {
-                const iconClassName = MessageManager_1.MessageManager.getIconClassName(details);
-                const iconSpec = MessageManager_1.MessageManager.getIconSpecFromDetails(details);
-                const message = details.briefMessage;
-                tabRows.push(React.createElement(Message_1.MessageCenterMessage, { key: index.toString(), icon: React.createElement(core_react_1.Icon, { iconSpec: iconSpec, className: iconClassName }) },
-                    React.createElement(core_react_1.MessageRenderer, { message: message, useSpan: true }),
-                    details.detailedMessage && (React.createElement(itwinui_react_1.Text, { variant: "small" },
-                        React.createElement(core_react_1.MessageRenderer, { message: details.detailedMessage })))));
-            }
-        });
-        return tabRows;
-    }
-    isProblemStatus(priority) {
-        // See priority values in DgnPlatform defined in NotificationManager
-        if (priority === core_frontend_1.OutputMessagePriority.Error ||
-            priority === core_frontend_1.OutputMessagePriority.Fatal)
-            return true;
-        return false;
-    }
-    setIsOpen(isOpen) {
-        this.setState({ isOpen });
-    }
-}
-exports.MessageCenterField = MessageCenterField;
-//# sourceMappingURL=MessageCenter.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MessageCenter.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/MessageCenter.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Notification\n */\n\nimport * as React from \"react\";\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon, MessageRenderer } from \"@itwin/core-react\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { MessageCenterDialog } from \"../layout/footer/message-center/Dialog\";\nimport { MessageCenter } from \"../layout/footer/message-center/Indicator\";\nimport { MessageCenterMessage } from \"../layout/footer/message-center/Message\";\nimport { MessageCenterTab } from \"../layout/footer/message-center/Tab\";\nimport { MessageManager } from \"../messages/MessageManager\";\nimport type { NotifyMessageDetailsType } from \"../messages/ReactNotifyMessageDetails\";\nimport { StatusBar } from \"../statusbar/StatusBar\";\n\n/** Enum for the [[MessageCenterField]] active tab\n * @internal\n */\nenum MessageCenterActiveTab {\n  AllMessages,\n  Problems,\n}\n\n/** State for the [[MessageCenterField]] React component\n * @internal\n */\ninterface MessageCenterState {\n  activeTab: MessageCenterActiveTab;\n  target: HTMLDivElement | null;\n  messageCount: number;\n  isOpen: boolean;\n}\n\n/** Message Center Field React component.\n * @public\n */\nexport class MessageCenterField extends React.Component<\n  CommonProps,\n  MessageCenterState\n> {\n  private _indicator = React.createRef<HTMLDivElement>();\n  private _unloadMessagesUpdatedHandler?: () => void;\n  private _removeOpenMessagesCenterHandler?: () => void;\n\n  constructor(p: CommonProps) {\n    super(p);\n\n    this.state = {\n      activeTab: MessageCenterActiveTab.AllMessages,\n      target: null,\n      messageCount: MessageManager.messages.length,\n      isOpen: false,\n    };\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this._unloadMessagesUpdatedHandler =\n      MessageManager.onMessagesUpdatedEvent.addListener(\n        this._handleMessagesUpdatedEvent,\n        this\n      );\n    this._removeOpenMessagesCenterHandler =\n      MessageManager.onOpenMessageCenterEvent.addListener(\n        this._handleOpenMessageCenterEvent,\n        this\n      );\n    MessageManager.registerAnimateOutToElement(this._indicator.current);\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    // istanbul ignore else\n    if (this._unloadMessagesUpdatedHandler) {\n      this._unloadMessagesUpdatedHandler();\n      this._unloadMessagesUpdatedHandler = undefined;\n    }\n    // istanbul ignore else\n    if (this._removeOpenMessagesCenterHandler) {\n      this._removeOpenMessagesCenterHandler();\n      this._removeOpenMessagesCenterHandler = undefined;\n    }\n  }\n\n  private _handleMessagesUpdatedEvent = () => {\n    // istanbul ignore else\n    if (this._unloadMessagesUpdatedHandler)\n      this.setState({ messageCount: MessageManager.messages.length });\n  };\n\n  private _handleOpenMessageCenterEvent = () => {\n    this.setIsOpen(true);\n  };\n\n  public override render(): React.ReactNode {\n    const title = UiFramework.translate(\"messageCenter.messages\");\n    const tooltip = `${this.state.messageCount} ${title}`;\n    const divStyle = { ...this.props.style, height: \"100%\" };\n    const footerMessages = (\n      <>\n        <div className={this.props.className} style={divStyle} title={tooltip}>\n          <MessageCenter\n            indicatorRef={this._indicator}\n            label={title}\n            onClick={this._handleMessageIndicatorClick}\n          >\n            {this.state.messageCount.toString()}\n          </MessageCenter>\n        </div>\n        <StatusBar.Popup\n          isOpen={this.state.isOpen}\n          onClose={this._handleClose}\n          onOutsideClick={this._handleOutsideClick}\n          target={this._indicator.current}\n        >\n          <MessageCenterDialog\n            prompt={UiFramework.translate(\"messageCenter.prompt\")}\n            tabs={\n              <>\n                <MessageCenterTab\n                  isActive={\n                    this.state.activeTab === MessageCenterActiveTab.AllMessages\n                  }\n                  onClick={() =>\n                    this._changeActiveTab(MessageCenterActiveTab.AllMessages)\n                  }\n                >\n                  {UiFramework.translate(\"messageCenter.all\")}\n                </MessageCenterTab>\n                <MessageCenterTab\n                  isActive={\n                    this.state.activeTab === MessageCenterActiveTab.Problems\n                  }\n                  onClick={() =>\n                    this._changeActiveTab(MessageCenterActiveTab.Problems)\n                  }\n                >\n                  {UiFramework.translate(\"messageCenter.errors\")}\n                </MessageCenterTab>\n              </>\n            }\n            title={title}\n          >\n            {this.getMessages()}\n          </MessageCenterDialog>\n        </StatusBar.Popup>\n      </>\n    );\n\n    return footerMessages;\n  }\n\n  private _handleClose = () => {\n    this.setIsOpen(false);\n  };\n\n  private _handleOutsideClick = (e: MouseEvent) => {\n    if (\n      !this._indicator.current ||\n      !(e.target instanceof Node) ||\n      this._indicator.current.contains(e.target)\n    )\n      return;\n\n    this._handleClose();\n  };\n\n  private _handleMessageIndicatorClick = () => {\n    this.setIsOpen(!this.state.isOpen);\n  };\n\n  private _changeActiveTab = (tab: MessageCenterActiveTab) => {\n    this.setState({ activeTab: tab });\n  };\n\n  private getMessages(): React.ReactChild[] {\n    const messages = MessageManager.messages.slice(0).reverse();\n    const tabRows: React.ReactChild[] = new Array<React.ReactChild>();\n\n    messages.forEach((details: NotifyMessageDetailsType, index: number) => {\n      /* istanbul ignore else */\n      if (\n        this.state.activeTab === MessageCenterActiveTab.AllMessages ||\n        this.isProblemStatus(details.priority)\n      ) {\n        const iconClassName = MessageManager.getIconClassName(details);\n        const iconSpec = MessageManager.getIconSpecFromDetails(details);\n        const message = details.briefMessage;\n\n        tabRows.push(\n          <MessageCenterMessage\n            key={index.toString()}\n            icon={<Icon iconSpec={iconSpec} className={iconClassName} />}\n          >\n            <MessageRenderer message={message} useSpan />\n            {details.detailedMessage && (\n              <Text variant=\"small\">\n                <MessageRenderer message={details.detailedMessage} />\n              </Text>\n            )}\n          </MessageCenterMessage>\n        );\n      }\n    });\n\n    return tabRows;\n  }\n\n  private isProblemStatus(priority: OutputMessagePriority): boolean {\n    // See priority values in DgnPlatform defined in NotificationManager\n\n    if (\n      priority === OutputMessagePriority.Error ||\n      priority === OutputMessagePriority.Fatal\n    )\n      return true;\n\n    return false;\n  }\n\n  private setIsOpen(isOpen: boolean) {\n    this.setState({ isOpen });\n  }\n}\n"]}

package/lib/cjs/appui-react/useTranslation.d.ts

@@ -1,10 +0,0 @@
-interface UseTranslationResult {
-    translate: (key: string) => string;
-}
-/**
- * Returns a translation function.
- * @internal
- */
-export declare function useTranslation(): UseTranslationResult;
-export {};
-//# sourceMappingURL=useTranslation.d.ts.map

package/lib/cjs/appui-react/useTranslation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTranslation.d.ts","sourceRoot":"","sources":["../../../src/appui-react/useTranslation.ts"],"names":[],"mappings":"AAMA,UAAU,oBAAoB;IAC5B,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAgB,cAAc,IAAI,oBAAoB,CAMrD"}

package/lib/cjs/appui-react/useTranslation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTranslation.js","sourceRoot":"","sources":["../../../src/appui-react/useTranslation.ts"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG,+CAA4C;AAM5C;;;GAGG;AACH,SAAgB,cAAc;IAC5B,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,EAAE;QAChC,OAAO,yBAAW,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACvB,CAAC;AAND,wCAMC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport { UiFramework } from \"./UiFramework\";\n\ninterface UseTranslationResult {\n  translate: (key: string) => string;\n}\n\n/**\n * Returns a translation function.\n * @internal\n */\nexport function useTranslation(): UseTranslationResult {\n  const translate = (key: string) => {\n    return UiFramework.translate(key);\n  };\n\n  return { translate };\n}\n"]}

package/lib/esm/appui-react/childwindow/PopoutWidget.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoutWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/PopoutWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEtD,UAAU,iBAAiB;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,iBAAiB,EACjB,SAAS,GACV,EAAE,iBAAiB,qBASnB"}

package/lib/esm/appui-react/childwindow/PopoutWidget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoutWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/PopoutWidget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,iBAAiB,EACjB,SAAS,GACS;IAClB,OAAO,CACL,6BACE,SAAS,EAAC,qCAAqC,oBAC/B,iBAAiB,IAEhC,SAAS,CAAC,SAAS,CAChB,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ChildWindowManager\n */\n\nimport \"./PopoutWidget.scss\";\nimport * as React from \"react\";\nimport type { WidgetDef } from \"../widgets/WidgetDef\";\n\ninterface PopoutWidgetProps {\n  widgetContainerId: string;\n  widgetDef: WidgetDef;\n}\n\n/** Component used to wrap a widget for use in a child window.\n * @internal\n */\nexport function PopoutWidget({\n  widgetContainerId,\n  widgetDef,\n}: PopoutWidgetProps) {\n  return (\n    <div\n      className=\"uifw-popout-widget-filled-container\"\n      data-widget-id={widgetContainerId}\n    >\n      {widgetDef.reactNode}\n    </div>\n  );\n}\n"]}

package/lib/esm/appui-react/layout/footer/Footer.d.ts

@@ -1,33 +0,0 @@
-/** @packageDocumentation
- * @module Footer
- */
-import "./Footer.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-import type { SafeAreaInsets } from "../../safearea/SafeAreaInsets";
-/** Properties of [[Footer]] component.
- * @internal
- */
-export interface FooterProps extends CommonProps {
-    /**
-     * Footer indicators, separators and status fields. I.e: [StatusBarSeparator]($appui-react), [[FooterIndicator]],
-     * [[MessageCenter]], [[ToolAssistance]], [[SnapMode]]
-     */
-    children?: React.ReactNode;
-    /** Footer messages. I.e. [[Message]], [[Toast]] */
-    messages?: React.ReactNode;
-    /** Handler for mouse enter */
-    onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    /** Handler for mouse leave */
-    onMouseLeave?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    /** Describes respected safe area insets. */
-    safeAreaInsets?: SafeAreaInsets;
-}
-/** Footer component.
- * @note Use [StatusBar]($appui-react) instead
- * @internal
- */
-export declare class Footer extends React.PureComponent<FooterProps> {
-    render(): React.JSX.Element;
-}
-//# sourceMappingURL=Footer.d.ts.map

package/lib/esm/appui-react/layout/footer/Footer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/footer/Footer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,4CAA4C;IAC5C,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED;;;GAGG;AACH,qBAAa,MAAO,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IAC1C,MAAM;CAsBvB"}

package/lib/esm/appui-react/layout/footer/Footer.js

@@ -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.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Footer
- */
-import "./Footer.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { SafeAreaInsetsHelpers } from "../base/SafeAreaInsets";
-/** Footer component.
- * @note Use [StatusBar]($appui-react) instead
- * @internal
- */
-export class Footer extends React.PureComponent {
-    render() {
-        const className = classnames("nz-footer-footer", this.props.safeAreaInsets &&
-            SafeAreaInsetsHelpers.getCssClassNames(this.props.safeAreaInsets), this.props.className);
-        return (React.createElement("div", { className: className, style: this.props.style, onMouseEnter: this.props.onMouseEnter, onMouseLeave: this.props.onMouseLeave },
-            React.createElement("div", null,
-                React.createElement("div", { className: "nz-messages" }, this.props.messages),
-                React.createElement("div", { className: "nz-indicators" }, this.props.children))));
-    }
-}
-//# sourceMappingURL=Footer.js.map

package/lib/esm/appui-react/layout/footer/Footer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/footer/Footer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAsB/D;;;GAGG;AACH,MAAM,OAAO,MAAO,SAAQ,KAAK,CAAC,aAA0B;IAC1C,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,kBAAkB,EAClB,IAAI,CAAC,KAAK,CAAC,cAAc;YACvB,qBAAqB,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EACnE,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;YAErC;gBACE,6BAAK,SAAS,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO;gBACxD,6BAAK,SAAS,EAAC,eAAe,IAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CACtD,CACF,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Footer\n */\n\nimport \"./Footer.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { SafeAreaInsetsHelpers } from \"../base/SafeAreaInsets\";\nimport type { SafeAreaInsets } from \"../../safearea/SafeAreaInsets\";\n\n/** Properties of [[Footer]] component.\n * @internal\n */\nexport interface FooterProps extends CommonProps {\n  /**\n   * Footer indicators, separators and status fields. I.e: [StatusBarSeparator]($appui-react), [[FooterIndicator]],\n   * [[MessageCenter]], [[ToolAssistance]], [[SnapMode]]\n   */\n  children?: React.ReactNode;\n  /** Footer messages. I.e. [[Message]], [[Toast]] */\n  messages?: React.ReactNode;\n  /** Handler for mouse enter */\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Handler for mouse leave */\n  onMouseLeave?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /** Describes respected safe area insets. */\n  safeAreaInsets?: SafeAreaInsets;\n}\n\n/** Footer component.\n * @note Use [StatusBar]($appui-react) instead\n * @internal\n */\nexport class Footer extends React.PureComponent<FooterProps> {\n  public override render() {\n    const className = classnames(\n      \"nz-footer-footer\",\n      this.props.safeAreaInsets &&\n        SafeAreaInsetsHelpers.getCssClassNames(this.props.safeAreaInsets),\n      this.props.className\n    );\n\n    return (\n      <div\n        className={className}\n        style={this.props.style}\n        onMouseEnter={this.props.onMouseEnter}\n        onMouseLeave={this.props.onMouseLeave}\n      >\n        <div>\n          <div className=\"nz-messages\">{this.props.messages}</div>\n          <div className=\"nz-indicators\">{this.props.children}</div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}