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

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

@@ -1 +0,0 @@
-{"version":3,"file":"LabelIndicator.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/LabelIndicator.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,iCAA+B;AAC/B,2CAAoC;AACpC,+BAA+B;AAE/B,2CAAiD;AAEjD,kDAAyC;AACzC,mDAAqD;AACrD,wDAA6C;AAkB7C;;;GAGG;AACH,mDAAmD;AACnD,SAAgB,uBAAuB,CAAC,KAAmC;IACzE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAClE,MAAM,UAAU,GAAG,IAAA,oBAAU,EAC3B,+BAA+B,EAC/B,SAAS,KAAK,kCAAkB,CAAC,KAAK,IAAI,eAAe,EACzD,SAAS,CACV,CAAC;IACF,OAAO;IACL,mDAAmD;IACnD,oBAAC,8BAAkB,IAAC,SAAS,EAAE,UAAU,KAAM,KAAK;QACjD,KAAK,IAAI,oBAAC,qBAAK,IAAC,SAAS,EAAC,YAAY,IAAE,KAAK,CAAS;QAEtD,QAAQ,IAAI,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACtB,CACtB,CAAC;AACJ,CAAC;AAfD,0DAeC","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 \"./LabelIndicator.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { StatusBarIndicatorProps } from \"./Indicator\";\nimport { StatusBarIndicator } from \"./Indicator\";\nimport type { IconSpec } from \"@itwin/core-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport { StatusBarLabelSide } from \"./StatusBarItem\";\nimport { Label } from \"@itwin/itwinui-react\";\n\n/** Properties of [[StatusBarLabelIndicator]] component.\n * @beta\n * @deprecated in 4.14.0. Props of deprecated component {@link StatusBarLabelIndicator}.\n */\nexport interface StatusBarLabelIndicatorProps\n  // eslint-disable-next-line deprecation/deprecation\n  extends Omit<StatusBarIndicatorProps, \"children\"> {\n  /** Specification of an icon. */\n  // eslint-disable-next-line deprecation/deprecation\n  iconSpec?: IconSpec;\n  /** Indicator label. */\n  label?: string;\n  /** Side to display label. */\n  labelSide?: StatusBarLabelSide;\n}\n\n/** [[StatusBar]] indicator that shows a label with an icon.\n * @beta\n * @deprecated in 4.14.0. Use [iTwinUI Label](https://itwinui.bentley.com/docs/typography#label) and {@link Icon AppUI Icon} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function StatusBarLabelIndicator(props: StatusBarLabelIndicatorProps) {\n  const { className, iconSpec, label, labelSide, ...other } = props;\n  const classNames = classnames(\n    \"uifw-statusbar-labelIndicator\",\n    labelSide === StatusBarLabelSide.Right && \"uifw-reversed\",\n    className\n  );\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <StatusBarIndicator className={classNames} {...other}>\n      {label && <Label className=\"uifw-label\">{label}</Label>}\n      {/* eslint-disable-next-line deprecation/deprecation */}\n      {iconSpec && <Icon iconSpec={iconSpec} />}\n    </StatusBarIndicator>\n  );\n}\n"]}

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

@@ -1,18 +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";
-
-.uifw-statusbar-labelIndicator {
-  &.uifw-reversed {
-    flex-direction: row-reverse;
-  }
-
-  > .uifw-label {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    cursor: default;
-  }
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Overflow.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Overflow.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,iBAAiB,CAAC;AAEzB;;GAEG;AAEH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,iDAAiD;IACjD,aAAa,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAClC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBA2B9D"}

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

@@ -1,30 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusBarOverflow = void 0;
-const core_react_1 = require("@itwin/core-react");
-const React = require("react");
-const useTranslation_1 = require("../hooks/useTranslation");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-const StatusBarPopover_1 = require("./popup/StatusBarPopover");
-require("./Overflow.scss");
-/** Entry point to overflow status bar items of [[StatusBarComposer]] component.
- * @internal
- */
-function StatusBarOverflow(props) {
-    const { overflowItems, onResize, ...otherProps } = props;
-    const { translate } = (0, useTranslation_1.useTranslation)();
-    const roRef = (0, core_react_1.useResizeObserver)(onResize);
-    return (React.createElement(StatusBarPopover_1.StatusBarPopover, { content: React.createElement("div", { className: "uifw-statusbar-overflow-panel", "data-testid": "uifw-statusbar-overflow-panel" }, overflowItems) },
-        React.createElement(itwinui_react_1.IconButton, { ...otherProps, ref: roRef, label: translate("statusBar.overflow"), styleType: "borderless" },
-            React.createElement(itwinui_icons_react_1.SvgMore, null))));
-}
-exports.StatusBarOverflow = StatusBarOverflow;
-//# sourceMappingURL=Overflow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Overflow.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Overflow.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,kDAAsD;AACtD,+BAA+B;AAC/B,4DAAyD;AACzD,wDAAkD;AAClD,oEAAqD;AACrD,+DAA4D;AAC5D,2BAAyB;AAazB;;GAEG;AACH,SAAgB,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACzD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAEvC,MAAM,KAAK,GAAG,IAAA,8BAAiB,EAAiB,QAAQ,CAAC,CAAC;IAE1D,OAAO,CACL,oBAAC,mCAAgB,IACf,OAAO,EACL,6BACE,SAAS,EAAC,+BAA+B,iBAC7B,+BAA+B,IAE1C,aAAa,CACV;QAGR,oBAAC,0BAAU,OACL,UAAU,EACd,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,SAAS,CAAC,oBAAoB,CAAC,EACtC,SAAS,EAAC,YAAY;YAEtB,oBAAC,6BAAO,OAAG,CACA,CACI,CACpB,CAAC;AACJ,CAAC;AA3BD,8CA2BC","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 { CommonProps } from \"@itwin/core-react\";\nimport { useResizeObserver } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { useTranslation } from \"../hooks/useTranslation\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport { SvgMore } from \"@itwin/itwinui-icons-react\";\nimport { StatusBarPopover } from \"./popup/StatusBarPopover\";\nimport \"./Overflow.scss\";\n\n/** Properties of [[StatusBarOverflow]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface StatusBarOverflowProps extends CommonProps {\n  /** Function called when button is resized. */\n  onResize: (w: number) => void;\n  /** Fields to be placed in the overflow panel. */\n  overflowItems: React.ReactNode[];\n}\n\n/** Entry point to overflow status bar items of [[StatusBarComposer]] component.\n * @internal\n */\nexport function StatusBarOverflow(props: StatusBarOverflowProps) {\n  const { overflowItems, onResize, ...otherProps } = props;\n  const { translate } = useTranslation();\n\n  const roRef = useResizeObserver<HTMLDivElement>(onResize);\n\n  return (\n    <StatusBarPopover\n      content={\n        <div\n          className=\"uifw-statusbar-overflow-panel\"\n          data-testid=\"uifw-statusbar-overflow-panel\"\n        >\n          {overflowItems}\n        </div>\n      }\n    >\n      <IconButton\n        {...otherProps}\n        ref={roRef}\n        label={translate(\"statusBar.overflow\")}\n        styleType=\"borderless\"\n      >\n        <SvgMore />\n      </IconButton>\n    </StatusBarPopover>\n  );\n}\n"]}

package/lib/cjs/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/cjs/appui-react/statusbar/Separator.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 StatusBar
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusBarSeparator = void 0;
-require("./Separator.scss");
-const React = require("react");
-const classnames_1 = require("classnames");
-/** Component used to separate status fields in a status bar.
- * @public
- */
-// eslint-disable-next-line deprecation/deprecation
-function StatusBarSeparator(props) {
-    const className = (0, classnames_1.default)("uifw-statusBar-separator", props.className);
-    return React.createElement("div", { className: className, style: props.style });
-}
-exports.StatusBarSeparator = StatusBarSeparator;
-//# sourceMappingURL=Separator.js.map

package/lib/cjs/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,4BAA0B;AAC1B,+BAA+B;AAC/B,2CAAoC;AAGpC;;GAEG;AACH,mDAAmD;AACnD,SAAgB,kBAAkB,CAAC,KAAkB;IACnD,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,0BAA0B,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1E,OAAO,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC;AAC3D,CAAC;AAHD,gDAGC","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/cjs/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/cjs/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/cjs/appui-react/statusbar/StatusBar.js

@@ -1,81 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusBarRightSection = exports.StatusBarCenterSection = exports.StatusBarLeftSection = exports.StatusBarSpaceBetween = exports.StatusBar = void 0;
-const core_react_1 = require("@itwin/core-react");
-const React = require("react");
-const classnames_1 = require("classnames");
-const UiFramework_1 = require("../UiFramework");
-const SafeAreaContext_1 = require("../safearea/SafeAreaContext");
-const Field_1 = require("./Field");
-const Popup_1 = require("./popup/Popup");
-require("./StatusBar.scss");
-const SafeAreaInsets_1 = require("../layout/base/SafeAreaInsets");
-const DockedBar_1 = require("../widget-panels/DockedBar");
-/** Status Bar React component.
- * @public
- * @deprecated in 4.14.0. Use {@link StatusBarComposer} instead.
- */
-function StatusBar(props) {
-    const safeAreaInsets = React.useContext(SafeAreaContext_1.SafeAreaContext);
-    const className = (0, classnames_1.default)("uifw-statusBar", safeAreaInsets && SafeAreaInsets_1.SafeAreaInsetsHelpers.getCssClassNames(safeAreaInsets), props.className);
-    return (React.createElement(DockedBar_1.DockedBar, { placement: "bottom", className: className, style: props.style, onMouseEnter: UiFramework_1.UiFramework.visibility.handleWidgetMouseEnter },
-        props.widgetControl?.getReactNode?.() ?? null,
-        props.children));
-}
-exports.StatusBar = StatusBar;
-/** StatusBar With Space Between Items React functional component
- * @public
- */
-function StatusBarSpaceBetween(props) {
-    const { className, ...divProps } = props;
-    return (React.createElement(core_react_1.Div, { ...divProps, mainClassName: className ? className : "uifw-statusBar-space-between" }));
-}
-exports.StatusBarSpaceBetween = StatusBarSpaceBetween;
-/** StatusBar Left Section React functional component
- * @public
- */
-function StatusBarLeftSection(props) {
-    const { className, ...divProps } = props;
-    return (React.createElement(core_react_1.Div, { ...divProps, mainClassName: className ? className : "uifw-statusBar-left" }));
-}
-exports.StatusBarLeftSection = StatusBarLeftSection;
-/** StatusBar Center Section React functional component
- * @public
- */
-function StatusBarCenterSection(props) {
-    const { className, ...divProps } = props;
-    return (React.createElement(core_react_1.Div, { ...divProps, mainClassName: className ? className : "uifw-statusBar-center" }));
-}
-exports.StatusBarCenterSection = StatusBarCenterSection;
-/** StatusBar Right Section React functional component
- * @public
- */
-function StatusBarRightSection(props) {
-    const { className, ...divProps } = props;
-    return (React.createElement(core_react_1.Div, { ...divProps, mainClassName: className ? className : "uifw-statusBar-right" }));
-}
-exports.StatusBarRightSection = StatusBarRightSection;
-/** 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 = Field_1.StatusBarField;
-    /** Popup of a [[StatusBar]].
-     * @beta
-     * @deprecated in 4.14.0. Use `StatusBarPopover` instead.
-     */
-    StatusBar.Popup = Popup_1.StatusBarPopup;
-})(StatusBar || (exports.StatusBar = StatusBar = {}));
-//# sourceMappingURL=StatusBar.js.map

package/lib/cjs/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,kDAAwC;AACxC,+BAA+B;AAC/B,2CAAoC;AACpC,gDAA6C;AAC7C,iEAA8D;AAC9D,mCAAyC;AACzC,yCAA+C;AAC/C,4BAA0B;AAE1B,kEAAsE;AACtE,0DAAuD;AAcvD;;;GAGG;AACH,SAAgB,SAAS,CAAC,KAAqB;IAC7C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,gBAAgB,EAChB,cAAc,IAAI,sCAAqB,CAAC,gBAAgB,CAAC,cAAc,CAAC,EACxE,KAAK,CAAC,SAAS,CAChB,CAAC;IAEF,OAAO,CACL,oBAAC,qBAAS,IACR,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,YAAY,EAAE,yBAAW,CAAC,UAAU,CAAC,sBAAsB;QAE1D,KAAK,CAAC,aAAa,EAAE,YAAY,EAAE,EAAE,IAAI,IAAI;QAC7C,KAAK,CAAC,QAAQ,CACL,CACb,CAAC;AACJ,CAAC;AAnBD,8BAmBC;AAED;;GAEG;AACH,SAAgB,qBAAqB,CAAC,KAAqB;IACzD,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO,CACL,oBAAC,gBAAG,OACE,QAAQ,EACZ,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,8BAA8B,GACrE,CACH,CAAC;AACJ,CAAC;AARD,sDAQC;AAED;;GAEG;AACH,SAAgB,oBAAoB,CAAC,KAAqB;IACxD,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO,CACL,oBAAC,gBAAG,OACE,QAAQ,EACZ,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,qBAAqB,GAC5D,CACH,CAAC;AACJ,CAAC;AARD,oDAQC;AAED;;GAEG;AACH,SAAgB,sBAAsB,CAAC,KAAqB;IAC1D,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO,CACL,oBAAC,gBAAG,OACE,QAAQ,EACZ,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,uBAAuB,GAC9D,CACH,CAAC;AACJ,CAAC;AARD,wDAQC;AAED;;GAEG;AACH,SAAgB,qBAAqB,CAAC,KAAqB;IACzD,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO,CACL,oBAAC,gBAAG,OACE,QAAQ,EACZ,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,sBAAsB,GAC7D,CACH,CAAC;AACJ,CAAC;AARD,sDAQC;AAED;;;GAGG;AACH,WAAiB,SAAS;IACxB;;;OAGG;IACU,eAAK,GAAG,sBAAc,CAAC;IAEpC;;;OAGG;IACU,eAAK,GAAG,sBAAc,CAAC;AACtC,CAAC,EAZgB,SAAS,yBAAT,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/cjs/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/cjs/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/cjs/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"}