@itwin/appui-react 4.1.0 → 4.2.0-dev.1

package/lib/cjs/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,+BAA+B;AAE/B,mEAAgE;AAChE,gDAA6C;AAE7C,gBAAgB;AAChB,SAAgB,4BAA4B;IAC1C,MAAM,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,yBAAW,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,yBAAW,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;QAC5H,CAAC,CAAC;QACF,yBAAW,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,iCAAiC,CAAC,CAAC;QACrG,OAAO,GAAG,EAAE;YACV,yBAAW,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;AAZD,oEAYC;AAED,gBAAgB;AAChB,SAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAkD;IACnG,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,0BAA0B,CAAA,GAAG,EAAE,CAAC,yBAAW,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,iCAAe,IACrB,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,gBAAgB,EAC5B,WAAW,EAAE,WAAW,IAEvB,OAAO,CACQ,CAAC;AACrB,CAAC;AAhBD,0DAgBC","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 type { 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;;;gGAGgG;AAChG;;GAEG;AACH,+BAA+B;AAK/B,mEAAgE;AAChE,gDAA6C;AAE7C,gBAAgB;AAChB,SAAgB,4BAA4B;IAC1C,MAAM,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,GAC7D,KAAK,CAAC,QAAQ,CAAC,yBAAW,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;IAChE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,iCAAiC,GAAG,CACxC,IAAqC,EACrC,EAAE;YACF,4BAA4B,CAC1B,IAAI,CAAC,oBAAoB,KAAK,CAAC;gBAC7B,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,qBAAqB,CAClD,CAAC;QACJ,CAAC,CAAC;QACF,yBAAW,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAC/D,iCAAiC,CAClC,CAAC;QACF,OAAO,GAAG,EAAE;YACV,yBAAW,CAAC,WAAW,CAAC,6BAA6B,CAAC,cAAc,CAClE,iCAAiC,CAClC,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,4BAA4B,CAAC,CAAC,CAAC;IACnC,OAAO,yBAAyB,CAAC;AACnC,CAAC;AAvBD,oEAuBC;AAED,gBAAgB;AAChB,SAAgB,uBAAuB,CAAC,EACtC,SAAS,GAGV;IACC,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW;IACxC,0BAA0B,CAAC,GAAG,EAAE,CAC9B,yBAAW,CAAC,WAAW,CAAC,oBAAoB,EAAE,EAChD,EAAE,CACH,CAAC;IACF,uBAAuB;IACvB,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IAElD,OAAO,CACL,oBAAC,iCAAe,IACd,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,gBAAgB,EAC5B,WAAW,EAAE,WAAW,IAEvB,OAAO,CACQ,CACnB,CAAC;AACJ,CAAC;AAzBD,0DAyBC","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 type {\n  ModalFrontstageChangedEventArgs,\n  ModalFrontstageInfo,\n} from \"../framework/FrameworkFrontstages\";\nimport { ModalFrontstage } from \"../frontstage/ModalFrontstage\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** @internal */\nexport function useActiveModalFrontstageInfo() {\n  const [activeModalFrontstageInfo, setActiveModalFrontstageInfo] =\n    React.useState(UiFramework.frontstages.activeModalFrontstage);\n  React.useEffect(() => {\n    const handleModalFrontstageChangedEvent = (\n      args: ModalFrontstageChangedEventArgs\n    ) => {\n      setActiveModalFrontstageInfo(\n        args.modalFrontstageCount === 0\n          ? undefined\n          : UiFramework.frontstages.activeModalFrontstage\n      );\n    };\n    UiFramework.frontstages.onModalFrontstageChangedEvent.addListener(\n      handleModalFrontstageChangedEvent\n    );\n    return () => {\n      UiFramework.frontstages.onModalFrontstageChangedEvent.removeListener(\n        handleModalFrontstageChangedEvent\n      );\n    };\n  }, [setActiveModalFrontstageInfo]);\n  return activeModalFrontstageInfo;\n}\n\n/** @internal */\nexport function ModalFrontstageComposer({\n  stageInfo,\n}: {\n  stageInfo: ModalFrontstageInfo | undefined;\n}) {\n  const handleCloseModal = React.useCallback(\n    /* istanbul ignore next */ () =>\n      UiFramework.frontstages.closeModalFrontstage(),\n    []\n  );\n  // istanbul ignore next\n  if (!stageInfo) return null;\n\n  const { title, content, appBarRight } = stageInfo;\n\n  return (\n    <ModalFrontstage\n      isOpen={true}\n      title={title}\n      closeModal={handleCloseModal}\n      appBarRight={appBarRight}\n    >\n      {content}\n    </ModalFrontstage>\n  );\n}\n"]}

package/lib/cjs/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,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMrD,gBAAgB;AAChB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,WAAW,sBAoBvD"}
+{"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,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMrD,gBAAgB;AAChB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,WAAW,sBAqBvD"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -21,7 +21,9 @@ function WidgetPanelsStatusBar(props) {
     if (!widgetDef)
         return null;
     const content = widgetDef.reactNode;
-    const widgetControl = content === undefined ? widgetDef.getWidgetControl(ConfigurableUiControl_1.ConfigurableUiControlType.StatusBarWidget) : undefined;
+    const widgetControl = content === undefined
+        ? widgetDef.getWidgetControl(ConfigurableUiControl_1.ConfigurableUiControlType.StatusBarWidget)
+        : undefined;
     const className = (0, classnames_1.default)("uifw-widgetPanels-statusBar", props.className);
     return (React.createElement(StatusBar_1.StatusBar, { className: className, style: props.style, widgetControl: widgetControl }, widgetDef.reactNode));
 }

package/lib/cjs/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,4BAA0B;AAC1B,2CAAoC;AACpC,+BAA+B;AAE/B,mFAAoF;AACpF,sDAAmD;AAEnD,+DAAqE;AAErE,gBAAgB;AAChB,SAAgB,qBAAqB,CAAC,KAAkB;IACtD,MAAM,aAAa,GAAG,IAAA,sCAAsB,GAAE,CAAC;IAC/C,MAAM,SAAS,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,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,iDAAyB,CAAC,eAAe,CAAuC,CAAC,CAAC,CAAC,SAAS,CAAC;IACtK,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,6BAA6B,EAC7B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,oBAAC,qBAAS,IACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,aAAa,IAE3B,SAAS,CAAC,SAAS,CACV,CACb,CAAC;AACJ,CAAC;AApBD,sDAoBC","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 type { CommonProps } from \"@itwin/core-react\";\r\nimport { ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\nimport { StatusBar } from \"../statusbar/StatusBar\";\r\nimport type { 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 content = widgetDef.reactNode;\r\n  const widgetControl = content === undefined ? widgetDef.getWidgetControl(ConfigurableUiControlType.StatusBarWidget) as StatusBarWidgetControl | undefined : undefined;\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      {widgetDef.reactNode}\r\n    </StatusBar>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/StatusBar.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,4BAA0B;AAC1B,2CAAoC;AACpC,+BAA+B;AAE/B,mFAAoF;AACpF,sDAAmD;AAEnD,+DAAqE;AAErE,gBAAgB;AAChB,SAAgB,qBAAqB,CAAC,KAAkB;IACtD,MAAM,aAAa,GAAG,IAAA,sCAAsB,GAAE,CAAC;IAC/C,MAAM,SAAS,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAC;IAC3C,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC5B,MAAM,OAAO,GAAG,SAAS,CAAC,SAAS,CAAC;IACpC,MAAM,aAAa,GACjB,OAAO,KAAK,SAAS;QACnB,CAAC,CAAE,SAAS,CAAC,gBAAgB,CACzB,iDAAyB,CAAC,eAAe,CACH;QAC1C,CAAC,CAAC,SAAS,CAAC;IAChB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,6BAA6B,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7E,OAAO,CACL,oBAAC,qBAAS,IACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,aAAa,IAE3B,SAAS,CAAC,SAAS,CACV,CACb,CAAC;AACJ,CAAC;AArBD,sDAqBC","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 type { CommonProps } from \"@itwin/core-react\";\nimport { ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\nimport { StatusBar } from \"../statusbar/StatusBar\";\nimport type { 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) return null;\n  const content = widgetDef.reactNode;\n  const widgetControl =\n    content === undefined\n      ? (widgetDef.getWidgetControl(\n          ConfigurableUiControlType.StatusBarWidget\n        ) as StatusBarWidgetControl | undefined)\n      : undefined;\n  const className = classnames(\"uifw-widgetPanels-statusBar\", props.className);\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/cjs/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/cjs/appui-react/widget-panels/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Tab.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,YAAY,CAAC;AAKpB,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,gBAAgB;AAChB,wBAAgB,eAAe,gBAW9B;AAED,gBAAgB;AAChB,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,kDAMjE"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Tab.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,YAAY,CAAC;AAKpB,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,gBAAgB;AAChB,wBAAgB,eAAe,gBAS9B;AAED,gBAAgB;AAChB,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,kDAIjE"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -20,7 +20,7 @@ function WidgetPanelsTab() {
     const badgeType = widgetDef === null || widgetDef === void 0 ? void 0 : widgetDef.badgeType;
     const badgeClassName = getBadgeClassName(badgeType);
     const badge = React.useMemo(() => core_react_1.BadgeUtilities.getComponentForBadgeType(badgeType), [badgeType]);
-    return (React.createElement(appui_layout_react_1.WidgetTab, { className: badgeClassName, badge: badge }));
+    return React.createElement(appui_layout_react_1.WidgetTab, { className: badgeClassName, badge: badge });
 }
 exports.WidgetPanelsTab = WidgetPanelsTab;
 /** @internal */

package/lib/cjs/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,sBAAoB;AACpB,+BAA+B;AAC/B,kEAAsD;AACtD,uCAAyC;AACzC,kDAAmD;AACnD,0DAAkD;AAElD,gBAAgB;AAChB,SAAgB,eAAe;IAC7B,MAAM,SAAS,GAAG,IAAA,sBAAY,GAAE,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,2BAAc,CAAC,wBAAwB,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IACnG,OAAO,CACL,oBAAC,8BAAS,IACR,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAXD,0CAWC;AAED,gBAAgB;AAChB,SAAgB,iBAAiB,CAAC,SAAgC;IAChE,IAAI,SAAS,KAAK,0BAAS,CAAC,GAAG;QAC7B,OAAO,gBAAgB,CAAC;SACrB,IAAI,SAAS,KAAK,0BAAS,CAAC,gBAAgB;QAC/C,OAAO,eAAe,CAAC;IACzB,OAAO,SAAS,CAAC;AACnB,CAAC;AAND,8CAMC","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;;;gGAGgG;AAChG;;GAEG;;;AAEH,sBAAoB;AACpB,+BAA+B;AAC/B,kEAAsD;AACtD,uCAAyC;AACzC,kDAAmD;AACnD,0DAAkD;AAElD,gBAAgB;AAChB,SAAgB,eAAe;IAC7B,MAAM,SAAS,GAAG,IAAA,sBAAY,GAAE,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,CACzB,GAAG,EAAE,CAAC,2BAAc,CAAC,wBAAwB,CAAC,SAAS,CAAC,EACxD,CAAC,SAAS,CAAC,CACZ,CAAC;IACF,OAAO,oBAAC,8BAAS,IAAC,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AAChE,CAAC;AATD,0CASC;AAED,gBAAgB;AAChB,SAAgB,iBAAiB,CAAC,SAAgC;IAChE,IAAI,SAAS,KAAK,0BAAS,CAAC,GAAG;QAAE,OAAO,gBAAgB,CAAC;SACpD,IAAI,SAAS,KAAK,0BAAS,CAAC,gBAAgB;QAAE,OAAO,eAAe,CAAC;IAC1E,OAAO,SAAS,CAAC;AACnB,CAAC;AAJD,8CAIC","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(\n    () => BadgeUtilities.getComponentForBadgeType(badgeType),\n    [badgeType]\n  );\n  return <WidgetTab className={badgeClassName} badge={badge} />;\n}\n\n/** @internal */\nexport function getBadgeClassName(badgeType: BadgeType | undefined) {\n  if (badgeType === BadgeType.New) return \"uifw-badge-new\";\n  else if (badgeType === BadgeType.TechnicalPreview) return \"uifw-badge-tp\";\n  return undefined;\n}\n"]}

package/lib/cjs/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/cjs/appui-react/widget-panels/ToolSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSettings.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/ToolSettings.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAEhC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAeD,gBAAgB;AAChB,wBAAgB,wBAAwB,uBASvC;AAED,gBAAgB;AAChB,wBAAgB,yBAAyB,gBAQxC;AAED,gBAAgB;AAChB,wBAAgB,6BAA6B,oCA+B5C;AAED;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IAEpC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAChC;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,eAanE;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,2KAyBlC;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,uBAMlC;AAED,gBAAgB;AAChB,wBAAgB,yBAAyB,gBAyBxC"}
+{"version":3,"file":"ToolSettings.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/ToolSettings.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAEhC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAuBD,gBAAgB;AAChB,wBAAgB,wBAAwB,uBAMvC;AAED,gBAAgB;AAChB,wBAAgB,yBAAyB,gBAmBxC;AAED,gBAAgB;AAChB,wBAAgB,6BAA6B,oCA0C5C;AAED;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IAEpC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAChC;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,eAgBnE;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,2KAqClC;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,uBAKlC;AAED,gBAAgB;AAChB,wBAAgB,yBAAyB,gBAiCxC"}

package/lib/cjs/appui-react/widget-panels/ToolSettings.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module ToolSettings
  */
@@ -17,14 +17,14 @@ const InternalFrontstageManager_1 = require("../frontstage/InternalFrontstageMan
 const FrontstageDef_1 = require("../frontstage/FrontstageDef");
 function EmptyToolSettingsEntry() {
     const labelString = core_frontend_1.IModelApp.localization.getLocalizedString("UiFramework:tools.noToolSettings");
-    const labelNode = React.createElement("div", { className: "uif-toolsetting-label-docked-horizontal-empty" }, labelString);
+    const labelNode = (React.createElement("div", { className: "uif-toolsetting-label-docked-horizontal-empty" }, labelString));
     const editorNode = React.createElement("div", null);
     return { labelNode, editorNode };
 }
 /** @internal */
 // istanbul ignore next - need to work on overflow unit testing
 function TsLabel({ children }) {
-    return React.createElement("div", { className: "uif-toolsetting-label-docked-horizontal" }, children);
+    return (React.createElement("div", { className: "uif-toolsetting-label-docked-horizontal" }, children));
 }
 /** @internal */
 function WidgetPanelsToolSettings() {
@@ -33,7 +33,7 @@ function WidgetPanelsToolSettings() {
     const toolSettings = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.toolSettings;
     if (!toolSettings || toolSettingsType === "widget")
         return null;
-    return (React.createElement(ToolSettingsDockedContent, null));
+    return React.createElement(ToolSettingsDockedContent, null);
 }
 exports.WidgetPanelsToolSettings = WidgetPanelsToolSettings;
 /** @internal */
@@ -41,9 +41,10 @@ function ToolSettingsDockedContent() {
     var _a, _b;
     const settings = useHorizontalToolSettingNodes();
     // for the overflow to work properly each setting in the DockedToolSettings should be wrapped by a DockedToolSetting component
-    return (React.createElement(appui_layout_react_1.DockedToolSettings, { itemId: (_b = (_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.uniqueId) !== null && _b !== void 0 ? _b : "none", key: Date.now() }, settings && settings.map((entry, index) => React.createElement(appui_layout_react_1.DockedToolSetting, { key: index },
-        React.createElement(TsLabel, null, entry.labelNode),
-        entry.editorNode))));
+    return (React.createElement(appui_layout_react_1.DockedToolSettings, { itemId: (_b = (_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.uniqueId) !== null && _b !== void 0 ? _b : "none", key: Date.now() }, settings &&
+        settings.map((entry, index) => (React.createElement(appui_layout_react_1.DockedToolSetting, { key: index },
+            React.createElement(TsLabel, null, entry.labelNode),
+            entry.editorNode)))));
 }
 exports.ToolSettingsDockedContent = ToolSettingsDockedContent;
 /** @internal */
@@ -87,11 +88,12 @@ exports.useHorizontalToolSettingNodes = useHorizontalToolSettingNodes;
  * @internal
  */
 function ToolSettingsGrid({ settings }) {
-    return (React.createElement("div", { className: "uifw-standard-toolsettings-two-column-grid" }, settings && settings.map((setting, index) => {
-        return (React.createElement(React.Fragment, { key: index },
-            React.createElement("span", { className: "uifw-standard-toolsettings-label-entry" }, setting.labelNode),
-            setting.editorNode));
-    })));
+    return (React.createElement("div", { className: "uifw-standard-toolsettings-two-column-grid" }, settings &&
+        settings.map((setting, index) => {
+            return (React.createElement(React.Fragment, { key: index },
+                React.createElement("span", { className: "uifw-standard-toolsettings-label-entry" }, setting.labelNode),
+                setting.editorNode));
+        })));
 }
 exports.ToolSettingsGrid = ToolSettingsGrid;
 /** @internal */
@@ -144,7 +146,9 @@ function ToolSettingsWidgetContent() {
             const floatingWidgetTab = floatingToolSettingsContainerRef.current.closest(".nz-floating-toolsettings");
             // istanbul ignore else
             if (floatingWidgetTab) {
-                floatingWidgetTab.style.visibility = !!node ? "visible" : /* istanbul ignore next */ "hidden";
+                floatingWidgetTab.style.visibility = !!node
+                    ? "visible"
+                    : /* istanbul ignore next */ "hidden";
             }
         }
     }, [node]);

package/lib/cjs/appui-react/widget-panels/ToolSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSettings.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/ToolSettings.tsx"],"names":[],"mappings":"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","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 ToolSettings\r\n */\r\n\r\nimport \"./ToolSettings.scss\";\r\nimport * as React from \"react\";\r\nimport { IModelApp } from \"@itwin/core-frontend\";\r\nimport { DockedToolSetting, DockedToolSettings, ScrollableWidgetContent, useLayout } from \"@itwin/appui-layout-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager\";\r\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\r\n\r\n/** Defines a ToolSettings property entry.\r\n * @public\r\n */\r\nexport interface ToolSettingsEntry {\r\n  // label node which potentially can contain a lock node as well.\r\n  labelNode: React.ReactNode;\r\n  // editor entry used to display and edit the property value\r\n  editorNode: React.ReactNode;\r\n}\r\n\r\nfunction EmptyToolSettingsEntry(): ToolSettingsEntry {\r\n  const labelString = IModelApp.localization.getLocalizedString(\"UiFramework:tools.noToolSettings\");\r\n  const labelNode = <div className=\"uif-toolsetting-label-docked-horizontal-empty\">{labelString}</div>;\r\n  const editorNode = <div />;\r\n  return { labelNode, editorNode };\r\n}\r\n\r\n/** @internal */\r\n// istanbul ignore next - need to work on overflow unit testing\r\nfunction TsLabel({ children }: { children: React.ReactNode }) {\r\n  return <div className=\"uif-toolsetting-label-docked-horizontal\">{children}</div>;\r\n}\r\n\r\n/** @internal */\r\nexport function WidgetPanelsToolSettings() {\r\n  const frontstageDef = useActiveFrontstageDef();\r\n  const toolSettingsType = useLayout((state) => state.toolSettings.type);\r\n  const toolSettings = frontstageDef?.toolSettings;\r\n  if (!toolSettings || toolSettingsType === \"widget\")\r\n    return null;\r\n  return (\r\n    <ToolSettingsDockedContent />\r\n  );\r\n}\r\n\r\n/** @internal */\r\nexport function ToolSettingsDockedContent() {\r\n  const settings = useHorizontalToolSettingNodes();\r\n  // for the overflow to work properly each setting in the DockedToolSettings should be wrapped by a DockedToolSetting component\r\n  return (\r\n    <DockedToolSettings itemId={InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\"} key={Date.now()}>\r\n      {settings && settings.map((entry, index) => <DockedToolSetting key={index}><TsLabel>{entry.labelNode}</TsLabel>{entry.editorNode}</DockedToolSetting>)}\r\n    </DockedToolSettings>\r\n  );\r\n}\r\n\r\n/** @internal */\r\nexport function useHorizontalToolSettingNodes() {\r\n  const [settings, setSettings] = React.useState(InternalFrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes);\r\n  React.useEffect(() => {\r\n    const handleToolActivatedEvent = () => {\r\n      const nodes = InternalFrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes;\r\n      if (!nodes || nodes.length === 0)\r\n        setSettings([EmptyToolSettingsEntry()]);\r\n      else\r\n        setSettings(nodes);\r\n    };\r\n    UiFramework.frontstages.onToolActivatedEvent.addListener(handleToolActivatedEvent);\r\n    return () => {\r\n      UiFramework.frontstages.onToolActivatedEvent.removeListener(handleToolActivatedEvent);\r\n    };\r\n  }, [setSettings]);\r\n\r\n  React.useEffect(() => {\r\n    const handleToolSettingsReloadEvent = () => {\r\n      const nodes = InternalFrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes;\r\n      if (!nodes || nodes.length === 0)\r\n        setSettings([EmptyToolSettingsEntry()]);\r\n      else\r\n        setSettings(nodes);\r\n    };\r\n    UiFramework.frontstages.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);\r\n    return () => {\r\n      UiFramework.frontstages.onToolSettingsReloadEvent.removeListener(handleToolSettingsReloadEvent);\r\n    };\r\n  }, [setSettings]);\r\n\r\n  return settings;\r\n}\r\n\r\n/** Defines the ToolSettingsEntry entries that are used to populate a grid layout of ToolSetting properties.\r\n * Used only when the \"Use UI 2.0\" setting is true\r\n * @internal\r\n */\r\nexport interface ToolSettingsGridProps {\r\n  // label node which potentially can contain a lock node as well.\r\n  settings?: ToolSettingsEntry[];\r\n}\r\n\r\n/** Component that arranges an array of ToolSettingsEntry items into a two column grid layout.\r\n * The left column is considered the label column, the right column is considered the property\r\n * editor column.\r\n * @internal\r\n */\r\nexport function ToolSettingsGrid({ settings }: ToolSettingsGridProps) {\r\n  return (\r\n    <div className=\"uifw-standard-toolsettings-two-column-grid\">\r\n      {settings && settings.map((setting: ToolSettingsEntry, index: number) => {\r\n        return (\r\n          <React.Fragment key={index}>\r\n            <span className=\"uifw-standard-toolsettings-label-entry\">{setting.labelNode}</span>\r\n            {setting.editorNode}\r\n          </React.Fragment>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n}\r\n\r\n/** @internal */\r\nexport function useToolSettingsNode() {\r\n  const [settings, setSettings] = React.useState(InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode);\r\n  React.useEffect(() => {\r\n    const handleToolActivatedEvent = () => {\r\n      const nodes = InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\r\n      setSettings(nodes);\r\n    };\r\n    UiFramework.frontstages.onToolActivatedEvent.addListener(handleToolActivatedEvent);\r\n    return () => {\r\n      UiFramework.frontstages.onToolActivatedEvent.removeListener(handleToolActivatedEvent);\r\n    };\r\n  }, [setSettings]);\r\n\r\n  React.useEffect(() => {\r\n    const handleToolSettingsReloadEvent = () => {\r\n      const nodes = InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\r\n      setSettings(nodes);\r\n    };\r\n    UiFramework.frontstages.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);\r\n    return () => {\r\n      UiFramework.frontstages.onToolSettingsReloadEvent.removeListener(handleToolSettingsReloadEvent);\r\n    };\r\n  }, [setSettings]);\r\n\r\n  return settings;\r\n}\r\n\r\n/** @internal */\r\nexport function ToolSettingsContent() {\r\n  const toolSettingsType = useLayout((state) => state.toolSettings.type);\r\n  // This is needed to remount underlying components tree when going into widget state.\r\n  if (toolSettingsType === \"docked\")\r\n    return null;\r\n  return <ToolSettingsWidgetContent />;\r\n}\r\n\r\n/** @internal */\r\nexport function ToolSettingsWidgetContent() {\r\n  const floatingToolSettingsContainerRef = React.useRef<HTMLDivElement>(null);\r\n  const node = useToolSettingsNode();\r\n  // if no tool settings hide the floating widgets tab\r\n  React.useEffect(() => {\r\n    // istanbul ignore else\r\n    if (floatingToolSettingsContainerRef.current) {\r\n      const floatingWidgetTab = floatingToolSettingsContainerRef.current.closest(\".nz-floating-toolsettings\");\r\n      // istanbul ignore else\r\n      if (floatingWidgetTab) {\r\n        (floatingWidgetTab as HTMLDivElement).style.visibility = !!node ? \"visible\" : /* istanbul ignore next */ \"hidden\";\r\n      }\r\n    }\r\n  }, [node]);\r\n\r\n  // istanbul ignore next\r\n  const providerId = InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\";\r\n\r\n  return (\r\n    <div data-toolsettings-provider={providerId} className=\"uifw-floating-toolsettings-container\" ref={floatingToolSettingsContainerRef} >\r\n      <ScrollableWidgetContent>\r\n        {node}\r\n      </ScrollableWidgetContent>\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"ToolSettings.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/ToolSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ToolSettings\n */\n\nimport \"./ToolSettings.scss\";\nimport * as React from \"react\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport {\n  DockedToolSetting,\n  DockedToolSettings,\n  ScrollableWidgetContent,\n  useLayout,\n} from \"@itwin/appui-layout-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\n\n/** Defines a ToolSettings property entry.\n * @public\n */\nexport interface ToolSettingsEntry {\n  // label node which potentially can contain a lock node as well.\n  labelNode: React.ReactNode;\n  // editor entry used to display and edit the property value\n  editorNode: React.ReactNode;\n}\n\nfunction EmptyToolSettingsEntry(): ToolSettingsEntry {\n  const labelString = IModelApp.localization.getLocalizedString(\n    \"UiFramework:tools.noToolSettings\"\n  );\n  const labelNode = (\n    <div className=\"uif-toolsetting-label-docked-horizontal-empty\">\n      {labelString}\n    </div>\n  );\n  const editorNode = <div />;\n  return { labelNode, editorNode };\n}\n\n/** @internal */\n// istanbul ignore next - need to work on overflow unit testing\nfunction TsLabel({ children }: { children: React.ReactNode }) {\n  return (\n    <div className=\"uif-toolsetting-label-docked-horizontal\">{children}</div>\n  );\n}\n\n/** @internal */\nexport function WidgetPanelsToolSettings() {\n  const frontstageDef = useActiveFrontstageDef();\n  const toolSettingsType = useLayout((state) => state.toolSettings.type);\n  const toolSettings = frontstageDef?.toolSettings;\n  if (!toolSettings || toolSettingsType === \"widget\") return null;\n  return <ToolSettingsDockedContent />;\n}\n\n/** @internal */\nexport function ToolSettingsDockedContent() {\n  const settings = useHorizontalToolSettingNodes();\n  // for the overflow to work properly each setting in the DockedToolSettings should be wrapped by a DockedToolSetting component\n  return (\n    <DockedToolSettings\n      itemId={\n        InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\"\n      }\n      key={Date.now()}\n    >\n      {settings &&\n        settings.map((entry, index) => (\n          <DockedToolSetting key={index}>\n            <TsLabel>{entry.labelNode}</TsLabel>\n            {entry.editorNode}\n          </DockedToolSetting>\n        ))}\n    </DockedToolSettings>\n  );\n}\n\n/** @internal */\nexport function useHorizontalToolSettingNodes() {\n  const [settings, setSettings] = React.useState(\n    InternalFrontstageManager.activeToolSettingsProvider\n      ?.horizontalToolSettingNodes\n  );\n  React.useEffect(() => {\n    const handleToolActivatedEvent = () => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider\n          ?.horizontalToolSettingNodes;\n      if (!nodes || nodes.length === 0) setSettings([EmptyToolSettingsEntry()]);\n      else setSettings(nodes);\n    };\n    UiFramework.frontstages.onToolActivatedEvent.addListener(\n      handleToolActivatedEvent\n    );\n    return () => {\n      UiFramework.frontstages.onToolActivatedEvent.removeListener(\n        handleToolActivatedEvent\n      );\n    };\n  }, [setSettings]);\n\n  React.useEffect(() => {\n    const handleToolSettingsReloadEvent = () => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider\n          ?.horizontalToolSettingNodes;\n      if (!nodes || nodes.length === 0) setSettings([EmptyToolSettingsEntry()]);\n      else setSettings(nodes);\n    };\n    UiFramework.frontstages.onToolSettingsReloadEvent.addListener(\n      handleToolSettingsReloadEvent\n    );\n    return () => {\n      UiFramework.frontstages.onToolSettingsReloadEvent.removeListener(\n        handleToolSettingsReloadEvent\n      );\n    };\n  }, [setSettings]);\n\n  return settings;\n}\n\n/** Defines the ToolSettingsEntry entries that are used to populate a grid layout of ToolSetting properties.\n * Used only when the \"Use UI 2.0\" setting is true\n * @internal\n */\nexport interface ToolSettingsGridProps {\n  // label node which potentially can contain a lock node as well.\n  settings?: ToolSettingsEntry[];\n}\n\n/** Component that arranges an array of ToolSettingsEntry items into a two column grid layout.\n * The left column is considered the label column, the right column is considered the property\n * editor column.\n * @internal\n */\nexport function ToolSettingsGrid({ settings }: ToolSettingsGridProps) {\n  return (\n    <div className=\"uifw-standard-toolsettings-two-column-grid\">\n      {settings &&\n        settings.map((setting: ToolSettingsEntry, index: number) => {\n          return (\n            <React.Fragment key={index}>\n              <span className=\"uifw-standard-toolsettings-label-entry\">\n                {setting.labelNode}\n              </span>\n              {setting.editorNode}\n            </React.Fragment>\n          );\n        })}\n    </div>\n  );\n}\n\n/** @internal */\nexport function useToolSettingsNode() {\n  const [settings, setSettings] = React.useState(\n    InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode\n  );\n  React.useEffect(() => {\n    const handleToolActivatedEvent = () => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n      setSettings(nodes);\n    };\n    UiFramework.frontstages.onToolActivatedEvent.addListener(\n      handleToolActivatedEvent\n    );\n    return () => {\n      UiFramework.frontstages.onToolActivatedEvent.removeListener(\n        handleToolActivatedEvent\n      );\n    };\n  }, [setSettings]);\n\n  React.useEffect(() => {\n    const handleToolSettingsReloadEvent = () => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n      setSettings(nodes);\n    };\n    UiFramework.frontstages.onToolSettingsReloadEvent.addListener(\n      handleToolSettingsReloadEvent\n    );\n    return () => {\n      UiFramework.frontstages.onToolSettingsReloadEvent.removeListener(\n        handleToolSettingsReloadEvent\n      );\n    };\n  }, [setSettings]);\n\n  return settings;\n}\n\n/** @internal */\nexport function ToolSettingsContent() {\n  const toolSettingsType = useLayout((state) => state.toolSettings.type);\n  // This is needed to remount underlying components tree when going into widget state.\n  if (toolSettingsType === \"docked\") return null;\n  return <ToolSettingsWidgetContent />;\n}\n\n/** @internal */\nexport function ToolSettingsWidgetContent() {\n  const floatingToolSettingsContainerRef = React.useRef<HTMLDivElement>(null);\n  const node = useToolSettingsNode();\n  // if no tool settings hide the floating widgets tab\n  React.useEffect(() => {\n    // istanbul ignore else\n    if (floatingToolSettingsContainerRef.current) {\n      const floatingWidgetTab =\n        floatingToolSettingsContainerRef.current.closest(\n          \".nz-floating-toolsettings\"\n        );\n      // istanbul ignore else\n      if (floatingWidgetTab) {\n        (floatingWidgetTab as HTMLDivElement).style.visibility = !!node\n          ? \"visible\"\n          : /* istanbul ignore next */ \"hidden\";\n      }\n    }\n  }, [node]);\n\n  // istanbul ignore next\n  const providerId =\n    InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\";\n\n  return (\n    <div\n      data-toolsettings-provider={providerId}\n      className=\"uifw-floating-toolsettings-container\"\n      ref={floatingToolSettingsContainerRef}\n    >\n      <ScrollableWidgetContent>{node}</ScrollableWidgetContent>\n    </div>\n  );\n}\n"]}

package/lib/cjs/appui-react/widget-panels/ToolSettings.scss

@@ -1,41 +1,41 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-.uif-toolsetting-label-docked-horizontal {
-  padding-right: 0.5em;
-  align-self: center;
-}
-
-.uif-toolsetting-label-docked-horizontal-empty {
-  padding-right: 0.5em;
-  align-self: center;
-  font-style: italic;
-  color: var(--iui-text-color-muted);
-}
-
-.uifw-standard-toolsettings-two-column-grid {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  row-gap: 0.5em;
-  column-gap: 0.75em;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  align-items: center;
-  margin: 4px 4px 0px 4px;
-
-  .uifw-standard-toolsettings-label-entry {
-    text-align: end;
-  }
-}
-
-.uifw-floating-toolsettings-container {
-  padding-top: 4px;
-}
-
-.nz-toolSettings-docked {
-  padding-top: 3px;
-  padding-bottom: 3px;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.uif-toolsetting-label-docked-horizontal {
+  padding-right: 0.5em;
+  align-self: center;
+}
+
+.uif-toolsetting-label-docked-horizontal-empty {
+  padding-right: 0.5em;
+  align-self: center;
+  font-style: italic;
+  color: var(--iui-text-color-muted);
+}
+
+.uifw-standard-toolsettings-two-column-grid {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  row-gap: 0.5em;
+  column-gap: 0.75em;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  align-items: center;
+  margin: 4px 4px 0px 4px;
+
+  .uifw-standard-toolsettings-label-entry {
+    text-align: end;
+  }
+}
+
+.uifw-floating-toolsettings-container {
+  padding-top: 4px;
+}
+
+.nz-toolSettings-docked {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}

package/lib/cjs/appui-react/widget-panels/Toolbars.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Item
  */

package/lib/cjs/appui-react/widget-panels/Toolbars.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbars.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Toolbars.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2BAAyB;AACzB,+BAA+B;AAC/B,+DAAqE;AAErE,gBAAgB;AAChB,SAAgB,oBAAoB;;IAClC,MAAM,aAAa,GAAG,IAAA,sCAAsB,GAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,mBAAmB,0CAAE,SAAS,CAAC;IAC5D,MAAM,UAAU,GAAG,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,cAAc,0CAAE,SAAS,CAAC;IAC5D,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACxC,KAAK;QACL,UAAU,CACP,CACP,CAAC;AACJ,CAAC;AAVD,oDAUC","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 Item\r\n */\r\n\r\nimport \"./Toolbars.scss\";\r\nimport * as React from \"react\";\r\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\r\n\r\n/** @internal */\r\nexport function WidgetPanelsToolbars() {\r\n  const frontstageDef = useActiveFrontstageDef();\r\n  const tools = frontstageDef?.contentManipulation?.reactNode;\r\n  const navigation = frontstageDef?.viewNavigation?.reactNode;\r\n  return (\r\n    <div className=\"uifw-widgetPanels-toolbars\">\r\n      {tools}\r\n      {navigation}\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"Toolbars.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Toolbars.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,2BAAyB;AACzB,+BAA+B;AAC/B,+DAAqE;AAErE,gBAAgB;AAChB,SAAgB,oBAAoB;;IAClC,MAAM,aAAa,GAAG,IAAA,sCAAsB,GAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,mBAAmB,0CAAE,SAAS,CAAC;IAC5D,MAAM,UAAU,GAAG,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,cAAc,0CAAE,SAAS,CAAC;IAC5D,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACxC,KAAK;QACL,UAAU,CACP,CACP,CAAC;AACJ,CAAC;AAVD,oDAUC","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 Item\n */\n\nimport \"./Toolbars.scss\";\nimport * as React from \"react\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\n\n/** @internal */\nexport function WidgetPanelsToolbars() {\n  const frontstageDef = useActiveFrontstageDef();\n  const tools = frontstageDef?.contentManipulation?.reactNode;\n  const navigation = frontstageDef?.viewNavigation?.reactNode;\n  return (\n    <div className=\"uifw-widgetPanels-toolbars\">\n      {tools}\n      {navigation}\n    </div>\n  );\n}\n"]}

package/lib/cjs/appui-react/widget-panels/Toolbars.scss

@@ -1,20 +1,20 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-.uifw-widgetPanels-toolbars {
-  display: grid;
-  height: 100%;
-  width: 100%;
-  padding: 0.75em;
-  box-sizing: border-box;
-  grid-template-columns: 1fr 1fr;
-
-  .nz-tools-widget {
-    grid-column: 1;
-
-    &.nz-widget-navigationArea {
-      grid-column: 2;
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.uifw-widgetPanels-toolbars {
+  display: grid;
+  height: 100%;
+  width: 100%;
+  padding: 0.75em;
+  box-sizing: border-box;
+  grid-template-columns: 1fr 1fr;
+
+  .nz-tools-widget {
+    grid-column: 1;
+
+    &.nz-widget-navigationArea {
+      grid-column: 2;
+    }
+  }
+}

package/lib/cjs/appui-react/widget-panels/useTransientState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTransientState.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useTransientState.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,EAAE,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,IAAI,CAEnF"}
+{"version":3,"file":"useTransientState.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useTransientState.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,EACnB,SAAS,CAAC,EAAE,MAAM,IAAI,GACrB,IAAI,CAEN"}

package/lib/cjs/appui-react/widget-panels/useTransientState.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

package/lib/cjs/appui-react/widget-panels/useTransientState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTransientState.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useTransientState.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,kEAAuF;AAEvF;;GAEG;AACH,SAAgB,iBAAiB,CAAC,MAAmB,EAAE,SAAsB;IAC3E,IAAA,sCAAqB,EAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAC3C,CAAC;AAFD,8CAEC","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 { useTransientState as useTransientStateImpl } from \"@itwin/appui-layout-react\";\r\n\r\n/** Hook that allows to save and restore transient DOM state (i.e. scroll offset) of a widget.\r\n * @beta\r\n */\r\nexport function useTransientState(onSave?: () => void, onRestore?: () => void): void {\r\n  useTransientStateImpl(onSave, onRestore);\r\n}\r\n"]}
+{"version":3,"file":"useTransientState.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useTransientState.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,kEAAuF;AAEvF;;GAEG;AACH,SAAgB,iBAAiB,CAC/B,MAAmB,EACnB,SAAsB;IAEtB,IAAA,sCAAqB,EAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAC3C,CAAC;AALD,8CAKC","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 { useTransientState as useTransientStateImpl } from \"@itwin/appui-layout-react\";\n\n/** Hook that allows to save and restore transient DOM state (i.e. scroll offset) of a widget.\n * @beta\n */\nexport function useTransientState(\n  onSave?: () => void,\n  onRestore?: () => void\n): void {\n  useTransientStateImpl(onSave, onRestore);\n}\n"]}

package/lib/cjs/appui-react/widget-panels/useWidgetDirection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWidgetDirection.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useWidgetDirection.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAMH;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,YAAY,GAAG,UAAU,CAU9D"}
+{"version":3,"file":"useWidgetDirection.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useWidgetDirection.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAWH;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,YAAY,GAAG,UAAU,CAc9D"}

package/lib/cjs/appui-react/widget-panels/useWidgetDirection.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -20,7 +20,9 @@ function useWidgetDirection() {
     (0, core_bentley_1.assert)(!!tabId);
     return (0, appui_layout_react_1.useLayout)((state) => {
         const tabLocation = (0, appui_layout_react_1.getTabLocation)(state, tabId);
-        if (tabLocation && ("side" in tabLocation) && (0, appui_layout_react_1.isHorizontalPanelSide)(tabLocation.side)) {
+        if (tabLocation &&
+            "side" in tabLocation &&
+            (0, appui_layout_react_1.isHorizontalPanelSide)(tabLocation.side)) {
             return "horizontal";
         }
         return "vertical";

package/lib/cjs/appui-react/widget-panels/useWidgetDirection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWidgetDirection.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useWidgetDirection.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,kEAA2G;AAC3G,sDAA6C;AAE7C;;;GAGG;AACH,SAAgB,kBAAkB;IAChC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAY,CAAC,CAAC;IAC7C,IAAA,qBAAM,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChB,OAAO,IAAA,8BAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QACzB,MAAM,WAAW,GAAG,IAAA,mCAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACjD,IAAI,WAAW,IAAI,CAAC,MAAM,IAAI,WAAW,CAAC,IAAI,IAAA,0CAAqB,EAAC,WAAW,CAAC,IAAI,CAAC,EAAE;YACrF,OAAO,YAAY,CAAC;SACrB;QACD,OAAO,UAAU,CAAC;IACpB,CAAC,CAAC,CAAC;AACL,CAAC;AAVD,gDAUC","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 * as React from \"react\";\r\nimport { getTabLocation, isHorizontalPanelSide, TabIdContext, useLayout } from \"@itwin/appui-layout-react\";\r\nimport { assert } from \"@itwin/core-bentley\";\r\n\r\n/** Returns widget direction.\r\n * I.e. \"horizontal\" when widget is in bottom/top stage panel.\r\n * @alpha\r\n */\r\nexport function useWidgetDirection(): \"horizontal\" | \"vertical\" {\r\n  const tabId = React.useContext(TabIdContext);\r\n  assert(!!tabId);\r\n  return useLayout((state) => {\r\n    const tabLocation = getTabLocation(state, tabId);\r\n    if (tabLocation && (\"side\" in tabLocation) && isHorizontalPanelSide(tabLocation.side)) {\r\n      return \"horizontal\";\r\n    }\r\n    return \"vertical\";\r\n  });\r\n}\r\n"]}
+{"version":3,"file":"useWidgetDirection.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useWidgetDirection.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,kEAKmC;AACnC,sDAA6C;AAE7C;;;GAGG;AACH,SAAgB,kBAAkB;IAChC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAY,CAAC,CAAC;IAC7C,IAAA,qBAAM,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChB,OAAO,IAAA,8BAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QACzB,MAAM,WAAW,GAAG,IAAA,mCAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACjD,IACE,WAAW;YACX,MAAM,IAAI,WAAW;YACrB,IAAA,0CAAqB,EAAC,WAAW,CAAC,IAAI,CAAC,EACvC;YACA,OAAO,YAAY,CAAC;SACrB;QACD,OAAO,UAAU,CAAC;IACpB,CAAC,CAAC,CAAC;AACL,CAAC;AAdD,gDAcC","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 * as React from \"react\";\nimport {\n  getTabLocation,\n  isHorizontalPanelSide,\n  TabIdContext,\n  useLayout,\n} from \"@itwin/appui-layout-react\";\nimport { assert } from \"@itwin/core-bentley\";\n\n/** Returns widget direction.\n * I.e. \"horizontal\" when widget is in bottom/top stage panel.\n * @alpha\n */\nexport function useWidgetDirection(): \"horizontal\" | \"vertical\" {\n  const tabId = React.useContext(TabIdContext);\n  assert(!!tabId);\n  return useLayout((state) => {\n    const tabLocation = getTabLocation(state, tabId);\n    if (\n      tabLocation &&\n      \"side\" in tabLocation &&\n      isHorizontalPanelSide(tabLocation.side)\n    ) {\n      return \"horizontal\";\n    }\n    return \"vertical\";\n  });\n}\n"]}

package/lib/cjs/appui-react/widgets/BackstageAppButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BackstageAppButton.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAKH,OAAO,KAAK,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAKjD;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACtC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eA0ChE"}
+{"version":3,"file":"BackstageAppButton.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAKH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAKlD;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACtC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eAsDhE"}

package/lib/cjs/appui-react/widgets/BackstageAppButton.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -21,7 +21,9 @@ const UiFramework_1 = require("../UiFramework");
 function BackstageAppButton(props) {
     const backstageToggleCommand = React.useMemo(() => UiFramework_1.UiFramework.backstage.getBackstageToggleCommand(props.icon), [props.icon]);
     const backstageLabel = React.useMemo(() => props.label || backstageToggleCommand.tooltip, [backstageToggleCommand.tooltip, props.label]);
-    const [icon, setIcon] = React.useState(props.icon ? props.icon : appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(home_svg_1.default));
+    const [icon, setIcon] = React.useState(props.icon
+        ? props.icon
+        : appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(home_svg_1.default));
     const isInitialMount = React.useRef(true);
     const divClassName = "uifw-app-button-small";
     const { onElementRef, proximityScale } = (0, core_react_1.useWidgetOpacityContext)();
@@ -38,7 +40,9 @@ function BackstageAppButton(props) {
             onElementRef(ref);
         }
         else {
-            setIcon(props.icon ? props.icon : appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(home_svg_1.default));
+            setIcon(props.icon
+                ? props.icon
+                : appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(home_svg_1.default));
         }
     }, [props.icon, onElementRef]);
     let buttonProximityScale;