@itwin/appui-react 3.6.0-dev.51 → 3.6.0-dev.53

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

@@ -1,156 +1,156 @@
-"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 Frontstage_1 = require("../frontstage/Frontstage");
-const FrontstageManager_1 = require("../frontstage/FrontstageManager");
-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, Frontstage_1.useActiveFrontstageDef)();
-    const toolSettings = React.useContext(appui_layout_react_1.ToolSettingsStateContext);
-    const topCenterZone = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.topCenter; // eslint-disable-line deprecation/deprecation
-    if (!topCenterZone || !topCenterZone.isToolSettings || toolSettings.type === "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 = FrontstageManager_1.FrontstageManager.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 = FrontstageManager_1.FrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.horizontalToolSettingNodes);
-    React.useEffect(() => {
-        const handleToolActivatedEvent = () => {
-            var _a;
-            const nodes = (_a = FrontstageManager_1.FrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.horizontalToolSettingNodes;
-            if (!nodes || nodes.length === 0)
-                setSettings([EmptyToolSettingsEntry()]);
-            else
-                setSettings(nodes);
-        };
-        FrontstageManager_1.FrontstageManager.onToolActivatedEvent.addListener(handleToolActivatedEvent);
-        return () => {
-            FrontstageManager_1.FrontstageManager.onToolActivatedEvent.removeListener(handleToolActivatedEvent);
-        };
-    }, [setSettings]);
-    React.useEffect(() => {
-        const handleToolSettingsReloadEvent = () => {
-            var _a;
-            const nodes = (_a = FrontstageManager_1.FrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.horizontalToolSettingNodes;
-            if (!nodes || nodes.length === 0)
-                setSettings([EmptyToolSettingsEntry()]);
-            else
-                setSettings(nodes);
-        };
-        FrontstageManager_1.FrontstageManager.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);
-        return () => {
-            FrontstageManager_1.FrontstageManager.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 = FrontstageManager_1.FrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.toolSettingsNode);
-    React.useEffect(() => {
-        const handleToolActivatedEvent = () => {
-            var _a;
-            const nodes = (_a = FrontstageManager_1.FrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.toolSettingsNode;
-            setSettings(nodes);
-        };
-        FrontstageManager_1.FrontstageManager.onToolActivatedEvent.addListener(handleToolActivatedEvent);
-        return () => {
-            FrontstageManager_1.FrontstageManager.onToolActivatedEvent.removeListener(handleToolActivatedEvent);
-        };
-    }, [setSettings]);
-    React.useEffect(() => {
-        const handleToolSettingsReloadEvent = () => {
-            var _a;
-            const nodes = (_a = FrontstageManager_1.FrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.toolSettingsNode;
-            setSettings(nodes);
-        };
-        FrontstageManager_1.FrontstageManager.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);
-        return () => {
-            FrontstageManager_1.FrontstageManager.onToolSettingsReloadEvent.removeListener(handleToolSettingsReloadEvent);
-        };
-    }, [setSettings]);
-    return settings;
-}
-exports.useToolSettingsNode = useToolSettingsNode;
-/** @internal */
-function ToolSettingsContent() {
-    const toolSettings = React.useContext(appui_layout_react_1.ToolSettingsStateContext);
-    // This is needed to remount underlying components tree when going into widget state.
-    if (toolSettings.type === "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 = FrontstageManager_1.FrontstageManager.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 Frontstage_1 = require("../frontstage/Frontstage");
+const FrontstageManager_1 = require("../frontstage/FrontstageManager");
+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, Frontstage_1.useActiveFrontstageDef)();
+    const toolSettings = React.useContext(appui_layout_react_1.ToolSettingsStateContext);
+    const topCenterZone = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.topCenter; // eslint-disable-line deprecation/deprecation
+    if (!topCenterZone || !topCenterZone.isToolSettings || toolSettings.type === "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 = FrontstageManager_1.FrontstageManager.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 = FrontstageManager_1.FrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.horizontalToolSettingNodes);
+    React.useEffect(() => {
+        const handleToolActivatedEvent = () => {
+            var _a;
+            const nodes = (_a = FrontstageManager_1.FrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.horizontalToolSettingNodes;
+            if (!nodes || nodes.length === 0)
+                setSettings([EmptyToolSettingsEntry()]);
+            else
+                setSettings(nodes);
+        };
+        FrontstageManager_1.FrontstageManager.onToolActivatedEvent.addListener(handleToolActivatedEvent);
+        return () => {
+            FrontstageManager_1.FrontstageManager.onToolActivatedEvent.removeListener(handleToolActivatedEvent);
+        };
+    }, [setSettings]);
+    React.useEffect(() => {
+        const handleToolSettingsReloadEvent = () => {
+            var _a;
+            const nodes = (_a = FrontstageManager_1.FrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.horizontalToolSettingNodes;
+            if (!nodes || nodes.length === 0)
+                setSettings([EmptyToolSettingsEntry()]);
+            else
+                setSettings(nodes);
+        };
+        FrontstageManager_1.FrontstageManager.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);
+        return () => {
+            FrontstageManager_1.FrontstageManager.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 = FrontstageManager_1.FrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.toolSettingsNode);
+    React.useEffect(() => {
+        const handleToolActivatedEvent = () => {
+            var _a;
+            const nodes = (_a = FrontstageManager_1.FrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.toolSettingsNode;
+            setSettings(nodes);
+        };
+        FrontstageManager_1.FrontstageManager.onToolActivatedEvent.addListener(handleToolActivatedEvent);
+        return () => {
+            FrontstageManager_1.FrontstageManager.onToolActivatedEvent.removeListener(handleToolActivatedEvent);
+        };
+    }, [setSettings]);
+    React.useEffect(() => {
+        const handleToolSettingsReloadEvent = () => {
+            var _a;
+            const nodes = (_a = FrontstageManager_1.FrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.toolSettingsNode;
+            setSettings(nodes);
+        };
+        FrontstageManager_1.FrontstageManager.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);
+        return () => {
+            FrontstageManager_1.FrontstageManager.onToolSettingsReloadEvent.removeListener(handleToolSettingsReloadEvent);
+        };
+    }, [setSettings]);
+    return settings;
+}
+exports.useToolSettingsNode = useToolSettingsNode;
+/** @internal */
+function ToolSettingsContent() {
+    const toolSettings = React.useContext(appui_layout_react_1.ToolSettingsStateContext);
+    // This is needed to remount underlying components tree when going into widget state.
+    if (toolSettings.type === "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 = FrontstageManager_1.FrontstageManager.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;
 //# sourceMappingURL=ToolSettings.js.map

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":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA6B;AAC7B,+BAA+B;AAC/B,wDAAiD;AACjD,kEAAqI;AACrI,yDAAkE;AAClE,uEAAoE;AAYpE,SAAS,sBAAsB;IAC7B,MAAM,WAAW,GAAG,yBAAS,CAAC,YAAY,CAAC,kBAAkB,CAAC,kCAAkC,CAAC,CAAC;IAClG,MAAM,SAAS,GAAG,6BAAK,SAAS,EAAC,+CAA+C,IAAE,WAAW,CAAO,CAAC;IACrG,MAAM,UAAU,GAAG,gCAAO,CAAC;IAC3B,OAAO,EAAC,SAAS,EAAC,UAAU,EAAE,CAAC;AACjC,CAAC;AAED,gBAAgB;AAChB,+DAA+D;AAC/D,SAAS,OAAO,CAAC,EAAE,QAAQ,EAAiC;IAC1D,OAAO,6BAAK,SAAS,EAAC,yCAAyC,IAAE,QAAQ,CAAO,CAAC;AACnF,CAAC;AAED,gBAAgB;AAChB,SAAgB,wBAAwB;IACtC,MAAM,aAAa,GAAG,IAAA,mCAAsB,GAAE,CAAC;IAC/C,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,6CAAwB,CAAC,CAAC;IAChE,MAAM,aAAa,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAC,CAAC,8CAA8C;IAC9F,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa,CAAC,cAAc,IAAI,YAAY,CAAC,IAAI,KAAK,QAAQ;QACnF,OAAO,IAAI,CAAC;IACd,OAAO,CACL,oBAAC,yBAAyB,OAAG,CAC9B,CAAC;AACJ,CAAC;AATD,4DASC;AAED,gBAAgB;AAChB,SAAgB,yBAAyB;;IACvC,MAAM,QAAQ,GAAG,6BAA6B,EAAE,CAAC;IACjD,8HAA8H;IAC9H,OAAO,CACL,oBAAC,uCAAkB,IAAC,MAAM,EAAE,MAAA,MAAA,qCAAiB,CAAC,0BAA0B,0CAAE,QAAQ,mCAAI,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,IAC1G,QAAQ,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,oBAAC,sCAAiB,IAAC,GAAG,EAAE,KAAK;QAAE,oBAAC,OAAO,QAAE,KAAK,CAAC,SAAS,CAAW;QAAC,KAAK,CAAC,UAAU,CAAqB,CAAC,CACnI,CACtB,CAAC;AACJ,CAAC;AARD,8DAQC;AAED,gBAAgB;AAChB,SAAgB,6BAA6B;;IAC3C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAA,qCAAiB,CAAC,0BAA0B,0CAAE,0BAA0B,CAAC,CAAC;IACzH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,wBAAwB,GAAG,GAAG,EAAE;;YACpC,MAAM,KAAK,GAAG,MAAA,qCAAiB,CAAC,0BAA0B,0CAAE,0BAA0B,CAAC;YACvF,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;gBAC9B,WAAW,CAAE,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC;;gBAEzC,WAAW,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC;QACF,qCAAiB,CAAC,oBAAoB,CAAC,WAAW,CAAC,wBAAwB,CAAC,CAAC;QAC7E,OAAO,GAAG,EAAE;YACV,qCAAiB,CAAC,oBAAoB,CAAC,cAAc,CAAC,wBAAwB,CAAC,CAAC;QAClF,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,6BAA6B,GAAG,GAAG,EAAE;;YACzC,MAAM,KAAK,GAAG,MAAA,qCAAiB,CAAC,0BAA0B,0CAAE,0BAA0B,CAAC;YACvF,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;gBAC9B,WAAW,CAAE,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC;;gBAEzC,WAAW,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC;QACF,qCAAiB,CAAC,yBAAyB,CAAC,WAAW,CAAC,6BAA6B,CAAC,CAAC;QACvF,OAAO,GAAG,EAAE;YACV,qCAAiB,CAAC,yBAAyB,CAAC,cAAc,CAAC,6BAA6B,CAAC,CAAC;QAC5F,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,QAAQ,CAAC;AAClB,CAAC;AA/BD,sEA+BC;AAWD;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAyB;IAClE,OAAO,CACL,6BAAK,SAAS,EAAC,4CAA4C,IACxD,QAAQ,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC,OAA0B,EAAE,KAAa,EAAE,EAAE;QACtE,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK;YACxB,8BAAM,SAAS,EAAC,wCAAwC,IAAE,OAAO,CAAC,SAAS,CAAQ;YAClF,OAAO,CAAC,UAAU,CACJ,CAClB,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAbD,4CAaC;AAED,gBAAgB;AAChB,SAAgB,mBAAmB;;IACjC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAA,qCAAiB,CAAC,0BAA0B,0CAAE,gBAAgB,CAAC,CAAC;IAC/G,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,wBAAwB,GAAG,GAAG,EAAE;;YACpC,MAAM,KAAK,GAAG,MAAA,qCAAiB,CAAC,0BAA0B,0CAAE,gBAAgB,CAAC;YAC7E,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC,CAAC;QACF,qCAAiB,CAAC,oBAAoB,CAAC,WAAW,CAAC,wBAAwB,CAAC,CAAC;QAC7E,OAAO,GAAG,EAAE;YACV,qCAAiB,CAAC,oBAAoB,CAAC,cAAc,CAAC,wBAAwB,CAAC,CAAC;QAClF,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,6BAA6B,GAAG,GAAG,EAAE;;YACzC,MAAM,KAAK,GAAG,MAAA,qCAAiB,CAAC,0BAA0B,0CAAE,gBAAgB,CAAC;YAC7E,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC,CAAC;QACF,qCAAiB,CAAC,yBAAyB,CAAC,WAAW,CAAC,6BAA6B,CAAC,CAAC;QACvF,OAAO,GAAG,EAAE;YACV,qCAAiB,CAAC,yBAAyB,CAAC,cAAc,CAAC,6BAA6B,CAAC,CAAC;QAC5F,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,QAAQ,CAAC;AAClB,CAAC;AAzBD,kDAyBC;AAED,gBAAgB;AAChB,SAAgB,mBAAmB;IACjC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,6CAAwB,CAAC,CAAC;IAChE,qFAAqF;IACrF,IAAI,YAAY,CAAC,IAAI,KAAK,QAAQ;QAChC,OAAO,IAAI,CAAC;IACd,OAAO,oBAAC,yBAAyB,OAAG,CAAC;AACvC,CAAC;AAND,kDAMC;AAED,gBAAgB;AAChB,SAAgB,yBAAyB;;IACvC,MAAM,gCAAgC,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC5E,MAAM,IAAI,GAAG,mBAAmB,EAAE,CAAC;IACnC,oDAAoD;IACpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,IAAI,gCAAgC,CAAC,OAAO,EAAE;YAC5C,MAAM,iBAAiB,GAAG,gCAAgC,CAAC,OAAO,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;YACxG,uBAAuB;YACvB,IAAI,iBAAiB,EAAE;gBACpB,iBAAoC,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,0BAA0B,CAAC,QAAQ,CAAC;aACnH;SACF;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,uBAAuB;IACvB,MAAM,UAAU,GAAG,MAAA,MAAA,qCAAiB,CAAC,0BAA0B,0CAAE,QAAQ,mCAAI,MAAM,CAAC;IAEpF,OAAO,CACL,2DAAiC,UAAU,EAAE,SAAS,EAAC,sCAAsC,EAAC,GAAG,EAAE,gCAAgC;QACjI,oBAAC,4CAAuB,QACrB,IAAI,CACmB,CACtB,CACP,CAAC;AACJ,CAAC;AAzBD,8DAyBC","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, ToolSettingsStateContext } from \"@itwin/appui-layout-react\";\r\nimport { useActiveFrontstageDef } from \"../frontstage/Frontstage\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\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 toolSettings = React.useContext(ToolSettingsStateContext);\r\n  const topCenterZone = frontstageDef?.topCenter; // eslint-disable-line deprecation/deprecation\r\n  if (!topCenterZone || !topCenterZone.isToolSettings || toolSettings.type === \"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={FrontstageManager.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(FrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes);\r\n  React.useEffect(() => {\r\n    const handleToolActivatedEvent = () => {\r\n      const nodes = FrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes;\r\n      if (!nodes || nodes.length === 0)\r\n        setSettings ([EmptyToolSettingsEntry()]);\r\n      else\r\n        setSettings(nodes);\r\n    };\r\n    FrontstageManager.onToolActivatedEvent.addListener(handleToolActivatedEvent);\r\n    return () => {\r\n      FrontstageManager.onToolActivatedEvent.removeListener(handleToolActivatedEvent);\r\n    };\r\n  }, [setSettings]);\r\n\r\n  React.useEffect(() => {\r\n    const handleToolSettingsReloadEvent = () => {\r\n      const nodes = FrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes;\r\n      if (!nodes || nodes.length === 0)\r\n        setSettings ([EmptyToolSettingsEntry()]);\r\n      else\r\n        setSettings(nodes);\r\n    };\r\n    FrontstageManager.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);\r\n    return () => {\r\n      FrontstageManager.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(FrontstageManager.activeToolSettingsProvider?.toolSettingsNode);\r\n  React.useEffect(() => {\r\n    const handleToolActivatedEvent = () => {\r\n      const nodes = FrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\r\n      setSettings(nodes);\r\n    };\r\n    FrontstageManager.onToolActivatedEvent.addListener(handleToolActivatedEvent);\r\n    return () => {\r\n      FrontstageManager.onToolActivatedEvent.removeListener(handleToolActivatedEvent);\r\n    };\r\n  }, [setSettings]);\r\n\r\n  React.useEffect(() => {\r\n    const handleToolSettingsReloadEvent = () => {\r\n      const nodes = FrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\r\n      setSettings(nodes);\r\n    };\r\n    FrontstageManager.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);\r\n    return () => {\r\n      FrontstageManager.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 toolSettings = React.useContext(ToolSettingsStateContext);\r\n  // This is needed to remount underlying components tree when going into widget state.\r\n  if (toolSettings.type === \"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 = FrontstageManager.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 { DockedToolSetting, DockedToolSettings, ScrollableWidgetContent, ToolSettingsStateContext } from \"@itwin/appui-layout-react\";\nimport { useActiveFrontstageDef } from \"../frontstage/Frontstage\";\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\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(\"UiFramework:tools.noToolSettings\");\n  const labelNode = <div className=\"uif-toolsetting-label-docked-horizontal-empty\">{labelString}</div>;\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 <div className=\"uif-toolsetting-label-docked-horizontal\">{children}</div>;\n}\n\n/** @internal */\nexport function WidgetPanelsToolSettings() {\n  const frontstageDef = useActiveFrontstageDef();\n  const toolSettings = React.useContext(ToolSettingsStateContext);\n  const topCenterZone = frontstageDef?.topCenter; // eslint-disable-line deprecation/deprecation\n  if (!topCenterZone || !topCenterZone.isToolSettings || toolSettings.type === \"widget\")\n    return null;\n  return (\n    <ToolSettingsDockedContent />\n  );\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 itemId={FrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\"} key={Date.now()}>\n      {settings && settings.map((entry, index) => <DockedToolSetting key={index}><TsLabel>{entry.labelNode}</TsLabel>{entry.editorNode}</DockedToolSetting>)}\n    </DockedToolSettings>\n  );\n}\n\n/** @internal */\nexport function useHorizontalToolSettingNodes() {\n  const [settings, setSettings] = React.useState(FrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes);\n  React.useEffect(() => {\n    const handleToolActivatedEvent = () => {\n      const nodes = FrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes;\n      if (!nodes || nodes.length === 0)\n        setSettings ([EmptyToolSettingsEntry()]);\n      else\n        setSettings(nodes);\n    };\n    FrontstageManager.onToolActivatedEvent.addListener(handleToolActivatedEvent);\n    return () => {\n      FrontstageManager.onToolActivatedEvent.removeListener(handleToolActivatedEvent);\n    };\n  }, [setSettings]);\n\n  React.useEffect(() => {\n    const handleToolSettingsReloadEvent = () => {\n      const nodes = FrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes;\n      if (!nodes || nodes.length === 0)\n        setSettings ([EmptyToolSettingsEntry()]);\n      else\n        setSettings(nodes);\n    };\n    FrontstageManager.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);\n    return () => {\n      FrontstageManager.onToolSettingsReloadEvent.removeListener(handleToolSettingsReloadEvent);\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 && settings.map((setting: ToolSettingsEntry, index: number) => {\n        return (\n          <React.Fragment key={index}>\n            <span className=\"uifw-standard-toolsettings-label-entry\">{setting.labelNode}</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(FrontstageManager.activeToolSettingsProvider?.toolSettingsNode);\n  React.useEffect(() => {\n    const handleToolActivatedEvent = () => {\n      const nodes = FrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n      setSettings(nodes);\n    };\n    FrontstageManager.onToolActivatedEvent.addListener(handleToolActivatedEvent);\n    return () => {\n      FrontstageManager.onToolActivatedEvent.removeListener(handleToolActivatedEvent);\n    };\n  }, [setSettings]);\n\n  React.useEffect(() => {\n    const handleToolSettingsReloadEvent = () => {\n      const nodes = FrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n      setSettings(nodes);\n    };\n    FrontstageManager.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);\n    return () => {\n      FrontstageManager.onToolSettingsReloadEvent.removeListener(handleToolSettingsReloadEvent);\n    };\n  }, [setSettings]);\n\n  return settings;\n}\n\n/** @internal */\nexport function ToolSettingsContent() {\n  const toolSettings = React.useContext(ToolSettingsStateContext);\n  // This is needed to remount underlying components tree when going into widget state.\n  if (toolSettings.type === \"docked\")\n    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 = floatingToolSettingsContainerRef.current.closest(\".nz-floating-toolsettings\");\n      // istanbul ignore else\n      if (floatingWidgetTab) {\n        (floatingWidgetTab as HTMLDivElement).style.visibility = !!node ? \"visible\" : /* istanbul ignore next */ \"hidden\";\n      }\n    }\n  }, [node]);\n\n  // istanbul ignore next\n  const providerId = FrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\";\n\n  return (\n    <div data-toolsettings-provider={providerId} className=\"uifw-floating-toolsettings-container\" ref={floatingToolSettingsContainerRef} >\n      <ScrollableWidgetContent>\n        {node}\n      </ScrollableWidgetContent>\n    </div>\n  );\n}\n"]}

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

@@ -1,40 +1,40 @@
-/*---------------------------------------------------------------------------------------------
-* 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: .5em;
-  column-gap: .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: .5em;
+  column-gap: .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.d.ts

@@ -1,8 +1,8 @@
-/** @packageDocumentation
- * @module Item
- */
-/// <reference types="react" />
-import "./Toolbars.scss";
-/** @internal */
-export declare function WidgetPanelsToolbars(): JSX.Element;
+/** @packageDocumentation
+ * @module Item
+ */
+/// <reference types="react" />
+import "./Toolbars.scss";
+/** @internal */
+export declare function WidgetPanelsToolbars(): JSX.Element;
 //# sourceMappingURL=Toolbars.d.ts.map

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

@@ -1,32 +1,32 @@
-"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 Item
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WidgetPanelsToolbars = void 0;
-require("./Toolbars.scss");
-const React = require("react");
-const Frontstage_1 = require("../frontstage/Frontstage");
-/** @internal */
-function WidgetPanelsToolbars() {
-    const frontstageDef = (0, Frontstage_1.useActiveFrontstageDef)();
-    let toolsWidget = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.contentManipulation;
-    if (frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.topLeft) { // eslint-disable-line deprecation/deprecation
-        toolsWidget = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.topLeft.getSingleWidgetDef(); // eslint-disable-line deprecation/deprecation
-    }
-    let navigationWidget = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.viewNavigation;
-    if (frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.topRight) { // eslint-disable-line deprecation/deprecation
-        navigationWidget = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.topRight.getSingleWidgetDef(); // eslint-disable-line deprecation/deprecation
-    }
-    const tools = toolsWidget === null || toolsWidget === void 0 ? void 0 : toolsWidget.reactNode;
-    const navigation = navigationWidget === null || navigationWidget === void 0 ? void 0 : navigationWidget.reactNode;
-    return (React.createElement("div", { className: "uifw-widgetPanels-toolbars" },
-        tools,
-        navigation));
-}
-exports.WidgetPanelsToolbars = WidgetPanelsToolbars;
+"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 Item
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetPanelsToolbars = void 0;
+require("./Toolbars.scss");
+const React = require("react");
+const Frontstage_1 = require("../frontstage/Frontstage");
+/** @internal */
+function WidgetPanelsToolbars() {
+    const frontstageDef = (0, Frontstage_1.useActiveFrontstageDef)();
+    let toolsWidget = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.contentManipulation;
+    if (frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.topLeft) { // eslint-disable-line deprecation/deprecation
+        toolsWidget = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.topLeft.getSingleWidgetDef(); // eslint-disable-line deprecation/deprecation
+    }
+    let navigationWidget = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.viewNavigation;
+    if (frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.topRight) { // eslint-disable-line deprecation/deprecation
+        navigationWidget = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.topRight.getSingleWidgetDef(); // eslint-disable-line deprecation/deprecation
+    }
+    const tools = toolsWidget === null || toolsWidget === void 0 ? void 0 : toolsWidget.reactNode;
+    const navigation = navigationWidget === null || navigationWidget === void 0 ? void 0 : navigationWidget.reactNode;
+    return (React.createElement("div", { className: "uifw-widgetPanels-toolbars" },
+        tools,
+        navigation));
+}
+exports.WidgetPanelsToolbars = WidgetPanelsToolbars;
 //# sourceMappingURL=Toolbars.js.map

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,yDAAkE;AAElE,gBAAgB;AAChB,SAAgB,oBAAoB;IAClC,MAAM,aAAa,GAAG,IAAA,mCAAsB,GAAE,CAAC;IAE/C,IAAI,WAAW,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,mBAAmB,CAAC;IACrD,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,EAAE,EAAE,8CAA8C;QAC1E,WAAW,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC,8CAA8C;KAC1G;IAED,IAAI,gBAAgB,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,cAAc,CAAC;IACrD,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,EAAE,EAAE,8CAA8C;QAC3E,gBAAgB,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,CAAC,kBAAkB,EAAE,CAAC,CAAC,8CAA8C;KAChH;IACD,MAAM,KAAK,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAC;IACrC,MAAM,UAAU,GAAG,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,SAAS,CAAC;IAC/C,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACxC,KAAK;QACL,UAAU,CACP,CACP,CAAC;AACJ,CAAC;AApBD,oDAoBC","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/Frontstage\";\r\n\r\n/** @internal */\r\nexport function WidgetPanelsToolbars() {\r\n  const frontstageDef = useActiveFrontstageDef();\r\n\r\n  let toolsWidget = frontstageDef?.contentManipulation;\r\n  if (frontstageDef?.topLeft) { // eslint-disable-line deprecation/deprecation\r\n    toolsWidget = frontstageDef?.topLeft.getSingleWidgetDef(); // eslint-disable-line deprecation/deprecation\r\n  }\r\n\r\n  let navigationWidget = frontstageDef?.viewNavigation;\r\n  if (frontstageDef?.topRight) { // eslint-disable-line deprecation/deprecation\r\n    navigationWidget = frontstageDef?.topRight.getSingleWidgetDef(); // eslint-disable-line deprecation/deprecation\r\n  }\r\n  const tools = toolsWidget?.reactNode;\r\n  const navigation = navigationWidget?.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;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2BAAyB;AACzB,+BAA+B;AAC/B,yDAAkE;AAElE,gBAAgB;AAChB,SAAgB,oBAAoB;IAClC,MAAM,aAAa,GAAG,IAAA,mCAAsB,GAAE,CAAC;IAE/C,IAAI,WAAW,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,mBAAmB,CAAC;IACrD,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,EAAE,EAAE,8CAA8C;QAC1E,WAAW,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC,8CAA8C;KAC1G;IAED,IAAI,gBAAgB,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,cAAc,CAAC;IACrD,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,EAAE,EAAE,8CAA8C;QAC3E,gBAAgB,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,CAAC,kBAAkB,EAAE,CAAC,CAAC,8CAA8C;KAChH;IACD,MAAM,KAAK,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAC;IACrC,MAAM,UAAU,GAAG,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,SAAS,CAAC;IAC/C,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACxC,KAAK;QACL,UAAU,CACP,CACP,CAAC;AACJ,CAAC;AApBD,oDAoBC","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/Frontstage\";\n\n/** @internal */\nexport function WidgetPanelsToolbars() {\n  const frontstageDef = useActiveFrontstageDef();\n\n  let toolsWidget = frontstageDef?.contentManipulation;\n  if (frontstageDef?.topLeft) { // eslint-disable-line deprecation/deprecation\n    toolsWidget = frontstageDef?.topLeft.getSingleWidgetDef(); // eslint-disable-line deprecation/deprecation\n  }\n\n  let navigationWidget = frontstageDef?.viewNavigation;\n  if (frontstageDef?.topRight) { // eslint-disable-line deprecation/deprecation\n    navigationWidget = frontstageDef?.topRight.getSingleWidgetDef(); // eslint-disable-line deprecation/deprecation\n  }\n  const tools = toolsWidget?.reactNode;\n  const navigation = navigationWidget?.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

@@ -1,8 +1,8 @@
-/** @packageDocumentation
- * @module Widget
- */
-/** Hook that allows to save and restore transient DOM state (i.e. scroll offset) of a widget.
- * @beta
- */
-export declare function useTransientState(onSave?: () => void, onRestore?: () => void): void;
+/** @packageDocumentation
+ * @module Widget
+ */
+/** Hook that allows to save and restore transient DOM state (i.e. scroll offset) of a widget.
+ * @beta
+ */
+export declare function useTransientState(onSave?: () => void, onRestore?: () => void): void;
 //# sourceMappingURL=useTransientState.d.ts.map