@itwin/appui-react 4.0.0-dev.10 → 4.0.0-dev.11

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

@@ -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,0DAA4F;AAC5F,sEAAyD;AACzD,gEAA6D;AAC7D,4DAAyD;AACzD,8DAA2D;AAC3D,yEAAsE;AAYtE;;;GAGG;AACH,SAAgB,qBAAqB,CAAC,KAAiC;IAErE,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CACjD,GAAwB,EAAE;QACxB,MAAM,KAAK,GAAwB,6BAAa,CAAC,8BAA8B,CAAC;YAC9E,+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,GAAwB,EAAE;QACxB,MAAM,KAAK,GAAwB,EAAE,CAAC;QACtC,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,6BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,mCAAkB,CAAC,UAAU,GAAI,EAC9I,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,6BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,mCAAkB,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 { CommonToolbarItem, ToolbarOrientation, ToolbarUsage } from \"@itwin/appui-abstract\";\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\n\r\n/** Properties that can be used to append items to the default set of toolbar items of [[DefaultNavigationWidget]].\r\n * @public\r\n */\r\nexport interface BasicNavigationWidgetProps {\r\n  /** optional set of additional items to include in horizontal toolbar */\r\n  additionalHorizontalItems?: CommonToolbarItem[];\r\n  /** optional set of additional items to include in vertical toolbar */\r\n  additionalVerticalItems?: CommonToolbarItem[];\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    (): CommonToolbarItem[] => {\r\n      const items: CommonToolbarItem[] = 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    (): CommonToolbarItem[] => {\r\n      const items: CommonToolbarItem[] = [];\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} />} // eslint-disable-line deprecation/deprecation\r\n      verticalToolbar={<ToolbarComposer items={verticalItems} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Vertical} />} // eslint-disable-line deprecation/deprecation\r\n    />\r\n  );\r\n}\r\n"]}
+{"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 of [[DefaultNavigationWidget]].\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"]}

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

@@ -2,7 +2,7 @@
  * @module Widget
  */
 /// <reference types="react" />
-import { CommonToolbarItem } from "@itwin/appui-abstract";
+import { ToolbarItem } from "../toolbar/ToolbarItem";
 /** Properties that can be used to append items to the default set of toolbar items of [[ReviewToolWidget]].
  * @public
  */
@@ -12,9 +12,9 @@ export interface BasicToolWidgetProps {
     /** Name of icon WebFont entry or if specifying an imported SVG symbol use "webSvg:" prefix to imported symbol Id. */
     icon?: string;
     /** optional set of additional items to include in horizontal toolbar */
-    additionalHorizontalItems?: CommonToolbarItem[];
+    additionalHorizontalItems?: ToolbarItem[];
     /** optional set of additional items to include in vertical toolbar */
-    additionalVerticalItems?: CommonToolbarItem[];
+    additionalVerticalItems?: ToolbarItem[];
 }
 /** Default Tool Widget for standard "review" applications. Provides standard tools to review, and measure elements.
  * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.

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

@@ -1 +1 @@
-{"version":3,"file":"BasicToolWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,iBAAiB,EAAoC,MAAM,uBAAuB,CAAC;AAS5F;;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,iBAAiB,EAAE,CAAC;IAChD,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC/C;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAgE1D"}
+{"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"}

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

@@ -10,7 +10,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BasicToolWidget = void 0;
 const classnames_1 = require("classnames");
 const React = require("react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
 const CoreToolDefinitions_1 = require("../tools/CoreToolDefinitions");
 const SelectionContextItemDef_1 = require("../selection/SelectionContextItemDef");
 const ToolbarComposer_1 = require("../toolbar/ToolbarComposer");
@@ -18,6 +17,7 @@ const ToolbarHelper_1 = require("../toolbar/ToolbarHelper");
 const ToolWidgetComposer_1 = require("./ToolWidgetComposer");
 const BackstageAppButton_1 = require("./BackstageAppButton");
 const useUiVisibility_1 = require("../hooks/useUiVisibility");
+const ToolbarItem_1 = require("../toolbar/ToolbarItem");
 /** Default Tool Widget for standard "review" applications. Provides standard tools to review, and measure elements.
  * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.
  * @public
@@ -56,7 +56,7 @@ function BasicToolWidget(props) {
     const uiIsVisible = (0, useUiVisibility_1.useUiVisibility)();
     // istanbul ignore next
     const className = (0, classnames_1.default)(!uiIsVisible && "nz-hidden");
-    return (React.createElement(ToolWidgetComposer_1.ToolWidgetComposer, { className: className, cornerItem: React.createElement(BackstageAppButton_1.BackstageAppButton, { icon: props.icon }), horizontalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: horizontalItems, usage: appui_abstract_1.ToolbarUsage.ContentManipulation, orientation: appui_abstract_1.ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: verticalItems, usage: appui_abstract_1.ToolbarUsage.ContentManipulation, orientation: appui_abstract_1.ToolbarOrientation.Vertical }) }));
+    return (React.createElement(ToolWidgetComposer_1.ToolWidgetComposer, { className: className, cornerItem: React.createElement(BackstageAppButton_1.BackstageAppButton, { icon: props.icon }), horizontalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: horizontalItems, usage: ToolbarItem_1.ToolbarUsage.ContentManipulation, orientation: ToolbarItem_1.ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: verticalItems, usage: ToolbarItem_1.ToolbarUsage.ContentManipulation, orientation: ToolbarItem_1.ToolbarOrientation.Vertical }) }));
 }
 exports.BasicToolWidget = BasicToolWidget;
 //# sourceMappingURL=BasicToolWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BasicToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.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 Widget\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonToolbarItem, ToolbarOrientation, ToolbarUsage } from \"@itwin/appui-abstract\";\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\n\r\n/** Properties that can be used to append items to the default set of toolbar items of [[ReviewToolWidget]].\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?: CommonToolbarItem[];\r\n  /** optional set of additional items to include in vertical toolbar */\r\n  additionalVerticalItems?: CommonToolbarItem[];\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): CommonToolbarItem[] => {\r\n      const items: CommonToolbarItem[] = [];\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    (): CommonToolbarItem[] => {\r\n      const items: CommonToolbarItem[] = [];\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} />} // eslint-disable-line deprecation/deprecation\r\n      verticalToolbar={<ToolbarComposer items={verticalItems} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Vertical} />} // eslint-disable-line deprecation/deprecation\r\n    />\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"BasicToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.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 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 of [[ReviewToolWidget]].\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"]}

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

@@ -20,12 +20,12 @@ export interface ContentToolWidgetComposerProps {
  * ```
  * ToolWidget with corner button
  * ```
- * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"} />;
+ * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />} />;
  * <ContentToolWidgetComposer cornerButton={cornerButton} />
  * ```
  * ToolWidget with custom corner button
  * ```
- * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"}
+ * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}
  *   label="Toggle Backstage display",
  *   execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;
  * <ContentToolWidgetComposer cornerButton={cornerButton} />

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

@@ -10,10 +10,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentToolWidgetComposer = void 0;
 const classnames_1 = require("classnames");
 const React = require("react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
 const ToolbarComposer_1 = require("../toolbar/ToolbarComposer");
 const ToolWidgetComposer_1 = require("./ToolWidgetComposer");
 const useUiVisibility_1 = require("../hooks/useUiVisibility");
+const ToolbarItem_1 = require("../toolbar/ToolbarItem");
 /**
  * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders
  * are used to populate the toolbars. See [[StandardContentToolsProvider]].
@@ -24,12 +24,12 @@ const useUiVisibility_1 = require("../hooks/useUiVisibility");
  * ```
  * ToolWidget with corner button
  * ```
- * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"} />;
+ * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />} />;
  * <ContentToolWidgetComposer cornerButton={cornerButton} />
  * ```
  * ToolWidget with custom corner button
  * ```
- * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"}
+ * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}
  *   label="Toggle Backstage display",
  *   execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;
  * <ContentToolWidgetComposer cornerButton={cornerButton} />
@@ -43,7 +43,7 @@ function ContentToolWidgetComposer(props) {
     const uiIsVisible = (0, useUiVisibility_1.useUiVisibility)();
     // istanbul ignore next
     const className = (0, classnames_1.default)(!uiIsVisible && "nz-hidden");
-    return (React.createElement(ToolWidgetComposer_1.ToolWidgetComposer, { className: className, cornerItem: cornerButton, horizontalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: appui_abstract_1.ToolbarUsage.ContentManipulation, orientation: appui_abstract_1.ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: appui_abstract_1.ToolbarUsage.ContentManipulation, orientation: appui_abstract_1.ToolbarOrientation.Vertical }) }));
+    return (React.createElement(ToolWidgetComposer_1.ToolWidgetComposer, { className: className, cornerItem: cornerButton, horizontalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: ToolbarItem_1.ToolbarUsage.ContentManipulation, orientation: ToolbarItem_1.ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: ToolbarItem_1.ToolbarUsage.ContentManipulation, orientation: ToolbarItem_1.ToolbarOrientation.Vertical }) }));
 }
 exports.ContentToolWidgetComposer = ContentToolWidgetComposer;
 //# sourceMappingURL=ContentToolWidgetComposer.js.map

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

@@ -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,0DAAyE;AACzE,gEAA6D;AAC7D,6DAA0D;AAC1D,8DAA2D;AAW3D;;;;;;;;;;;;;;;;;;;;;;;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,6BAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,mCAAkB,CAAC,UAAU,GAAI,EACtI,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,6BAAY,CAAC,mBAAmB,EAAE,WAAW,EAAE,mCAAkB,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 { ToolbarOrientation, ToolbarUsage } from \"@itwin/appui-abstract\";\r\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\r\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\r\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\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={\"icon-bentley-systems\"} />;\r\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\r\n * ```\r\n * ToolWidget with custom corner button\r\n * ```\r\n * const cornerButton = <BackstageAppButton icon={\"icon-bentley-systems\"}\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} />} // eslint-disable-line deprecation/deprecation\r\n      verticalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ContentManipulation} orientation={ToolbarOrientation.Vertical} />} // eslint-disable-line deprecation/deprecation\r\n    />\r\n  );\r\n}\r\n"]}
+{"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"]}

package/lib/cjs/appui-react/widgets/ToolSettingsContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSettingsContent.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolSettingsContent.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAS/B,gBAAgB;AACH,QAAA,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAkC;IAC7F,qBAAqB,EAAE,CAAC;CACzB,CAAC,CAAC","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\n\r\n// TODO: remove? This is only used in ToolSettingsGridContainer.\r\n\r\n/** @internal */\r\nexport interface ToolSettingsContentContextProps {\r\n  readonly availableContentWidth: number;\r\n}\r\n\r\n/** @internal */\r\nexport const ToolSettingsContentContext = React.createContext<ToolSettingsContentContextProps>({ // eslint-disable-line @typescript-eslint/naming-convention\r\n  availableContentWidth: 0,\r\n});\r\n"]}
+{"version":3,"file":"ToolSettingsContent.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolSettingsContent.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAS/B,gBAAgB;AACH,QAAA,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAkC;IAC7F,qBAAqB,EAAE,CAAC;CACzB,CAAC,CAAC","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\n\r\n// TODO: remove? This is only used in ToolSettingsGridContainer.\r\n\r\n/** @internal */\r\nexport interface ToolSettingsContentContextProps {\r\n  readonly availableContentWidth: number;\r\n}\r\n\r\n/** @internal */\r\nexport const ToolSettingsContentContext = React.createContext<ToolSettingsContentContextProps>({\r\n  availableContentWidth: 0,\r\n});\r\n"]}

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

@@ -10,10 +10,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ViewToolWidgetComposer = void 0;
 const classnames_1 = require("classnames");
 const React = require("react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
 const ToolbarComposer_1 = require("../toolbar/ToolbarComposer");
 const useUiVisibility_1 = require("../hooks/useUiVisibility");
 const NavigationWidgetComposer_1 = require("./NavigationWidgetComposer");
+const ToolbarItem_1 = require("../toolbar/ToolbarItem");
 /**
  * ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders
  * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].
@@ -31,7 +31,7 @@ function ViewToolWidgetComposer(props) {
     const uiIsVisible = (0, useUiVisibility_1.useUiVisibility)();
     // istanbul ignore next
     const className = (0, classnames_1.default)(!uiIsVisible && "nz-hidden");
-    return (React.createElement(NavigationWidgetComposer_1.NavigationWidgetComposer, { className: className, hideNavigationAid: props.hideNavigationAid, horizontalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: appui_abstract_1.ToolbarUsage.ViewNavigation, orientation: appui_abstract_1.ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: appui_abstract_1.ToolbarUsage.ViewNavigation, orientation: appui_abstract_1.ToolbarOrientation.Vertical }) }));
+    return (React.createElement(NavigationWidgetComposer_1.NavigationWidgetComposer, { className: className, hideNavigationAid: props.hideNavigationAid, horizontalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: ToolbarItem_1.ToolbarUsage.ViewNavigation, orientation: ToolbarItem_1.ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: ToolbarItem_1.ToolbarUsage.ViewNavigation, orientation: ToolbarItem_1.ToolbarOrientation.Vertical }) }));
 }
 exports.ViewToolWidgetComposer = ViewToolWidgetComposer;
 //# sourceMappingURL=ViewToolWidgetComposer.js.map

package/lib/cjs/appui-react/widgets/ViewToolWidgetComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ViewToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,0DAAyE;AACzE,gEAA6D;AAC7D,8DAA2D;AAC3D,yEAAsE;AAWtE;;;;;;;;;;;;GAYG;AACH,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,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,EAAE,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EACxF,iBAAiB,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,6BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,mCAAkB,CAAC,UAAU,GAAI,EACjI,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,6BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,mCAAkB,CAAC,QAAQ,GAAI,GAC7H,CACH,CAAC;AACJ,CAAC;AAbD,wDAaC","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 { ToolbarOrientation, ToolbarUsage } from \"@itwin/appui-abstract\";\r\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\r\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\r\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer\";\r\n\r\n/**\r\n * Props for [[ViewToolWidgetComposer]].\r\n * @public\r\n */\r\nexport interface ViewToolWidgetComposerProps {\r\n  /** If true no navigation aid will be shown. Defaults to false. */\r\n  hideNavigationAid?: boolean;\r\n}\r\n\r\n/**\r\n * ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders\r\n * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].\r\n *  @example\r\n * ```\r\n * <ViewToolWidgetComposer />\r\n * ```\r\n * If no NavigationAid control is to be shown set hideNavigationAid.\r\n *  * ```\r\n * <ViewToolWidgetComposer hideNavigationAid />\r\n * ```\r\n * @public\r\n */\r\nexport function ViewToolWidgetComposer(props: ViewToolWidgetComposerProps) {\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} hideNavigationAid={props.hideNavigationAid}\r\n      horizontalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Horizontal} />} // eslint-disable-line deprecation/deprecation\r\n      verticalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Vertical} />} // eslint-disable-line deprecation/deprecation\r\n    />\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"ViewToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ViewToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,gEAA6D;AAC7D,8DAA2D;AAC3D,yEAAsE;AACtE,wDAA0E;AAW1E;;;;;;;;;;;;GAYG;AACH,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,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,EAAE,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EACxF,iBAAiB,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,0BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,gCAAkB,CAAC,UAAU,GAAI,EACjI,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,0BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,gCAAkB,CAAC,QAAQ,GAAI,GAC7H,CACH,CAAC;AACJ,CAAC;AAbD,wDAaC","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 { useUiVisibility } from \"../hooks/useUiVisibility\";\r\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer\";\r\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\r\n\r\n/**\r\n * Props for [[ViewToolWidgetComposer]].\r\n * @public\r\n */\r\nexport interface ViewToolWidgetComposerProps {\r\n  /** If true no navigation aid will be shown. Defaults to false. */\r\n  hideNavigationAid?: boolean;\r\n}\r\n\r\n/**\r\n * ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders\r\n * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].\r\n *  @example\r\n * ```\r\n * <ViewToolWidgetComposer />\r\n * ```\r\n * If no NavigationAid control is to be shown set hideNavigationAid.\r\n *  * ```\r\n * <ViewToolWidgetComposer hideNavigationAid />\r\n * ```\r\n * @public\r\n */\r\nexport function ViewToolWidgetComposer(props: ViewToolWidgetComposerProps) {\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} hideNavigationAid={props.hideNavigationAid}\r\n      horizontalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Horizontal} />}\r\n      verticalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Vertical} />}\r\n    />\r\n  );\r\n}\r\n"]}

package/lib/cjs/appui-react/widgets/Widget.d.ts

@@ -0,0 +1,39 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+/// <reference types="react" />
+import { BadgeType, ConditionalStringValue, PointProps } from "@itwin/appui-abstract";
+import { IconSpec, SizeProps } from "@itwin/core-react";
+import { StagePanelLocation } from "../stagepanels/StagePanelLocation";
+import { WidgetState } from "./WidgetState";
+/** Describes options of a floating widget.
+ * @public
+ */
+export interface CanFloatWidgetOptions {
+    readonly isResizable?: boolean;
+    readonly defaultPosition?: PointProps;
+    readonly defaultSize?: SizeProps;
+    readonly containerId?: string;
+    readonly hideWithUi?: boolean;
+}
+/** Describes the data needed to provide a widget.
+ * @public
+ */
+export interface Widget {
+    readonly id: string;
+    /** Stage panels to which this widget can be docked. All stage panels are allowed if nothing is provided. */
+    readonly allowedPanels?: ReadonlyArray<StagePanelLocation>;
+    readonly badge?: BadgeType;
+    /** Defaults to `false`. */
+    readonly canPopout?: boolean;
+    /** Set to `false` to disable floating of a widget. Alternatively options object can be provided which enables floating. Defaults to `true`. */
+    readonly canFloat?: boolean | CanFloatWidgetOptions;
+    readonly defaultState?: WidgetState;
+    /** Content of the Widget. */
+    readonly content?: React.ReactNode;
+    readonly icon?: IconSpec;
+    readonly label?: string | ConditionalStringValue;
+    readonly priority?: number;
+    readonly tooltip?: string | ConditionalStringValue;
+}
+//# sourceMappingURL=Widget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Widget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/Widget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,SAAS,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,MAAM;IACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,4GAA4G;IAC5G,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC3D,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,2BAA2B;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,+IAA+I;IAC/I,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC;IACpD,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,CAAC;IACpC,6BAA6B;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAAC;IACjD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAAC;CACpD"}

package/lib/cjs/appui-react/widgets/{WidgetProps.js → Widget.js}

@@ -7,4 +7,4 @@
  * @module Widget
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=WidgetProps.js.map
+//# sourceMappingURL=Widget.js.map

package/lib/cjs/appui-react/widgets/Widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/Widget.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 { BadgeType, ConditionalStringValue, PointProps } from \"@itwin/appui-abstract\";\r\nimport { IconSpec, SizeProps } from \"@itwin/core-react\";\r\nimport { StagePanelLocation } from \"../stagepanels/StagePanelLocation\";\r\nimport { WidgetState } from \"./WidgetState\";\r\n\r\n/** Describes options of a floating widget.\r\n * @public\r\n */\r\nexport interface CanFloatWidgetOptions {\r\n  readonly isResizable?: boolean;\r\n  readonly defaultPosition?: PointProps;\r\n  readonly defaultSize?: SizeProps;\r\n  readonly containerId?: string;\r\n  readonly hideWithUi?: boolean;\r\n}\r\n\r\n/** Describes the data needed to provide a widget.\r\n * @public\r\n */\r\nexport interface Widget {\r\n  readonly id: string;\r\n  /** Stage panels to which this widget can be docked. All stage panels are allowed if nothing is provided. */\r\n  readonly allowedPanels?: ReadonlyArray<StagePanelLocation>;\r\n  readonly badge?: BadgeType;\r\n  /** Defaults to `false`. */\r\n  readonly canPopout?: boolean;\r\n  /** Set to `false` to disable floating of a widget. Alternatively options object can be provided which enables floating. Defaults to `true`. */\r\n  readonly canFloat?: boolean | CanFloatWidgetOptions;\r\n  readonly defaultState?: WidgetState;\r\n  /** Content of the Widget. */\r\n  readonly content?: React.ReactNode;\r\n  readonly icon?: IconSpec;\r\n  readonly label?: string | ConditionalStringValue;\r\n  readonly priority?: number;\r\n  readonly tooltip?: string | ConditionalStringValue;\r\n}\r\n"]}

package/lib/cjs/appui-react/widgets/WidgetConfig.d.ts

@@ -1,25 +1,15 @@
 /** @packageDocumentation
  * @module Widget
  */
-/// <reference types="react" />
-import { IconProps } from "@itwin/core-react";
-import { ConfigurableUiControlConstructor } from "../configurableui/ConfigurableUiControl";
-import { CommonWidgetProps } from "./WidgetProps";
+import { Widget } from "./Widget";
 /** Configuration from which a widget is created.
  * @public
  */
-export interface WidgetConfig extends Omit<CommonWidgetProps, "getWidgetContent" | "id">, IconProps {
-    readonly id: string;
-    /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */
+export interface WidgetConfig extends Widget {
+    /** If set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */
     readonly labelKey?: string;
-    /** if set, it is used to define a key that is used to look up a localized string. This value is used only if tooltip is not explicitly set. */
+    /** If set, it is used to define a key that is used to look up a localized string. This value is used only if tooltip is not explicitly set. */
     readonly tooltipKey?: string;
-    /** A [[WidgetControl]] providing information about the Widget. */
-    readonly control?: ConfigurableUiControlConstructor;
-    /** A React component for the Widget. */
-    readonly element?: React.ReactNode;
-    /** Control's class id */
-    readonly classId?: string | ConfigurableUiControlConstructor;
     /** @alpha */
     readonly preferredPanelSize?: "fit-content";
 }

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetConfig.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetConfig.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,gCAAgC,EAAE,MAAM,yCAAyC,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,iBAAiB,EAAE,kBAAkB,GAAG,IAAI,CAAC,EAAE,SAAS;IACjG,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,6IAA6I;IAC7I,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,+IAA+I;IAC/I,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,kEAAkE;IAClE,QAAQ,CAAC,OAAO,CAAC,EAAE,gCAAgC,CAAC;IACpD,wCAAwC;IACxC,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,yBAAyB;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,gCAAgC,CAAC;IAC7D,aAAa;IACb,QAAQ,CAAC,kBAAkB,CAAC,EAAE,aAAa,CAAC;CAC7C"}
+{"version":3,"file":"WidgetConfig.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetConfig.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,MAAM;IAC1C,6IAA6I;IAC7I,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,+IAA+I;IAC/I,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa;IACb,QAAQ,CAAC,kBAAkB,CAAC,EAAE,aAAa,CAAC;CAC7C"}

package/lib/cjs/appui-react/widgets/WidgetConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetConfig.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetConfig.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 { IconProps } from \"@itwin/core-react\";\r\nimport { ConfigurableUiControlConstructor } from \"../configurableui/ConfigurableUiControl\";\r\nimport { CommonWidgetProps } from \"./WidgetProps\";\r\n\r\n/** Configuration from which a widget is created.\r\n * @public\r\n */\r\nexport interface WidgetConfig extends Omit<CommonWidgetProps, \"getWidgetContent\" | \"id\">, IconProps {\r\n  readonly id: string;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */\r\n  readonly labelKey?: string;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if tooltip is not explicitly set. */\r\n  readonly tooltipKey?: string;\r\n  /** A [[WidgetControl]] providing information about the Widget. */\r\n  readonly control?: ConfigurableUiControlConstructor;\r\n  /** A React component for the Widget. */\r\n  readonly element?: React.ReactNode;\r\n  /** Control's class id */\r\n  readonly classId?: string | ConfigurableUiControlConstructor;\r\n  /** @alpha */\r\n  readonly preferredPanelSize?: \"fit-content\";\r\n}\r\n"]}
+{"version":3,"file":"WidgetConfig.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetConfig.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 { Widget } from \"./Widget\";\r\n\r\n/** Configuration from which a widget is created.\r\n * @public\r\n */\r\nexport interface WidgetConfig extends Widget {\r\n  /** If set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */\r\n  readonly labelKey?: string;\r\n  /** If set, it is used to define a key that is used to look up a localized string. This value is used only if tooltip is not explicitly set. */\r\n  readonly tooltipKey?: string;\r\n  /** @alpha */\r\n  readonly preferredPanelSize?: \"fit-content\";\r\n}\r\n"]}

package/lib/cjs/appui-react/widgets/WidgetControl.d.ts

@@ -2,9 +2,9 @@
  * @module Widget
  */
 import * as React from "react";
-import { WidgetState } from "@itwin/appui-abstract";
 import { ConfigurableCreateInfo, ConfigurableUiControl, ConfigurableUiControlType } from "../configurableui/ConfigurableUiControl";
 import { WidgetDef } from "./WidgetDef";
+import { WidgetState } from "./WidgetState";
 /** The base class for Widget controls.
  * @public
  */

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACnI,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,qBAAa,aAAc,SAAQ,qBAAqB;IACtD,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,UAAU,CAAkB;gBAExB,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAItD,iDAAiD;IACjD,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAA4B;IACnE,IAAW,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAA0B;IAEjE,qDAAqD;IACrD,IAAW,SAAS,IAAI,SAAS,CAA4B;IAC7D,IAAW,SAAS,CAAC,CAAC,EAAE,SAAS,EAA0B;IAE3D,6EAA6E;IACtE,OAAO,IAAI,yBAAyB;IAE3C,gDAAgD;IACzC,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAI/C,wCAAwC;IACjC,oBAAoB,IAAI,IAAI;IAGnC,kEAAkE;IAC3D,kBAAkB,IAAI,IAAI;IAGjC;;OAEG;IACI,qBAAqB,IAAI,OAAO;CAGxC"}
+{"version":3,"file":"WidgetControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACnI,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;GAEG;AACH,qBAAa,aAAc,SAAQ,qBAAqB;IACtD,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,UAAU,CAAkB;gBAExB,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAItD,iDAAiD;IACjD,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAA4B;IACnE,IAAW,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAA0B;IAEjE,qDAAqD;IACrD,IAAW,SAAS,IAAI,SAAS,CAA4B;IAC7D,IAAW,SAAS,CAAC,CAAC,EAAE,SAAS,EAA0B;IAE3D,6EAA6E;IACtE,OAAO,IAAI,yBAAyB;IAE3C,gDAAgD;IACzC,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAI/C,wCAAwC;IACjC,oBAAoB,IAAI,IAAI;IAGnC,kEAAkE;IAC3D,kBAAkB,IAAI,IAAI;IAGjC;;OAEG;IACI,qBAAqB,IAAI,OAAO;CAGxC"}

package/lib/cjs/appui-react/widgets/WidgetControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetControl.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetControl.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,mFAAmI;AAGnI;;GAEG;AACH,MAAa,aAAc,SAAQ,6CAAqB;IAItD,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAED,iDAAiD;IACjD,IAAW,SAAS,KAAsB,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IACnE,IAAW,SAAS,CAAC,CAAkB,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;IAEjE,qDAAqD;IACrD,IAAW,SAAS,KAAgB,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IAC7D,IAAW,SAAS,CAAC,CAAY,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;IAE3D,6EAA6E;IACtE,OAAO,KAAgC,OAAO,iDAAyB,CAAC,MAAM,CAAC,CAAC,CAAC;IAExF,gDAAgD;IACzC,cAAc,CAAC,KAAkB;QACtC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,wCAAwC;IACjC,oBAAoB;IAC3B,CAAC;IAED,kEAAkE;IAC3D,kBAAkB;IACzB,CAAC;IAED;;OAEG;IACI,qBAAqB;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC;CACF;AAtCD,sCAsCC","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 { WidgetState } from \"@itwin/appui-abstract\";\r\nimport { ConfigurableCreateInfo, ConfigurableUiControl, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\nimport { WidgetDef } from \"./WidgetDef\";\r\n\r\n/** The base class for Widget controls.\r\n * @public\r\n */\r\nexport class WidgetControl extends ConfigurableUiControl {\r\n  private _widgetDef!: WidgetDef;\r\n  private _reactNode: React.ReactNode;\r\n\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n  }\r\n\r\n  /** The ReactNode associated with this control */\r\n  public get reactNode(): React.ReactNode { return this._reactNode; }\r\n  public set reactNode(r: React.ReactNode) { this._reactNode = r; }\r\n\r\n  /** The [[WidgetDef]] associated with this control */\r\n  public get widgetDef(): WidgetDef { return this._widgetDef; }\r\n  public set widgetDef(w: WidgetDef) { this._widgetDef = w; }\r\n\r\n  /** Gets the type of ConfigurableUiControl, which is 'Widget' in this case */\r\n  public getType(): ConfigurableUiControlType { return ConfigurableUiControlType.Widget; }\r\n\r\n  /** Sets the [[WidgetState]] for this control */\r\n  public setWidgetState(state: WidgetState): void { // eslint-disable-line deprecation/deprecation\r\n    this.widgetDef.setWidgetState(state);\r\n  }\r\n\r\n  /** Called when widget state changes. */\r\n  public onWidgetStateChanged(): void {\r\n  }\r\n\r\n  /** Overwrite to save transient DOM state (i.e. scroll offset). */\r\n  public saveTransientState(): void {\r\n  }\r\n\r\n  /** Overwrite to restore transient DOM state.\r\n   * @note Return true if the state is restored or the Widget will remount.\r\n   */\r\n  public restoreTransientState(): boolean {\r\n    return false;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"WidgetControl.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetControl.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,mFAAmI;AAInI;;GAEG;AACH,MAAa,aAAc,SAAQ,6CAAqB;IAItD,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAED,iDAAiD;IACjD,IAAW,SAAS,KAAsB,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IACnE,IAAW,SAAS,CAAC,CAAkB,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;IAEjE,qDAAqD;IACrD,IAAW,SAAS,KAAgB,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IAC7D,IAAW,SAAS,CAAC,CAAY,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;IAE3D,6EAA6E;IACtE,OAAO,KAAgC,OAAO,iDAAyB,CAAC,MAAM,CAAC,CAAC,CAAC;IAExF,gDAAgD;IACzC,cAAc,CAAC,KAAkB;QACtC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,wCAAwC;IACjC,oBAAoB;IAC3B,CAAC;IAED,kEAAkE;IAC3D,kBAAkB;IACzB,CAAC;IAED;;OAEG;IACI,qBAAqB;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC;CACF;AAtCD,sCAsCC","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 { ConfigurableCreateInfo, ConfigurableUiControl, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\nimport { WidgetDef } from \"./WidgetDef\";\r\nimport { WidgetState } from \"./WidgetState\";\r\n\r\n/** The base class for Widget controls.\r\n * @public\r\n */\r\nexport class WidgetControl extends ConfigurableUiControl {\r\n  private _widgetDef!: WidgetDef;\r\n  private _reactNode: React.ReactNode;\r\n\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n  }\r\n\r\n  /** The ReactNode associated with this control */\r\n  public get reactNode(): React.ReactNode { return this._reactNode; }\r\n  public set reactNode(r: React.ReactNode) { this._reactNode = r; }\r\n\r\n  /** The [[WidgetDef]] associated with this control */\r\n  public get widgetDef(): WidgetDef { return this._widgetDef; }\r\n  public set widgetDef(w: WidgetDef) { this._widgetDef = w; }\r\n\r\n  /** Gets the type of ConfigurableUiControl, which is 'Widget' in this case */\r\n  public getType(): ConfigurableUiControlType { return ConfigurableUiControlType.Widget; }\r\n\r\n  /** Sets the [[WidgetState]] for this control */\r\n  public setWidgetState(state: WidgetState): void {\r\n    this.widgetDef.setWidgetState(state);\r\n  }\r\n\r\n  /** Called when widget state changes. */\r\n  public onWidgetStateChanged(): void {\r\n  }\r\n\r\n  /** Overwrite to save transient DOM state (i.e. scroll offset). */\r\n  public saveTransientState(): void {\r\n  }\r\n\r\n  /** Overwrite to restore transient DOM state.\r\n   * @note Return true if the state is restored or the Widget will remount.\r\n   */\r\n  public restoreTransientState(): boolean {\r\n    return false;\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/widgets/WidgetDef.d.ts

@@ -2,12 +2,14 @@
  * @module Widget
  */
 import * as React from "react";
-import { BadgeType, ConditionalStringValue, PointProps, StringGetter, UiEvent, WidgetState } from "@itwin/appui-abstract";
+import { BadgeType, ConditionalStringValue, PointProps, StringGetter, UiEvent } from "@itwin/appui-abstract";
 import { FloatingWidgetState, PanelSide } from "@itwin/appui-layout-react";
 import { ConfigurableUiControlConstructor, ConfigurableUiControlType } from "../configurableui/ConfigurableUiControl";
 import { WidgetControl } from "./WidgetControl";
 import { IconSpec, Rectangle, SizeProps } from "@itwin/core-react";
 import { WidgetConfig } from "./WidgetConfig";
+import { WidgetState } from "./WidgetState";
+import { StagePanelLocation } from "../stagepanels/StagePanelLocation";
 /** Widget State Changed Event Args interface.
  * @public
  */
@@ -64,9 +66,9 @@ export declare class WidgetDef {
     private _stateChanged;
     private _widgetType;
     private _applicationData?;
-    private _iconSpec?;
+    private _icon?;
     private _internalData?;
-    private _badgeType?;
+    private _badge?;
     private _onWidgetStateChanged?;
     private _saveTransientState?;
     private _restoreTransientState?;
@@ -147,8 +149,8 @@ export declare class WidgetDef {
     get isActive(): boolean;
     set hideWithUiWhenFloating(hide: boolean | undefined);
     get hideWithUiWhenFloating(): boolean;
-    get allowedPanelTargets(): ReadonlyArray<"left" | "right" | "bottom" | "top"> | undefined;
-    set allowedPanelTargets(targets: ReadonlyArray<"left" | "right" | "bottom" | "top"> | undefined);
+    get allowedPanelTargets(): ReadonlyArray<StagePanelLocation> | undefined;
+    set allowedPanelTargets(targets: ReadonlyArray<StagePanelLocation> | undefined);
     onWidgetStateChanged(): void;
     /** Overwrite to save transient DOM state (i.e. scroll offset). */
     saveTransientState(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetDef.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"WidgetDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetDef.tsx"],"names":[],"mappings":"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"}

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

@@ -12,16 +12,16 @@ const appui_abstract_1 = require("@itwin/appui-abstract");
 const ConfigurableUiControl_1 = require("../configurableui/ConfigurableUiControl");
 const UiFramework_1 = require("../UiFramework");
 const PropsHelper_1 = require("../utils/PropsHelper");
-const StatusBarWidgetComposerControl_1 = require("./StatusBarWidgetComposerControl");
 const core_react_1 = require("@itwin/core-react");
 const InternalFrontstageManager_1 = require("../frontstage/InternalFrontstageManager");
-/* eslint-disable deprecation/deprecation */
+const WidgetState_1 = require("./WidgetState");
+const StatusBarWidgetComposerControl_1 = require("./StatusBarWidgetComposerControl");
 const widgetStateNameMap = new Map([
-    [appui_abstract_1.WidgetState.Closed, "Closed"],
-    [appui_abstract_1.WidgetState.Floating, "Floating"],
-    [appui_abstract_1.WidgetState.Hidden, "Hidden"],
-    [appui_abstract_1.WidgetState.Open, "Open"],
-    [appui_abstract_1.WidgetState.Unloaded, "Unloaded"],
+    [WidgetState_1.WidgetState.Closed, "Closed"],
+    [WidgetState_1.WidgetState.Floating, "Floating"],
+    [WidgetState_1.WidgetState.Hidden, "Hidden"],
+    [WidgetState_1.WidgetState.Open, "Open"],
+    [WidgetState_1.WidgetState.Unloaded, "Unloaded"],
 ]);
 /** Widget State Changed Event class.
  * @public
@@ -48,7 +48,7 @@ class WidgetDef {
     constructor() {
         this._label = "";
         this._tooltip = "";
-        this._defaultState = appui_abstract_1.WidgetState.Unloaded;
+        this._defaultState = WidgetState_1.WidgetState.Unloaded;
         this._classId = undefined;
         this._priority = 0;
         this._isFloatingStateSupported = false;
@@ -83,10 +83,10 @@ class WidgetDef {
     get isStatusBar() { return this._widgetType === WidgetType.StatusBar; }
     get stateChanged() { return this._stateChanged; }
     get applicationData() { return this._applicationData; }
-    get isFloating() { return this.state === appui_abstract_1.WidgetState.Floating; }
-    get iconSpec() { return this._iconSpec === core_react_1.IconHelper.reactIconKey ? core_react_1.IconHelper.getIconReactNode(this._iconSpec, this._internalData) : this._iconSpec; }
-    set iconSpec(spec) { this._iconSpec = this._internalData ? core_react_1.IconHelper.getIconData(spec, this._internalData) : spec; }
-    get badgeType() { return this._badgeType; }
+    get isFloating() { return this.state === WidgetState_1.WidgetState.Floating; }
+    get iconSpec() { return this._icon === core_react_1.IconHelper.reactIconKey ? core_react_1.IconHelper.getIconReactNode(this._icon, this._internalData) : this._icon; }
+    set iconSpec(spec) { this._icon = this._internalData ? core_react_1.IconHelper.getIconData(spec, this._internalData) : spec; }
+    get badgeType() { return this._badge; }
     get initialConfig() { return this._initialConfig; }
     get widgetType() { return this._widgetType; }
     set widgetType(type) { this._widgetType = type; }
@@ -121,45 +121,33 @@ class WidgetDef {
         else if (config.labelKey)
             this._label = UiFramework_1.UiFramework.localization.getLocalizedString(config.labelKey);
         this.setCanPopout(config.canPopout);
-        this.setFloatingContainerId(config.floatingContainerId);
-        this.defaultFloatingPosition = config.defaultFloatingPosition ? config.defaultFloatingPosition : undefined;
-        this._hideWithUiWhenFloating = !!config.hideWithUiWhenFloating;
-        this.allowedPanelTargets = config.allowedPanelTargets;
+        const canFloat = config.canFloat;
+        this._isFloatingStateSupported = !!canFloat;
+        if (typeof canFloat === "object") {
+            this.setFloatingContainerId(canFloat.containerId);
+            this.defaultFloatingPosition = canFloat.defaultPosition;
+            this._hideWithUiWhenFloating = !!canFloat.hideWithUi;
+            this._isFloatingStateWindowResizable = !!canFloat.isResizable;
+            this._defaultFloatingSize = canFloat.defaultSize;
+        }
+        this.allowedPanelTargets = config.allowedPanels;
         if (config.priority !== undefined)
             this._priority = config.priority;
         if (config.tooltip)
             this.setTooltip(config.tooltip);
         else if (config.tooltipKey)
             this._tooltip = UiFramework_1.UiFramework.localization.getLocalizedString(config.tooltipKey);
-        if (config.control !== undefined)
-            this._classId = config.control;
-        else if (config.classId !== undefined)
-            this._classId = config.classId;
         if (config.defaultState !== undefined) {
             this._defaultState = config.defaultState;
         }
-        if (config.isFloatingStateSupported !== undefined)
-            this._isFloatingStateSupported = config.isFloatingStateSupported;
-        if (config.isFloatingStateWindowResizable !== undefined)
-            this._isFloatingStateWindowResizable = config.isFloatingStateWindowResizable;
-        if (config.applicationData !== undefined)
-            this._applicationData = config.applicationData;
-        if (config.element !== undefined)
-            this._widgetReactNode = config.element;
-        if (config.iconSpec !== undefined)
-            this._iconSpec = config.iconSpec;
-        if (config.internalData)
-            this._internalData = config.internalData;
+        this._widgetReactNode = config.content;
+        this._icon = config.icon;
         // istanbul ignore next
-        if (config.icon !== undefined && this._iconSpec === undefined)
-            this._iconSpec = config.icon;
-        if (config.badgeType !== undefined)
-            this._badgeType = config.badgeType;
+        if (config.icon !== undefined && this._icon === undefined)
+            this._icon = config.icon;
+        if (config.badge !== undefined)
+            this._badge = config.badge;
         this._preferredPanelSize = config.preferredPanelSize;
-        this._defaultFloatingSize = config.defaultFloatingSize;
-        this._onWidgetStateChanged = config.onWidgetStateChanged;
-        this._saveTransientState = config.saveTransientState;
-        this._restoreTransientState = config.restoreTransientState;
     }
     /** @alpha */
     get preferredPanelSize() {
@@ -258,13 +246,13 @@ class WidgetDef {
         return (this.isFloating || this.isActive);
     }
     get isVisible() {
-        return appui_abstract_1.WidgetState.Hidden !== this.state;
+        return WidgetState_1.WidgetState.Hidden !== this.state;
     }
     get activeState() {
         return this.state;
     }
     get isActive() {
-        return appui_abstract_1.WidgetState.Open === this.activeState;
+        return WidgetState_1.WidgetState.Open === this.activeState;
     }
     set hideWithUiWhenFloating(hide) {
         this._hideWithUiWhenFloating = !!hide;