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

package/lib/esm/appui-react/widget-panels/ModalFrontstageComposer.js

@@ -1,34 +1,34 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Frontstage
- */
-import * as React from "react";
-import { ModalFrontstage } from "../frontstage/ModalFrontstage";
-import { UiFramework } from "../UiFramework";
-/** @internal */
-export function useActiveModalFrontstageInfo() {
-    const [activeModalFrontstageInfo, setActiveModalFrontstageInfo] = React.useState(UiFramework.frontstages.activeModalFrontstage);
-    React.useEffect(() => {
-        const handleModalFrontstageChangedEvent = (args) => {
-            setActiveModalFrontstageInfo(args.modalFrontstageCount === 0 ? undefined : UiFramework.frontstages.activeModalFrontstage);
-        };
-        UiFramework.frontstages.onModalFrontstageChangedEvent.addListener(handleModalFrontstageChangedEvent);
-        return () => {
-            UiFramework.frontstages.onModalFrontstageChangedEvent.removeListener(handleModalFrontstageChangedEvent);
-        };
-    }, [setActiveModalFrontstageInfo]);
-    return activeModalFrontstageInfo;
-}
-/** @internal */
-export function ModalFrontstageComposer({ stageInfo }) {
-    const handleCloseModal = React.useCallback(/* istanbul ignore next */ () => UiFramework.frontstages.closeModalFrontstage(), []);
-    // istanbul ignore next
-    if (!stageInfo)
-        return null;
-    const { title, content, appBarRight } = stageInfo;
-    return React.createElement(ModalFrontstage, { isOpen: true, title: title, closeModal: handleCloseModal, appBarRight: appBarRight }, content);
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import * as React from "react";
+import { ModalFrontstage } from "../frontstage/ModalFrontstage";
+import { UiFramework } from "../UiFramework";
+/** @internal */
+export function useActiveModalFrontstageInfo() {
+    const [activeModalFrontstageInfo, setActiveModalFrontstageInfo] = React.useState(UiFramework.frontstages.activeModalFrontstage);
+    React.useEffect(() => {
+        const handleModalFrontstageChangedEvent = (args) => {
+            setActiveModalFrontstageInfo(args.modalFrontstageCount === 0 ? undefined : UiFramework.frontstages.activeModalFrontstage);
+        };
+        UiFramework.frontstages.onModalFrontstageChangedEvent.addListener(handleModalFrontstageChangedEvent);
+        return () => {
+            UiFramework.frontstages.onModalFrontstageChangedEvent.removeListener(handleModalFrontstageChangedEvent);
+        };
+    }, [setActiveModalFrontstageInfo]);
+    return activeModalFrontstageInfo;
+}
+/** @internal */
+export function ModalFrontstageComposer({ stageInfo }) {
+    const handleCloseModal = React.useCallback(/* istanbul ignore next */ () => UiFramework.frontstages.closeModalFrontstage(), []);
+    // istanbul ignore next
+    if (!stageInfo)
+        return null;
+    const { title, content, appBarRight } = stageInfo;
+    return React.createElement(ModalFrontstage, { isOpen: true, title: title, closeModal: handleCloseModal, appBarRight: appBarRight }, content);
+}
 //# sourceMappingURL=ModalFrontstageComposer.js.map

package/lib/esm/appui-react/widget-panels/ModalFrontstageComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalFrontstageComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/ModalFrontstageComposer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,gBAAgB;AAChB,MAAM,UAAU,4BAA4B;IAC1C,MAAM,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;IAChI,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,iCAAiC,GAAG,CAAC,IAAqC,EAAE,EAAE;YAClF,4BAA4B,CAAC,IAAI,CAAC,oBAAoB,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;QAC5H,CAAC,CAAC;QACF,WAAW,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,iCAAiC,CAAC,CAAC;QACrG,OAAO,GAAG,EAAE;YACV,WAAW,CAAC,WAAW,CAAC,6BAA6B,CAAC,cAAc,CAAC,iCAAiC,CAAC,CAAC;QAC1G,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,4BAA4B,CAAC,CAAC,CAAC;IACnC,OAAO,yBAAyB,CAAC;AACnC,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,uBAAuB,CAAC,EAAE,SAAS,EAAkD;IACnG,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,0BAA0B,CAAA,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/H,uBAAuB;IACvB,IAAI,CAAC,SAAS;QACZ,OAAO,IAAI,CAAC;IAEd,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IAElD,OAAO,oBAAC,eAAe,IACrB,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,gBAAgB,EAC5B,WAAW,EAAE,WAAW,IAEvB,OAAO,CACQ,CAAC;AACrB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\nimport * as React from \"react\";\r\nimport { ModalFrontstageChangedEventArgs, ModalFrontstageInfo } from \"../framework/FrameworkFrontstages\";\r\nimport { ModalFrontstage } from \"../frontstage/ModalFrontstage\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** @internal */\r\nexport function useActiveModalFrontstageInfo() {\r\n  const [activeModalFrontstageInfo, setActiveModalFrontstageInfo] = React.useState(UiFramework.frontstages.activeModalFrontstage);\r\n  React.useEffect(() => {\r\n    const handleModalFrontstageChangedEvent = (args: ModalFrontstageChangedEventArgs) => {\r\n      setActiveModalFrontstageInfo(args.modalFrontstageCount === 0 ? undefined : UiFramework.frontstages.activeModalFrontstage);\r\n    };\r\n    UiFramework.frontstages.onModalFrontstageChangedEvent.addListener(handleModalFrontstageChangedEvent);\r\n    return () => {\r\n      UiFramework.frontstages.onModalFrontstageChangedEvent.removeListener(handleModalFrontstageChangedEvent);\r\n    };\r\n  }, [setActiveModalFrontstageInfo]);\r\n  return activeModalFrontstageInfo;\r\n}\r\n\r\n/** @internal */\r\nexport function ModalFrontstageComposer({ stageInfo }: { stageInfo: ModalFrontstageInfo | undefined }) {\r\n  const handleCloseModal = React.useCallback(/* istanbul ignore next */() => UiFramework.frontstages.closeModalFrontstage(), []);\r\n  // istanbul ignore next\r\n  if (!stageInfo)\r\n    return null;\r\n\r\n  const { title, content, appBarRight } = stageInfo;\r\n\r\n  return <ModalFrontstage\r\n    isOpen={true}\r\n    title={title}\r\n    closeModal={handleCloseModal}\r\n    appBarRight={appBarRight}\r\n  >\r\n    {content}\r\n  </ModalFrontstage>;\r\n}\r\n"]}
+{"version":3,"file":"ModalFrontstageComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/ModalFrontstageComposer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,gBAAgB;AAChB,MAAM,UAAU,4BAA4B;IAC1C,MAAM,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;IAChI,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,iCAAiC,GAAG,CAAC,IAAqC,EAAE,EAAE;YAClF,4BAA4B,CAAC,IAAI,CAAC,oBAAoB,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;QAC5H,CAAC,CAAC;QACF,WAAW,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,iCAAiC,CAAC,CAAC;QACrG,OAAO,GAAG,EAAE;YACV,WAAW,CAAC,WAAW,CAAC,6BAA6B,CAAC,cAAc,CAAC,iCAAiC,CAAC,CAAC;QAC1G,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,4BAA4B,CAAC,CAAC,CAAC;IACnC,OAAO,yBAAyB,CAAC;AACnC,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,uBAAuB,CAAC,EAAE,SAAS,EAAkD;IACnG,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,0BAA0B,CAAA,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/H,uBAAuB;IACvB,IAAI,CAAC,SAAS;QACZ,OAAO,IAAI,CAAC;IAEd,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IAElD,OAAO,oBAAC,eAAe,IACrB,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,gBAAgB,EAC5B,WAAW,EAAE,WAAW,IAEvB,OAAO,CACQ,CAAC;AACrB,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 Frontstage\n */\nimport * as React from \"react\";\nimport { ModalFrontstageChangedEventArgs, ModalFrontstageInfo } from \"../framework/FrameworkFrontstages\";\nimport { ModalFrontstage } from \"../frontstage/ModalFrontstage\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** @internal */\nexport function useActiveModalFrontstageInfo() {\n  const [activeModalFrontstageInfo, setActiveModalFrontstageInfo] = React.useState(UiFramework.frontstages.activeModalFrontstage);\n  React.useEffect(() => {\n    const handleModalFrontstageChangedEvent = (args: ModalFrontstageChangedEventArgs) => {\n      setActiveModalFrontstageInfo(args.modalFrontstageCount === 0 ? undefined : UiFramework.frontstages.activeModalFrontstage);\n    };\n    UiFramework.frontstages.onModalFrontstageChangedEvent.addListener(handleModalFrontstageChangedEvent);\n    return () => {\n      UiFramework.frontstages.onModalFrontstageChangedEvent.removeListener(handleModalFrontstageChangedEvent);\n    };\n  }, [setActiveModalFrontstageInfo]);\n  return activeModalFrontstageInfo;\n}\n\n/** @internal */\nexport function ModalFrontstageComposer({ stageInfo }: { stageInfo: ModalFrontstageInfo | undefined }) {\n  const handleCloseModal = React.useCallback(/* istanbul ignore next */() => UiFramework.frontstages.closeModalFrontstage(), []);\n  // istanbul ignore next\n  if (!stageInfo)\n    return null;\n\n  const { title, content, appBarRight } = stageInfo;\n\n  return <ModalFrontstage\n    isOpen={true}\n    title={title}\n    closeModal={handleCloseModal}\n    appBarRight={appBarRight}\n  >\n    {content}\n  </ModalFrontstage>;\n}\n"]}

package/lib/esm/appui-react/widget-panels/StatusBar.d.ts

@@ -1,9 +1,9 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-/// <reference types="react" />
-import "./StatusBar.scss";
-import { CommonProps } from "@itwin/core-react";
-/** @internal */
-export declare function WidgetPanelsStatusBar(props: CommonProps): JSX.Element | null;
+/** @packageDocumentation
+ * @module StatusBar
+ */
+/// <reference types="react" />
+import "./StatusBar.scss";
+import { CommonProps } from "@itwin/core-react";
+/** @internal */
+export declare function WidgetPanelsStatusBar(props: CommonProps): JSX.Element | null;
 //# sourceMappingURL=StatusBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/StatusBar.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMhD,gBAAgB;AAChB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,WAAW,sBAiBvD"}
+{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/StatusBar.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMhD,gBAAgB;AAChB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,WAAW,sBAoBvD"}

package/lib/esm/appui-react/widget-panels/StatusBar.js

@@ -1,24 +1,25 @@
-/*---------------------------------------------------------------------------------------------
-* 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 "./StatusBar.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { ConfigurableUiControlType } from "../configurableui/ConfigurableUiControl";
-import { StatusBar } from "../statusbar/StatusBar";
-import { useActiveFrontstageDef } from "../frontstage/FrontstageDef";
-/** @internal */
-export function WidgetPanelsStatusBar(props) {
-    const frontstageDef = useActiveFrontstageDef();
-    const widgetDef = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.statusBar;
-    if (!widgetDef)
-        return null;
-    const widgetControl = widgetDef.getWidgetControl(ConfigurableUiControlType.StatusBarWidget);
-    const className = classnames("uifw-widgetPanels-statusBar", props.className);
-    return (React.createElement(StatusBar, { className: className, style: props.style, widgetControl: widgetControl }));
-}
+/*---------------------------------------------------------------------------------------------
+* 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 "./StatusBar.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { ConfigurableUiControlType } from "../configurableui/ConfigurableUiControl";
+import { StatusBar } from "../statusbar/StatusBar";
+import { useActiveFrontstageDef } from "../frontstage/FrontstageDef";
+/** @internal */
+export function WidgetPanelsStatusBar(props) {
+    const frontstageDef = useActiveFrontstageDef();
+    const widgetDef = frontstageDef?.statusBar;
+    if (!widgetDef)
+        return null;
+    const content = widgetDef.reactNode;
+    const widgetControl = content === undefined ? widgetDef.getWidgetControl(ConfigurableUiControlType.StatusBarWidget) : undefined;
+    const className = classnames("uifw-widgetPanels-statusBar", props.className);
+    return (React.createElement(StatusBar, { className: className, style: props.style, widgetControl: widgetControl }, widgetDef.reactNode));
+}
 //# sourceMappingURL=StatusBar.js.map

package/lib/esm/appui-react/widget-panels/StatusBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/StatusBar.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,gBAAgB;AAChB,MAAM,UAAU,qBAAqB,CAAC,KAAkB;IACtD,MAAM,aAAa,GAAG,sBAAsB,EAAE,CAAC;IAC/C,MAAM,SAAS,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAC;IAC3C,IAAI,CAAC,SAAS;QACZ,OAAO,IAAI,CAAC;IACd,MAAM,aAAa,GAAG,SAAS,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,eAAe,CAA2B,CAAC;IACtH,MAAM,SAAS,GAAG,UAAU,CAC1B,6BAA6B,EAC7B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport \"./StatusBar.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\nimport { StatusBar } from \"../statusbar/StatusBar\";\r\nimport { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl\";\r\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\r\n\r\n/** @internal */\r\nexport function WidgetPanelsStatusBar(props: CommonProps) {\r\n  const frontstageDef = useActiveFrontstageDef();\r\n  const widgetDef = frontstageDef?.statusBar;\r\n  if (!widgetDef)\r\n    return null;\r\n  const widgetControl = widgetDef.getWidgetControl(ConfigurableUiControlType.StatusBarWidget) as StatusBarWidgetControl;\r\n  const className = classnames(\r\n    \"uifw-widgetPanels-statusBar\",\r\n    props.className,\r\n  );\r\n  return (\r\n    <StatusBar\r\n      className={className}\r\n      style={props.style}\r\n      widgetControl={widgetControl}\r\n    />\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/StatusBar.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,gBAAgB;AAChB,MAAM,UAAU,qBAAqB,CAAC,KAAkB;IACtD,MAAM,aAAa,GAAG,sBAAsB,EAAE,CAAC;IAC/C,MAAM,SAAS,GAAG,aAAa,EAAE,SAAS,CAAC;IAC3C,IAAI,CAAC,SAAS;QACZ,OAAO,IAAI,CAAC;IACd,MAAM,OAAO,GAAG,SAAS,CAAC,SAAS,CAAC;IACpC,MAAM,aAAa,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,eAAe,CAAuC,CAAC,CAAC,CAAC,SAAS,CAAC;IACtK,MAAM,SAAS,GAAG,UAAU,CAC1B,6BAA6B,EAC7B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,aAAa,IAE3B,SAAS,CAAC,SAAS,CACV,CACb,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 StatusBar\n */\n\nimport \"./StatusBar.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\nimport { StatusBar } from \"../statusbar/StatusBar\";\nimport { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\n\n/** @internal */\nexport function WidgetPanelsStatusBar(props: CommonProps) {\n  const frontstageDef = useActiveFrontstageDef();\n  const widgetDef = frontstageDef?.statusBar;\n  if (!widgetDef)\n    return null;\n  const content = widgetDef.reactNode;\n  const widgetControl = content === undefined ? widgetDef.getWidgetControl(ConfigurableUiControlType.StatusBarWidget) as StatusBarWidgetControl | undefined : undefined;\n  const className = classnames(\n    \"uifw-widgetPanels-statusBar\",\n    props.className,\n  );\n  return (\n    <StatusBar\n      className={className}\n      style={props.style}\n      widgetControl={widgetControl}\n    >\n      {widgetDef.reactNode}\n    </StatusBar>\n  );\n}\n"]}

package/lib/esm/appui-react/widget-panels/StatusBar.scss

@@ -1,11 +1,11 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-
-.uifw-widgetPanels-statusBar {
-  >div {
-    background-color: $buic-background-2;
-  }
+/*---------------------------------------------------------------------------------------------
+* 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";
+
+.uifw-widgetPanels-statusBar {
+  >div {
+    background-color: $buic-background-2;
+  }
 }

package/lib/esm/appui-react/widget-panels/Tab.d.ts

@@ -1,11 +1,11 @@
-/** @packageDocumentation
- * @module Widget
- */
-/// <reference types="react" />
-import "./Tab.scss";
-import { BadgeType } from "@itwin/appui-abstract";
-/** @internal */
-export declare function WidgetPanelsTab(): JSX.Element;
-/** @internal */
-export declare function getBadgeClassName(badgeType: BadgeType | undefined): "uifw-badge-new" | "uifw-badge-tp" | undefined;
+/** @packageDocumentation
+ * @module Widget
+ */
+/// <reference types="react" />
+import "./Tab.scss";
+import { BadgeType } from "@itwin/appui-abstract";
+/** @internal */
+export declare function WidgetPanelsTab(): JSX.Element;
+/** @internal */
+export declare function getBadgeClassName(badgeType: BadgeType | undefined): "uifw-badge-new" | "uifw-badge-tp" | undefined;
 //# sourceMappingURL=Tab.d.ts.map

package/lib/esm/appui-react/widget-panels/Tab.js

@@ -1,30 +1,30 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-import "./Tab.scss";
-import * as React from "react";
-import { WidgetTab } from "@itwin/appui-layout-react";
-import { useWidgetDef } from "./Content";
-import { BadgeUtilities } from "@itwin/core-react";
-import { BadgeType } from "@itwin/appui-abstract";
-/** @internal */
-export function WidgetPanelsTab() {
-    const widgetDef = useWidgetDef();
-    const badgeType = widgetDef === null || widgetDef === void 0 ? void 0 : widgetDef.badgeType;
-    const badgeClassName = getBadgeClassName(badgeType);
-    const badge = React.useMemo(() => BadgeUtilities.getComponentForBadgeType(badgeType), [badgeType]);
-    return (React.createElement(WidgetTab, { className: badgeClassName, badge: badge }));
-}
-/** @internal */
-export function getBadgeClassName(badgeType) {
-    if (badgeType === BadgeType.New)
-        return "uifw-badge-new";
-    else if (badgeType === BadgeType.TechnicalPreview)
-        return "uifw-badge-tp";
-    return undefined;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+import "./Tab.scss";
+import * as React from "react";
+import { WidgetTab } from "@itwin/appui-layout-react";
+import { useWidgetDef } from "./Content";
+import { BadgeUtilities } from "@itwin/core-react";
+import { BadgeType } from "@itwin/appui-abstract";
+/** @internal */
+export function WidgetPanelsTab() {
+    const widgetDef = useWidgetDef();
+    const badgeType = widgetDef?.badgeType;
+    const badgeClassName = getBadgeClassName(badgeType);
+    const badge = React.useMemo(() => BadgeUtilities.getComponentForBadgeType(badgeType), [badgeType]);
+    return (React.createElement(WidgetTab, { className: badgeClassName, badge: badge }));
+}
+/** @internal */
+export function getBadgeClassName(badgeType) {
+    if (badgeType === BadgeType.New)
+        return "uifw-badge-new";
+    else if (badgeType === BadgeType.TechnicalPreview)
+        return "uifw-badge-tp";
+    return undefined;
+}
 //# sourceMappingURL=Tab.js.map

package/lib/esm/appui-react/widget-panels/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Tab.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,gBAAgB;AAChB,MAAM,UAAU,eAAe;IAC7B,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,SAAS,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC;IACvC,MAAM,cAAc,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,wBAAwB,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IACnG,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,iBAAiB,CAAC,SAAgC;IAChE,IAAI,SAAS,KAAK,SAAS,CAAC,GAAG;QAC7B,OAAO,gBAAgB,CAAC;SACrB,IAAI,SAAS,KAAK,SAAS,CAAC,gBAAgB;QAC/C,OAAO,eAAe,CAAC;IACzB,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Widget\r\n */\r\n\r\nimport \"./Tab.scss\";\r\nimport * as React from \"react\";\r\nimport { WidgetTab } from \"@itwin/appui-layout-react\";\r\nimport { useWidgetDef } from \"./Content\";\r\nimport { BadgeUtilities } from \"@itwin/core-react\";\r\nimport { BadgeType } from \"@itwin/appui-abstract\";\r\n\r\n/** @internal */\r\nexport function WidgetPanelsTab() {\r\n  const widgetDef = useWidgetDef();\r\n  const badgeType = widgetDef?.badgeType;\r\n  const badgeClassName = getBadgeClassName(badgeType);\r\n  const badge = React.useMemo(() => BadgeUtilities.getComponentForBadgeType(badgeType), [badgeType]);\r\n  return (\r\n    <WidgetTab\r\n      className={badgeClassName}\r\n      badge={badge}\r\n    />\r\n  );\r\n}\r\n\r\n/** @internal */\r\nexport function getBadgeClassName(badgeType: BadgeType | undefined) {\r\n  if (badgeType === BadgeType.New)\r\n    return \"uifw-badge-new\";\r\n  else if (badgeType === BadgeType.TechnicalPreview)\r\n    return \"uifw-badge-tp\";\r\n  return undefined;\r\n}\r\n"]}
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Tab.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,gBAAgB;AAChB,MAAM,UAAU,eAAe;IAC7B,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,SAAS,GAAG,SAAS,EAAE,SAAS,CAAC;IACvC,MAAM,cAAc,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,wBAAwB,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IACnG,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,iBAAiB,CAAC,SAAgC;IAChE,IAAI,SAAS,KAAK,SAAS,CAAC,GAAG;QAC7B,OAAO,gBAAgB,CAAC;SACrB,IAAI,SAAS,KAAK,SAAS,CAAC,gBAAgB;QAC/C,OAAO,eAAe,CAAC;IACzB,OAAO,SAAS,CAAC;AACnB,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 Widget\n */\n\nimport \"./Tab.scss\";\nimport * as React from \"react\";\nimport { WidgetTab } from \"@itwin/appui-layout-react\";\nimport { useWidgetDef } from \"./Content\";\nimport { BadgeUtilities } from \"@itwin/core-react\";\nimport { BadgeType } from \"@itwin/appui-abstract\";\n\n/** @internal */\nexport function WidgetPanelsTab() {\n  const widgetDef = useWidgetDef();\n  const badgeType = widgetDef?.badgeType;\n  const badgeClassName = getBadgeClassName(badgeType);\n  const badge = React.useMemo(() => BadgeUtilities.getComponentForBadgeType(badgeType), [badgeType]);\n  return (\n    <WidgetTab\n      className={badgeClassName}\n      badge={badge}\n    />\n  );\n}\n\n/** @internal */\nexport function getBadgeClassName(badgeType: BadgeType | undefined) {\n  if (badgeType === BadgeType.New)\n    return \"uifw-badge-new\";\n  else if (badgeType === BadgeType.TechnicalPreview)\n    return \"uifw-badge-tp\";\n  return undefined;\n}\n"]}

package/lib/esm/appui-react/widget-panels/Tab.scss

@@ -1,14 +1,14 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-.nz-widget-tab {
-  &.uifw-badge-new {
-    &.nz-active {
-      &:before {
-        width: calc(100% - 1em) !important;
-        left: 0.5em !important;
-      }
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.nz-widget-tab {
+  &.uifw-badge-new {
+    &.nz-active {
+      &:before {
+        width: calc(100% - 1em) !important;
+        left: 0.5em !important;
+      }
+    }
+  }
+}

package/lib/esm/appui-react/widget-panels/ToolSettings.d.ts

@@ -1,38 +1,38 @@
-/** @packageDocumentation
- * @module ToolSettings
- */
-import "./ToolSettings.scss";
-import * as React from "react";
-/** Defines a ToolSettings property entry.
- * @public
- */
-export interface ToolSettingsEntry {
-    labelNode: React.ReactNode;
-    editorNode: React.ReactNode;
-}
-/** @internal */
-export declare function WidgetPanelsToolSettings(): JSX.Element | null;
-/** @internal */
-export declare function ToolSettingsDockedContent(): JSX.Element;
-/** @internal */
-export declare function useHorizontalToolSettingNodes(): ToolSettingsEntry[] | undefined;
-/** Defines the ToolSettingsEntry entries that are used to populate a grid layout of ToolSetting properties.
- * Used only when the "Use UI 2.0" setting is true
- * @internal
- */
-export interface ToolSettingsGridProps {
-    settings?: ToolSettingsEntry[];
-}
-/** Component that arranges an array of ToolSettingsEntry items into a two column grid layout.
- * The left column is considered the label column, the right column is considered the property
- * editor column.
- * @internal
- */
-export declare function ToolSettingsGrid({ settings }: ToolSettingsGridProps): JSX.Element;
-/** @internal */
-export declare function useToolSettingsNode(): string | number | boolean | {} | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | null | undefined;
-/** @internal */
-export declare function ToolSettingsContent(): JSX.Element | null;
-/** @internal */
-export declare function ToolSettingsWidgetContent(): JSX.Element;
+/** @packageDocumentation
+ * @module ToolSettings
+ */
+import "./ToolSettings.scss";
+import * as React from "react";
+/** Defines a ToolSettings property entry.
+ * @public
+ */
+export interface ToolSettingsEntry {
+    labelNode: React.ReactNode;
+    editorNode: React.ReactNode;
+}
+/** @internal */
+export declare function WidgetPanelsToolSettings(): JSX.Element | null;
+/** @internal */
+export declare function ToolSettingsDockedContent(): JSX.Element;
+/** @internal */
+export declare function useHorizontalToolSettingNodes(): ToolSettingsEntry[] | undefined;
+/** Defines the ToolSettingsEntry entries that are used to populate a grid layout of ToolSetting properties.
+ * Used only when the "Use UI 2.0" setting is true
+ * @internal
+ */
+export interface ToolSettingsGridProps {
+    settings?: ToolSettingsEntry[];
+}
+/** Component that arranges an array of ToolSettingsEntry items into a two column grid layout.
+ * The left column is considered the label column, the right column is considered the property
+ * editor column.
+ * @internal
+ */
+export declare function ToolSettingsGrid({ settings }: ToolSettingsGridProps): JSX.Element;
+/** @internal */
+export declare function useToolSettingsNode(): string | number | boolean | {} | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | null | undefined;
+/** @internal */
+export declare function ToolSettingsContent(): JSX.Element | null;
+/** @internal */
+export declare function ToolSettingsWidgetContent(): JSX.Element;
 //# sourceMappingURL=ToolSettings.d.ts.map