@itwin/appui-react 4.17.1 → 5.0.0-dev.2

package/lib/esm/appui-react/statusbar/Overflow.scss

@@ -1,15 +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-statusbar-overflow-panel {
-  display: flex;
-  flex-direction: column;
-  padding: var(--iui-size-xs);
-  gap: var(--iui-size-2xs);
-
-  .uifw-statusBar-separator {
-    display: none;
-  }
-}

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

@@ -1,11 +0,0 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./Separator.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-/** Component used to separate status fields in a status bar.
- * @public
- */
-export declare function StatusBarSeparator(props: CommonProps): React.JSX.Element;
-//# sourceMappingURL=Separator.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Separator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AAEH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,qBAGpD"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Separator.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC;;GAEG;AACH,mDAAmD;AACnD,MAAM,UAAU,kBAAkB,CAAC,KAAkB;IACnD,MAAM,SAAS,GAAG,UAAU,CAAC,0BAA0B,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1E,OAAO,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC;AAC3D,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 StatusBar\n */\n\nimport \"./Separator.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Component used to separate status fields in a status bar.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function StatusBarSeparator(props: CommonProps) {\n  const className = classnames(\"uifw-statusBar-separator\", props.className);\n  return <div className={className} style={props.style} />;\n}\n"]}

package/lib/esm/appui-react/statusbar/Separator.scss

@@ -1,11 +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-statusBar-separator {
-  height: calc(100% - 6px);
-  width: 1px;
-  margin: 3px 0;
-  background-color: var(--iui-color-border-subtle);
-}

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

@@ -1,54 +0,0 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import type { CommonDivProps, CommonProps } from "@itwin/core-react";
-import * as React from "react";
-import { StatusBarPopup } from "./popup/Popup";
-import "./StatusBar.scss";
-import type { StatusBarWidgetControl } from "./StatusBarWidgetControl";
-/** Properties for the [[StatusBar]] React component
- * @public
- * @deprecated in 4.16.0. Used in a deprecated component [[StatusBar]].
- */
-export interface StatusBarProps extends CommonProps {
-    children?: React.ReactNode;
-    widgetControl?: StatusBarWidgetControl;
-}
-/** Status Bar React component.
- * @public
- * @deprecated in 4.14.0. Use {@link StatusBarComposer} instead.
- */
-export declare function StatusBar(props: StatusBarProps): React.JSX.Element;
-/** StatusBar With Space Between Items React functional component
- * @public
- */
-export declare function StatusBarSpaceBetween(props: CommonDivProps): React.JSX.Element;
-/** StatusBar Left Section React functional component
- * @public
- */
-export declare function StatusBarLeftSection(props: CommonDivProps): React.JSX.Element;
-/** StatusBar Center Section React functional component
- * @public
- */
-export declare function StatusBarCenterSection(props: CommonDivProps): React.JSX.Element;
-/** StatusBar Right Section React functional component
- * @public
- */
-export declare function StatusBarRightSection(props: CommonDivProps): React.JSX.Element;
-/** Components used in a [[StatusBar]].
- * @public
- * @deprecated in 4.14.0. Please use components directly.
- */
-export declare namespace StatusBar {
-    /** Field of a [[StatusBar]].
-     * @beta
-     * @deprecated in 4.14.0. Use [iTwinUI Button](https://itwinui.bentley.com/docs/button) instead.
-     */
-    const Field: React.ForwardRefExoticComponent<import("./Field").StatusBarFieldProps & React.RefAttributes<HTMLDivElement>>;
-    /** Popup of a [[StatusBar]].
-     * @beta
-     * @deprecated in 4.14.0. Use `StatusBarPopover` instead.
-     */
-    const Popup: typeof StatusBarPopup;
-}
-//# sourceMappingURL=StatusBar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAOvE;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,sBAAsB,CAAC;CACxC;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAmB9C;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,qBAQ1D;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,qBAQzD;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,cAAc,qBAQ3D;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,qBAQ1D;AAED;;;GAGG;AACH,yBAAiB,SAAS,CAAC;IACzB;;;OAGG;IACI,MAAM,KAAK,8GAAiB,CAAC;IAEpC;;;OAGG;IACI,MAAM,KAAK,uBAAiB,CAAC;CACrC"}

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

@@ -1,73 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-import { Div } from "@itwin/core-react";
-import * as React from "react";
-import classnames from "classnames";
-import { UiFramework } from "../UiFramework";
-import { SafeAreaContext } from "../safearea/SafeAreaContext";
-import { StatusBarField } from "./Field";
-import { StatusBarPopup } from "./popup/Popup";
-import "./StatusBar.scss";
-import { SafeAreaInsetsHelpers } from "../layout/base/SafeAreaInsets";
-import { DockedBar } from "../widget-panels/DockedBar";
-/** Status Bar React component.
- * @public
- * @deprecated in 4.14.0. Use {@link StatusBarComposer} instead.
- */
-export function StatusBar(props) {
-    const safeAreaInsets = React.useContext(SafeAreaContext);
-    const className = classnames("uifw-statusBar", safeAreaInsets && SafeAreaInsetsHelpers.getCssClassNames(safeAreaInsets), props.className);
-    return (React.createElement(DockedBar, { placement: "bottom", className: className, style: props.style, onMouseEnter: UiFramework.visibility.handleWidgetMouseEnter },
-        props.widgetControl?.getReactNode?.() ?? null,
-        props.children));
-}
-/** StatusBar With Space Between Items React functional component
- * @public
- */
-export function StatusBarSpaceBetween(props) {
-    const { className, ...divProps } = props;
-    return (React.createElement(Div, { ...divProps, mainClassName: className ? className : "uifw-statusBar-space-between" }));
-}
-/** StatusBar Left Section React functional component
- * @public
- */
-export function StatusBarLeftSection(props) {
-    const { className, ...divProps } = props;
-    return (React.createElement(Div, { ...divProps, mainClassName: className ? className : "uifw-statusBar-left" }));
-}
-/** StatusBar Center Section React functional component
- * @public
- */
-export function StatusBarCenterSection(props) {
-    const { className, ...divProps } = props;
-    return (React.createElement(Div, { ...divProps, mainClassName: className ? className : "uifw-statusBar-center" }));
-}
-/** StatusBar Right Section React functional component
- * @public
- */
-export function StatusBarRightSection(props) {
-    const { className, ...divProps } = props;
-    return (React.createElement(Div, { ...divProps, mainClassName: className ? className : "uifw-statusBar-right" }));
-}
-/** Components used in a [[StatusBar]].
- * @public
- * @deprecated in 4.14.0. Please use components directly.
- */
-(function (StatusBar) {
-    /** Field of a [[StatusBar]].
-     * @beta
-     * @deprecated in 4.14.0. Use [iTwinUI Button](https://itwinui.bentley.com/docs/button) instead.
-     */
-    StatusBar.Field = StatusBarField;
-    /** Popup of a [[StatusBar]].
-     * @beta
-     * @deprecated in 4.14.0. Use `StatusBarPopover` instead.
-     */
-    StatusBar.Popup = StatusBarPopup;
-})(StatusBar || (StatusBar = {}));
-//# sourceMappingURL=StatusBar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBar.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAcvD;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,UAAU,CAC1B,gBAAgB,EAChB,cAAc,IAAI,qBAAqB,CAAC,gBAAgB,CAAC,cAAc,CAAC,EACxE,KAAK,CAAC,SAAS,CAChB,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,YAAY,EAAE,WAAW,CAAC,UAAU,CAAC,sBAAsB;QAE1D,KAAK,CAAC,aAAa,EAAE,YAAY,EAAE,EAAE,IAAI,IAAI;QAC7C,KAAK,CAAC,QAAQ,CACL,CACb,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAqB;IACzD,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO,CACL,oBAAC,GAAG,OACE,QAAQ,EACZ,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,8BAA8B,GACrE,CACH,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAqB;IACxD,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO,CACL,oBAAC,GAAG,OACE,QAAQ,EACZ,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,qBAAqB,GAC5D,CACH,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,KAAqB;IAC1D,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO,CACL,oBAAC,GAAG,OACE,QAAQ,EACZ,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,uBAAuB,GAC9D,CACH,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAqB;IACzD,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO,CACL,oBAAC,GAAG,OACE,QAAQ,EACZ,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,sBAAsB,GAC7D,CACH,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,WAAiB,SAAS;IACxB;;;OAGG;IACU,eAAK,GAAG,cAAc,CAAC;IAEpC;;;OAGG;IACU,eAAK,GAAG,cAAc,CAAC;AACtC,CAAC,EAZgB,SAAS,KAAT,SAAS,QAYzB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport type { CommonDivProps, CommonProps } from \"@itwin/core-react\";\nimport { Div } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { UiFramework } from \"../UiFramework\";\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\nimport { StatusBarField } from \"./Field\";\nimport { StatusBarPopup } from \"./popup/Popup\";\nimport \"./StatusBar.scss\";\nimport type { StatusBarWidgetControl } from \"./StatusBarWidgetControl\";\nimport { SafeAreaInsetsHelpers } from \"../layout/base/SafeAreaInsets\";\nimport { DockedBar } from \"../widget-panels/DockedBar\";\nimport { StatusBarComposer } from \"./StatusBarComposer\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for the [[StatusBar]] React component\n * @public\n * @deprecated in 4.16.0. Used in a deprecated component [[StatusBar]].\n */\nexport interface StatusBarProps extends CommonProps {\n  children?: React.ReactNode;\n  widgetControl?: StatusBarWidgetControl;\n}\n\n/** Status Bar React component.\n * @public\n * @deprecated in 4.14.0. Use {@link StatusBarComposer} instead.\n */\nexport function StatusBar(props: StatusBarProps) {\n  const safeAreaInsets = React.useContext(SafeAreaContext);\n  const className = classnames(\n    \"uifw-statusBar\",\n    safeAreaInsets && SafeAreaInsetsHelpers.getCssClassNames(safeAreaInsets),\n    props.className\n  );\n\n  return (\n    <DockedBar\n      placement=\"bottom\"\n      className={className}\n      style={props.style}\n      onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\n    >\n      {props.widgetControl?.getReactNode?.() ?? null}\n      {props.children}\n    </DockedBar>\n  );\n}\n\n/** StatusBar With Space Between Items React functional component\n * @public\n */\nexport function StatusBarSpaceBetween(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return (\n    <Div\n      {...divProps}\n      mainClassName={className ? className : \"uifw-statusBar-space-between\"}\n    />\n  );\n}\n\n/** StatusBar Left Section React functional component\n * @public\n */\nexport function StatusBarLeftSection(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return (\n    <Div\n      {...divProps}\n      mainClassName={className ? className : \"uifw-statusBar-left\"}\n    />\n  );\n}\n\n/** StatusBar Center Section React functional component\n * @public\n */\nexport function StatusBarCenterSection(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return (\n    <Div\n      {...divProps}\n      mainClassName={className ? className : \"uifw-statusBar-center\"}\n    />\n  );\n}\n\n/** StatusBar Right Section React functional component\n * @public\n */\nexport function StatusBarRightSection(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return (\n    <Div\n      {...divProps}\n      mainClassName={className ? className : \"uifw-statusBar-right\"}\n    />\n  );\n}\n\n/** Components used in a [[StatusBar]].\n * @public\n * @deprecated in 4.14.0. Please use components directly.\n */\nexport namespace StatusBar {\n  /** Field of a [[StatusBar]].\n   * @beta\n   * @deprecated in 4.14.0. Use [iTwinUI Button](https://itwinui.bentley.com/docs/button) instead.\n   */\n  export const Field = StatusBarField;\n\n  /** Popup of a [[StatusBar]].\n   * @beta\n   * @deprecated in 4.14.0. Use `StatusBarPopover` instead.\n   */\n  export const Popup = StatusBarPopup;\n}\n"]}

package/lib/esm/appui-react/statusbar/StatusBar.scss

@@ -1,89 +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 "../layout/safearea";
-
-.uifw-statusBar {
-  display: flex;
-
-  &.nz-safe-area-left {
-    @include nz-safe-area-left;
-  }
-
-  &.nz-safe-area-right {
-    @include nz-safe-area-right;
-  }
-
-  &.nz-safe-area-bottom {
-    @include nz-safe-area-bottom;
-  }
-}
-
-.uifw-statusBar-space-between {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-}
-
-.uifw-statusBar-left {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-}
-
-.uifw-statusBar-center {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-
-.uifw-statusBar-right {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-}
-
-.uifw-statusBar-docked {
-  width: 100%;
-  background-color: var(--iui-color-background);
-
-  .uifw-statusBar-item-container {
-    @include for-medium-desktop-up {
-      padding-left: var(--iui-size-m);
-    }
-
-    @include for-small-desktop-down {
-      padding-left: var(--iui-size-s);
-    }
-
-    @include for-phone-only {
-      padding-left: var(--iui-size-xs);
-    }
-
-    &:has(.uifw-statusBar-separator) {
-      padding-left: 0;
-
-      + .uifw-statusBar-item-container {
-        padding-left: 0;
-      }
-    }
-  }
-
-  .uifw-statusBar-left .uifw-statusBar-item-container {
-    &:first-child {
-      padding-left: 0;
-    }
-  }
-}
-
-.uifw-statusBar-item-container {
-  height: 100%;
-  display: flex;
-  flex-direction: row;
-  align-content: center;
-  align-items: center;
-}

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

@@ -1,48 +0,0 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import type { CommonProps } from "@itwin/core-react";
-import * as React from "react";
-import type { StatusBarItem } from "./StatusBarItem";
-interface DockedStatusBarEntryContextArg {
-    readonly isOverflown: boolean;
-    readonly onResize: (w: number) => void;
-}
-/** @internal */
-export declare function useStatusBarEntry(): DockedStatusBarEntryContextArg;
-/** Properties of [[DockedStatusBarItem]] component.
- * @internal future
- */
-export interface StatusBarItemProps extends CommonProps {
-    /** Tool setting content. */
-    children?: React.ReactNode;
-    itemPriority?: number;
-    providerId?: string;
-    section?: string;
-}
-/** Used in [[StatusBarComposer]] component to display a statusbar item.
- * @internal future
- */
-export declare function DockedStatusBarItem(props: StatusBarItemProps): React.JSX.Element;
-/** Properties for the [[StatusBarComposer]] React components
- * @public
- * @deprecated in 4.17.0. Use `React.ComponentProps<typeof StatusBarComposer>`
- */
-export interface StatusBarComposerProps extends CommonProps {
-    /** Status Bar items */
-    items: StatusBarItem[];
-    /** CSS class name override for the overall Status Bar */
-    mainClassName?: string;
-    /** CSS class name override for the left section */
-    leftClassName?: string;
-    /** CSS class name override for the center section */
-    centerClassName?: string;
-    /** CSS class name override for the right section */
-    rightClassName?: string;
-}
-/** Component to load components into the [[StatusBar]].
- * @public
- */
-export declare function StatusBarComposer(props: StatusBarComposerProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=StatusBarComposer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StatusBarComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAMH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAEV,aAAa,EAEd,MAAM,iBAAiB,CAAC;AAqBzB,UAAU,8BAA8B;IACtC,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAMD,gBAAgB;AAChB,wBAAgB,iBAAiB,mCAEhC;AAED;;GAEG;AAEH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,kBAAkB,qBAqB5D;AAoLD;;;GAGG;AAEH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,uBAAuB;IACvB,KAAK,EAAE,aAAa,EAAE,CAAC;IAEvB,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AAEH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAsR9D"}

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

@@ -1,313 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-import { ConditionalBooleanValue, ConditionalStringValue, } from "@itwin/appui-abstract";
-import { useRefs, useResizeObserver } from "@itwin/core-react";
-import classnames from "classnames";
-import * as React from "react";
-import { eqlOverflown } from "../layout/tool-settings/Docked";
-import { StatusBarLabelIndicator } from "../statusbar/LabelIndicator";
-import { SyncUiEventDispatcher } from "../syncui/SyncUiEventDispatcher";
-import { isProviderItem } from "../ui-items-provider/isProviderItem";
-import { StatusBarOverflow } from "./Overflow";
-import { StatusBarCenterSection, StatusBarLeftSection, StatusBarRightSection, StatusBarSpaceBetween, } from "./StatusBar";
-import { isStatusBarActionItem, isStatusBarCustomItem, isStatusBarLabelItem, StatusBarSection, } from "./StatusBarItem";
-import { StatusBarItemsManager } from "./StatusBarItemsManager";
-import { useDefaultStatusBarItems } from "./useDefaultStatusBarItems";
-import { useUiItemsProviderStatusBarItems } from "./useUiItemsProviderStatusBarItems";
-import { StatusBarCornerComponentContext } from "./StatusBarCornerComponentContext";
-/** Private  function to generate a value that will allow the proper order to be maintained when items are placed in overflow panel */
-function getCombinedSectionItemPriority(item) {
-    let sectionValue = 0;
-    if (item.section === StatusBarSection.Center)
-        sectionValue = 100000;
-    else if (item.section === StatusBarSection.Context)
-        sectionValue = 200000;
-    else if (item.section === StatusBarSection.Right)
-        sectionValue = 300000;
-    return sectionValue + item.itemPriority;
-}
-const DockedStatusBarEntryContext = React.createContext(null);
-DockedStatusBarEntryContext.displayName = "nz:DockedStatusBarEntryContext";
-/** @internal */
-export function useStatusBarEntry() {
-    return React.useContext(DockedStatusBarEntryContext);
-}
-/** Used in [[StatusBarComposer]] component to display a statusbar item.
- * @internal future
- */
-export function DockedStatusBarItem(props) {
-    const { onResize } = useStatusBarEntry();
-    const ref = useResizeObserver(onResize);
-    const className = classnames("uifw-statusBar-item-container", props.className);
-    return (React.createElement("div", { "data-item-id": props.itemId, "data-item-type": "status-bar-item", "data-item-location": props.section, "data-item-priority": props.itemPriority, "data-item-provider-id": props.providerId, className: className, ref: ref, style: props.style }, props.children));
-}
-/** Wrapper for status bar entries so their size can be used to determine if the status bar container can display them or if they will need to be placed in an overflow panel. */
-function DockedStatusBarEntry({ children, entryKey, getOnResize, }) {
-    const onResize = React.useMemo(() => getOnResize(entryKey), [getOnResize, entryKey]);
-    const entry = React.useMemo(() => ({
-        isOverflown: false,
-        onResize,
-    }), [onResize]);
-    return (React.createElement(DockedStatusBarEntryContext.Provider, { value: entry }, children));
-}
-/** Private function to set up sync event monitoring of statusbar items */
-function useStatusBarItemSyncEffect(itemsManager, syncIdsOfInterest) {
-    React.useEffect(() => {
-        // Note: that items with conditions have condition run when loaded into the items manager
-        return SyncUiEventDispatcher.onSyncUiEvent.addListener((args) => {
-            if (0 === syncIdsOfInterest.length)
-                return;
-            if (syncIdsOfInterest.some((value) => args.eventIds.has(value.toLowerCase()))) {
-                // process each item that has interest
-                itemsManager.refreshAffectedItems(args.eventIds);
-            }
-        });
-    }, [itemsManager, itemsManager.items, syncIdsOfInterest]);
-}
-function StatusBarLabelItemComponent(props) {
-    const label = ConditionalStringValue.getValue(props.label);
-    // eslint-disable-next-line deprecation/deprecation
-    return React.createElement(StatusBarLabelIndicator, { iconSpec: props.icon, label: label });
-}
-function StatusBarActionItemComponent(props) {
-    const title = ConditionalStringValue.getValue(props.tooltip);
-    return (
-    // eslint-disable-next-line deprecation/deprecation
-    React.createElement(StatusBarLabelIndicator, { title: title, onClick: props.execute, 
-        // eslint-disable-next-line deprecation/deprecation
-        iconSpec: props.icon }));
-}
-/** local function to combine items from Stage and from Extensions */
-function combineItems(stageItems, addonItems) {
-    const items = [];
-    if (stageItems.length) {
-        // Walk through each and ensure no duplicate ids are added.
-        stageItems.forEach((srcItem) => {
-            if (-1 === items.findIndex((item) => item.id === srcItem.id)) {
-                items.push(srcItem);
-            }
-        });
-    }
-    if (addonItems.length) {
-        // Walk through each and ensure no duplicate ids are added.
-        addonItems.forEach((srcItem) => {
-            if (-1 === items.findIndex((item) => item.id === srcItem.id)) {
-                items.push(srcItem);
-            }
-        });
-    }
-    return items;
-}
-/** local function to sort status bar items from left to right */
-const sortItems = (items) => {
-    const sortedItems = [];
-    [
-        StatusBarSection.Left,
-        StatusBarSection.Center,
-        StatusBarSection.Context,
-        StatusBarSection.Right,
-    ].forEach((section) => {
-        items
-            .filter((item) => item.section.valueOf() === section.valueOf())
-            .sort((a, b) => a.itemPriority - b.itemPriority)
-            .forEach((item) => sortedItems.push(item));
-    });
-    return sortedItems;
-};
-/** local function to ensure a width value is defined for a status bar entries.  */
-function verifiedMapEntries(map) {
-    for (const [, val] of map) {
-        if (val === undefined)
-            return undefined;
-    }
-    return map;
-}
-/** local function to sort status bar item widths */
-const sortWidths = (widths, statusBarItems) => {
-    const widthsArray = Array.from(widths.entries());
-    widthsArray.sort((a, b) => {
-        const aIndex = statusBarItems.findIndex((item) => item.id === a[0]);
-        const bIndex = statusBarItems.findIndex((item) => item.id === b[0]);
-        return aIndex - bIndex;
-    });
-    return new Map(widthsArray);
-};
-/** Returns a subset of docked entry keys that exceed given width and should be placed in overflow panel. */
-function getItemToPlaceInOverflow(width, docked, overflowWidth) {
-    let settingsWidth = 0;
-    let i = 0;
-    for (; i < docked.length; i++) {
-        const w = docked[i][1];
-        const newSettingsWidth = settingsWidth + w;
-        if (newSettingsWidth > width) {
-            settingsWidth += overflowWidth;
-            break;
-        }
-        settingsWidth = newSettingsWidth;
-    }
-    let j = i;
-    for (; j > 0; j--) {
-        if (settingsWidth <= width)
-            break;
-        const w = docked[j - 1][1];
-        settingsWidth -= w;
-    }
-    const overflowItems = new Array();
-    for (i = j; i < docked.length; i++) {
-        overflowItems.push(docked[i][0]);
-    }
-    return overflowItems;
-}
-function isItemInOverflow(id, overflowItemIds) {
-    if (!overflowItemIds || 0 === overflowItemIds.length)
-        return false;
-    return !!overflowItemIds.find((value) => value === id);
-}
-/** Component to load components into the [[StatusBar]].
- * @public
- */
-// eslint-disable-next-line deprecation/deprecation
-export function StatusBarComposer(props) {
-    const { className, style, items, mainClassName, leftClassName, centerClassName, rightClassName, } = props;
-    const [defaultItemsManager, setDefaultItemsManager] = React.useState(() => new StatusBarItemsManager(items));
-    const containerWidth = React.useRef(undefined);
-    const isInitialMount = React.useRef(true);
-    React.useEffect(() => {
-        if (isInitialMount.current)
-            isInitialMount.current = false;
-        else {
-            setDefaultItemsManager(new StatusBarItemsManager(items));
-        }
-    }, [items]);
-    // eslint-disable-next-line deprecation/deprecation
-    const defaultItems = useDefaultStatusBarItems(defaultItemsManager);
-    const syncIdsOfInterest = React.useMemo(() => StatusBarItemsManager.getSyncIdsOfInterest(defaultItems), [defaultItems]);
-    useStatusBarItemSyncEffect(defaultItemsManager, syncIdsOfInterest);
-    const [addonItemsManager] = React.useState(() => new StatusBarItemsManager());
-    // eslint-disable-next-line deprecation/deprecation
-    const addonItems = useUiItemsProviderStatusBarItems(addonItemsManager);
-    const addonSyncIdsOfInterest = React.useMemo(() => StatusBarItemsManager.getSyncIdsOfInterest(addonItems), [addonItems]);
-    useStatusBarItemSyncEffect(addonItemsManager, addonSyncIdsOfInterest);
-    const entryWidths = React.useRef(new Map());
-    const overflowWidth = React.useRef(undefined);
-    const [overflown, setOverflown] = React.useState();
-    const statusBarItems = React.useMemo(() => {
-        const combinedItems = combineItems(defaultItems, addonItems);
-        return sortItems(combinedItems);
-    }, [defaultItems, addonItems]);
-    const notOverflown = React.useMemo(() => {
-        return statusBarItems
-            .filter((item) => !isItemInOverflow(item.id, overflown))
-            .map((item) => item.id);
-    }, [overflown, statusBarItems]);
-    const calculateOverflow = React.useCallback(() => {
-        const widths = verifiedMapEntries(entryWidths.current);
-        if (containerWidth.current === undefined ||
-            widths === undefined ||
-            overflowWidth.current === undefined) {
-            setOverflown(new Array());
-            return;
-        }
-        // Calculate overflow.
-        const newOverflown = getItemToPlaceInOverflow(containerWidth.current, [...widths.entries()], overflowWidth.current);
-        if (!eqlOverflown(overflown, newOverflown)) {
-            setOverflown(newOverflown);
-        }
-    }, [overflown]);
-    const handleOverflowResize = React.useCallback((w) => {
-        const calculate = overflowWidth.current !== w;
-        overflowWidth.current = w;
-        calculate && calculateOverflow();
-    }, [calculateOverflow]);
-    const handleEntryResize = React.useCallback((key) => (w) => {
-        const oldW = entryWidths.current.get(key);
-        if (oldW === undefined || Math.abs(oldW - w) > 2) {
-            entryWidths.current.set(key, w);
-            if (oldW === undefined) {
-                const widths = verifiedMapEntries(entryWidths.current);
-                if (widths !== undefined)
-                    entryWidths.current = sortWidths(widths, statusBarItems);
-            }
-            calculateOverflow();
-        }
-    }, [calculateOverflow, statusBarItems]);
-    const getSectionName = (section) => {
-        switch (section) {
-            case StatusBarSection.Center:
-            case StatusBarSection.Stage:
-                return "status-bar-center";
-            case StatusBarSection.Context:
-                return "status-bar-right-start";
-            case StatusBarSection.Right:
-            case StatusBarSection.Selection:
-                return "status-bar-right-end";
-            case StatusBarSection.Left:
-            case StatusBarSection.Message:
-                return "status-bar-left";
-        }
-    };
-    /** generate a wrapped status bar entry that will report its size. */
-    const getComponent = React.useCallback((item, key, itemPriority, section) => {
-        const providerId = isProviderItem(item) ? item.providerId : undefined;
-        return (React.createElement(DockedStatusBarEntry, { key: key, entryKey: key, getOnResize: handleEntryResize },
-            React.createElement(DockedStatusBarItem, { key: key, itemId: item.id, itemPriority: itemPriority, providerId: providerId, section: getSectionName(section) },
-                React.createElement(StatusBarCornerComponentContext.Provider, { value: key === notOverflown[0]
-                        ? "left-corner"
-                        : (key === notOverflown[notOverflown.length - 1] &&
-                            overflown?.length === 0) ||
-                            isItemInOverflow(key, overflown)
-                            ? "right-corner"
-                            : undefined },
-                    isStatusBarCustomItem(item) && item.content,
-                    isStatusBarActionItem(item) && (React.createElement(StatusBarActionItemComponent, { ...item })),
-                    isStatusBarLabelItem(item) && (React.createElement(StatusBarLabelItemComponent, { ...item }))))));
-    }, [handleEntryResize, notOverflown, overflown]);
-    const getSectionItems = React.useCallback((section) => {
-        const sectionItems = statusBarItems
-            .filter((item) => item.section.valueOf() === section.valueOf() &&
-            !isItemInOverflow(item.id, overflown) &&
-            !ConditionalBooleanValue.getValue(item.isHidden))
-            .sort((a, b) => a.itemPriority - b.itemPriority);
-        return sectionItems.map((sectionItem) => (React.createElement(React.Fragment, { key: sectionItem.id }, getComponent(sectionItem, sectionItem.id, sectionItem.itemPriority, sectionItem.section))));
-    }, [statusBarItems, overflown, getComponent]);
-    const getOverflowItems = React.useCallback(() => {
-        const itemsInOverflow = statusBarItems
-            .filter((item) => isItemInOverflow(item.id, overflown) &&
-            !ConditionalBooleanValue.getValue(item.isHidden))
-            .sort((a, b) => getCombinedSectionItemPriority(a) - getCombinedSectionItemPriority(b))
-            .reverse();
-        return itemsInOverflow.map((item) => (React.createElement(React.Fragment, { key: item.id }, getComponent(item, item.id, item.itemPriority, item.section))));
-    }, [statusBarItems, overflown, getComponent]);
-    const handleContainerResize = React.useCallback((w) => {
-        if (undefined === containerWidth.current ||
-            Math.abs(containerWidth.current - w) > 2) {
-            containerWidth.current = w;
-            calculateOverflow();
-        }
-    }, [calculateOverflow]);
-    const containerRef = React.useRef(null);
-    const resizeObserverRef = useResizeObserver(handleContainerResize);
-    // allow  both the containerRef and the resize observer function that takes a ref to be processed when the ref is set.
-    const refs = useRefs(containerRef, resizeObserverRef);
-    const leftItems = React.useMemo(() => getSectionItems(StatusBarSection.Left), [getSectionItems]);
-    const centerItems = React.useMemo(() => getSectionItems(StatusBarSection.Center), [getSectionItems]);
-    const rightItems = React.useMemo(() => getSectionItems(StatusBarSection.Right), [getSectionItems]);
-    const contextItems = React.useMemo(() => getSectionItems(StatusBarSection.Context), [getSectionItems]);
-    const overflowItems = React.useMemo(() => getOverflowItems(), [getOverflowItems]);
-    const containerClassName = classnames("uifw-statusBar-docked", className);
-    return (React.createElement("div", { className: containerClassName, ref: refs, style: style, role: "presentation" },
-        React.createElement(StatusBarSpaceBetween, { className: mainClassName },
-            React.createElement(StatusBarLeftSection, { className: leftClassName }, leftItems),
-            React.createElement(StatusBarCenterSection, { className: centerClassName },
-                centerItems,
-                contextItems),
-            React.createElement(StatusBarRightSection, { className: rightClassName },
-                rightItems,
-                (!overflown || overflown.length > 0) && (React.createElement(StatusBarOverflow, { onResize: handleOverflowResize, overflowItems: overflowItems }))))));
-}
-//# sourceMappingURL=StatusBarComposer.js.map