npm - @itwin/appui-react - Versions diffs - 4.1.0-dev.0 → 4.1.0-dev.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1597) hide show

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

@@ -17,7 +17,7 @@ const appui_abstract_1 = require("@itwin/appui-abstract");
 /** @internal */
 function WidgetPanelsTab() {
     const widgetDef = (0, Content_1.useWidgetDef)();
-    const badgeType = widgetDef?.badgeType;
+    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 }));

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

	@@ -1 +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,~~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"]}
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":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n--------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Widget\n /\n\nimport \"./Tab.scss\";\nimport as React from \"react\";\nimport { WidgetTab } from \"@itwin/appui-layout-react\";\nimport { useWidgetDef } from \"./Content\";\nimport { BadgeUtilities } from \"@itwin/core-react\";\nimport { BadgeType } from \"@itwin/appui-abstract\";\n\n/** @internal /\nexport function WidgetPanelsTab() {\n const widgetDef = useWidgetDef();\n const badgeType = widgetDef?.badgeType;\n const badgeClassName = getBadgeClassName(badgeType);\n const badge = React.useMemo(() => BadgeUtilities.getComponentForBadgeType(badgeType), [badgeType]);\n return (\n <WidgetTab\n className={badgeClassName}\n badge={badge}\n />\n );\n}\n\n/* @internal */\nexport function getBadgeClassName(badgeType: BadgeType \| undefined) {\n if (badgeType === BadgeType.New)\n return \"uifw-badge-new\";\n else if (badgeType === BadgeType.TechnicalPreview)\n return \"uifw-badge-tp\";\n return undefined;\n}\n"]}

package/lib/cjs/appui-react/widget-panels/Tab.scss CHANGED Viewed

@@ -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.js CHANGED Viewed

@@ -30,7 +30,7 @@ function TsLabel({ children }) {
 function WidgetPanelsToolSettings() {
     const frontstageDef = (0, FrontstageDef_1.useActiveFrontstageDef)();
     const toolSettingsType = (0, appui_layout_react_1.useLayout)((state) => state.toolSettings.type);
-    const toolSettings = frontstageDef?.toolSettings;
+    const toolSettings = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.toolSettings;
     if (!toolSettings || toolSettingsType === "widget")
         return null;
     return (React.createElement(ToolSettingsDockedContent, null));
@@ -38,19 +38,22 @@ function WidgetPanelsToolSettings() {
 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: InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? "none", key: Date.now() }, settings && settings.map((entry, index) => React.createElement(appui_layout_react_1.DockedToolSetting, { key: index },
+    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() {
-    const [settings, setSettings] = React.useState(InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes);
+    var _a;
+    const [settings, setSettings] = React.useState((_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.horizontalToolSettingNodes);
     React.useEffect(() => {
         const handleToolActivatedEvent = () => {
-            const nodes = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes;
+            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
@@ -63,7 +66,8 @@ function useHorizontalToolSettingNodes() {
     }, [setSettings]);
     React.useEffect(() => {
         const handleToolSettingsReloadEvent = () => {
-            const nodes = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes;
+            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
@@ -92,10 +96,12 @@ function ToolSettingsGrid({ settings }) {
 exports.ToolSettingsGrid = ToolSettingsGrid;
 /** @internal */
 function useToolSettingsNode() {
-    const [settings, setSettings] = React.useState(InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode);
+    var _a;
+    const [settings, setSettings] = React.useState((_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.toolSettingsNode);
     React.useEffect(() => {
         const handleToolActivatedEvent = () => {
-            const nodes = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;
+            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);
@@ -105,7 +111,8 @@ function useToolSettingsNode() {
     }, [setSettings]);
     React.useEffect(() => {
         const handleToolSettingsReloadEvent = () => {
-            const nodes = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;
+            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);
@@ -127,6 +134,7 @@ function ToolSettingsContent() {
 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
@@ -141,7 +149,7 @@ function ToolSettingsWidgetContent() {
         }
     }, [node]);
     // istanbul ignore next
-    const providerId = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? "none";
+    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)));
 }

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

	@@ -1 +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"]}
1	+ {"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, useLayout } 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(\"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 toolSettingsType = useLayout((state) => state.toolSettings.type);\n const toolSettings = frontstageDef?.toolSettings;\n if (!toolSettings \|\| toolSettingsType === \"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={InternalFrontstageManager.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(InternalFrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes);\n React.useEffect(() => {\n const handleToolActivatedEvent = () => {\n const nodes = InternalFrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes;\n if (!nodes \|\| nodes.length === 0)\n setSettings([EmptyToolSettingsEntry()]);\n else\n setSettings(nodes);\n };\n UiFramework.frontstages.onToolActivatedEvent.addListener(handleToolActivatedEvent);\n return () => {\n UiFramework.frontstages.onToolActivatedEvent.removeListener(handleToolActivatedEvent);\n };\n }, [setSettings]);\n\n React.useEffect(() => {\n const handleToolSettingsReloadEvent = () => {\n const nodes = InternalFrontstageManager.activeToolSettingsProvider?.horizontalToolSettingNodes;\n if (!nodes \|\| nodes.length === 0)\n setSettings([EmptyToolSettingsEntry()]);\n else\n setSettings(nodes);\n };\n UiFramework.frontstages.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);\n return () => {\n UiFramework.frontstages.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(InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode);\n React.useEffect(() => {\n const handleToolActivatedEvent = () => {\n const nodes = InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n setSettings(nodes);\n };\n UiFramework.frontstages.onToolActivatedEvent.addListener(handleToolActivatedEvent);\n return () => {\n UiFramework.frontstages.onToolActivatedEvent.removeListener(handleToolActivatedEvent);\n };\n }, [setSettings]);\n\n React.useEffect(() => {\n const handleToolSettingsReloadEvent = () => {\n const nodes = InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n setSettings(nodes);\n };\n UiFramework.frontstages.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);\n return () => {\n UiFramework.frontstages.onToolSettingsReloadEvent.removeListener(handleToolSettingsReloadEvent);\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\")\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 = InternalFrontstageManager.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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -13,9 +13,10 @@ const React = require("react");
 const FrontstageDef_1 = require("../frontstage/FrontstageDef");
 /** @internal */
 function WidgetPanelsToolbars() {
+    var _a, _b;
     const frontstageDef = (0, FrontstageDef_1.useActiveFrontstageDef)();
-    const tools = frontstageDef?.contentManipulation?.reactNode;
-    const navigation = frontstageDef?.viewNavigation?.reactNode;
+    const tools = (_a = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.contentManipulation) === null || _a === void 0 ? void 0 : _a.reactNode;
+    const navigation = (_b = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.viewNavigation) === null || _b === void 0 ? void 0 : _b.reactNode;
     return (React.createElement("div", { className: "uifw-widgetPanels-toolbars" },
         tools,
         navigation));

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

	@@ -1 +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,aAAa,~~EAAE~~,mBAAmB,~~EAAE~~,SAAS,CAAC;IAC5D,MAAM,UAAU,GAAG,aAAa,~~EAAE~~,cAAc,~~EAAE~~,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"]}
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":["/---------------------------------------------------------------------------------------------\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 CHANGED Viewed

@@ -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.js.map CHANGED Viewed

	@@ -1 +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"]}
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":["/---------------------------------------------------------------------------------------------\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(onSave?: () => void, onRestore?: () => void): void {\n useTransientStateImpl(onSave, onRestore);\n}\n"]}

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

	@@ -1 +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"]}
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":["/---------------------------------------------------------------------------------------------\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 { getTabLocation, isHorizontalPanelSide, TabIdContext, useLayout } 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 (tabLocation && (\"side\" in tabLocation) && isHorizontalPanelSide(tabLocation.side)) {\n return \"horizontal\";\n }\n return \"vertical\";\n });\n}\n"]}

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

@@ -2,7 +2,7 @@
  * @module Widget
  */
 /// <reference types="react" />
-import { IconSpec } from "@itwin/core-react";
+import type { IconSpec } from "@itwin/core-react";
 /**
  * Properties for the [[BackstageAppButton]] React component
  * @public

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BackstageAppButton.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAKH,OAAO,~~EAAQ~~,QAAQ,~~EAA2B~~,MAAM,mBAAmB,CAAC;~~AAI5E~~;;;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"}
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"}

package/lib/cjs/appui-react/widgets/BackstageAppButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BackstageAppButton.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,oEAAkE;AAClE,0DAA0D;~~AAC1D~~,~~kDAA4E~~;~~AAC5E~~,kEAAsD;AACtD,gDAA6C;AAe7C;;;GAGG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,yBAAW,CAAC,SAAS,CAAC,yBAAyB,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9H,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,sBAAsB,CAAC,OAAO,EAAE,CAAC,sBAAsB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IACzI,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,kCAAiB,CAAC,0BAA0B,CAAC,kBAAa,CAAC,CAAC,CAAC;IAC9H,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,YAAY,GAAG,uBAAuB,CAAC;IAC7C,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAA,oCAAuB,GAAE,CAAC;IACnE,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,KAAK,CAAC,OAAO;YACf,KAAK,CAAC,OAAO,EAAE,CAAC;;YAGhB,sBAAsB,CAAC,OAAO,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE;YAC1B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,YAAY,CAAC,GAAG,CAAC,CAAC;SACnB;aAAM;YACL,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,kCAAiB,CAAC,0BAA0B,CAAC,kBAAa,CAAC,CAAC,CAAC;SAChG;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/B,IAAI,oBAAwC,CAAC;IAE7C,IAAI,yBAAW,CAAC,UAAU,CAAC,mBAAmB,IAAI,CAAC,yBAAW,CAAC,QAAQ,EAAE,EAAE;QACzE,oBAAoB,GAAG,cAAc,CAAC;KACvC;IAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY;QACpC,oBAAC,8BAAS,IACR,KAAK,EAAE,IAAI,EACX,cAAc,EAAE,oBAAoB,EACpC,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,oBAAC,iBAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,EAC9B,KAAK,EAAE,cAAc,GAAI,CACvB,CACP,CAAC;AACJ,CAAC;AA1CD,gDA0CC","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 widgetIconSvg from \"@bentley/icons-generic/icons/home.svg\";\r\nimport { IconSpecUtilities } from \"@itwin/appui-abstract\";\r\nimport { Icon, ~~IconSpec,~~ useWidgetOpacityContext } from \"@itwin/core-react\";\r\nimport { AppButton } from \"@itwin/appui-layout-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/*\r\n Properties for the [[BackstageAppButton]] React component\r\n * @public\r\n /\r\nexport interface BackstageAppButtonProps {\r\n /* Icon specification for the App button /\r\n icon?: IconSpec;\r\n /* If specified overrides the default label shown in tooltip. /\r\n label?: string;\r\n /* If specified overrides the default action that displays the backstage. /\r\n execute?: () => void;\r\n}\r\n\r\n/\r\n BackstageAppButton used to toggle display of Backstage and is shown in the corner of the ToolWidget.\r\n * @public\r\n */\r\nexport function BackstageAppButton(props: BackstageAppButtonProps) {\r\n const backstageToggleCommand = React.useMemo(() => UiFramework.backstage.getBackstageToggleCommand(props.icon), [props.icon]);\r\n const backstageLabel = React.useMemo(() => props.label \|\| backstageToggleCommand.tooltip, [backstageToggleCommand.tooltip, props.label]);\r\n const [icon, setIcon] = React.useState(props.icon ? props.icon : IconSpecUtilities.createWebComponentIconSpec(widgetIconSvg));\r\n const isInitialMount = React.useRef(true);\r\n const divClassName = \"uifw-app-button-small\";\r\n const { onElementRef, proximityScale } = useWidgetOpacityContext();\r\n const ref = React.useRef<HTMLDivElement>(null);\r\n\r\n const handleClick = React.useCallback(() => {\r\n if (props.execute)\r\n props.execute();\r\n\r\n else\r\n backstageToggleCommand.execute();\r\n }, [backstageToggleCommand, props]);\r\n\r\n React.useEffect(() => {\r\n if (isInitialMount.current) {\r\n isInitialMount.current = false;\r\n onElementRef(ref);\r\n } else {\r\n setIcon(props.icon ? props.icon : IconSpecUtilities.createWebComponentIconSpec(widgetIconSvg));\r\n }\r\n }, [props.icon, onElementRef]);\r\n\r\n let buttonProximityScale: number \| undefined;\r\n\r\n if (UiFramework.visibility.useProximityOpacity && !UiFramework.isMobile()) {\r\n buttonProximityScale = proximityScale;\r\n }\r\n\r\n return (\r\n <div ref={ref} className={divClassName}>\r\n <AppButton\r\n small={true}\r\n mouseProximity={buttonProximityScale}\r\n onClick={handleClick}\r\n icon={<Icon iconSpec={icon} />}\r\n title={backstageLabel} />\r\n </div>\r\n );\r\n}\r\n"]}
1	+ {"version":3,"file":"BackstageAppButton.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,oEAAkE;AAClE,0DAA0D;AAE1D,kDAAkE;AAClE,kEAAsD;AACtD,gDAA6C;AAe7C;;;GAGG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,yBAAW,CAAC,SAAS,CAAC,yBAAyB,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9H,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,sBAAsB,CAAC,OAAO,EAAE,CAAC,sBAAsB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IACzI,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,kCAAiB,CAAC,0BAA0B,CAAC,kBAAa,CAAC,CAAC,CAAC;IAC9H,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,YAAY,GAAG,uBAAuB,CAAC;IAC7C,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAA,oCAAuB,GAAE,CAAC;IACnE,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,KAAK,CAAC,OAAO;YACf,KAAK,CAAC,OAAO,EAAE,CAAC;;YAGhB,sBAAsB,CAAC,OAAO,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE;YAC1B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,YAAY,CAAC,GAAG,CAAC,CAAC;SACnB;aAAM;YACL,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,kCAAiB,CAAC,0BAA0B,CAAC,kBAAa,CAAC,CAAC,CAAC;SAChG;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/B,IAAI,oBAAwC,CAAC;IAE7C,IAAI,yBAAW,CAAC,UAAU,CAAC,mBAAmB,IAAI,CAAC,yBAAW,CAAC,QAAQ,EAAE,EAAE;QACzE,oBAAoB,GAAG,cAAc,CAAC;KACvC;IAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY;QACpC,oBAAC,8BAAS,IACR,KAAK,EAAE,IAAI,EACX,cAAc,EAAE,oBAAoB,EACpC,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,oBAAC,iBAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,EAC9B,KAAK,EAAE,cAAc,GAAI,CACvB,CACP,CAAC;AACJ,CAAC;AA1CD,gDA0CC","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 widgetIconSvg from \"@bentley/icons-generic/icons/home.svg\";\nimport { IconSpecUtilities } from \"@itwin/appui-abstract\";\nimport type { IconSpec} from \"@itwin/core-react\";\nimport { Icon, useWidgetOpacityContext } from \"@itwin/core-react\";\nimport { AppButton } from \"@itwin/appui-layout-react\";\nimport { UiFramework } from \"../UiFramework\";\n\n/*\n Properties for the [[BackstageAppButton]] React component\n * @public\n /\nexport interface BackstageAppButtonProps {\n /* Icon specification for the App button /\n icon?: IconSpec;\n /* If specified overrides the default label shown in tooltip. /\n label?: string;\n /* If specified overrides the default action that displays the backstage. /\n execute?: () => void;\n}\n\n/\n BackstageAppButton used to toggle display of Backstage and is shown in the corner of the ToolWidget.\n * @public\n */\nexport function BackstageAppButton(props: BackstageAppButtonProps) {\n const backstageToggleCommand = React.useMemo(() => UiFramework.backstage.getBackstageToggleCommand(props.icon), [props.icon]);\n const backstageLabel = React.useMemo(() => props.label \|\| backstageToggleCommand.tooltip, [backstageToggleCommand.tooltip, props.label]);\n const [icon, setIcon] = React.useState(props.icon ? props.icon : IconSpecUtilities.createWebComponentIconSpec(widgetIconSvg));\n const isInitialMount = React.useRef(true);\n const divClassName = \"uifw-app-button-small\";\n const { onElementRef, proximityScale } = useWidgetOpacityContext();\n const ref = React.useRef<HTMLDivElement>(null);\n\n const handleClick = React.useCallback(() => {\n if (props.execute)\n props.execute();\n\n else\n backstageToggleCommand.execute();\n }, [backstageToggleCommand, props]);\n\n React.useEffect(() => {\n if (isInitialMount.current) {\n isInitialMount.current = false;\n onElementRef(ref);\n } else {\n setIcon(props.icon ? props.icon : IconSpecUtilities.createWebComponentIconSpec(widgetIconSvg));\n }\n }, [props.icon, onElementRef]);\n\n let buttonProximityScale: number \| undefined;\n\n if (UiFramework.visibility.useProximityOpacity && !UiFramework.isMobile()) {\n buttonProximityScale = proximityScale;\n }\n\n return (\n <div ref={ref} className={divClassName}>\n <AppButton\n small={true}\n mouseProximity={buttonProximityScale}\n onClick={handleClick}\n icon={<Icon iconSpec={icon} />}\n title={backstageLabel} />\n </div>\n );\n}\n"]}

package/lib/cjs/appui-react/widgets/BasicNavigationWidget.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@
  * @module Widget
  */
 /// <reference types="react" />
-import { ToolbarItem } from "../toolbar/ToolbarItem";
+import type { ToolbarItem } from "../toolbar/ToolbarItem";
 /** Properties that can be used to append items to the default set of toolbar items.
  * @public
  */

package/lib/cjs/appui-react/widgets/BasicNavigationWidget.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BasicNavigationWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicNavigationWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AASH,OAAO,EAAE,WAAW,~~EAAoC~~,MAAM,wBAAwB,CAAC;~~AAEvF~~;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,wEAAwE;IACxE,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eAsDtE"}
1	+ {"version":3,"file":"BasicNavigationWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicNavigationWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AASH,OAAO,KAAK,EAAE,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAGzD;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,wEAAwE;IACxE,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eAsDtE"}

package/lib/cjs/appui-react/widgets/BasicNavigationWidget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BasicNavigationWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicNavigationWidget.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,sEAAyD;AACzD,gEAA6D;AAC7D,4DAAyD;AACzD,8DAA2D;AAC3D,yEAAsE;~~AACtE~~,~~wDAAuF~~;~~AAYvF~~;;;GAGG;AACH,SAAgB,qBAAqB,CAAC,KAAiC;IAErE,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CACjD,GAAkB,EAAE;QAClB,MAAM,KAAK,GAAkB,6BAAa,CAAC,8BAA8B,CAAC;YACxE,+BAAS,CAAC,iBAAiB;YAC3B,+BAAS,CAAC,cAAc;YACxB,+BAAS,CAAC,cAAc;YACxB,+BAAS,CAAC,iBAAiB;YAC3B,+BAAS,CAAC,eAAe;YACzB,+BAAS,CAAC,eAAe;SAC1B,CAAC,CAAC;QACH,IAAI,KAAK,CAAC,yBAAyB;YACjC,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,yBAAyB,CAAC,CAAC;QACjD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC;IAExC,MAAM,uBAAuB,GAAG,KAAK,CAAC,WAAW,CAC/C,GAAkB,EAAE;QAClB,MAAM,KAAK,GAAkB,EAAE,CAAC;QAChC,KAAK,CAAC,IAAI,CACR,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAAS,CAAC,eAAe,CAAC,EACzE,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAAS,CAAC,uBAAuB,CAAC,CAClF,CAAC;QACF,IAAI,KAAK,CAAC,uBAAuB;YAC/B,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,uBAAuB,CAAC,CAAC;QAC/C,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAEtC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,yBAAyB,EAAE,CAAC,CAAC;IAChG,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,uBAAuB,EAAE,CAAC,CAAC;IAE1F,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO;YACxB,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;aAC5B;YACH,kBAAkB,CAAC,yBAAyB,EAAE,CAAC,CAAC;YAChD,gBAAgB,CAAC,uBAAuB,EAAE,CAAC,CAAC;SAC7C;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,uBAAuB,EAAE,yBAAyB,EAAE,uBAAuB,CAAC,CAAC,CAAC;IAEzH,MAAM,WAAW,GAAG,IAAA,iCAAe,GAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,CAAC,WAAW,IAAI,WAAW,CAC5B,CAAC;IAEF,OAAO,CACL,oBAAC,mDAAwB,IAAC,SAAS,EAAE,SAAS,EAC5C,iBAAiB,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,0BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,gCAAkB,CAAC,UAAU,GAAI,EAC9I,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,0BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,gCAAkB,CAAC,QAAQ,GAAI,GACxI,CACH,CAAC;AACJ,CAAC;AAtDD,sDAsDC","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 classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\r\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\r\nimport { ToolbarHelper } from \"../toolbar/ToolbarHelper\";\r\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\r\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer\";\r\nimport { ToolbarItem, ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\r\n\r\n/** Properties that can be used to append items to the default set of toolbar items.\r\n * @public\r\n /\r\nexport interface BasicNavigationWidgetProps {\r\n /* optional set of additional items to include in horizontal toolbar /\r\n additionalHorizontalItems?: ToolbarItem[];\r\n /* optional set of additional items to include in vertical toolbar /\r\n additionalVerticalItems?: ToolbarItem[];\r\n}\r\n\r\n/* Basic Navigation Widget that provides standard tools to manipulate views containing element data.\r\n * Supports the specification of additional horizontal and vertical toolbar items through props.\r\n * @public\r\n */\r\nexport function BasicNavigationWidget(props: BasicNavigationWidgetProps) {\r\n\r\n const getHorizontalToolbarItems = React.useCallback(\r\n (): ToolbarItem[] => {\r\n const items: ToolbarItem[] = ToolbarHelper.createToolbarItemsFromItemDefs([\r\n CoreTools.rotateViewCommand,\r\n CoreTools.panViewCommand,\r\n CoreTools.fitViewCommand,\r\n CoreTools.windowAreaCommand,\r\n CoreTools.viewUndoCommand,\r\n CoreTools.viewRedoCommand,\r\n ]);\r\n if (props.additionalHorizontalItems)\r\n items.push(...props.additionalHorizontalItems);\r\n return items;\r\n }, [props.additionalHorizontalItems]);\r\n\r\n const getVerticalToolbarItems = React.useCallback(\r\n (): ToolbarItem[] => {\r\n const items: ToolbarItem[] = [];\r\n items.push(\r\n ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.walkViewCommand),\r\n ToolbarHelper.createToolbarItemFromItemDef(20, CoreTools.toggleCameraViewCommand),\r\n );\r\n if (props.additionalVerticalItems)\r\n items.push(...props.additionalVerticalItems);\r\n return items;\r\n }, [props.additionalVerticalItems]);\r\n\r\n const [horizontalItems, setHorizontalItems] = React.useState(() => getHorizontalToolbarItems());\r\n const [verticalItems, setVerticalItems] = React.useState(() => getVerticalToolbarItems());\r\n\r\n const isInitialMount = React.useRef(true);\r\n React.useEffect(() => {\r\n if (isInitialMount.current)\r\n isInitialMount.current = false;\r\n else {\r\n setHorizontalItems(getHorizontalToolbarItems());\r\n setVerticalItems(getVerticalToolbarItems());\r\n }\r\n }, [props.additionalHorizontalItems, props.additionalVerticalItems, getHorizontalToolbarItems, getVerticalToolbarItems]);\r\n\r\n const uiIsVisible = useUiVisibility();\r\n // istanbul ignore next\r\n const className = classnames(\r\n !uiIsVisible && \"nz-hidden\",\r\n );\r\n\r\n return (\r\n <NavigationWidgetComposer className={className}\r\n horizontalToolbar={<ToolbarComposer items={horizontalItems} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Horizontal} />}\r\n verticalToolbar={<ToolbarComposer items={verticalItems} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Vertical} />}\r\n />\r\n );\r\n}\r\n"]}
1	+ {"version":3,"file":"BasicNavigationWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicNavigationWidget.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,sEAAyD;AACzD,gEAA6D;AAC7D,4DAAyD;AACzD,8DAA2D;AAC3D,yEAAsE;AAEtE,wDAA0E;AAY1E;;;GAGG;AACH,SAAgB,qBAAqB,CAAC,KAAiC;IAErE,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CACjD,GAAkB,EAAE;QAClB,MAAM,KAAK,GAAkB,6BAAa,CAAC,8BAA8B,CAAC;YACxE,+BAAS,CAAC,iBAAiB;YAC3B,+BAAS,CAAC,cAAc;YACxB,+BAAS,CAAC,cAAc;YACxB,+BAAS,CAAC,iBAAiB;YAC3B,+BAAS,CAAC,eAAe;YACzB,+BAAS,CAAC,eAAe;SAC1B,CAAC,CAAC;QACH,IAAI,KAAK,CAAC,yBAAyB;YACjC,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,yBAAyB,CAAC,CAAC;QACjD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC;IAExC,MAAM,uBAAuB,GAAG,KAAK,CAAC,WAAW,CAC/C,GAAkB,EAAE;QAClB,MAAM,KAAK,GAAkB,EAAE,CAAC;QAChC,KAAK,CAAC,IAAI,CACR,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAAS,CAAC,eAAe,CAAC,EACzE,6BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,+BAAS,CAAC,uBAAuB,CAAC,CAClF,CAAC;QACF,IAAI,KAAK,CAAC,uBAAuB;YAC/B,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,uBAAuB,CAAC,CAAC;QAC/C,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAEtC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,yBAAyB,EAAE,CAAC,CAAC;IAChG,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,uBAAuB,EAAE,CAAC,CAAC;IAE1F,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO;YACxB,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;aAC5B;YACH,kBAAkB,CAAC,yBAAyB,EAAE,CAAC,CAAC;YAChD,gBAAgB,CAAC,uBAAuB,EAAE,CAAC,CAAC;SAC7C;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,uBAAuB,EAAE,yBAAyB,EAAE,uBAAuB,CAAC,CAAC,CAAC;IAEzH,MAAM,WAAW,GAAG,IAAA,iCAAe,GAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,CAAC,WAAW,IAAI,WAAW,CAC5B,CAAC;IAEF,OAAO,CACL,oBAAC,mDAAwB,IAAC,SAAS,EAAE,SAAS,EAC5C,iBAAiB,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,0BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,gCAAkB,CAAC,UAAU,GAAI,EAC9I,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,0BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,gCAAkB,CAAC,QAAQ,GAAI,GACxI,CACH,CAAC;AACJ,CAAC;AAtDD,sDAsDC","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 classnames from \"classnames\";\nimport as React from \"react\";\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { ToolbarHelper } from \"../toolbar/ToolbarHelper\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer\";\nimport type { ToolbarItem} from \"../toolbar/ToolbarItem\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\n\n/** Properties that can be used to append items to the default set of toolbar items.\n * @public\n /\nexport interface BasicNavigationWidgetProps {\n /* optional set of additional items to include in horizontal toolbar /\n additionalHorizontalItems?: ToolbarItem[];\n /* optional set of additional items to include in vertical toolbar /\n additionalVerticalItems?: ToolbarItem[];\n}\n\n/* Basic Navigation Widget that provides standard tools to manipulate views containing element data.\n * Supports the specification of additional horizontal and vertical toolbar items through props.\n * @public\n */\nexport function BasicNavigationWidget(props: BasicNavigationWidgetProps) {\n\n const getHorizontalToolbarItems = React.useCallback(\n (): ToolbarItem[] => {\n const items: ToolbarItem[] = ToolbarHelper.createToolbarItemsFromItemDefs([\n CoreTools.rotateViewCommand,\n CoreTools.panViewCommand,\n CoreTools.fitViewCommand,\n CoreTools.windowAreaCommand,\n CoreTools.viewUndoCommand,\n CoreTools.viewRedoCommand,\n ]);\n if (props.additionalHorizontalItems)\n items.push(...props.additionalHorizontalItems);\n return items;\n }, [props.additionalHorizontalItems]);\n\n const getVerticalToolbarItems = React.useCallback(\n (): ToolbarItem[] => {\n const items: ToolbarItem[] = [];\n items.push(\n ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.walkViewCommand),\n ToolbarHelper.createToolbarItemFromItemDef(20, CoreTools.toggleCameraViewCommand),\n );\n if (props.additionalVerticalItems)\n items.push(...props.additionalVerticalItems);\n return items;\n }, [props.additionalVerticalItems]);\n\n const [horizontalItems, setHorizontalItems] = React.useState(() => getHorizontalToolbarItems());\n const [verticalItems, setVerticalItems] = React.useState(() => getVerticalToolbarItems());\n\n const isInitialMount = React.useRef(true);\n React.useEffect(() => {\n if (isInitialMount.current)\n isInitialMount.current = false;\n else {\n setHorizontalItems(getHorizontalToolbarItems());\n setVerticalItems(getVerticalToolbarItems());\n }\n }, [props.additionalHorizontalItems, props.additionalVerticalItems, getHorizontalToolbarItems, getVerticalToolbarItems]);\n\n const uiIsVisible = useUiVisibility();\n // istanbul ignore next\n const className = classnames(\n !uiIsVisible && \"nz-hidden\",\n );\n\n return (\n <NavigationWidgetComposer className={className}\n horizontalToolbar={<ToolbarComposer items={horizontalItems} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Horizontal} />}\n verticalToolbar={<ToolbarComposer items={verticalItems} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Vertical} />}\n />\n );\n}\n"]}

package/lib/cjs/appui-react/widgets/BasicToolWidget.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@
  * @module Widget
  */
 /// <reference types="react" />
-import { ToolbarItem } from "../toolbar/ToolbarItem";
+import type { ToolbarItem } from "../toolbar/ToolbarItem";
 /** Properties that can be used to append items to the default set of toolbar items.
  * @public
  */

package/lib/cjs/appui-react/widgets/BasicToolWidget.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BasicToolWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAWH,OAAO,EAAE,WAAW,~~EAAoC~~,MAAM,wBAAwB,CAAC;~~AAEvF~~;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,yDAAyD;IACzD,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,qHAAqH;IACrH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAgE1D"}
1	+ {"version":3,"file":"BasicToolWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAWH,OAAO,KAAK,EAAE,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAGzD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,yDAAyD;IACzD,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,qHAAqH;IACrH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAgE1D"}

package/lib/cjs/appui-react/widgets/BasicToolWidget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BasicToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,sEAAyD;AACzD,kFAAuF;AACvF,gEAA6D;AAC7D,4DAAyD;AACzD,6DAA0D;AAC1D,6DAA0D;AAC1D,8DAA2D;~~AAC3D~~,~~wDAAuF~~;~~AAgBvF~~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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 Widget\r\n /\r\n\r\nimport classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\r\nimport { SelectionContextToolDefinitions } from \"../selection/SelectionContextItemDef\";\r\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\r\nimport { ToolbarHelper } from \"../toolbar/ToolbarHelper\";\r\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\r\nimport { BackstageAppButton } from \"./BackstageAppButton\";\r\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\r\nimport { ToolbarItem, ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\r\n\r\n/** Properties that can be used to append items to the default set of toolbar items.\r\n * @public\r\n /\r\nexport interface BasicToolWidgetProps {\r\n /* if true include hide/isolate Models and Categories /\r\n showCategoryAndModelsContextTools?: boolean;\r\n /* Name of icon WebFont entry or if specifying an imported SVG symbol use \"webSvg:\" prefix to imported symbol Id. /\r\n icon?: string;\r\n /* optional set of additional items to include in horizontal toolbar /\r\n additionalHorizontalItems?: ToolbarItem[];\r\n /* optional set of additional items to include in vertical toolbar /\r\n additionalVerticalItems?: ToolbarItem[];\r\n}\r\n\r\n/* Default Tool Widget for standard \"review\" applications. Provides standard tools to review, and measure elements.\r\n * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.\r\n * @public\r\n */\r\nexport function BasicToolWidget(props: BasicToolWidgetProps) {\r\n const getHorizontalToolbarItems = React.useCallback(\r\n (useCategoryAndModelsContextTools: boolean): ToolbarItem[] => {\r\n const items: ToolbarItem[] = [];\r\n if (useCategoryAndModelsContextTools) {\r\n items.push(\r\n ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.clearSelectionItemDef),\r\n ToolbarHelper.createToolbarItemFromItemDef(20, SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef),\r\n ToolbarHelper.createToolbarItemFromItemDef(30, SelectionContextToolDefinitions.hideSectionToolGroup),\r\n ToolbarHelper.createToolbarItemFromItemDef(40, SelectionContextToolDefinitions.isolateSelectionToolGroup),\r\n ToolbarHelper.createToolbarItemFromItemDef(50, SelectionContextToolDefinitions.emphasizeElementsItemDef),\r\n );\r\n } else {\r\n items.push(\r\n ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.clearSelectionItemDef),\r\n ToolbarHelper.createToolbarItemFromItemDef(20, SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef),\r\n ToolbarHelper.createToolbarItemFromItemDef(30, SelectionContextToolDefinitions.hideElementsItemDef),\r\n ToolbarHelper.createToolbarItemFromItemDef(40, SelectionContextToolDefinitions.isolateElementsItemDef),\r\n ToolbarHelper.createToolbarItemFromItemDef(50, SelectionContextToolDefinitions.emphasizeElementsItemDef),\r\n );\r\n }\r\n if (props.additionalHorizontalItems)\r\n items.push(...props.additionalHorizontalItems);\r\n return items;\r\n }, [props.additionalHorizontalItems]);\r\n\r\n const getVerticalToolbarItems = React.useCallback(\r\n (): ToolbarItem[] => {\r\n const items: ToolbarItem[] = [];\r\n items.push(\r\n ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.selectElementCommand),\r\n ToolbarHelper.createToolbarItemFromItemDef(20, CoreTools.measureToolGroup),\r\n ToolbarHelper.createToolbarItemFromItemDef(30, CoreTools.sectionToolGroup),\r\n );\r\n if (props.additionalVerticalItems)\r\n items.push(...props.additionalVerticalItems);\r\n return items;\r\n }, [props.additionalVerticalItems]);\r\n\r\n const [horizontalItems, setHorizontalItems] = React.useState(() => getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools));\r\n const [verticalItems, setVerticalItems] = React.useState(() => getVerticalToolbarItems());\r\n\r\n const isInitialMount = React.useRef(true);\r\n React.useEffect(() => {\r\n if (isInitialMount.current)\r\n isInitialMount.current = false;\r\n else {\r\n setHorizontalItems(getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools));\r\n setVerticalItems(getVerticalToolbarItems());\r\n }\r\n }, [props.showCategoryAndModelsContextTools, props.additionalHorizontalItems, props.additionalVerticalItems, getHorizontalToolbarItems, getVerticalToolbarItems]);\r\n\r\n const uiIsVisible = useUiVisibility();\r\n // istanbul ignore next\r\n const className = classnames(\r\n !uiIsVisible && \"nz-hidden\",\r\n );\r\n return (\r\n <ToolWidgetComposer className={className}\r\n cornerItem={<BackstageAppButton icon={props.icon} />}\r\n horizontalToolbar={<ToolbarComposer items={horizontalItems} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Horizontal} />}\r\n verticalToolbar={<ToolbarComposer items={verticalItems} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Vertical} />}\r\n />\r\n );\r\n}\r\n"]}
1	+ {"version":3,"file":"BasicToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.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 Widget\n /\n\nimport classnames from \"classnames\";\nimport as React from \"react\";\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\nimport { SelectionContextToolDefinitions } from \"../selection/SelectionContextItemDef\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { ToolbarHelper } from \"../toolbar/ToolbarHelper\";\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\nimport { BackstageAppButton } from \"./BackstageAppButton\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\nimport type { ToolbarItem} from \"../toolbar/ToolbarItem\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\n\n/** Properties that can be used to append items to the default set of toolbar items.\n * @public\n /\nexport interface BasicToolWidgetProps {\n /* if true include hide/isolate Models and Categories /\n showCategoryAndModelsContextTools?: boolean;\n /* Name of icon WebFont entry or if specifying an imported SVG symbol use \"webSvg:\" prefix to imported symbol Id. /\n icon?: string;\n /* optional set of additional items to include in horizontal toolbar /\n additionalHorizontalItems?: ToolbarItem[];\n /* optional set of additional items to include in vertical toolbar /\n additionalVerticalItems?: ToolbarItem[];\n}\n\n/* Default Tool Widget for standard \"review\" applications. Provides standard tools to review, and measure elements.\n * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.\n * @public\n */\nexport function BasicToolWidget(props: BasicToolWidgetProps) {\n const getHorizontalToolbarItems = React.useCallback(\n (useCategoryAndModelsContextTools: boolean): ToolbarItem[] => {\n const items: ToolbarItem[] = [];\n if (useCategoryAndModelsContextTools) {\n items.push(\n ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.clearSelectionItemDef),\n ToolbarHelper.createToolbarItemFromItemDef(20, SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef),\n ToolbarHelper.createToolbarItemFromItemDef(30, SelectionContextToolDefinitions.hideSectionToolGroup),\n ToolbarHelper.createToolbarItemFromItemDef(40, SelectionContextToolDefinitions.isolateSelectionToolGroup),\n ToolbarHelper.createToolbarItemFromItemDef(50, SelectionContextToolDefinitions.emphasizeElementsItemDef),\n );\n } else {\n items.push(\n ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.clearSelectionItemDef),\n ToolbarHelper.createToolbarItemFromItemDef(20, SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef),\n ToolbarHelper.createToolbarItemFromItemDef(30, SelectionContextToolDefinitions.hideElementsItemDef),\n ToolbarHelper.createToolbarItemFromItemDef(40, SelectionContextToolDefinitions.isolateElementsItemDef),\n ToolbarHelper.createToolbarItemFromItemDef(50, SelectionContextToolDefinitions.emphasizeElementsItemDef),\n );\n }\n if (props.additionalHorizontalItems)\n items.push(...props.additionalHorizontalItems);\n return items;\n }, [props.additionalHorizontalItems]);\n\n const getVerticalToolbarItems = React.useCallback(\n (): ToolbarItem[] => {\n const items: ToolbarItem[] = [];\n items.push(\n ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.selectElementCommand),\n ToolbarHelper.createToolbarItemFromItemDef(20, CoreTools.measureToolGroup),\n ToolbarHelper.createToolbarItemFromItemDef(30, CoreTools.sectionToolGroup),\n );\n if (props.additionalVerticalItems)\n items.push(...props.additionalVerticalItems);\n return items;\n }, [props.additionalVerticalItems]);\n\n const [horizontalItems, setHorizontalItems] = React.useState(() => getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools));\n const [verticalItems, setVerticalItems] = React.useState(() => getVerticalToolbarItems());\n\n const isInitialMount = React.useRef(true);\n React.useEffect(() => {\n if (isInitialMount.current)\n isInitialMount.current = false;\n else {\n setHorizontalItems(getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools));\n setVerticalItems(getVerticalToolbarItems());\n }\n }, [props.showCategoryAndModelsContextTools, props.additionalHorizontalItems, props.additionalVerticalItems, getHorizontalToolbarItems, getVerticalToolbarItems]);\n\n const uiIsVisible = useUiVisibility();\n // istanbul ignore next\n const className = classnames(\n !uiIsVisible && \"nz-hidden\",\n );\n return (\n <ToolWidgetComposer className={className}\n cornerItem={<BackstageAppButton icon={props.icon} />}\n horizontalToolbar={<ToolbarComposer items={horizontalItems} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Horizontal} />}\n verticalToolbar={<ToolbarComposer items={verticalItems} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Vertical} />}\n />\n );\n}\n"]}

package/lib/cjs/appui-react/widgets/ContentToolWidgetComposer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ContentToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,gEAA6D;AAC7D,6DAA0D;AAC1D,8DAA2D;AAC3D,wDAA0E;AAW1E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,SAAgB,yBAAyB,CAAC,KAAqC;IAC7E,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,WAAW,GAAG,IAAA,iCAAe,GAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,CAAC,WAAW,IAAI,WAAW,CAC5B,CAAC;IACF,OAAO,CACL,oBAAC,uCAAkB,IAAC,SAAS,EAAE,SAAS,EACtC,UAAU,EAAE,YAAY,EACxB,iBAAiB,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,0BAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,gCAAkB,CAAC,UAAU,GAAI,EACtI,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,0BAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,gCAAkB,CAAC,QAAQ,GAAI,GAClI,CACH,CAAC;AACJ,CAAC;AAdD,8DAcC","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 classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\r\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\r\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\r\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\r\n\r\n/*\r\n Props for [[ContentToolWidgetComposer]].\r\n * @public\r\n /\r\nexport interface ContentToolWidgetComposerProps {\r\n /* If default backstage button is desired use <BackstageAppButton />. /\r\n cornerButton?: React.ReactNode;\r\n}\r\n\r\n/\r\n ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders\r\n * are used to populate the toolbars. See [[StandardContentToolsProvider]].\r\n * @example\r\n * ToolWidget with no corner button\r\n * ```\r\n * <ContentToolWidgetComposer />\r\n * ```\r\n * ToolWidget with corner button\r\n * ```\r\n * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />} />;\r\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\r\n * ```\r\n * ToolWidget with custom corner button\r\n * ```\r\n * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}\r\n * label=\"Toggle Backstage display\",\r\n * execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;\r\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\r\n * ```\r\n \r\n BackstageCornerButton,\r\n * @public\r\n */\r\nexport function ContentToolWidgetComposer(props: ContentToolWidgetComposerProps) {\r\n const { cornerButton } = props;\r\n const uiIsVisible = useUiVisibility();\r\n // istanbul ignore next\r\n const className = classnames(\r\n !uiIsVisible && \"nz-hidden\",\r\n );\r\n return (\r\n <ToolWidgetComposer className={className}\r\n cornerItem={cornerButton}\r\n horizontalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Horizontal} />}\r\n verticalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Vertical} />}\r\n />\r\n );\r\n}\r\n"]}
1	+ {"version":3,"file":"ContentToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ContentToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,gEAA6D;AAC7D,6DAA0D;AAC1D,8DAA2D;AAC3D,wDAA0E;AAW1E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,SAAgB,yBAAyB,CAAC,KAAqC;IAC7E,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,WAAW,GAAG,IAAA,iCAAe,GAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,CAAC,WAAW,IAAI,WAAW,CAC5B,CAAC;IACF,OAAO,CACL,oBAAC,uCAAkB,IAAC,SAAS,EAAE,SAAS,EACtC,UAAU,EAAE,YAAY,EACxB,iBAAiB,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,0BAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,gCAAkB,CAAC,UAAU,GAAI,EACtI,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,0BAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,gCAAkB,CAAC,QAAQ,GAAI,GAClI,CACH,CAAC;AACJ,CAAC;AAdD,8DAcC","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 classnames from \"classnames\";\nimport as React from \"react\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\n\n/*\n Props for [[ContentToolWidgetComposer]].\n * @public\n /\nexport interface ContentToolWidgetComposerProps {\n /* If default backstage button is desired use <BackstageAppButton />. /\n cornerButton?: React.ReactNode;\n}\n\n/\n ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders\n * are used to populate the toolbars. See [[StandardContentToolsProvider]].\n * @example\n * ToolWidget with no corner button\n * ```\n * <ContentToolWidgetComposer />\n * ```\n * ToolWidget with corner button\n * ```\n * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />} />;\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\n * ```\n * ToolWidget with custom corner button\n * ```\n * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}\n * label=\"Toggle Backstage display\",\n * execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\n * ```\n \n BackstageCornerButton,\n * @public\n */\nexport function ContentToolWidgetComposer(props: ContentToolWidgetComposerProps) {\n const { cornerButton } = props;\n const uiIsVisible = useUiVisibility();\n // istanbul ignore next\n const className = classnames(\n !uiIsVisible && \"nz-hidden\",\n );\n return (\n <ToolWidgetComposer className={className}\n cornerItem={cornerButton}\n horizontalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Horizontal} />}\n verticalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Vertical} />}\n />\n );\n}\n"]}

package/lib/cjs/appui-react/widgets/NavigationWidgetComposer.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@
  * @module Widget
  */
 import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
+import type { CommonProps } from "@itwin/core-react";
 /** Properties for the [[NavigationAidHost]] React component
  * @public
  */

package/lib/cjs/appui-react/widgets/NavigationWidgetComposer.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;~~AAG~~/B,OAAO,EAAE,WAAW,~~EAAwF~~,MAAM,mBAAmB,CAAC;~~AAmBtI~~;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAqE9D;AAED;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAChE,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gCAAgC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8MAA8M;IAC9M,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,eA0B5E"}
1	+ {"version":3,"file":"NavigationWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAoBpD;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAqE9D;AAED;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAChE,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gCAAgC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8MAA8M;IAC9M,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,eA0B5E"}

package/lib/cjs/appui-react/widgets/NavigationWidgetComposer.js CHANGED Viewed

@@ -29,7 +29,7 @@ function createNavigationAidControl(activeContentControl, navigationAidId, activ
  */
 function NavigationAidHost(props) {
     const [activeContentControl, setActiveContentControl] = React.useState(() => UiFramework_1.UiFramework.content.getActiveContentControl());
-    const [activeContentViewport, setActiveContentViewport] = React.useState(() => /* istanbul ignore next */ activeContentControl?.viewport);
+    const [activeContentViewport, setActiveContentViewport] = React.useState(() => /* istanbul ignore next */ activeContentControl === null || activeContentControl === void 0 ? void 0 : activeContentControl.viewport);
     const [navigationAidId, setNavigationAidId] = React.useState(() => activeContentControl ? activeContentControl.navigationAidControl : /* istanbul ignore next */ "");
     React.useEffect(() => {
         // istanbul ignore next
@@ -95,7 +95,7 @@ function NavigationWidgetComposer(props) {
     }, [elementSet]);
     const proximityScale = (0, core_react_1.useProximityToMouse)(elementSet, UiFramework_1.UiFramework.visibility.snapWidgetOpacity);
     /* istanbul ignore next */
-    const navigationAid = hideNavigationAid ? undefined : navigationAidHost ?? React.createElement(NavigationAidHost, null);
+    const navigationAid = hideNavigationAid ? undefined : navigationAidHost !== null && navigationAidHost !== void 0 ? navigationAidHost : React.createElement(NavigationAidHost, null);
     return (React.createElement(core_react_1.WidgetOpacityContext.Provider, { value: {
             onElementRef: handleChildRef,
             proximityScale,