npm - @itwin/appui-react - Versions diffs - 4.9.0-dev.1 → 4.10.0-dev.1 - Mend

@itwin/appui-react 4.9.0-dev.1 → 4.10.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 (1757) hide show

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

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

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

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

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

@@ -8,19 +8,19 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getBadgeClassName = exports.WidgetPanelsTab = void 0;
-require("./Tab.scss");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const core_react_1 = require("@itwin/core-react");
 const React = require("react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const Tab_1 = require("../layout/widget/Tab");
 const Content_1 = require("./Content");
-const core_react_1 = require("@itwin/core-react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
+require("./Tab.scss");
 /** @internal */
 function WidgetPanelsTab() {
     const widgetDef = (0, Content_1.useWidgetDef)();
-    const badgeType = widgetDef === null || widgetDef === void 0 ? void 0 : widgetDef.badgeType;
+    const badgeType = widgetDef?.badgeType;
     const badgeClassName = getBadgeClassName(badgeType);
     const badge = React.useMemo(() => core_react_1.BadgeUtilities.getComponentForBadgeType(badgeType), [badgeType]);
-    return React.createElement(appui_layout_react_1.WidgetTab, { className: badgeClassName, badge: badge });
+    return React.createElement(Tab_1.WidgetTab, { className: badgeClassName, badge: badge });
 }
 exports.WidgetPanelsTab = WidgetPanelsTab;
 /** @internal */

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;;;gGAGgG;AAChG;;GAEG;;;AAEH,~~sBAAoB~~;~~AACpB~~,+BAA+B;AAC/B,~~kEAAsD~~;~~AACtD~~,uCAAyC;AACzC,~~kDAAmD~~;~~AACnD~~,~~0DAAkD;AAElD,~~gBAAgB;AAChB,SAAgB,eAAe;IAC7B,MAAM,SAAS,GAAG,IAAA,sBAAY,GAAE,CAAC;IACjC,MAAM,SAAS,GAAG,SAAS,~~aAAT~~,SAAS,~~uBAAT,SAAS,CAAE,SAAS,~~CAAC;IACvC,MAAM,cAAc,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CAAC,2BAAc,CAAC,wBAAwB,CAAC,SAAS,CAAC,EACxD,CAAC,SAAS,CAAC,CACZ,CAAC;IACF,OAAO,oBAAC,~~8BAAS~~,IAAC,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AAChE,CAAC;AATD,0CASC;AAED,gBAAgB;AAChB,SAAgB,iBAAiB,CAAC,SAAgC;IAChE,IAAI,SAAS,KAAK,0BAAS,CAAC,GAAG;QAAE,OAAO,gBAAgB,CAAC;SACpD,IAAI,SAAS,KAAK,0BAAS,CAAC,gBAAgB;QAAE,OAAO,eAAe,CAAC;IAC1E,OAAO,SAAS,CAAC;AACnB,CAAC;AAJD,8CAIC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Widget\n /\n\nimport ~~\"./Tab.scss\";\nimport~~ as ~~React~~ from \"~~react~~\";\nimport { ~~WidgetTab~~ } from \"@itwin/~~appui~~-~~layout-~~react\";\nimport { ~~useWidgetDef~~ } from \"~~./Content~~\";\nimport { ~~BadgeUtilities~~ } from \"~~@itwin~~/~~core-react~~\";\nimport { ~~BadgeType~~ } from \"~~@itwin/appui-abstract~~\";\n\n/** @internal /\nexport function WidgetPanelsTab() {\n const widgetDef = useWidgetDef();\n const badgeType = widgetDef?.badgeType;\n const badgeClassName = getBadgeClassName(badgeType);\n const badge = React.useMemo(\n () => BadgeUtilities.getComponentForBadgeType(badgeType),\n [badgeType]\n );\n return <WidgetTab className={badgeClassName} badge={badge} />;\n}\n\n/* @internal */\nexport function getBadgeClassName(badgeType: BadgeType \| undefined) {\n if (badgeType === BadgeType.New) return \"uifw-badge-new\";\n else if (badgeType === BadgeType.TechnicalPreview) return \"uifw-badge-tp\";\n return undefined;\n}\n"]}
1	+ {"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Tab.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,0DAAkD;AAClD,kDAAmD;AACnD,+BAA+B;AAC/B,8CAAiD;AACjD,uCAAyC;AACzC,sBAAoB;AAEpB,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,CACzB,GAAG,EAAE,CAAC,2BAAc,CAAC,wBAAwB,CAAC,SAAS,CAAC,EACxD,CAAC,SAAS,CAAC,CACZ,CAAC;IACF,OAAO,oBAAC,eAAS,IAAC,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AAChE,CAAC;AATD,0CASC;AAED,gBAAgB;AAChB,SAAgB,iBAAiB,CAAC,SAAgC;IAChE,IAAI,SAAS,KAAK,0BAAS,CAAC,GAAG;QAAE,OAAO,gBAAgB,CAAC;SACpD,IAAI,SAAS,KAAK,0BAAS,CAAC,gBAAgB;QAAE,OAAO,eAAe,CAAC;IAC1E,OAAO,SAAS,CAAC;AACnB,CAAC;AAJD,8CAIC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Widget\n /\n\nimport { BadgeType } from \"@itwin/appui-abstract\";\nimport { BadgeUtilities } from \"@itwin/core-react\";\nimport as React from \"react\";\nimport { WidgetTab } from \"../layout/widget/Tab\";\nimport { useWidgetDef } from \"./Content\";\nimport \"./Tab.scss\";\n\n/** @internal /\nexport function WidgetPanelsTab() {\n const widgetDef = useWidgetDef();\n const badgeType = widgetDef?.badgeType;\n const badgeClassName = getBadgeClassName(badgeType);\n const badge = React.useMemo(\n () => BadgeUtilities.getComponentForBadgeType(badgeType),\n [badgeType]\n );\n return <WidgetTab className={badgeClassName} badge={badge} />;\n}\n\n/* @internal */\nexport function getBadgeClassName(badgeType: BadgeType \| undefined) {\n if (badgeType === BadgeType.New) return \"uifw-badge-new\";\n else if (badgeType === BadgeType.TechnicalPreview) return \"uifw-badge-tp\";\n return undefined;\n}\n"]}

package/lib/cjs/appui-react/widget-panels/ToolSettings.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 /** @packageDocumentation
  * @module ToolSettings
  */
-import "./ToolSettings.scss";
 import * as React from "react";
+import "./ToolSettings.scss";
 /** Defines a ToolSettings property entry.
  * @public
  */
@@ -15,9 +15,9 @@ export interface ToolSettingsEntry {
  * @internal */
 export declare function useShouldRenderDockedToolSettings(): boolean;
 /** @internal */
-export declare function WidgetPanelsToolSettings(): JSX.Element | null;
+export declare function WidgetPanelsToolSettings(): React.JSX.Element | null;
 /** @internal */
-export declare function ToolSettingsDockedContent(): JSX.Element;
+export declare function ToolSettingsDockedContent(): React.JSX.Element;
 /** @internal */
 export declare function useHorizontalToolSettingNodes(): ToolSettingsEntry[];
 /** Defines the ToolSettingsEntry entries that are used to populate a grid layout of ToolSetting properties.
@@ -31,11 +31,11 @@ export interface ToolSettingsGridProps {
  * editor column.
  * @internal
  */
-export declare function ToolSettingsGrid({ settings }: ToolSettingsGridProps): JSX.Element;
+export declare function ToolSettingsGrid({ settings }: ToolSettingsGridProps): React.JSX.Element;
 /** @internal */
 export declare function useToolSettingsNode(): string | number | boolean | {} | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | null | undefined;
 /** @internal */
-export declare function ToolSettingsContent(): JSX.Element | null;
+export declare function ToolSettingsContent(): React.JSX.Element | null;
 /** @internal */
-export declare function ToolSettingsWidgetContent(): JSX.Element;
+export declare function ToolSettingsWidgetContent(): React.JSX.Element;
 //# sourceMappingURL=ToolSettings.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ToolSettings.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/ToolSettings.tsx"],"names":[],"mappings":"AAIA;;GAEG;~~AAEH~~,OAAO,~~qBAAqB,CAAC;AAC7B,OAAO,~~KAAK,KAAK,MAAM,OAAO,CAAC;~~AAW~~/B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAEhC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAiCD;;eAEe;AACf,wBAAgB,iCAAiC,YAOhD;AAED,gBAAgB;AAChB,wBAAgB,wBAAwB,~~uBAGvC~~;AAED,gBAAgB;AAChB,wBAAgB,yBAAyB,~~gBAoBxC~~;AAED,gBAAgB;AAChB,wBAAgB,6BAA6B,wBAkC5C;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAEpC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAChC;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,~~eAgBnE~~;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,2KAwClC;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,~~uBAKlC~~;AAED,gBAAgB;AAChB,wBAAgB,yBAAyB,~~gBAoCxC~~"}
1	+ {"version":3,"file":"ToolSettings.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/ToolSettings.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,qBAAqB,CAAC;AAE7B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAEhC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAiCD;;eAEe;AACf,wBAAgB,iCAAiC,YAOhD;AAED,gBAAgB;AAChB,wBAAgB,wBAAwB,6BAGvC;AAED,gBAAgB;AAChB,wBAAgB,yBAAyB,sBAoBxC;AAED,gBAAgB;AAChB,wBAAgB,6BAA6B,wBAkC5C;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAEpC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAChC;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,qBAgBnE;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,2KAwClC;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,6BAKlC;AAED,gBAAgB;AAChB,wBAAgB,yBAAyB,sBAoCxC"}

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

@@ -8,16 +8,18 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolSettingsWidgetContent = exports.ToolSettingsContent = exports.useToolSettingsNode = exports.ToolSettingsGrid = exports.useHorizontalToolSettingNodes = exports.ToolSettingsDockedContent = exports.WidgetPanelsToolSettings = exports.useShouldRenderDockedToolSettings = 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 React = require("react");
 const UiFramework_1 = require("../UiFramework");
 const InternalFrontstageManager_1 = require("../frontstage/InternalFrontstageManager");
+const LayoutStore_1 = require("../layout/base/LayoutStore");
+const Docked_1 = require("../layout/tool-settings/Docked");
+const Setting_1 = require("../layout/tool-settings/Setting");
+const Content_1 = require("../layout/widget/Content");
+require("./ToolSettings.scss");
 function EmptyToolSettingsEntry() {
-    var _a;
     const toolId = UiFramework_1.UiFramework.frontstages.activeToolId;
-    const toolName = (_a = core_frontend_1.IModelApp.tools.find(toolId)) === null || _a === void 0 ? void 0 : _a.flyover;
+    const toolName = core_frontend_1.IModelApp.tools.find(toolId)?.flyover;
     const toolPlaceholderName = core_frontend_1.IModelApp.localization.getLocalizedString("UiFramework:tools.noToolSettingsPlaceholderName");
     const labelStringStart = core_frontend_1.IModelApp.localization.getLocalizedString("UiFramework:tools.noToolSettingsStart");
     const labelStringEnd = core_frontend_1.IModelApp.localization.getLocalizedString("UiFramework:tools.noToolSettingsEnd");
@@ -37,7 +39,7 @@ function TsLabel({ children }) {
  * Hook that returns true if the tool settings should be rendered docked.
  * @internal */
 function useShouldRenderDockedToolSettings() {
-    return (0, appui_layout_react_1.useLayout)((state) => {
+    return (0, LayoutStore_1.useLayout)((state) => {
         const toolSettings = state.toolSettings;
         if (!toolSettings)
             return false;
@@ -56,39 +58,37 @@ function WidgetPanelsToolSettings() {
 exports.WidgetPanelsToolSettings = WidgetPanelsToolSettings;
 /** @internal */
 function ToolSettingsDockedContent() {
-    var _a, _b;
     const settings = useHorizontalToolSettingNodes();
     const forceRefreshKey = useRefreshKey(settings);
     // for the overflow to work properly each setting in the DockedToolSettings should be wrapped by a DockedToolSetting component
-    return (React.createElement(appui_layout_react_1.DockedToolSettings, { itemId: (_b = (_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.uniqueId) !== null && _b !== void 0 ? _b : "none", key: forceRefreshKey }, settings &&
-        settings.map((entry, index) => (React.createElement(appui_layout_react_1.DockedToolSetting, { key: index },
+    return (React.createElement(Docked_1.DockedToolSettings, { itemId: InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? "none", key: forceRefreshKey }, settings &&
+        settings.map((entry, index) => (React.createElement(Setting_1.DockedToolSetting, { key: index },
             React.createElement(TsLabel, null, entry.labelNode),
             entry.editorNode)))));
 }
 exports.ToolSettingsDockedContent = ToolSettingsDockedContent;
 /** @internal */
 function useHorizontalToolSettingNodes() {
-    var _a;
     React.useEffect(() => {
-        var _a, _b;
-        (_b = (_a = UiFramework_1.UiFramework.frontstages.activeToolInformation) === null || _a === void 0 ? void 0 : _a.toolUiProvider) === null || _b === void 0 ? void 0 : _b.reloadPropertiesFromTool();
+        UiFramework_1.UiFramework.frontstages.activeToolInformation?.toolUiProvider?.reloadPropertiesFromTool();
     }, []);
-    const [settings, setSettings] = React.useState((_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.horizontalToolSettingNodes);
+    const [settings, setSettings] = React.useState(InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider
+        ?.horizontalToolSettingNodes);
     const [emptySettings, setEmptySettings] = React.useState(() => [
         EmptyToolSettingsEntry(),
     ]);
     React.useEffect(() => {
         return UiFramework_1.UiFramework.frontstages.onToolActivatedEvent.addListener(() => {
-            var _a;
-            const nodes = (_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.horizontalToolSettingNodes;
+            const nodes = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider
+                ?.horizontalToolSettingNodes;
             setSettings(nodes);
             setEmptySettings([EmptyToolSettingsEntry()]);
         });
     }, [setSettings, setEmptySettings]);
     React.useEffect(() => {
         return UiFramework_1.UiFramework.frontstages.onToolSettingsReloadEvent.addListener(() => {
-            var _a;
-            const nodes = (_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.horizontalToolSettingNodes;
+            const nodes = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider
+                ?.horizontalToolSettingNodes;
             setSettings(nodes);
             setEmptySettings([EmptyToolSettingsEntry()]);
         });
@@ -114,16 +114,13 @@ function ToolSettingsGrid({ settings }) {
 exports.ToolSettingsGrid = ToolSettingsGrid;
 /** @internal */
 function useToolSettingsNode() {
-    var _a;
     React.useEffect(() => {
-        var _a, _b;
-        (_b = (_a = UiFramework_1.UiFramework.frontstages.activeToolInformation) === null || _a === void 0 ? void 0 : _a.toolUiProvider) === null || _b === void 0 ? void 0 : _b.reloadPropertiesFromTool();
+        UiFramework_1.UiFramework.frontstages.activeToolInformation?.toolUiProvider?.reloadPropertiesFromTool();
     }, []);
-    const [settings, setSettings] = React.useState((_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.toolSettingsNode);
+    const [settings, setSettings] = React.useState(InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode);
     React.useEffect(() => {
         const handleToolActivatedEvent = () => {
-            var _a;
-            const nodes = (_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.toolSettingsNode;
+            const nodes = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;
             setSettings(nodes);
         };
         UiFramework_1.UiFramework.frontstages.onToolActivatedEvent.addListener(handleToolActivatedEvent);
@@ -133,8 +130,7 @@ function useToolSettingsNode() {
     }, [setSettings]);
     React.useEffect(() => {
         const handleToolSettingsReloadEvent = () => {
-            var _a;
-            const nodes = (_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.toolSettingsNode;
+            const nodes = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;
             setSettings(nodes);
         };
         UiFramework_1.UiFramework.frontstages.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);
@@ -147,7 +143,7 @@ function useToolSettingsNode() {
 exports.useToolSettingsNode = useToolSettingsNode;
 /** @internal */
 function ToolSettingsContent() {
-    const toolSettingsType = (0, appui_layout_react_1.useLayout)((state) => { var _a; return (_a = state.toolSettings) === null || _a === void 0 ? void 0 : _a.type; });
+    const toolSettingsType = (0, LayoutStore_1.useLayout)((state) => state.toolSettings?.type);
     // This is needed to remount underlying components tree when going into widget state.
     if (!toolSettingsType || toolSettingsType === "docked")
         return null;
@@ -156,7 +152,6 @@ function ToolSettingsContent() {
 exports.ToolSettingsContent = ToolSettingsContent;
 /** @internal */
 function ToolSettingsWidgetContent() {
-    var _a, _b;
     const floatingToolSettingsContainerRef = React.useRef(null);
     const node = useToolSettingsNode();
     const forceRefreshKey = useRefreshKey(node);
@@ -174,9 +169,9 @@ function ToolSettingsWidgetContent() {
         }
     }, [node]);
     // istanbul ignore next
-    const providerId = (_b = (_a = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.uniqueId) !== null && _b !== void 0 ? _b : "none";
+    const providerId = InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? "none";
     return (React.createElement("div", { "data-toolsettings-provider": providerId, className: "uifw-floating-toolsettings-container", ref: floatingToolSettingsContainerRef, key: forceRefreshKey },
-        React.createElement(appui_layout_react_1.ScrollableWidgetContent, null, node)));
+        React.createElement(Content_1.ScrollableWidgetContent, null, node)));
 }
 exports.ToolSettingsWidgetContent = ToolSettingsWidgetContent;
 /**

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":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module ToolSettings\n /\n\nimport \"./ToolSettings.scss\";\nimport as React from \"react\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport {\n DockedToolSetting,\n DockedToolSettings,\n ScrollableWidgetContent,\n useLayout,\n} from \"@itwin/appui-layout-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager\";\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 toolId = UiFramework.frontstages.activeToolId;\n const toolName = IModelApp.tools.find(toolId)?.flyover;\n const toolPlaceholderName = IModelApp.localization.getLocalizedString(\n \"UiFramework:tools.noToolSettingsPlaceholderName\"\n );\n const labelStringStart = IModelApp.localization.getLocalizedString(\n \"UiFramework:tools.noToolSettingsStart\"\n );\n const labelStringEnd = IModelApp.localization.getLocalizedString(\n \"UiFramework:tools.noToolSettingsEnd\"\n );\n const labelNode = (\n <div className=\"uif-toolsetting-label-docked-horizontal-empty\">\n {labelStringStart}\n {toolName ? toolName : toolPlaceholderName}\n {labelStringEnd}\n </div>\n );\n const editorNode = <div />;\n return { labelNode, editorNode };\n}\n\n/* @internal /\n// istanbul ignore next - need to work on overflow unit testing\nfunction TsLabel({ children }: { children: React.ReactNode }) {\n return (\n <div className=\"uif-toolsetting-label-docked-horizontal\">{children}</div>\n );\n}\n\n/\n Hook that returns true if the tool settings should be rendered docked.\n * @internal /\nexport function useShouldRenderDockedToolSettings() {\n return useLayout((state) => {\n const toolSettings = state.toolSettings;\n if (!toolSettings) return false;\n if (toolSettings.type === \"widget\") return false;\n return !toolSettings.hidden;\n });\n}\n\n/* @internal /\nexport function WidgetPanelsToolSettings() {\n if (!useShouldRenderDockedToolSettings()) return null;\n return <ToolSettingsDockedContent />;\n}\n\n/* @internal /\nexport function ToolSettingsDockedContent() {\n const settings = useHorizontalToolSettingNodes();\n const forceRefreshKey = useRefreshKey(settings);\n // for the overflow to work properly each setting in the DockedToolSettings should be wrapped by a DockedToolSetting component\n return (\n <DockedToolSettings\n itemId={\n InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\"\n }\n key={forceRefreshKey}\n >\n {settings &&\n settings.map((entry, index) => (\n <DockedToolSetting key={index}>\n <TsLabel>{entry.labelNode}</TsLabel>\n {entry.editorNode}\n </DockedToolSetting>\n ))}\n </DockedToolSettings>\n );\n}\n\n/* @internal /\nexport function useHorizontalToolSettingNodes() {\n React.useEffect(() => {\n UiFramework.frontstages.activeToolInformation?.toolUiProvider?.reloadPropertiesFromTool();\n }, []);\n\n const [settings, setSettings] = React.useState(\n InternalFrontstageManager.activeToolSettingsProvider\n ?.horizontalToolSettingNodes\n );\n const [emptySettings, setEmptySettings] = React.useState(() => [\n EmptyToolSettingsEntry(),\n ]);\n React.useEffect(() => {\n return UiFramework.frontstages.onToolActivatedEvent.addListener(() => {\n const nodes =\n InternalFrontstageManager.activeToolSettingsProvider\n ?.horizontalToolSettingNodes;\n setSettings(nodes);\n setEmptySettings([EmptyToolSettingsEntry()]);\n });\n }, [setSettings, setEmptySettings]);\n\n React.useEffect(() => {\n return UiFramework.frontstages.onToolSettingsReloadEvent.addListener(() => {\n const nodes =\n InternalFrontstageManager.activeToolSettingsProvider\n ?.horizontalToolSettingNodes;\n setSettings(nodes);\n setEmptySettings([EmptyToolSettingsEntry()]);\n });\n }, [setSettings, setEmptySettings]);\n\n if (!settings \|\| settings.length === 0) return emptySettings;\n return settings;\n}\n\n/* Defines the ToolSettingsEntry entries that are used to populate a grid layout of ToolSetting properties.\n * @internal\n /\nexport interface ToolSettingsGridProps {\n // label node which potentially can contain a lock node as well.\n settings?: ToolSettingsEntry[];\n}\n\n/* Component that arranges an array of ToolSettingsEntry items into a two column grid layout.\n * The left column is considered the label column, the right column is considered the property\n * editor column.\n * @internal\n /\nexport function ToolSettingsGrid({ settings }: ToolSettingsGridProps) {\n return (\n <div className=\"uifw-standard-toolsettings-two-column-grid\">\n {settings &&\n settings.map((setting: ToolSettingsEntry, index: number) => {\n return (\n <React.Fragment key={index}>\n <span className=\"uifw-standard-toolsettings-label-entry\">\n {setting.labelNode}\n </span>\n {setting.editorNode}\n </React.Fragment>\n );\n })}\n </div>\n );\n}\n\n/* @internal /\nexport function useToolSettingsNode() {\n React.useEffect(() => {\n UiFramework.frontstages.activeToolInformation?.toolUiProvider?.reloadPropertiesFromTool();\n }, []);\n const [settings, setSettings] = React.useState(\n InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode\n );\n React.useEffect(() => {\n const handleToolActivatedEvent = () => {\n const nodes =\n InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n setSettings(nodes);\n };\n UiFramework.frontstages.onToolActivatedEvent.addListener(\n handleToolActivatedEvent\n );\n return () => {\n UiFramework.frontstages.onToolActivatedEvent.removeListener(\n handleToolActivatedEvent\n );\n };\n }, [setSettings]);\n\n React.useEffect(() => {\n const handleToolSettingsReloadEvent = () => {\n const nodes =\n InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n setSettings(nodes);\n };\n UiFramework.frontstages.onToolSettingsReloadEvent.addListener(\n handleToolSettingsReloadEvent\n );\n return () => {\n UiFramework.frontstages.onToolSettingsReloadEvent.removeListener(\n handleToolSettingsReloadEvent\n );\n };\n }, [setSettings]);\n\n return settings;\n}\n\n/* @internal /\nexport function ToolSettingsContent() {\n const toolSettingsType = useLayout((state) => state.toolSettings?.type);\n // This is needed to remount underlying components tree when going into widget state.\n if (!toolSettingsType \|\| toolSettingsType === \"docked\") return null;\n return <ToolSettingsWidgetContent />;\n}\n\n/* @internal /\nexport function ToolSettingsWidgetContent() {\n const floatingToolSettingsContainerRef = React.useRef<HTMLDivElement>(null);\n const node = useToolSettingsNode();\n const forceRefreshKey = useRefreshKey(node);\n\n // if no tool settings hide the floating widgets tab\n React.useEffect(() => {\n // istanbul ignore else\n if (floatingToolSettingsContainerRef.current) {\n const floatingWidgetTab =\n floatingToolSettingsContainerRef.current.closest(\n \".nz-floating-toolsettings\"\n );\n // istanbul ignore else\n if (floatingWidgetTab) {\n (floatingWidgetTab as HTMLDivElement).style.visibility = !!node\n ? \"visible\"\n : / istanbul ignore next / \"hidden\";\n }\n }\n }, [node]);\n\n // istanbul ignore next\n const providerId =\n InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\";\n\n return (\n <div\n data-toolsettings-provider={providerId}\n className=\"uifw-floating-toolsettings-container\"\n ref={floatingToolSettingsContainerRef}\n key={forceRefreshKey}\n >\n <ScrollableWidgetContent>{node}</ScrollableWidgetContent>\n </div>\n );\n}\n\n/\n Hook that returns a key that can be used to force refresh the tool settings.\n * @param toolSettingNodes Nodes that are used to determine if the tool settings should be refreshed.\n * @returns a new key if the dependency changes.\n */\nfunction useRefreshKey(toolSettingNodes: any) {\n const [forceRefreshKey, setForceRefreshKey] = React.useState(Date.now());\n React.useEffect(() => {\n // We cant work with the content of the settings, but we can force refresh when\n // the array is different.\n setForceRefreshKey(Date.now());\n }, [toolSettingNodes]);\n return forceRefreshKey;\n}\n"]}
1	+ {"version":3,"file":"ToolSettings.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/ToolSettings.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,wDAAiD;AACjD,+BAA+B;AAC/B,gDAA6C;AAC7C,uFAAoF;AACpF,4DAAuD;AACvD,2DAAoE;AACpE,6DAAoE;AACpE,sDAAmE;AACnE,+BAA6B;AAY7B,SAAS,sBAAsB;IAC7B,MAAM,MAAM,GAAG,yBAAW,CAAC,WAAW,CAAC,YAAY,CAAC;IACpD,MAAM,QAAQ,GAAG,yBAAS,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IACvD,MAAM,mBAAmB,GAAG,yBAAS,CAAC,YAAY,CAAC,kBAAkB,CACnE,iDAAiD,CAClD,CAAC;IACF,MAAM,gBAAgB,GAAG,yBAAS,CAAC,YAAY,CAAC,kBAAkB,CAChE,uCAAuC,CACxC,CAAC;IACF,MAAM,cAAc,GAAG,yBAAS,CAAC,YAAY,CAAC,kBAAkB,CAC9D,qCAAqC,CACtC,CAAC;IACF,MAAM,SAAS,GAAG,CAChB,6BAAK,SAAS,EAAC,+CAA+C;QAC3D,gBAAgB;QAChB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB;QACzC,cAAc,CACX,CACP,CAAC;IACF,MAAM,UAAU,GAAG,gCAAO,CAAC;IAC3B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;AACnC,CAAC;AAED,gBAAgB;AAChB,+DAA+D;AAC/D,SAAS,OAAO,CAAC,EAAE,QAAQ,EAAiC;IAC1D,OAAO,CACL,6BAAK,SAAS,EAAC,yCAAyC,IAAE,QAAQ,CAAO,CAC1E,CAAC;AACJ,CAAC;AAED;;eAEe;AACf,SAAgB,iCAAiC;IAC/C,OAAO,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QACzB,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC;QACxC,IAAI,CAAC,YAAY;YAAE,OAAO,KAAK,CAAC;QAChC,IAAI,YAAY,CAAC,IAAI,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAC;QACjD,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC;IAC9B,CAAC,CAAC,CAAC;AACL,CAAC;AAPD,8EAOC;AAED,gBAAgB;AAChB,SAAgB,wBAAwB;IACtC,IAAI,CAAC,iCAAiC,EAAE;QAAE,OAAO,IAAI,CAAC;IACtD,OAAO,oBAAC,yBAAyB,OAAG,CAAC;AACvC,CAAC;AAHD,4DAGC;AAED,gBAAgB;AAChB,SAAgB,yBAAyB;IACvC,MAAM,QAAQ,GAAG,6BAA6B,EAAE,CAAC;IACjD,MAAM,eAAe,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,8HAA8H;IAC9H,OAAO,CACL,oBAAC,2BAAkB,IACjB,MAAM,EACJ,qDAAyB,CAAC,0BAA0B,EAAE,QAAQ,IAAI,MAAM,EAE1E,GAAG,EAAE,eAAe,IAEnB,QAAQ;QACP,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,oBAAC,2BAAiB,IAAC,GAAG,EAAE,KAAK;YAC3B,oBAAC,OAAO,QAAE,KAAK,CAAC,SAAS,CAAW;YACnC,KAAK,CAAC,UAAU,CACC,CACrB,CAAC,CACe,CACtB,CAAC;AACJ,CAAC;AApBD,8DAoBC;AAED,gBAAgB;AAChB,SAAgB,6BAA6B;IAC3C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,yBAAW,CAAC,WAAW,CAAC,qBAAqB,EAAE,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC5F,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC5C,qDAAyB,CAAC,0BAA0B;QAClD,EAAE,0BAA0B,CAC/B,CAAC;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;QAC7D,sBAAsB,EAAE;KACzB,CAAC,CAAC;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,yBAAW,CAAC,WAAW,CAAC,oBAAoB,CAAC,WAAW,CAAC,GAAG,EAAE;YACnE,MAAM,KAAK,GACT,qDAAyB,CAAC,0BAA0B;gBAClD,EAAE,0BAA0B,CAAC;YACjC,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,gBAAgB,CAAC,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEpC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,yBAAW,CAAC,WAAW,CAAC,yBAAyB,CAAC,WAAW,CAAC,GAAG,EAAE;YACxE,MAAM,KAAK,GACT,qDAAyB,CAAC,0BAA0B;gBAClD,EAAE,0BAA0B,CAAC;YACjC,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,gBAAgB,CAAC,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEpC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,aAAa,CAAC;IAC7D,OAAO,QAAQ,CAAC;AAClB,CAAC;AAlCD,sEAkCC;AAUD;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAyB;IAClE,OAAO,CACL,6BAAK,SAAS,EAAC,4CAA4C,IACxD,QAAQ;QACP,QAAQ,CAAC,GAAG,CAAC,CAAC,OAA0B,EAAE,KAAa,EAAE,EAAE;YACzD,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK;gBACxB,8BAAM,SAAS,EAAC,wCAAwC,IACrD,OAAO,CAAC,SAAS,CACb;gBACN,OAAO,CAAC,UAAU,CACJ,CAClB,CAAC;QACJ,CAAC,CAAC,CACA,CACP,CAAC;AACJ,CAAC;AAhBD,4CAgBC;AAED,gBAAgB;AAChB,SAAgB,mBAAmB;IACjC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,yBAAW,CAAC,WAAW,CAAC,qBAAqB,EAAE,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC5F,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC5C,qDAAyB,CAAC,0BAA0B,EAAE,gBAAgB,CACvE,CAAC;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,wBAAwB,GAAG,GAAG,EAAE;YACpC,MAAM,KAAK,GACT,qDAAyB,CAAC,0BAA0B,EAAE,gBAAgB,CAAC;YACzE,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC,CAAC;QACF,yBAAW,CAAC,WAAW,CAAC,oBAAoB,CAAC,WAAW,CACtD,wBAAwB,CACzB,CAAC;QACF,OAAO,GAAG,EAAE;YACV,yBAAW,CAAC,WAAW,CAAC,oBAAoB,CAAC,cAAc,CACzD,wBAAwB,CACzB,CAAC;QACJ,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,GACT,qDAAyB,CAAC,0BAA0B,EAAE,gBAAgB,CAAC;YACzE,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC,CAAC;QACF,yBAAW,CAAC,WAAW,CAAC,yBAAyB,CAAC,WAAW,CAC3D,6BAA6B,CAC9B,CAAC;QACF,OAAO,GAAG,EAAE;YACV,yBAAW,CAAC,WAAW,CAAC,yBAAyB,CAAC,cAAc,CAC9D,6BAA6B,CAC9B,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,QAAQ,CAAC;AAClB,CAAC;AAxCD,kDAwCC;AAED,gBAAgB;AAChB,SAAgB,mBAAmB;IACjC,MAAM,gBAAgB,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IACxE,qFAAqF;IACrF,IAAI,CAAC,gBAAgB,IAAI,gBAAgB,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC;IACpE,OAAO,oBAAC,yBAAyB,OAAG,CAAC;AACvC,CAAC;AALD,kDAKC;AAED,gBAAgB;AAChB,SAAgB,yBAAyB;IACvC,MAAM,gCAAgC,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC5E,MAAM,IAAI,GAAG,mBAAmB,EAAE,CAAC;IACnC,MAAM,eAAe,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAE5C,oDAAoD;IACpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,IAAI,gCAAgC,CAAC,OAAO,EAAE;YAC5C,MAAM,iBAAiB,GACrB,gCAAgC,CAAC,OAAO,CAAC,OAAO,CAC9C,2BAA2B,CAC5B,CAAC;YACJ,uBAAuB;YACvB,IAAI,iBAAiB,EAAE;gBACpB,iBAAoC,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,IAAI;oBAC7D,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,0BAA0B,CAAC,QAAQ,CAAC;aACzC;SACF;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,uBAAuB;IACvB,MAAM,UAAU,GACd,qDAAyB,CAAC,0BAA0B,EAAE,QAAQ,IAAI,MAAM,CAAC;IAE3E,OAAO,CACL,2DAC8B,UAAU,EACtC,SAAS,EAAC,sCAAsC,EAChD,GAAG,EAAE,gCAAgC,EACrC,GAAG,EAAE,eAAe;QAEpB,oBAAC,iCAAuB,QAAE,IAAI,CAA2B,CACrD,CACP,CAAC;AACJ,CAAC;AApCD,8DAoCC;AAED;;;;GAIG;AACH,SAAS,aAAa,CAAC,gBAAqB;IAC1C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IACzE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,+EAA+E;QAC/E,0BAA0B;QAC1B,kBAAkB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvB,OAAO,eAAe,CAAC;AACzB,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module ToolSettings\n /\n\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport as React from \"react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager\";\nimport { useLayout } from \"../layout/base/LayoutStore\";\nimport { DockedToolSettings } from \"../layout/tool-settings/Docked\";\nimport { DockedToolSetting } from \"../layout/tool-settings/Setting\";\nimport { ScrollableWidgetContent } from \"../layout/widget/Content\";\nimport \"./ToolSettings.scss\";\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 toolId = UiFramework.frontstages.activeToolId;\n const toolName = IModelApp.tools.find(toolId)?.flyover;\n const toolPlaceholderName = IModelApp.localization.getLocalizedString(\n \"UiFramework:tools.noToolSettingsPlaceholderName\"\n );\n const labelStringStart = IModelApp.localization.getLocalizedString(\n \"UiFramework:tools.noToolSettingsStart\"\n );\n const labelStringEnd = IModelApp.localization.getLocalizedString(\n \"UiFramework:tools.noToolSettingsEnd\"\n );\n const labelNode = (\n <div className=\"uif-toolsetting-label-docked-horizontal-empty\">\n {labelStringStart}\n {toolName ? toolName : toolPlaceholderName}\n {labelStringEnd}\n </div>\n );\n const editorNode = <div />;\n return { labelNode, editorNode };\n}\n\n/* @internal /\n// istanbul ignore next - need to work on overflow unit testing\nfunction TsLabel({ children }: { children: React.ReactNode }) {\n return (\n <div className=\"uif-toolsetting-label-docked-horizontal\">{children}</div>\n );\n}\n\n/\n Hook that returns true if the tool settings should be rendered docked.\n * @internal /\nexport function useShouldRenderDockedToolSettings() {\n return useLayout((state) => {\n const toolSettings = state.toolSettings;\n if (!toolSettings) return false;\n if (toolSettings.type === \"widget\") return false;\n return !toolSettings.hidden;\n });\n}\n\n/* @internal /\nexport function WidgetPanelsToolSettings() {\n if (!useShouldRenderDockedToolSettings()) return null;\n return <ToolSettingsDockedContent />;\n}\n\n/* @internal /\nexport function ToolSettingsDockedContent() {\n const settings = useHorizontalToolSettingNodes();\n const forceRefreshKey = useRefreshKey(settings);\n // for the overflow to work properly each setting in the DockedToolSettings should be wrapped by a DockedToolSetting component\n return (\n <DockedToolSettings\n itemId={\n InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\"\n }\n key={forceRefreshKey}\n >\n {settings &&\n settings.map((entry, index) => (\n <DockedToolSetting key={index}>\n <TsLabel>{entry.labelNode}</TsLabel>\n {entry.editorNode}\n </DockedToolSetting>\n ))}\n </DockedToolSettings>\n );\n}\n\n/* @internal /\nexport function useHorizontalToolSettingNodes() {\n React.useEffect(() => {\n UiFramework.frontstages.activeToolInformation?.toolUiProvider?.reloadPropertiesFromTool();\n }, []);\n\n const [settings, setSettings] = React.useState(\n InternalFrontstageManager.activeToolSettingsProvider\n ?.horizontalToolSettingNodes\n );\n const [emptySettings, setEmptySettings] = React.useState(() => [\n EmptyToolSettingsEntry(),\n ]);\n React.useEffect(() => {\n return UiFramework.frontstages.onToolActivatedEvent.addListener(() => {\n const nodes =\n InternalFrontstageManager.activeToolSettingsProvider\n ?.horizontalToolSettingNodes;\n setSettings(nodes);\n setEmptySettings([EmptyToolSettingsEntry()]);\n });\n }, [setSettings, setEmptySettings]);\n\n React.useEffect(() => {\n return UiFramework.frontstages.onToolSettingsReloadEvent.addListener(() => {\n const nodes =\n InternalFrontstageManager.activeToolSettingsProvider\n ?.horizontalToolSettingNodes;\n setSettings(nodes);\n setEmptySettings([EmptyToolSettingsEntry()]);\n });\n }, [setSettings, setEmptySettings]);\n\n if (!settings \|\| settings.length === 0) return emptySettings;\n return settings;\n}\n\n/* Defines the ToolSettingsEntry entries that are used to populate a grid layout of ToolSetting properties.\n * @internal\n /\nexport interface ToolSettingsGridProps {\n // label node which potentially can contain a lock node as well.\n settings?: ToolSettingsEntry[];\n}\n\n/* Component that arranges an array of ToolSettingsEntry items into a two column grid layout.\n * The left column is considered the label column, the right column is considered the property\n * editor column.\n * @internal\n /\nexport function ToolSettingsGrid({ settings }: ToolSettingsGridProps) {\n return (\n <div className=\"uifw-standard-toolsettings-two-column-grid\">\n {settings &&\n settings.map((setting: ToolSettingsEntry, index: number) => {\n return (\n <React.Fragment key={index}>\n <span className=\"uifw-standard-toolsettings-label-entry\">\n {setting.labelNode}\n </span>\n {setting.editorNode}\n </React.Fragment>\n );\n })}\n </div>\n );\n}\n\n/* @internal /\nexport function useToolSettingsNode() {\n React.useEffect(() => {\n UiFramework.frontstages.activeToolInformation?.toolUiProvider?.reloadPropertiesFromTool();\n }, []);\n const [settings, setSettings] = React.useState(\n InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode\n );\n React.useEffect(() => {\n const handleToolActivatedEvent = () => {\n const nodes =\n InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n setSettings(nodes);\n };\n UiFramework.frontstages.onToolActivatedEvent.addListener(\n handleToolActivatedEvent\n );\n return () => {\n UiFramework.frontstages.onToolActivatedEvent.removeListener(\n handleToolActivatedEvent\n );\n };\n }, [setSettings]);\n\n React.useEffect(() => {\n const handleToolSettingsReloadEvent = () => {\n const nodes =\n InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n setSettings(nodes);\n };\n UiFramework.frontstages.onToolSettingsReloadEvent.addListener(\n handleToolSettingsReloadEvent\n );\n return () => {\n UiFramework.frontstages.onToolSettingsReloadEvent.removeListener(\n handleToolSettingsReloadEvent\n );\n };\n }, [setSettings]);\n\n return settings;\n}\n\n/* @internal /\nexport function ToolSettingsContent() {\n const toolSettingsType = useLayout((state) => state.toolSettings?.type);\n // This is needed to remount underlying components tree when going into widget state.\n if (!toolSettingsType \|\| toolSettingsType === \"docked\") return null;\n return <ToolSettingsWidgetContent />;\n}\n\n/* @internal /\nexport function ToolSettingsWidgetContent() {\n const floatingToolSettingsContainerRef = React.useRef<HTMLDivElement>(null);\n const node = useToolSettingsNode();\n const forceRefreshKey = useRefreshKey(node);\n\n // if no tool settings hide the floating widgets tab\n React.useEffect(() => {\n // istanbul ignore else\n if (floatingToolSettingsContainerRef.current) {\n const floatingWidgetTab =\n floatingToolSettingsContainerRef.current.closest(\n \".nz-floating-toolsettings\"\n );\n // istanbul ignore else\n if (floatingWidgetTab) {\n (floatingWidgetTab as HTMLDivElement).style.visibility = !!node\n ? \"visible\"\n : / istanbul ignore next / \"hidden\";\n }\n }\n }, [node]);\n\n // istanbul ignore next\n const providerId =\n InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\";\n\n return (\n <div\n data-toolsettings-provider={providerId}\n className=\"uifw-floating-toolsettings-container\"\n ref={floatingToolSettingsContainerRef}\n key={forceRefreshKey}\n >\n <ScrollableWidgetContent>{node}</ScrollableWidgetContent>\n </div>\n );\n}\n\n/\n Hook that returns a key that can be used to force refresh the tool settings.\n * @param toolSettingNodes Nodes that are used to determine if the tool settings should be refreshed.\n * @returns a new key if the dependency changes.\n */\nfunction useRefreshKey(toolSettingNodes: any) {\n const [forceRefreshKey, setForceRefreshKey] = React.useState(Date.now());\n React.useEffect(() => {\n // We cant work with the content of the settings, but we can force refresh when\n // the array is different.\n setForceRefreshKey(Date.now());\n }, [toolSettingNodes]);\n return forceRefreshKey;\n}\n"]}

package/lib/cjs/appui-react/widget-panels/Toolbars.d.ts CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Toolbars.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Toolbars.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,iBAAiB,CAAC;~~AAIzB~~,gBAAgB;AAChB,wBAAgB,oBAAoB,~~gBAUnC~~"}
1	+ {"version":3,"file":"Toolbars.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Toolbars.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,gBAAgB;AAChB,wBAAgB,oBAAoB,sBAUnC"}

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

@@ -13,10 +13,9 @@ const React = require("react");
 const FrontstageDef_1 = require("../frontstage/FrontstageDef");
 /** @internal */
 function WidgetPanelsToolbars() {
-    var _a, _b;
     const frontstageDef = (0, FrontstageDef_1.useActiveFrontstageDef)();
-    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;
+    const tools = frontstageDef?.contentManipulation?.reactNode;
+    const navigation = frontstageDef?.viewNavigation?.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;;;gGAGgG;AAChG;;GAEG;;;AAEH,2BAAyB;AACzB,+BAA+B;AAC/B,+DAAqE;AAErE,gBAAgB;AAChB,SAAgB,oBAAoB;;IAClC,MAAM,aAAa,GAAG,IAAA,sCAAsB,GAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,~~MAAA,~~aAAa,~~aAAb~~,~~aAAa,uBAAb,aAAa,CAAE,~~mBAAmB,~~0CAAE~~,SAAS,CAAC;IAC5D,MAAM,UAAU,GAAG,~~MAAA,~~aAAa,~~aAAb~~,~~aAAa,uBAAb,aAAa,CAAE,~~cAAc,~~0CAAE~~,SAAS,CAAC;IAC5D,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACxC,KAAK;QACL,UAAU,CACP,CACP,CAAC;AACJ,CAAC;AAVD,oDAUC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Item\n /\n\nimport \"./Toolbars.scss\";\nimport as React from \"react\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\n\n/** @internal */\nexport function WidgetPanelsToolbars() {\n const frontstageDef = useActiveFrontstageDef();\n const tools = frontstageDef?.contentManipulation?.reactNode;\n const navigation = frontstageDef?.viewNavigation?.reactNode;\n return (\n <div className=\"uifw-widgetPanels-toolbars\">\n {tools}\n {navigation}\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"Toolbars.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Toolbars.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,2BAAyB;AACzB,+BAA+B;AAC/B,+DAAqE;AAErE,gBAAgB;AAChB,SAAgB,oBAAoB;IAClC,MAAM,aAAa,GAAG,IAAA,sCAAsB,GAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,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":["/---------------------------------------------------------------------------------------------\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/useTransientState.d.ts.map CHANGED Viewed

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

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

@@ -8,12 +8,16 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTransientState = void 0;
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const React = require("react");
+const ContentRenderer_1 = require("../layout/widget/ContentRenderer");
 /** Hook that allows to save and restore transient DOM state (i.e. scroll offset) of a widget.
  * @beta
  */
 function useTransientState(onSave, onRestore) {
-    (0, appui_layout_react_1.useTransientState)(onSave, onRestore);
+    const tabId = React.useContext(ContentRenderer_1.TabIdContext);
+    (0, core_bentley_1.assert)(!!tabId);
+    return (0, ContentRenderer_1.useTabTransientState)(tabId, onSave, onRestore);
 }
 exports.useTransientState = useTransientState;
 //# sourceMappingURL=useTransientState.js.map

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;;;gGAGgG;AAChG;;GAEG;;;AAEH,~~kEAAuF~~;~~AAEvF~~;;GAEG;AACH,SAAgB,iBAAiB,~~CAC/B~~,MAAmB,~~EACnB~~,SAAsB;~~IAEtB~~,IAAA,~~sCAAqB~~,EAAC,MAAM,EAAE,SAAS,CAAC,CAAC;~~AAC3C~~,CAAC;~~AALD~~,~~8CAKC~~","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Widget\n /\n\nimport { ~~useTransientState~~ ~~as useTransientStateImpl~~ } from \"@itwin/~~appui~~-~~layout-~~react\";\n\n/* Hook that allows to save and restore transient DOM state (i.e. scroll offset) of a widget.\n * @beta\n */\nexport function useTransientState(\n onSave?: () => void~~,\n~~ onRestore?: () => void\n): ~~void~~ {\n ~~useTransientStateImpl~~(onSave, onRestore);\n}\n"]}
1	+ {"version":3,"file":"useTransientState.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useTransientState.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,sDAA6C;AAC7C,+BAA+B;AAC/B,sEAG0C;AAE1C;;GAEG;AACH,SAAgB,iBAAiB,CAAC,MAAmB,EAAE,SAAsB;IAC3E,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,8BAAY,CAAC,CAAC;IAC7C,IAAA,qBAAM,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChB,OAAO,IAAA,sCAAoB,EAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;AACxD,CAAC;AAJD,8CAIC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Widget\n /\n\nimport { assert } from \"@itwin/core-bentley\";\nimport as React from \"react\";\nimport {\n TabIdContext,\n useTabTransientState,\n} from \"../layout/widget/ContentRenderer\";\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) {\n const tabId = React.useContext(TabIdContext);\n assert(!!tabId);\n return useTabTransientState(tabId, onSave, onRestore);\n}\n"]}

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

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

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

@@ -8,21 +8,24 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWidgetDirection = void 0;
-const React = require("react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
 const core_bentley_1 = require("@itwin/core-bentley");
+const React = require("react");
+const LayoutStore_1 = require("../layout/base/LayoutStore");
+const TabLocation_1 = require("../layout/state/TabLocation");
+const Panel_1 = require("../layout/widget-panels/Panel");
+const ContentRenderer_1 = require("../layout/widget/ContentRenderer");
 /** Returns widget direction.
  * I.e. "horizontal" when widget is in bottom/top stage panel.
  * @alpha
  */
 function useWidgetDirection() {
-    const tabId = React.useContext(appui_layout_react_1.TabIdContext);
+    const tabId = React.useContext(ContentRenderer_1.TabIdContext);
     (0, core_bentley_1.assert)(!!tabId);
-    return (0, appui_layout_react_1.useLayout)((state) => {
-        const tabLocation = (0, appui_layout_react_1.getTabLocation)(state, tabId);
+    return (0, LayoutStore_1.useLayout)((state) => {
+        const tabLocation = (0, TabLocation_1.getTabLocation)(state, tabId);
         if (tabLocation &&
             "side" in tabLocation &&
-            (0, appui_layout_react_1.isHorizontalPanelSide)(tabLocation.side)) {
+            (0, Panel_1.isHorizontalPanelSide)(tabLocation.side)) {
             return "horizontal";
         }
         return "vertical";

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;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,~~kEAKmC~~;~~AACnC~~,~~sDAA6C~~;~~AAE7C~~;;;GAGG;AACH,SAAgB,kBAAkB;IAChC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,~~iCAAY~~,CAAC,CAAC;IAC7C,IAAA,qBAAM,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChB,OAAO,IAAA,~~8BAAS~~,EAAC,CAAC,KAAK,EAAE,EAAE;QACzB,MAAM,WAAW,GAAG,IAAA,~~mCAAc~~,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACjD,IACE,WAAW;YACX,MAAM,IAAI,WAAW;YACrB,IAAA,~~0CAAqB~~,EAAC,WAAW,CAAC,IAAI,CAAC,EACvC;YACA,OAAO,YAAY,CAAC;SACrB;QACD,OAAO,UAAU,CAAC;IACpB,CAAC,CAAC,CAAC;AACL,CAAC;AAdD,gDAcC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Widget\n /\n\nimport as React from \"react\";\nimport {\n getTabLocation~~,\n~~ isHorizontalPanelSide~~,\n TabIdContext,\n useLayout,\n~~} from \"~~@itwin~~/~~appui~~-~~layout-react~~\";\nimport { ~~assert~~ } from \"~~@itwin~~/~~core-bentley~~\";\n\n/** Returns widget direction.\n * I.e. \"horizontal\" when widget is in bottom/top stage panel.\n * @alpha\n */\nexport function useWidgetDirection(): \"horizontal\" \| \"vertical\" {\n const tabId = React.useContext(TabIdContext);\n assert(!!tabId);\n return useLayout((state) => {\n const tabLocation = getTabLocation(state, tabId);\n if (\n tabLocation &&\n \"side\" in tabLocation &&\n isHorizontalPanelSide(tabLocation.side)\n ) {\n return \"horizontal\";\n }\n return \"vertical\";\n });\n}\n"]}
1	+ {"version":3,"file":"useWidgetDirection.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useWidgetDirection.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,sDAA6C;AAC7C,+BAA+B;AAC/B,4DAAuD;AACvD,6DAA6D;AAC7D,yDAAsE;AACtE,sEAAgE;AAEhE;;;GAGG;AACH,SAAgB,kBAAkB;IAChC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,8BAAY,CAAC,CAAC;IAC7C,IAAA,qBAAM,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChB,OAAO,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QACzB,MAAM,WAAW,GAAG,IAAA,4BAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACjD,IACE,WAAW;YACX,MAAM,IAAI,WAAW;YACrB,IAAA,6BAAqB,EAAC,WAAW,CAAC,IAAI,CAAC,EACvC;YACA,OAAO,YAAY,CAAC;SACrB;QACD,OAAO,UAAU,CAAC;IACpB,CAAC,CAAC,CAAC;AACL,CAAC;AAdD,gDAcC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Widget\n /\n\nimport { assert } from \"@itwin/core-bentley\";\nimport as React from \"react\";\nimport { useLayout } from \"../layout/base/LayoutStore\";\nimport { getTabLocation } from \"../layout/state/TabLocation\";\nimport { isHorizontalPanelSide } from \"../layout/widget-panels/Panel\";\nimport { TabIdContext } from \"../layout/widget/ContentRenderer\";\n\n/** Returns widget direction.\n * I.e. \"horizontal\" when widget is in bottom/top stage panel.\n * @alpha\n */\nexport function useWidgetDirection(): \"horizontal\" \| \"vertical\" {\n const tabId = React.useContext(TabIdContext);\n assert(!!tabId);\n return useLayout((state) => {\n const tabLocation = getTabLocation(state, tabId);\n if (\n tabLocation &&\n \"side\" in tabLocation &&\n isHorizontalPanelSide(tabLocation.side)\n ) {\n return \"horizontal\";\n }\n return \"vertical\";\n });\n}\n"]}

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

@@ -1,8 +1,8 @@
 /** @packageDocumentation
  * @module Widget
  */
-/// <reference types="react" />
 import type { IconSpec } from "@itwin/core-react";
+import * as React from "react";
 /**
  * Properties for the [[BackstageAppButton]] React component
  * @public
@@ -19,5 +19,5 @@ export interface BackstageAppButtonProps {
  * BackstageAppButton used to toggle display of Backstage and is shown in the corner of the ToolWidget.
  * @public
  */
-export declare function BackstageAppButton(props: BackstageAppButtonProps): JSX.Element;
+export declare function BackstageAppButton(props: BackstageAppButtonProps): React.JSX.Element;
 //# sourceMappingURL=BackstageAppButton.d.ts.map

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~~;;AAIH~~,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;~~AAKlD~~;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACtC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,~~eAgDhE~~"}
1	+ {"version":3,"file":"BackstageAppButton.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;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,qBAgDhE"}

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

@@ -8,11 +8,11 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BackstageAppButton = void 0;
-const React = require("react");
 const home_svg_1 = require("@bentley/icons-generic/icons/home.svg");
 const core_react_1 = require("@itwin/core-react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const React = require("react");
 const UiFramework_1 = require("../UiFramework");
+const App_1 = require("../layout/widget/tools/button/App");
 /**
  * BackstageAppButton used to toggle display of Backstage and is shown in the corner of the ToolWidget.
  * @public
@@ -45,7 +45,7 @@ function BackstageAppButton(props) {
         buttonProximityScale = proximityScale;
     }
     return (React.createElement("div", { ref: ref, className: divClassName },
-        React.createElement(appui_layout_react_1.AppButton, { small: true, mouseProximity: buttonProximityScale, onClick: handleClick, icon: React.createElement(core_react_1.Icon, { iconSpec: icon }), title: backstageLabel })));
+        React.createElement(App_1.AppButton, { small: true, mouseProximity: buttonProximityScale, onClick: handleClick, icon: React.createElement(core_react_1.Icon, { iconSpec: icon }), title: backstageLabel })));
 }
 exports.BackstageAppButton = BackstageAppButton;
 //# sourceMappingURL=BackstageAppButton.js.map

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;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,~~oEAAkE~~;~~AAElE~~,~~kDAAkE~~;~~AAClE,kEAAsD;AACtD,gDAA6C;AAe7C~~;;;GAGG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CAC1C,GAAG,EAAE,CAAC,yBAAW,CAAC,SAAS,CAAC,yBAAyB,CAAC,KAAK,CAAC,IAAI,CAAC,EACjE,CAAC,KAAK,CAAC,IAAI,CAAC,CACb,CAAC;IACF,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,sBAAsB,CAAC,OAAO,EACnD,CAAC,sBAAsB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAC9C,CAAC;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAa,CACxC,CAAC;IACF,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;YAAE,KAAK,CAAC,OAAO,EAAE,CAAC;;YAC9B,sBAAsB,CAAC,OAAO,EAAE,CAAC;IACxC,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,kBAAa,CAAC,CAAC;SAClD;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,GACrB,CACE,CACP,CAAC;AACJ,CAAC;AAhDD,gDAgDC","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 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(\n () => UiFramework.backstage.getBackstageToggleCommand(props.icon),\n [props.icon]\n );\n const backstageLabel = React.useMemo(\n () => props.label \|\| backstageToggleCommand.tooltip,\n [backstageToggleCommand.tooltip, props.label]\n );\n const [icon, setIcon] = React.useState(\n props.icon ? props.icon : widgetIconSvg\n );\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) props.execute();\n else 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 : 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 />\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"BackstageAppButton.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,oEAAkE;AAElE,kDAAkE;AAClE,+BAA+B;AAC/B,gDAA6C;AAC7C,2DAA8D;AAe9D;;;GAGG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CAC1C,GAAG,EAAE,CAAC,yBAAW,CAAC,SAAS,CAAC,yBAAyB,CAAC,KAAK,CAAC,IAAI,CAAC,EACjE,CAAC,KAAK,CAAC,IAAI,CAAC,CACb,CAAC;IACF,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,sBAAsB,CAAC,OAAO,EACnD,CAAC,sBAAsB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAC9C,CAAC;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAa,CACxC,CAAC;IACF,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;YAAE,KAAK,CAAC,OAAO,EAAE,CAAC;;YAC9B,sBAAsB,CAAC,OAAO,EAAE,CAAC;IACxC,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,kBAAa,CAAC,CAAC;SAClD;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,eAAS,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,GACrB,CACE,CACP,CAAC;AACJ,CAAC;AAhDD,gDAgDC","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 widgetIconSvg from \"@bentley/icons-generic/icons/home.svg\";\nimport type { IconSpec } from \"@itwin/core-react\";\nimport { Icon, useWidgetOpacityContext } from \"@itwin/core-react\";\nimport as React from \"react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { AppButton } from \"../layout/widget/tools/button/App\";\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(\n () => UiFramework.backstage.getBackstageToggleCommand(props.icon),\n [props.icon]\n );\n const backstageLabel = React.useMemo(\n () => props.label \|\| backstageToggleCommand.tooltip,\n [backstageToggleCommand.tooltip, props.label]\n );\n const [icon, setIcon] = React.useState(\n props.icon ? props.icon : widgetIconSvg\n );\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) props.execute();\n else 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 : 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 />\n </div>\n );\n}\n"]}

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

@@ -1,7 +1,7 @@
 /** @packageDocumentation
  * @module Widget
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { ToolbarItem } from "../toolbar/ToolbarItem";
 /** Properties that can be used to append items to the default set of toolbar items.
  * @public
@@ -16,5 +16,5 @@ export interface BasicNavigationWidgetProps {
  * Supports the specification of additional horizontal and vertical toolbar items through props.
  * @public
  */
-export declare function BasicNavigationWidget(props: BasicNavigationWidgetProps): JSX.Element;
+export declare function BasicNavigationWidget(props: BasicNavigationWidgetProps): React.JSX.Element;
 //# sourceMappingURL=BasicNavigationWidget.d.ts.map

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,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG1D;;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,~~eAyEtE~~"}
1	+ {"version":3,"file":"BasicNavigationWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicNavigationWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG1D;;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,qBAyEtE"}

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

@@ -1,7 +1,7 @@
 /** @packageDocumentation
  * @module Widget
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { ToolbarItem } from "../toolbar/ToolbarItem";
 /** Properties that can be used to append items to the default set of toolbar items.
  * @public
@@ -20,5 +20,5 @@ export interface BasicToolWidgetProps {
  * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.
  * @public
  */
-export declare function BasicToolWidget(props: BasicToolWidgetProps): JSX.Element;
+export declare function BasicToolWidget(props: BasicToolWidgetProps): React.JSX.Element;
 //# sourceMappingURL=BasicToolWidget.d.ts.map

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,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG1D;;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,~~eA2H1D~~"}
1	+ {"version":3,"file":"BasicToolWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG1D;;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,qBA2H1D"}

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

@@ -34,5 +34,5 @@ export interface ContentToolWidgetComposerProps {
  * BackstageCornerButton,
  * @public
  */
-export declare function ContentToolWidgetComposer(props: ContentToolWidgetComposerProps): JSX.Element;
+export declare function ContentToolWidgetComposer(props: ContentToolWidgetComposerProps): React.JSX.Element;
 //# sourceMappingURL=ContentToolWidgetComposer.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentToolWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ContentToolWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC7C,yEAAyE;IACzE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,~~eA0BtC~~"}
1	+ {"version":3,"file":"ContentToolWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ContentToolWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC7C,yEAAyE;IACzE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,qBA0BtC"}