@itwin/appui-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/cjs/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/cjs/appui-react/widget-panels/StatusBar.js

@@ -1,29 +1,29 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WidgetPanelsStatusBar = void 0;
-require("./StatusBar.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const ConfigurableUiControl_1 = require("../configurableui/ConfigurableUiControl");
-const StatusBar_1 = require("../statusbar/StatusBar");
-const FrontstageDef_1 = require("../frontstage/FrontstageDef");
-/** @internal */
-function WidgetPanelsStatusBar(props) {
-    const frontstageDef = (0, FrontstageDef_1.useActiveFrontstageDef)();
-    const widgetDef = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.statusBar;
-    if (!widgetDef)
-        return null;
-    const content = widgetDef.reactNode;
-    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));
-}
-exports.WidgetPanelsStatusBar = WidgetPanelsStatusBar;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetPanelsStatusBar = void 0;
+require("./StatusBar.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const ConfigurableUiControl_1 = require("../configurableui/ConfigurableUiControl");
+const StatusBar_1 = require("../statusbar/StatusBar");
+const FrontstageDef_1 = require("../frontstage/FrontstageDef");
+/** @internal */
+function WidgetPanelsStatusBar(props) {
+    const frontstageDef = (0, FrontstageDef_1.useActiveFrontstageDef)();
+    const widgetDef = frontstageDef?.statusBar;
+    if (!widgetDef)
+        return null;
+    const content = widgetDef.reactNode;
+    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));
+}
+exports.WidgetPanelsStatusBar = WidgetPanelsStatusBar;
 //# sourceMappingURL=StatusBar.js.map

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 { 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 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;;;+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,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,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 { 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 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"]}

package/lib/cjs/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/cjs/appui-react/widget-panels/Tab.js

@@ -1,35 +1,35 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBadgeClassName = exports.WidgetPanelsTab = void 0;
-require("./Tab.scss");
-const React = require("react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const Content_1 = require("./Content");
-const core_react_1 = require("@itwin/core-react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-/** @internal */
-function WidgetPanelsTab() {
-    const widgetDef = (0, Content_1.useWidgetDef)();
-    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 }));
-}
-exports.WidgetPanelsTab = WidgetPanelsTab;
-/** @internal */
-function getBadgeClassName(badgeType) {
-    if (badgeType === appui_abstract_1.BadgeType.New)
-        return "uifw-badge-new";
-    else if (badgeType === appui_abstract_1.BadgeType.TechnicalPreview)
-        return "uifw-badge-tp";
-    return undefined;
-}
-exports.getBadgeClassName = getBadgeClassName;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBadgeClassName = exports.WidgetPanelsTab = void 0;
+require("./Tab.scss");
+const React = require("react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const Content_1 = require("./Content");
+const core_react_1 = require("@itwin/core-react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+/** @internal */
+function WidgetPanelsTab() {
+    const widgetDef = (0, Content_1.useWidgetDef)();
+    const badgeType = 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 }));
+}
+exports.WidgetPanelsTab = WidgetPanelsTab;
+/** @internal */
+function getBadgeClassName(badgeType) {
+    if (badgeType === appui_abstract_1.BadgeType.New)
+        return "uifw-badge-new";
+    else if (badgeType === appui_abstract_1.BadgeType.TechnicalPreview)
+        return "uifw-badge-tp";
+    return undefined;
+}
+exports.getBadgeClassName = getBadgeClassName;
 //# sourceMappingURL=Tab.js.map

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;;;+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,EAAE,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"]}

package/lib/cjs/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

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

@@ -1,157 +1,149 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ToolSettings
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolSettingsWidgetContent = exports.ToolSettingsContent = exports.useToolSettingsNode = exports.ToolSettingsGrid = exports.useHorizontalToolSettingNodes = exports.ToolSettingsDockedContent = exports.WidgetPanelsToolSettings = void 0;
-require("./ToolSettings.scss");
-const React = require("react");
-const core_frontend_1 = require("@itwin/core-frontend");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const UiFramework_1 = require("../UiFramework");
-const InternalFrontstageManager_1 = require("../frontstage/InternalFrontstageManager");
-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 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);
-}
-/** @internal */
-function WidgetPanelsToolSettings() {
-    const frontstageDef = (0, FrontstageDef_1.useActiveFrontstageDef)();
-    const toolSettingsType = (0, appui_layout_react_1.useLayout)((state) => state.toolSettings.type);
-    const toolSettings = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.toolSettings;
-    if (!toolSettings || toolSettingsType === "widget")
-        return null;
-    return (React.createElement(ToolSettingsDockedContent, null));
-}
-exports.WidgetPanelsToolSettings = WidgetPanelsToolSettings;
-/** @internal */
-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))));
-}
-exports.ToolSettingsDockedContent = ToolSettingsDockedContent;
-/** @internal */
-function useHorizontalToolSettingNodes() {
-    var _a;
-    const [settings, setSettings] = React.useState((_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.horizontalToolSettingNodes);
-    React.useEffect(() => {
-        const handleToolActivatedEvent = () => {
-            var _a;
-            const nodes = (_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.horizontalToolSettingNodes;
-            if (!nodes || nodes.length === 0)
-                setSettings([EmptyToolSettingsEntry()]);
-            else
-                setSettings(nodes);
-        };
-        UiFramework_1.UiFramework.frontstages.onToolActivatedEvent.addListener(handleToolActivatedEvent);
-        return () => {
-            UiFramework_1.UiFramework.frontstages.onToolActivatedEvent.removeListener(handleToolActivatedEvent);
-        };
-    }, [setSettings]);
-    React.useEffect(() => {
-        const handleToolSettingsReloadEvent = () => {
-            var _a;
-            const nodes = (_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.horizontalToolSettingNodes;
-            if (!nodes || nodes.length === 0)
-                setSettings([EmptyToolSettingsEntry()]);
-            else
-                setSettings(nodes);
-        };
-        UiFramework_1.UiFramework.frontstages.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);
-        return () => {
-            UiFramework_1.UiFramework.frontstages.onToolSettingsReloadEvent.removeListener(handleToolSettingsReloadEvent);
-        };
-    }, [setSettings]);
-    return settings;
-}
-exports.useHorizontalToolSettingNodes = useHorizontalToolSettingNodes;
-/** 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
- */
-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));
-    })));
-}
-exports.ToolSettingsGrid = ToolSettingsGrid;
-/** @internal */
-function useToolSettingsNode() {
-    var _a;
-    const [settings, setSettings] = React.useState((_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.toolSettingsNode);
-    React.useEffect(() => {
-        const handleToolActivatedEvent = () => {
-            var _a;
-            const nodes = (_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.toolSettingsNode;
-            setSettings(nodes);
-        };
-        UiFramework_1.UiFramework.frontstages.onToolActivatedEvent.addListener(handleToolActivatedEvent);
-        return () => {
-            UiFramework_1.UiFramework.frontstages.onToolActivatedEvent.removeListener(handleToolActivatedEvent);
-        };
-    }, [setSettings]);
-    React.useEffect(() => {
-        const handleToolSettingsReloadEvent = () => {
-            var _a;
-            const nodes = (_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.toolSettingsNode;
-            setSettings(nodes);
-        };
-        UiFramework_1.UiFramework.frontstages.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);
-        return () => {
-            UiFramework_1.UiFramework.frontstages.onToolSettingsReloadEvent.removeListener(handleToolSettingsReloadEvent);
-        };
-    }, [setSettings]);
-    return settings;
-}
-exports.useToolSettingsNode = useToolSettingsNode;
-/** @internal */
-function ToolSettingsContent() {
-    const toolSettingsType = (0, appui_layout_react_1.useLayout)((state) => state.toolSettings.type);
-    // This is needed to remount underlying components tree when going into widget state.
-    if (toolSettingsType === "docked")
-        return null;
-    return React.createElement(ToolSettingsWidgetContent, null);
-}
-exports.ToolSettingsContent = ToolSettingsContent;
-/** @internal */
-function ToolSettingsWidgetContent() {
-    var _a, _b;
-    const floatingToolSettingsContainerRef = React.useRef(null);
-    const node = useToolSettingsNode();
-    // if no tool settings hide the floating widgets tab
-    React.useEffect(() => {
-        // istanbul ignore else
-        if (floatingToolSettingsContainerRef.current) {
-            const floatingWidgetTab = floatingToolSettingsContainerRef.current.closest(".nz-floating-toolsettings");
-            // istanbul ignore else
-            if (floatingWidgetTab) {
-                floatingWidgetTab.style.visibility = !!node ? "visible" : /* istanbul ignore next */ "hidden";
-            }
-        }
-    }, [node]);
-    // istanbul ignore next
-    const providerId = (_b = (_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.uniqueId) !== null && _b !== void 0 ? _b : "none";
-    return (React.createElement("div", { "data-toolsettings-provider": providerId, className: "uifw-floating-toolsettings-container", ref: floatingToolSettingsContainerRef },
-        React.createElement(appui_layout_react_1.ScrollableWidgetContent, null, node)));
-}
-exports.ToolSettingsWidgetContent = ToolSettingsWidgetContent;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ToolSettings
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolSettingsWidgetContent = exports.ToolSettingsContent = exports.useToolSettingsNode = exports.ToolSettingsGrid = exports.useHorizontalToolSettingNodes = exports.ToolSettingsDockedContent = exports.WidgetPanelsToolSettings = void 0;
+require("./ToolSettings.scss");
+const React = require("react");
+const core_frontend_1 = require("@itwin/core-frontend");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const UiFramework_1 = require("../UiFramework");
+const InternalFrontstageManager_1 = require("../frontstage/InternalFrontstageManager");
+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 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);
+}
+/** @internal */
+function WidgetPanelsToolSettings() {
+    const frontstageDef = (0, FrontstageDef_1.useActiveFrontstageDef)();
+    const toolSettingsType = (0, appui_layout_react_1.useLayout)((state) => state.toolSettings.type);
+    const toolSettings = frontstageDef?.toolSettings;
+    if (!toolSettings || toolSettingsType === "widget")
+        return null;
+    return (React.createElement(ToolSettingsDockedContent, null));
+}
+exports.WidgetPanelsToolSettings = WidgetPanelsToolSettings;
+/** @internal */
+function ToolSettingsDockedContent() {
+    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: InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? "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 */
+function useHorizontalToolSettingNodes() {
+    const [settings, setSettings] = React.useState(InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes);
+    React.useEffect(() => {
+        const handleToolActivatedEvent = () => {
+            const nodes = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes;
+            if (!nodes || nodes.length === 0)
+                setSettings([EmptyToolSettingsEntry()]);
+            else
+                setSettings(nodes);
+        };
+        UiFramework_1.UiFramework.frontstages.onToolActivatedEvent.addListener(handleToolActivatedEvent);
+        return () => {
+            UiFramework_1.UiFramework.frontstages.onToolActivatedEvent.removeListener(handleToolActivatedEvent);
+        };
+    }, [setSettings]);
+    React.useEffect(() => {
+        const handleToolSettingsReloadEvent = () => {
+            const nodes = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes;
+            if (!nodes || nodes.length === 0)
+                setSettings([EmptyToolSettingsEntry()]);
+            else
+                setSettings(nodes);
+        };
+        UiFramework_1.UiFramework.frontstages.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);
+        return () => {
+            UiFramework_1.UiFramework.frontstages.onToolSettingsReloadEvent.removeListener(handleToolSettingsReloadEvent);
+        };
+    }, [setSettings]);
+    return settings;
+}
+exports.useHorizontalToolSettingNodes = useHorizontalToolSettingNodes;
+/** 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
+ */
+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));
+    })));
+}
+exports.ToolSettingsGrid = ToolSettingsGrid;
+/** @internal */
+function useToolSettingsNode() {
+    const [settings, setSettings] = React.useState(InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode);
+    React.useEffect(() => {
+        const handleToolActivatedEvent = () => {
+            const nodes = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;
+            setSettings(nodes);
+        };
+        UiFramework_1.UiFramework.frontstages.onToolActivatedEvent.addListener(handleToolActivatedEvent);
+        return () => {
+            UiFramework_1.UiFramework.frontstages.onToolActivatedEvent.removeListener(handleToolActivatedEvent);
+        };
+    }, [setSettings]);
+    React.useEffect(() => {
+        const handleToolSettingsReloadEvent = () => {
+            const nodes = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;
+            setSettings(nodes);
+        };
+        UiFramework_1.UiFramework.frontstages.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);
+        return () => {
+            UiFramework_1.UiFramework.frontstages.onToolSettingsReloadEvent.removeListener(handleToolSettingsReloadEvent);
+        };
+    }, [setSettings]);
+    return settings;
+}
+exports.useToolSettingsNode = useToolSettingsNode;
+/** @internal */
+function ToolSettingsContent() {
+    const toolSettingsType = (0, appui_layout_react_1.useLayout)((state) => state.toolSettings.type);
+    // This is needed to remount underlying components tree when going into widget state.
+    if (toolSettingsType === "docked")
+        return null;
+    return React.createElement(ToolSettingsWidgetContent, null);
+}
+exports.ToolSettingsContent = ToolSettingsContent;
+/** @internal */
+function ToolSettingsWidgetContent() {
+    const floatingToolSettingsContainerRef = React.useRef(null);
+    const node = useToolSettingsNode();
+    // if no tool settings hide the floating widgets tab
+    React.useEffect(() => {
+        // istanbul ignore else
+        if (floatingToolSettingsContainerRef.current) {
+            const floatingWidgetTab = floatingToolSettingsContainerRef.current.closest(".nz-floating-toolsettings");
+            // istanbul ignore else
+            if (floatingWidgetTab) {
+                floatingWidgetTab.style.visibility = !!node ? "visible" : /* istanbul ignore next */ "hidden";
+            }
+        }
+    }, [node]);
+    // istanbul ignore next
+    const providerId = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? "none";
+    return (React.createElement("div", { "data-toolsettings-provider": providerId, className: "uifw-floating-toolsettings-container", ref: floatingToolSettingsContainerRef },
+        React.createElement(appui_layout_react_1.ScrollableWidgetContent, null, node)));
+}
+exports.ToolSettingsWidgetContent = ToolSettingsWidgetContent;
 //# sourceMappingURL=ToolSettings.js.map