@itwin/appui-react 4.13.4 → 4.14.0

package/lib/cjs/appui-react/layout/footer/tool-assistance/Indicator.scss

@@ -1,80 +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-toolAssistance-indicator {
-  $triangle-width: 5px;
-  $padding: 2px;
-  $top-bottom-padding: 1px;
-
-  > .nz-indicator {
-    height: 32px;
-    min-width: 20px;
-    position: relative;
-
-    padding: {
-      top: $top-bottom-padding;
-      right: $padding * 2 + $triangle-width;
-      bottom: $top-bottom-padding;
-      left: $padding;
-    }
-
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-
-    > .nz-icons {
-      font-size: $icon-size;
-      display: flex;
-      align-items: center;
-    }
-
-    > .nz-content {
-      margin-left: 8px;
-      font-size: $text-font-size;
-      line-height: 1;
-
-      /* Medium devices */
-      @include for-tablet-portrait-down {
-        font-size: $text-font-size-medium;
-      }
-
-      /* Small devices */
-      @include for-phone-only {
-        font-size: $text-font-size-small;
-      }
-    }
-
-    > .nz-triangle {
-      position: absolute;
-      right: $padding;
-      bottom: $padding;
-      filter: $icon-shadow;
-
-      @include triangle-bottom-right(
-        $triangle-width,
-        $color: var(--iui-color-icon)
-      );
-    }
-
-    &:hover {
-      color: var(--iui-color-text-accent-hover);
-
-      > .nz-triangle {
-        @include triangle-bottom-right(
-          $triangle-width,
-          $color: var(--iui-color-text-accent-hover)
-        );
-      }
-    }
-
-    &:focus {
-      outline: none;
-    }
-  }
-}

package/lib/cjs/appui-react/statusbar/OverflowPanel.d.ts

@@ -1,21 +0,0 @@
-/** @packageDocumentation
- * @module ToolSettings
- */
-import "./OverflowPanel.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-/** Properties of [[StatusBarOverflowPanel]] component.
- * @internal
- */
-export interface StatusBarOverflowPanelProps extends CommonProps {
-    /** Panel content. */
-    children?: React.ReactNode;
-    onClose: () => void;
-    target: HTMLElement | undefined;
-    open: boolean;
-}
-/** Displays overflow status bar items.
- * @internal
- */
-export declare function StatusBarOverflowPanel(props: StatusBarOverflowPanelProps): React.JSX.Element;
-//# sourceMappingURL=OverflowPanel.d.ts.map

package/lib/cjs/appui-react/statusbar/OverflowPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowPanel.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/OverflowPanel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD;;GAEG;AACH,MAAM,WAAW,2BAA4B,SAAQ,WAAW;IAC9D,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;CACf;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,qBAexE"}

package/lib/cjs/appui-react/statusbar/OverflowPanel.js

@@ -1,23 +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 ToolSettings
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusBarOverflowPanel = void 0;
-require("./OverflowPanel.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const core_react_1 = require("@itwin/core-react");
-/** Displays overflow status bar items.
- * @internal
- */
-function StatusBarOverflowPanel(props) {
-    const className = (0, classnames_1.default)("uifw-statusbar-panel", props.className);
-    return (React.createElement(core_react_1.Popup, { className: className, isOpen: props.open, offset: 0, onClose: props.onClose, style: props.style, showShadow: true, target: props.target }, props.children));
-}
-exports.StatusBarOverflowPanel = StatusBarOverflowPanel;
-//# sourceMappingURL=OverflowPanel.js.map

package/lib/cjs/appui-react/statusbar/OverflowPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowPanel.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/OverflowPanel.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAE/B,kDAA0C;AAa1C;;GAEG;AACH,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACtE,OAAO,CACL,oBAAC,kBAAK,IACJ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,KAAK,CAAC,IAAI,EAClB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,EAAE,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,IAEnB,KAAK,CAAC,QAAQ,CACT,CACT,CAAC;AACJ,CAAC;AAfD,wDAeC","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 ToolSettings\n */\n\nimport \"./OverflowPanel.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Popup } from \"@itwin/core-react\";\n\n/** Properties of [[StatusBarOverflowPanel]] component.\n * @internal\n */\nexport interface StatusBarOverflowPanelProps extends CommonProps {\n  /** Panel content. */\n  children?: React.ReactNode;\n  onClose: () => void;\n  target: HTMLElement | undefined;\n  open: boolean;\n}\n\n/** Displays overflow status bar items.\n * @internal\n */\nexport function StatusBarOverflowPanel(props: StatusBarOverflowPanelProps) {\n  const className = classnames(\"uifw-statusbar-panel\", props.className);\n  return (\n    <Popup\n      className={className}\n      isOpen={props.open}\n      offset={0}\n      onClose={props.onClose}\n      style={props.style}\n      showShadow={true}\n      target={props.target}\n    >\n      {props.children}\n    </Popup>\n  );\n}\n"]}

package/lib/cjs/appui-react/statusbar/OverflowPanel.scss

@@ -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.
- *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/index";
-
-.uifw-statusbar-panel {
-  background: $buic-background-1;
-  padding: 0.5em;
-
-  &.core-popup.core-popup-top {
-    @include uicore-z-index(status-overflow-popup);
-  }
-}
-
-.uifw-statusbar-overflow-items-container {
-  display: flex;
-  flex-direction: column;
-
-  > .nz-footer-separator {
-    display: none;
-  }
-}

package/lib/esm/appui-react/layout/base/Ellipsis.d.ts

@@ -1,11 +0,0 @@
-/** @packageDocumentation
- * @module Base
- */
-import "./Ellipsis.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-/** A component that renders three dots (common for text truncation). Used in overflow buttons.
- * @internal
- */
-export declare function Ellipsis(props: CommonProps): React.JSX.Element;
-//# sourceMappingURL=Ellipsis.d.ts.map

package/lib/esm/appui-react/layout/base/Ellipsis.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Ellipsis.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/base/Ellipsis.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AAEzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,qBAS1C"}

package/lib/esm/appui-react/layout/base/Ellipsis.js

@@ -1,21 +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 Base
- */
-import "./Ellipsis.scss";
-import classnames from "classnames";
-import * as React from "react";
-/** A component that renders three dots (common for text truncation). Used in overflow buttons.
- * @internal
- */
-export function Ellipsis(props) {
-    const className = classnames("nz-base-ellipsis", props.className);
-    return (React.createElement("div", { className: className, style: props.style },
-        React.createElement("div", { className: "nz-dot" }),
-        React.createElement("div", { className: "nz-dot" }),
-        React.createElement("div", { className: "nz-dot" })));
-}
-//# sourceMappingURL=Ellipsis.js.map

package/lib/esm/appui-react/layout/base/Ellipsis.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Ellipsis.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/base/Ellipsis.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAkB;IACzC,MAAM,SAAS,GAAG,UAAU,CAAC,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAClE,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QAC3C,6BAAK,SAAS,EAAC,QAAQ,GAAG;QAC1B,6BAAK,SAAS,EAAC,QAAQ,GAAG;QAC1B,6BAAK,SAAS,EAAC,QAAQ,GAAG,CACtB,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 Base\n */\n\nimport \"./Ellipsis.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** A component that renders three dots (common for text truncation). Used in overflow buttons.\n * @internal\n */\nexport function Ellipsis(props: CommonProps) {\n  const className = classnames(\"nz-base-ellipsis\", props.className);\n  return (\n    <div className={className} style={props.style}>\n      <div className=\"nz-dot\" />\n      <div className=\"nz-dot\" />\n      <div className=\"nz-dot\" />\n    </div>\n  );\n}\n"]}

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

@@ -1,23 +0,0 @@
-/** @packageDocumentation
- * @module Footer
- */
-import "./Indicator.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-/** Properties of [[FooterIndicator]] component.
- * @internal
- */
-export interface FooterIndicatorProps extends CommonProps {
-    /** Indicator content. */
-    children?: React.ReactNode;
-    /** Title for the indicator */
-    title?: string;
-    /** Function called when the indicator is clicked */
-    onClick?: (event: React.MouseEvent) => void;
-}
-/** Indicator used in [[Footer]] component.
- * @note Use [StatusBarIndicator]($appui-react) instead
- * @internal
- */
-export declare const FooterIndicator: React.ForwardRefExoticComponent<FooterIndicatorProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=Indicator.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/footer/Indicator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC7C;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,6FAa1B,CAAC"}

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

@@ -1,20 +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 "./Indicator.scss";
-import classnames from "classnames";
-import * as React from "react";
-/** Indicator used in [[Footer]] component.
- * @note Use [StatusBarIndicator]($appui-react) instead
- * @internal
- */
-export const FooterIndicator = React.forwardRef(function FooterIndicator(props, ref) {
-    const { children, ...attributes } = props;
-    const className = classnames("nz-footer-indicator", props.className);
-    return (React.createElement("div", { ref: ref, ...attributes, className }, children));
-});
-//# sourceMappingURL=Indicator.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/footer/Indicator.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAG7C,SAAS,eAAe,CAAC,KAAK,EAAE,GAAG;IACnC,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE1C,MAAM,SAAS,GAAG,UAAU,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAErE,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAQ,GAAG,UAAU,EAAE,SAAS,IAC1C,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,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 Footer\n */\n\nimport \"./Indicator.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[FooterIndicator]] component.\n * @internal\n */\nexport interface FooterIndicatorProps extends CommonProps {\n  /** Indicator content. */\n  children?: React.ReactNode;\n  /** Title for the indicator */\n  title?: string;\n  /** Function called when the indicator is clicked */\n  onClick?: (event: React.MouseEvent) => void;\n}\n\n/** Indicator used in [[Footer]] component.\n * @note Use [StatusBarIndicator]($appui-react) instead\n * @internal\n */\nexport const FooterIndicator = React.forwardRef<\n  HTMLDivElement,\n  FooterIndicatorProps\n>(function FooterIndicator(props, ref) {\n  const { children, ...attributes } = props;\n\n  const className = classnames(\"nz-footer-indicator\", props.className);\n\n  return (\n    <div ref={ref} {...{ ...attributes, className }}>\n      {children}\n    </div>\n  );\n});\n"]}

package/lib/esm/appui-react/layout/footer/Indicator.scss

@@ -1,39 +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/index";
-@import "variables";
-
-.nz-footer-indicator {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  color: var(--iui-color-text);
-  font-size: $text-font-size;
-  box-sizing: border-box;
-
-  /* Desktop */
-  @include for-medium-desktop-up {
-    padding-left: $nz-footer-indicator-horizontal-padding;
-    padding-right: $nz-footer-indicator-horizontal-padding;
-  }
-
-  /* Medium devices */
-  @include for-small-desktop-down {
-    padding-left: $nz-footer-indicator-horizontal-padding-medium;
-    padding-right: $nz-footer-indicator-horizontal-padding-medium;
-  }
-
-  @include for-tablet-portrait-down {
-    font-size: $text-font-size-medium;
-  }
-
-  /* Small devices */
-  @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;
-  }
-}

package/lib/esm/appui-react/layout/footer/_variables.scss

@@ -1,41 +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/themecolors";
-
-$text-font-size: 14px;
-$text-font-size-medium: 12px;
-$text-font-size-small: 12px;
-
-$icon-size: 16px;
-$icon-size-medium: 14px;
-$icon-size-small: 14px;
-$icon-color: var(--iui-color-icon);
-$icon-shadow: drop-shadow(0 1px $buic-icon-color-reverse);
-
-$space-between-text-and-icon: 12px;
-$space-between-icons: 20px;
-
-$balloon-padding: 3px;
-$min-balloon-height: $icon-size - 2 * $balloon-padding;
-$min-balloon-width: $min-balloon-height;
-$balloon-arrow-width: 10px;
-$balloon-arrow-height: 10px;
-
-$nz-footer-popup-min-width: 300px;
-$nz-footer-popup-max-width: 600px;
-
-// Footer indicator
-$nz-footer-indicator-horizontal-padding: 15px;
-$nz-footer-indicator-horizontal-padding-medium: 10px;
-$nz-footer-indicator-horizontal-padding-small: 5px;
-
-$nz-footer-indicator-vertical-padding: 3px;
-
-// Footer indicator in widget mode
-$nz-footer-widget-indicator-horizontal-padding: 5px;
-$nz-footer-widget-indicator-horizontal-padding-medium: 3px;
-$nz-footer-widget-indicator-horizontal-padding-small: 2px;
-
-$nz-footer-indicator-space-between-text-and-icon: 4px;

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

@@ -1,23 +0,0 @@
-/** @packageDocumentation
- * @module Message
- */
-import "./Button.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-/** Properties of [[TitleBarButton]] component.
- * @internal
- */
-export interface TitleBarButtonProps extends CommonProps {
-    /** Button content. */
-    children?: React.ReactNode;
-    /** Function called when button is clicked. */
-    onClick?: () => void;
-    /** Button title. */
-    title?: string;
-}
-/** Button used in [[TitleBar]] component.
- * @note Use [StatusBarDialog.TitleBarButton]($appui-react) instead
- * @internal
- */
-export declare function TitleBarButton(props: TitleBarButtonProps): React.JSX.Element;
-//# sourceMappingURL=Button.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/footer/dialog/Button.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;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAgBxD"}

package/lib/esm/appui-react/layout/footer/dialog/Button.js

@@ -1,21 +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 Message
- */
-import "./Button.scss";
-import classnames from "classnames";
-import * as React from "react";
-/** Button used in [[TitleBar]] component.
- * @note Use [StatusBarDialog.TitleBarButton]($appui-react) instead
- * @internal
- */
-export function TitleBarButton(props) {
-    const className = classnames("nz-footer-dialog-button", props.className);
-    return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-    React.createElement("div", { className: className, onClick: props.onClick, style: props.style, title: props.title, role: "button", tabIndex: -1 }, props.children));
-}
-//# sourceMappingURL=Button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/footer/dialog/Button.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;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,SAAS,GAAG,UAAU,CAAC,yBAAyB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEzE,OAAO;IACL,iEAAiE;IACjE,6BACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,IAEX,KAAK,CAAC,QAAQ,CACX,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 Message\n */\n\nimport \"./Button.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[TitleBarButton]] component.\n * @internal\n */\nexport interface TitleBarButtonProps extends CommonProps {\n  /** Button content. */\n  children?: React.ReactNode;\n  /** Function called when button is clicked. */\n  onClick?: () => void;\n  /** Button title. */\n  title?: string;\n}\n\n/** Button used in [[TitleBar]] component.\n * @note Use [StatusBarDialog.TitleBarButton]($appui-react) instead\n * @internal\n */\nexport function TitleBarButton(props: TitleBarButtonProps) {\n  const className = classnames(\"nz-footer-dialog-button\", props.className);\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n    <div\n      className={className}\n      onClick={props.onClick}\n      style={props.style}\n      title={props.title}\n      role=\"button\"\n      tabIndex={-1}\n    >\n      {props.children}\n    </div>\n  );\n}\n"]}

package/lib/esm/appui-react/layout/footer/snap-mode/Indicator.d.ts

@@ -1,27 +0,0 @@
-/** @packageDocumentation
- * @module SnapMode
- */
-import "./Indicator.scss";
-import * as React from "react";
-import type { FooterIndicatorProps } from "../Indicator";
-/** Properties of [[SnapMode]] component.
- * @internal
- */
-export interface SnapModeProps extends FooterIndicatorProps {
-    /** Indicator label. */
-    children?: string;
-    /** Indicator icon. */
-    icon?: React.ReactNode;
-    /** Clickable part of the indicator. */
-    indicatorRef?: React.Ref<HTMLDivElement>;
-    /** Function called when indicator is clicked. */
-    onClick?: () => void;
-}
-/** Snap mode indicator used in [[Footer]] component. Used with [[SnapModePanel]] component.
- * @note Use [SnapModeField]($appui-react) instead
- * @internal
- */
-export declare class SnapMode extends React.PureComponent<SnapModeProps> {
-    render(): React.JSX.Element;
-}
-//# sourceMappingURL=Indicator.d.ts.map

package/lib/esm/appui-react/layout/footer/snap-mode/Indicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.d.ts","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/footer/snap-mode/Indicator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGzD;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,oBAAoB;IACzD,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sBAAsB;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACzC,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,qBAAa,QAAS,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IAC9C,MAAM;CAuBvB"}

package/lib/esm/appui-react/layout/footer/snap-mode/Indicator.js

@@ -1,25 +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 SnapMode
- */
-import "./Indicator.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { FooterIndicator } from "../Indicator";
-/** Snap mode indicator used in [[Footer]] component. Used with [[SnapModePanel]] component.
- * @note Use [SnapModeField]($appui-react) instead
- * @internal
- */
-export class SnapMode extends React.PureComponent {
-    render() {
-        const { children, className, icon, indicatorRef, onClick, ...props } = this.props;
-        return (React.createElement(FooterIndicator, { className: classnames("nz-footer-snapMode-indicator", className), ...props },
-            React.createElement("div", { className: "nz-indicator", onClick: onClick, ref: indicatorRef, role: "button", tabIndex: -1 },
-                children !== undefined && (React.createElement("span", { className: "nz-label" }, children)),
-                React.createElement("div", { className: "nz-icon" }, icon))));
-    }
-}
-//# sourceMappingURL=Indicator.js.map

package/lib/esm/appui-react/layout/footer/snap-mode/Indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.js","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/footer/snap-mode/Indicator.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAgB/C;;;GAGG;AACH,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,aAA4B;IAC9C,MAAM;QACpB,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAClE,IAAI,CAAC,KAAK,CAAC;QACb,OAAO,CACL,oBAAC,eAAe,IACd,SAAS,EAAE,UAAU,CAAC,8BAA8B,EAAE,SAAS,CAAC,KAC5D,KAAK;YAET,6BACE,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC;gBAEX,QAAQ,KAAK,SAAS,IAAI,CACzB,8BAAM,SAAS,EAAC,UAAU,IAAE,QAAQ,CAAQ,CAC7C;gBACD,6BAAK,SAAS,EAAC,SAAS,IAAE,IAAI,CAAO,CACjC,CACU,CACnB,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 SnapMode\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 [[SnapMode]] component.\n * @internal\n */\nexport interface SnapModeProps extends FooterIndicatorProps {\n  /** Indicator label. */\n  children?: string;\n  /** Indicator icon. */\n  icon?: React.ReactNode;\n  /** Clickable part of the indicator. */\n  indicatorRef?: React.Ref<HTMLDivElement>;\n  /** Function called when indicator is clicked. */\n  onClick?: () => void;\n}\n\n/** Snap mode indicator used in [[Footer]] component. Used with [[SnapModePanel]] component.\n * @note Use [SnapModeField]($appui-react) instead\n * @internal\n */\nexport class SnapMode extends React.PureComponent<SnapModeProps> {\n  public override render() {\n    const { children, className, icon, indicatorRef, onClick, ...props } =\n      this.props;\n    return (\n      <FooterIndicator\n        className={classnames(\"nz-footer-snapMode-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          {children !== undefined && (\n            <span className=\"nz-label\">{children}</span>\n          )}\n          <div className=\"nz-icon\">{icon}</div>\n        </div>\n      </FooterIndicator>\n    );\n  }\n}\n"]}

package/lib/esm/appui-react/layout/footer/snap-mode/Indicator.scss

@@ -1,44 +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/index";
-@import "../variables";
-
-.nz-footer-snapMode-indicator {
-  height: 100%;
-  overflow: hidden;
-
-  > .nz-indicator {
-    height: 100%;
-    display: flex;
-    align-items: center;
-
-    > nz-label {
-      margin-right: 6px;
-      font-size: $text-font-size;
-      text-align: center;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-
-      @include for-tablet-landscape-down {
-        display: none;
-      }
-    }
-
-    > .nz-icon {
-      display: flex;
-      align-items: center;
-    }
-
-    &:hover {
-      color: var(--iui-color-text-accent-hover);
-      cursor: pointer;
-    }
-
-    &:focus {
-      outline: none;
-    }
-  }
-}

package/lib/esm/appui-react/layout/footer/tool-assistance/Indicator.d.ts

@@ -1,27 +0,0 @@
-/** @packageDocumentation
- * @module ToolAssistance
- */
-import "./Indicator.scss";
-import * as React from "react";
-import type { FooterIndicatorProps } from "../Indicator";
-/** Properties of [[ToolAssistance]] component.
- * @internal
- */
-export interface ToolAssistanceProps extends FooterIndicatorProps {
-    /** Indicator label. */
-    children?: string;
-    /** Indicator icons. */
-    icons?: React.ReactNode;
-    /** Clickable part of the indicator. */
-    indicatorRef?: React.Ref<HTMLDivElement>;
-    /** Function called when indicator is clicked. */
-    onClick?: () => void;
-}
-/** Tool assistance indicator used in [[Footer]] component.
- * @note Used with [[ToolAssistanceDialog]] component.
- * @internal
- */
-export declare class ToolAssistance extends React.PureComponent<ToolAssistanceProps> {
-    render(): React.JSX.Element;
-}
-//# sourceMappingURL=Indicator.d.ts.map

package/lib/esm/appui-react/layout/footer/tool-assistance/Indicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.d.ts","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/footer/tool-assistance/Indicator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGzD;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB;IAC/D,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uCAAuC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACzC,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC;IAC1D,MAAM;CAgCvB"}

package/lib/esm/appui-react/layout/footer/tool-assistance/Indicator.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 ToolAssistance
- */
-import "./Indicator.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { FooterIndicator } from "../Indicator";
-/** Tool assistance indicator used in [[Footer]] component.
- * @note Used with [[ToolAssistanceDialog]] component.
- * @internal
- */
-export class ToolAssistance extends React.PureComponent {
-    render() {
-        const { children, className, icons, indicatorRef, onClick, title, ...props } = this.props;
-        return (React.createElement(FooterIndicator, { className: classnames("nz-footer-toolAssistance-indicator", className), ...props },
-            React.createElement("div", { className: "nz-indicator", onClick: onClick, ref: indicatorRef, role: "button", tabIndex: -1, title: title },
-                React.createElement("div", { className: "nz-icons" }, icons),
-                children !== undefined && (React.createElement("span", { className: "nz-content" }, children)),
-                React.createElement("div", { className: "nz-triangle" }))));
-    }
-}
-//# sourceMappingURL=Indicator.js.map

package/lib/esm/appui-react/layout/footer/tool-assistance/Indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.js","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/footer/tool-assistance/Indicator.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAgB/C;;;GAGG;AACH,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,aAAkC;IAC1D,MAAM;QACpB,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAY,EACZ,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,OAAO,CACL,oBAAC,eAAe,IACd,SAAS,EAAE,UAAU,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAClE,KAAK;YAET,6BACE,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,KAAK;gBAEZ,6BAAK,SAAS,EAAC,UAAU,IAAE,KAAK,CAAO;gBACtC,QAAQ,KAAK,SAAS,IAAI,CACzB,8BAAM,SAAS,EAAC,YAAY,IAAE,QAAQ,CAAQ,CAC/C;gBACD,6BAAK,SAAS,EAAC,aAAa,GAAG,CAC3B,CACU,CACnB,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 ToolAssistance\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 [[ToolAssistance]] component.\n * @internal\n */\nexport interface ToolAssistanceProps extends FooterIndicatorProps {\n  /** Indicator label. */\n  children?: string;\n  /** Indicator icons. */\n  icons?: React.ReactNode;\n  /** Clickable part of the indicator. */\n  indicatorRef?: React.Ref<HTMLDivElement>;\n  /** Function called when indicator is clicked. */\n  onClick?: () => void;\n}\n\n/** Tool assistance indicator used in [[Footer]] component.\n * @note Used with [[ToolAssistanceDialog]] component.\n * @internal\n */\nexport class ToolAssistance extends React.PureComponent<ToolAssistanceProps> {\n  public override render() {\n    const {\n      children,\n      className,\n      icons,\n      indicatorRef,\n      onClick,\n      title,\n      ...props\n    } = this.props;\n    return (\n      <FooterIndicator\n        className={classnames(\"nz-footer-toolAssistance-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          title={title}\n        >\n          <div className=\"nz-icons\">{icons}</div>\n          {children !== undefined && (\n            <span className=\"nz-content\">{children}</span>\n          )}\n          <div className=\"nz-triangle\" />\n        </div>\n      </FooterIndicator>\n    );\n  }\n}\n"]}