@itwin/appui-react 5.0.5 → 5.1.0

package/lib/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":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer.js\";\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer.js\";\nimport { BackstageAppButton } from \"./BackstageAppButton.js\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility.js\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem.js\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem.js\";\nimport { ToolbarItems } from \"../tools/ToolbarItems.js\";\n\n/** Properties that can be used to append items to the default set of toolbar items.\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof BasicToolWidget>`\n */\nexport interface BasicToolWidgetProps {\n  /** if true include hide/isolate Models and Categories */\n  showCategoryAndModelsContextTools?: boolean;\n  /** Name of icon WebFont entry or if specifying an imported SVG symbol use \"webSvg:\" prefix to imported symbol Id. */\n  icon?: string;\n  /** optional set of additional items to include in horizontal toolbar */\n  additionalHorizontalItems?: ToolbarItem[];\n  /** optional set of additional items to include in vertical toolbar */\n  additionalVerticalItems?: ToolbarItem[];\n}\n\n/** Default Tool Widget for standard \"review\" applications. Provides standard tools to review, and measure elements.\n * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function BasicToolWidget(props: BasicToolWidgetProps) {\n  const getHorizontalToolbarItems = React.useCallback(\n    (useCategoryAndModelsContextTools: boolean): ToolbarItem[] => {\n      const items: ToolbarItem[] = [];\n      if (useCategoryAndModelsContextTools) {\n        items.push(\n          ToolbarItems.createClearSelection({\n            itemPriority: 10,\n          }),\n          ToolbarItems.createClearHideIsolateEmphasizeElements({\n            itemPriority: 20,\n          }),\n          ToolbarItems.createHideSectionGroup({\n            itemPriority: 30,\n          }),\n          ToolbarItems.createIsolateSelectionGroup({\n            itemPriority: 40,\n          }),\n          ToolbarItems.createEmphasizeElements({\n            itemPriority: 50,\n          })\n        );\n      } else {\n        items.push(\n          ToolbarItems.createClearSelection({\n            itemPriority: 10,\n          }),\n          ToolbarItems.createClearHideIsolateEmphasizeElements({\n            itemPriority: 20,\n          }),\n          ToolbarItems.createHideElements({\n            itemPriority: 30,\n          }),\n          ToolbarItems.createIsolateElements({\n            itemPriority: 40,\n          }),\n          ToolbarItems.createEmphasizeElements({\n            itemPriority: 50,\n          })\n        );\n      }\n      if (props.additionalHorizontalItems)\n        items.push(...props.additionalHorizontalItems);\n      return items;\n    },\n    [props.additionalHorizontalItems]\n  );\n\n  const getVerticalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = [];\n    items.push(\n      ToolbarItems.createSelectElement({\n        itemPriority: 10,\n      }),\n      ToolbarItems.createMeasureGroup({\n        itemPriority: 20,\n      }),\n      ToolbarItems.createSectionGroup({\n        itemPriority: 30,\n      })\n    );\n    if (props.additionalVerticalItems)\n      items.push(...props.additionalVerticalItems);\n    return items;\n  }, [props.additionalVerticalItems]);\n\n  const [horizontalItems, setHorizontalItems] = React.useState(() =>\n    getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools)\n  );\n  const [verticalItems, setVerticalItems] = React.useState(() =>\n    getVerticalToolbarItems()\n  );\n\n  const isInitialMount = React.useRef(true);\n  React.useEffect(() => {\n    if (isInitialMount.current) isInitialMount.current = false;\n    else {\n      setHorizontalItems(\n        getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools)\n      );\n      setVerticalItems(getVerticalToolbarItems());\n    }\n  }, [\n    props.showCategoryAndModelsContextTools,\n    props.additionalHorizontalItems,\n    props.additionalVerticalItems,\n    getHorizontalToolbarItems,\n    getVerticalToolbarItems,\n  ]);\n\n  const uiIsVisible = useUiVisibility();\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n  return (\n    <ToolWidgetComposer\n      className={className}\n      cornerItem={<BackstageAppButton icon={props.icon} />}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={horizontalItems}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={verticalItems}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}
+{"version":3,"file":"BasicToolWidget.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/BasicToolWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer.js\";\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer.js\";\nimport { BackstageAppButton } from \"./BackstageAppButton.js\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility.js\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem.js\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem.js\";\nimport { ToolbarItems } from \"../tools/ToolbarItems.js\";\n\n/** Properties that can be used to append items to the default set of toolbar items.\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof BasicToolWidget>`\n */\nexport interface BasicToolWidgetProps {\n  /** if true include hide/isolate Models and Categories */\n  showCategoryAndModelsContextTools?: boolean;\n  /** Name of icon WebFont entry or if specifying an imported SVG symbol use \"webSvg:\" prefix to imported symbol Id. */\n  icon?: string;\n  /** optional set of additional items to include in horizontal toolbar */\n  additionalHorizontalItems?: ToolbarItem[];\n  /** optional set of additional items to include in vertical toolbar */\n  additionalVerticalItems?: ToolbarItem[];\n}\n\n/** Default Tool Widget for standard \"review\" applications. Provides standard tools to review, and measure elements.\n * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function BasicToolWidget(props: BasicToolWidgetProps) {\n  const getHorizontalToolbarItems = React.useCallback(\n    (useCategoryAndModelsContextTools: boolean): ToolbarItem[] => {\n      const items: ToolbarItem[] = [];\n      if (useCategoryAndModelsContextTools) {\n        items.push(\n          ToolbarItems.createClearSelection({\n            itemPriority: 10,\n          }),\n          ToolbarItems.createClearHideIsolateEmphasizeElements({\n            itemPriority: 20,\n          }),\n          ToolbarItems.createHideSectionGroup({\n            itemPriority: 30,\n          }),\n          ToolbarItems.createIsolateSelectionGroup({\n            itemPriority: 40,\n          }),\n          ToolbarItems.createEmphasizeElements({\n            itemPriority: 50,\n          })\n        );\n      } else {\n        items.push(\n          ToolbarItems.createClearSelection({\n            itemPriority: 10,\n          }),\n          ToolbarItems.createClearHideIsolateEmphasizeElements({\n            itemPriority: 20,\n          }),\n          ToolbarItems.createHideElements({\n            itemPriority: 30,\n          }),\n          ToolbarItems.createIsolateElements({\n            itemPriority: 40,\n          }),\n          ToolbarItems.createEmphasizeElements({\n            itemPriority: 50,\n          })\n        );\n      }\n      if (props.additionalHorizontalItems)\n        items.push(...props.additionalHorizontalItems);\n      return items;\n    },\n    [props.additionalHorizontalItems]\n  );\n\n  const getVerticalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = [];\n    items.push(\n      ToolbarItems.createSelectElement({\n        itemPriority: 10,\n      }),\n      ToolbarItems.createMeasureGroup({\n        itemPriority: 20,\n      }),\n      ToolbarItems.createSectionGroup({\n        itemPriority: 30,\n      })\n    );\n    if (props.additionalVerticalItems)\n      items.push(...props.additionalVerticalItems);\n    return items;\n  }, [props.additionalVerticalItems]);\n\n  const [horizontalItems, setHorizontalItems] = React.useState(() =>\n    getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools)\n  );\n  const [verticalItems, setVerticalItems] = React.useState(() =>\n    getVerticalToolbarItems()\n  );\n\n  const isInitialMount = React.useRef(true);\n  React.useEffect(() => {\n    if (isInitialMount.current) isInitialMount.current = false;\n    else {\n      setHorizontalItems(\n        getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools)\n      );\n      setVerticalItems(getVerticalToolbarItems());\n    }\n  }, [\n    props.showCategoryAndModelsContextTools,\n    props.additionalHorizontalItems,\n    props.additionalVerticalItems,\n    getHorizontalToolbarItems,\n    getVerticalToolbarItems,\n  ]);\n\n  const uiIsVisible = useUiVisibility();\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n  return (\n    <ToolWidgetComposer\n      className={className}\n      cornerItem={<BackstageAppButton icon={props.icon} />}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={horizontalItems}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={verticalItems}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}

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

@@ -36,7 +36,7 @@ import { ToolbarOrientation, ToolbarUsage } from "../toolbar/ToolbarItem.js";
  * @public
  */
 export function ContentToolWidgetComposer(
-/* eslint-disable-next-line deprecation/deprecation */
+/* eslint-disable-next-line @typescript-eslint/no-deprecated */
 props) {
     const { cornerButton } = props;
     const uiIsVisible = useUiVisibility();

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

@@ -1 +1 @@
-{"version":3,"file":"ContentToolWidgetComposer.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/ContentToolWidgetComposer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAY7E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,yBAAyB;AACvC,sDAAsD;AACtD,KAAqC;IAErC,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,WAAW,GAAG,eAAe,EAAE,CAAC;IACtC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,WAAW,IAAI,WAAW,CAAC,CAAC;IAC1D,OAAO,CACL,oBAAC,kBAAkB,IACjB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,YAAY,EACxB,iBAAiB,EACf,oBAAC,eAAe,IACd,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,YAAY,CAAC,mBAAmB,EACvC,WAAW,EAAE,kBAAkB,CAAC,UAAU,GAC1C,EAEJ,eAAe,EACb,oBAAC,eAAe,IACd,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,YAAY,CAAC,mBAAmB,EACvC,WAAW,EAAE,kBAAkB,CAAC,QAAQ,GACxC,GAEJ,CACH,CAAC;AACJ,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 Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer.js\";\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer.js\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility.js\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem.js\";\n\n/**\n * Props for [[ContentToolWidgetComposer]].\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ContentToolWidgetComposer>`\n */\nexport interface ContentToolWidgetComposerProps {\n  /** If default backstage button is desired use <BackstageAppButton />. */\n  cornerButton?: React.ReactNode;\n}\n\n/**\n * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders\n * are used to populate the toolbars. See [[StandardContentToolsProvider]].\n * @example\n * ToolWidget with no corner button\n * ```\n * <ContentToolWidgetComposer />\n * ```\n * ToolWidget with corner button\n * ```\n * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />} />;\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\n * ```\n * ToolWidget with custom corner button\n * ```\n * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}\n *   label=\"Toggle Backstage display\",\n *   execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\n * ```\n *\n * BackstageCornerButton,\n * @public\n */\nexport function ContentToolWidgetComposer(\n  /* eslint-disable-next-line deprecation/deprecation */\n  props: ContentToolWidgetComposerProps\n) {\n  const { cornerButton } = props;\n  const uiIsVisible = useUiVisibility();\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n  return (\n    <ToolWidgetComposer\n      className={className}\n      cornerItem={cornerButton}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={[]}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={[]}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}
+{"version":3,"file":"ContentToolWidgetComposer.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/ContentToolWidgetComposer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAY7E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,yBAAyB;AACvC,+DAA+D;AAC/D,KAAqC;IAErC,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,WAAW,GAAG,eAAe,EAAE,CAAC;IACtC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,WAAW,IAAI,WAAW,CAAC,CAAC;IAC1D,OAAO,CACL,oBAAC,kBAAkB,IACjB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,YAAY,EACxB,iBAAiB,EACf,oBAAC,eAAe,IACd,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,YAAY,CAAC,mBAAmB,EACvC,WAAW,EAAE,kBAAkB,CAAC,UAAU,GAC1C,EAEJ,eAAe,EACb,oBAAC,eAAe,IACd,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,YAAY,CAAC,mBAAmB,EACvC,WAAW,EAAE,kBAAkB,CAAC,QAAQ,GACxC,GAEJ,CACH,CAAC;AACJ,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 Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer.js\";\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer.js\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility.js\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem.js\";\n\n/**\n * Props for [[ContentToolWidgetComposer]].\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ContentToolWidgetComposer>`\n */\nexport interface ContentToolWidgetComposerProps {\n  /** If default backstage button is desired use <BackstageAppButton />. */\n  cornerButton?: React.ReactNode;\n}\n\n/**\n * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders\n * are used to populate the toolbars. See [[StandardContentToolsProvider]].\n * @example\n * ToolWidget with no corner button\n * ```\n * <ContentToolWidgetComposer />\n * ```\n * ToolWidget with corner button\n * ```\n * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />} />;\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\n * ```\n * ToolWidget with custom corner button\n * ```\n * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}\n *   label=\"Toggle Backstage display\",\n *   execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\n * ```\n *\n * BackstageCornerButton,\n * @public\n */\nexport function ContentToolWidgetComposer(\n  /* eslint-disable-next-line @typescript-eslint/no-deprecated */\n  props: ContentToolWidgetComposerProps\n) {\n  const { cornerButton } = props;\n  const uiIsVisible = useUiVisibility();\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n  return (\n    <ToolWidgetComposer\n      className={className}\n      cornerItem={cornerButton}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={[]}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={[]}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}

package/lib/appui-react/widgets/NavigationWidgetComposer.js

@@ -16,9 +16,9 @@ import { useActiveViewport } from "../hooks/useActiveViewport.js";
 import { ViewUtilities } from "../utils/ViewUtilities.js";
 import { SheetNavigationAid } from "../navigationaids/SheetNavigationAid.js";
 function createNavigationAidControl(
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 activeContentControl, navigationAidId, activeViewport
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 ) {
     if (!activeContentControl ||
         !navigationAidId ||
@@ -26,9 +26,9 @@ activeContentControl, navigationAidId, activeViewport
         return undefined;
     const viewport = activeContentControl.viewport;
     const imodel = viewport ? viewport.iModel : UiFramework.getIModelConnection();
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     const navigationAidControl = UiFramework.controls.create(navigationAidId, navigationAidId, { imodel, viewport }
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     );
     navigationAidControl.initialize();
     return navigationAidControl;
@@ -38,15 +38,15 @@ activeContentControl, navigationAidId, activeViewport
  * If an active content is defined without a content control (`classId` is set to an empty string) renders a default navigation aid based on an active viewport view state.
  * @public
  */
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 export function NavigationAidHost(props) {
     const [activeContentControl, setActiveContentControl] = React.useState(() => 
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     UiFramework.content.getActiveContentControl());
     const [activeContentViewport, setActiveContentViewport] = React.useState(() => activeContentControl?.viewport);
     const [navigationAidId, setNavigationAidId] = React.useState(() => activeContentControl ? activeContentControl.navigationAidControl : "");
     React.useEffect(() => {
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         return UiFramework.frontstages.onContentControlActivatedEvent.addListener((args) => {
             setActiveContentControl(args.activeContentControl);
             setActiveContentViewport(args.activeContentControl.viewport);
@@ -72,7 +72,7 @@ export function NavigationAidHost(props) {
         });
     }, []);
     const [activeViewClass, setActiveViewClass] = React.useState(() => {
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         const content = UiFramework.content.getActiveContentControl();
         if (content && content.viewport)
             return content.viewport.view.classFullName;
@@ -89,7 +89,7 @@ export function NavigationAidHost(props) {
         minWidth: props.minWidth ? props.minWidth : "64px",
         minHeight: props.minHeight ? props.minHeight : "64px",
     };
-    if ((UiFramework.visibility.useProximityOpacity || // eslint-disable-line deprecation/deprecation
+    if ((UiFramework.visibility.useProximityOpacity || // eslint-disable-line @typescript-eslint/no-deprecated
         UiFramework.visibility.snapWidgetOpacity) &&
         !ProcessDetector.isMobileBrowser) {
         const navigationAidOpacity = 0.3 * proximityScale + 0.7;
@@ -119,7 +119,7 @@ function DefaultNavigationAid() {
  * and typically holds tools to visually navigate, orient, and zoom to specific content.
  * @public
  */
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 export function NavigationWidgetComposer(props) {
     const { navigationAidHost, horizontalToolbar, verticalToolbar, hideNavigationAid, ...otherProps } = props;
     const [elementSet] = React.useState(new WidgetElementSet());

package/lib/appui-react/widgets/NavigationWidgetComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationWidgetComposer.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/NavigationWidgetComposer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\nimport * as React from \"react\";\nimport { ProcessDetector } from \"@itwin/core-bentley\";\nimport {\n  DrawingViewState,\n  OrthographicViewState,\n  type ScreenViewport,\n  SheetViewState,\n  SpatialViewState,\n} from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport {\n  useProximityToMouse,\n  useWidgetOpacityContext,\n  WidgetElementSet,\n  WidgetOpacityContext,\n} from \"@itwin/core-react/internal\";\nimport {\n  CubeNavigationAid,\n  DrawingNavigationAid,\n  ViewportComponentEvents,\n} from \"@itwin/imodel-components-react\";\nimport type { ContentControl } from \"../content/ContentControl.js\";\nimport { NavigationArea } from \"../layout/widget/NavigationArea.js\";\nimport type { NavigationAidControl } from \"../navigationaids/NavigationAidControl.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { useActiveViewport } from \"../hooks/useActiveViewport.js\";\nimport { ViewUtilities } from \"../utils/ViewUtilities.js\";\nimport { SheetNavigationAid } from \"../navigationaids/SheetNavigationAid.js\";\n\nfunction createNavigationAidControl(\n  // eslint-disable-next-line deprecation/deprecation\n  activeContentControl: ContentControl | undefined,\n  navigationAidId: string,\n  activeViewport: ScreenViewport | undefined\n  // eslint-disable-next-line deprecation/deprecation\n): NavigationAidControl | undefined {\n  if (\n    !activeContentControl ||\n    !navigationAidId ||\n    activeViewport !== activeContentControl.viewport\n  )\n    return undefined;\n\n  const viewport = activeContentControl.viewport;\n  const imodel = viewport ? viewport.iModel : UiFramework.getIModelConnection();\n  // eslint-disable-next-line deprecation/deprecation\n  const navigationAidControl = UiFramework.controls.create(\n    navigationAidId,\n    navigationAidId,\n    { imodel, viewport }\n    // eslint-disable-next-line deprecation/deprecation\n  ) as NavigationAidControl;\n\n  navigationAidControl.initialize();\n  return navigationAidControl;\n}\n\n/** Properties for the [[NavigationAidHost]] React component\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof NavigationAidHost>`\n */\nexport interface NavigationAidHostProps {\n  /** Navigation Aid Host minimum width. Defaults to \"64px\". */\n  minWidth?: string;\n  /** Navigation Aid Host minimum height. Defaults to \"64px\". */\n  minHeight?: string;\n}\n\n/** Component that is used as a default navigation aid.\n * Uses registered navigation aids and the active content control to determine if or which navigation aid to display.\n * If an active content is defined without a content control (`classId` is set to an empty string) renders a default navigation aid based on an active viewport view state.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function NavigationAidHost(props: NavigationAidHostProps) {\n  const [activeContentControl, setActiveContentControl] = React.useState(() =>\n    // eslint-disable-next-line deprecation/deprecation\n    UiFramework.content.getActiveContentControl()\n  );\n  const [activeContentViewport, setActiveContentViewport] = React.useState(\n    () => activeContentControl?.viewport\n  );\n  const [navigationAidId, setNavigationAidId] = React.useState(() =>\n    activeContentControl ? activeContentControl.navigationAidControl : \"\"\n  );\n\n  React.useEffect(() => {\n    // eslint-disable-next-line deprecation/deprecation\n    return UiFramework.frontstages.onContentControlActivatedEvent.addListener(\n      (args) => {\n        setActiveContentControl(args.activeContentControl);\n        setActiveContentViewport(args.activeContentControl.viewport);\n        setNavigationAidId(args.activeContentControl.navigationAidControl);\n      }\n    );\n  }, []);\n  React.useEffect(() => {\n    return UiFramework.content.onActiveContentChangedEvent.addListener(\n      (args) => {\n        args.id;\n        const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n        if (!frontstageDef) return;\n\n        const contentGroup = frontstageDef.contentGroup;\n        if (!contentGroup) return;\n\n        const content = contentGroup.contentPropsList.find(\n          (contentProps) => contentProps.id === args.id\n        );\n        if (!content?.content) return;\n\n        // Content w/o a control is activated - reset the navigation.\n        setActiveContentControl(undefined);\n        setActiveContentViewport(undefined);\n        setNavigationAidId(\"\");\n      }\n    );\n  }, []);\n\n  const [activeViewClass, setActiveViewClass] = React.useState(() => {\n    // eslint-disable-next-line deprecation/deprecation\n    const content = UiFramework.content.getActiveContentControl();\n    if (content && content.viewport) return content.viewport.view.classFullName;\n    return \"\";\n  });\n\n  React.useEffect(() => {\n    return ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(\n      (args) => {\n        setActiveViewClass(args.newName);\n      }\n    );\n  }, [activeViewClass]);\n\n  const navigationAidControl = React.useMemo(\n    () =>\n      createNavigationAidControl(\n        activeContentControl,\n        navigationAidId,\n        activeContentViewport\n      ),\n    [activeContentControl, navigationAidId, activeContentViewport]\n  );\n  const { ref, proximityScale } = useWidgetOpacityContext<HTMLDivElement>();\n\n  const divStyle: React.CSSProperties = {\n    minWidth: props.minWidth ? props.minWidth : \"64px\",\n    minHeight: props.minHeight ? props.minHeight : \"64px\",\n  };\n\n  if (\n    (UiFramework.visibility.useProximityOpacity || // eslint-disable-line deprecation/deprecation\n      UiFramework.visibility.snapWidgetOpacity) &&\n    !ProcessDetector.isMobileBrowser\n  ) {\n    const navigationAidOpacity = 0.3 * proximityScale + 0.7;\n    divStyle.opacity = `${navigationAidOpacity}`;\n  }\n\n  const navigationAid = activeContentControl ? (\n    navigationAidControl?.reactNode\n  ) : (\n    <DefaultNavigationAid />\n  );\n  return (\n    <div style={divStyle} ref={ref}>\n      {navigationAid}\n    </div>\n  );\n}\n\nfunction DefaultNavigationAid() {\n  const viewport = useActiveViewport();\n  if (!viewport) return null;\n\n  const className = ViewUtilities.getBisBaseClass(viewport.view.classFullName);\n  switch (className) {\n    case SheetViewState.className:\n      return <SheetNavigationAid iModelConnection={viewport.iModel} />;\n    case DrawingViewState.className:\n      return (\n        <DrawingNavigationAid\n          iModelConnection={viewport.iModel}\n          viewport={viewport}\n        />\n      );\n    case SpatialViewState.className:\n    case OrthographicViewState.className:\n      return (\n        <CubeNavigationAid\n          iModelConnection={viewport.iModel}\n          viewport={viewport}\n        />\n      );\n  }\n\n  return null;\n}\n\n/** Properties for the [[NavigationWidgetComposer]] React components\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof NavigationWidgetComposer>`\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface NavigationWidgetComposerProps extends CommonProps {\n  /** Optional horizontal toolbar */\n  horizontalToolbar?: React.ReactNode;\n  /** Optional vertical toolbar */\n  verticalToolbar?: React.ReactNode;\n  /** Optional navigation aid to override the default {@link NavigationAidHost}. */\n  navigationAidHost?: React.ReactNode;\n  /** If true no navigation aid will be shown. Defaults to `false`. */\n  hideNavigationAid?: boolean;\n}\n\n/**\n * Component that Composes a NavigationWidget typically using toolbars generated via [[ToolbarComposer]] class. The Navigation widget is shown in the top right of the content area\n * and typically holds tools to visually navigate, orient, and zoom to specific content.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function NavigationWidgetComposer(props: NavigationWidgetComposerProps) {\n  const {\n    navigationAidHost,\n    horizontalToolbar,\n    verticalToolbar,\n    hideNavigationAid,\n    ...otherProps\n  } = props;\n  const [elementSet] = React.useState(new WidgetElementSet());\n  const proximityScale = useProximityToMouse(\n    elementSet,\n    UiFramework.visibility.snapWidgetOpacity\n  );\n\n  const navigationAid = hideNavigationAid\n    ? undefined\n    : navigationAidHost ?? <NavigationAidHost />;\n\n  const addRef = React.useCallback<\n    React.ContextType<typeof WidgetOpacityContext>[\"addRef\"]\n  >(\n    (ref) => {\n      elementSet.add(ref);\n    },\n    [elementSet]\n  );\n  const removeRef = React.useCallback<\n    React.ContextType<typeof WidgetOpacityContext>[\"removeRef\"]\n  >(\n    (ref) => {\n      elementSet.delete(ref);\n    },\n    [elementSet]\n  );\n  return (\n    <WidgetOpacityContext.Provider\n      value={{\n        addRef,\n        removeRef,\n        proximityScale,\n      }}\n    >\n      <NavigationArea\n        navigationAid={navigationAid}\n        horizontalToolbar={horizontalToolbar}\n        verticalToolbar={verticalToolbar}\n        {...otherProps}\n        onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\n      />\n    </WidgetOpacityContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"NavigationWidgetComposer.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/NavigationWidgetComposer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\nimport * as React from \"react\";\nimport { ProcessDetector } from \"@itwin/core-bentley\";\nimport {\n  DrawingViewState,\n  OrthographicViewState,\n  type ScreenViewport,\n  SheetViewState,\n  SpatialViewState,\n} from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport {\n  useProximityToMouse,\n  useWidgetOpacityContext,\n  WidgetElementSet,\n  WidgetOpacityContext,\n} from \"@itwin/core-react/internal\";\nimport {\n  CubeNavigationAid,\n  DrawingNavigationAid,\n  ViewportComponentEvents,\n} from \"@itwin/imodel-components-react\";\nimport type { ContentControl } from \"../content/ContentControl.js\";\nimport { NavigationArea } from \"../layout/widget/NavigationArea.js\";\nimport type { NavigationAidControl } from \"../navigationaids/NavigationAidControl.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { useActiveViewport } from \"../hooks/useActiveViewport.js\";\nimport { ViewUtilities } from \"../utils/ViewUtilities.js\";\nimport { SheetNavigationAid } from \"../navigationaids/SheetNavigationAid.js\";\n\nfunction createNavigationAidControl(\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  activeContentControl: ContentControl | undefined,\n  navigationAidId: string,\n  activeViewport: ScreenViewport | undefined\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n): NavigationAidControl | undefined {\n  if (\n    !activeContentControl ||\n    !navigationAidId ||\n    activeViewport !== activeContentControl.viewport\n  )\n    return undefined;\n\n  const viewport = activeContentControl.viewport;\n  const imodel = viewport ? viewport.iModel : UiFramework.getIModelConnection();\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const navigationAidControl = UiFramework.controls.create(\n    navigationAidId,\n    navigationAidId,\n    { imodel, viewport }\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ) as NavigationAidControl;\n\n  navigationAidControl.initialize();\n  return navigationAidControl;\n}\n\n/** Properties for the [[NavigationAidHost]] React component\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof NavigationAidHost>`\n */\nexport interface NavigationAidHostProps {\n  /** Navigation Aid Host minimum width. Defaults to \"64px\". */\n  minWidth?: string;\n  /** Navigation Aid Host minimum height. Defaults to \"64px\". */\n  minHeight?: string;\n}\n\n/** Component that is used as a default navigation aid.\n * Uses registered navigation aids and the active content control to determine if or which navigation aid to display.\n * If an active content is defined without a content control (`classId` is set to an empty string) renders a default navigation aid based on an active viewport view state.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function NavigationAidHost(props: NavigationAidHostProps) {\n  const [activeContentControl, setActiveContentControl] = React.useState(() =>\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    UiFramework.content.getActiveContentControl()\n  );\n  const [activeContentViewport, setActiveContentViewport] = React.useState(\n    () => activeContentControl?.viewport\n  );\n  const [navigationAidId, setNavigationAidId] = React.useState(() =>\n    activeContentControl ? activeContentControl.navigationAidControl : \"\"\n  );\n\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    return UiFramework.frontstages.onContentControlActivatedEvent.addListener(\n      (args) => {\n        setActiveContentControl(args.activeContentControl);\n        setActiveContentViewport(args.activeContentControl.viewport);\n        setNavigationAidId(args.activeContentControl.navigationAidControl);\n      }\n    );\n  }, []);\n  React.useEffect(() => {\n    return UiFramework.content.onActiveContentChangedEvent.addListener(\n      (args) => {\n        args.id;\n        const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n        if (!frontstageDef) return;\n\n        const contentGroup = frontstageDef.contentGroup;\n        if (!contentGroup) return;\n\n        const content = contentGroup.contentPropsList.find(\n          (contentProps) => contentProps.id === args.id\n        );\n        if (!content?.content) return;\n\n        // Content w/o a control is activated - reset the navigation.\n        setActiveContentControl(undefined);\n        setActiveContentViewport(undefined);\n        setNavigationAidId(\"\");\n      }\n    );\n  }, []);\n\n  const [activeViewClass, setActiveViewClass] = React.useState(() => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const content = UiFramework.content.getActiveContentControl();\n    if (content && content.viewport) return content.viewport.view.classFullName;\n    return \"\";\n  });\n\n  React.useEffect(() => {\n    return ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(\n      (args) => {\n        setActiveViewClass(args.newName);\n      }\n    );\n  }, [activeViewClass]);\n\n  const navigationAidControl = React.useMemo(\n    () =>\n      createNavigationAidControl(\n        activeContentControl,\n        navigationAidId,\n        activeContentViewport\n      ),\n    [activeContentControl, navigationAidId, activeContentViewport]\n  );\n  const { ref, proximityScale } = useWidgetOpacityContext<HTMLDivElement>();\n\n  const divStyle: React.CSSProperties = {\n    minWidth: props.minWidth ? props.minWidth : \"64px\",\n    minHeight: props.minHeight ? props.minHeight : \"64px\",\n  };\n\n  if (\n    (UiFramework.visibility.useProximityOpacity || // eslint-disable-line @typescript-eslint/no-deprecated\n      UiFramework.visibility.snapWidgetOpacity) &&\n    !ProcessDetector.isMobileBrowser\n  ) {\n    const navigationAidOpacity = 0.3 * proximityScale + 0.7;\n    divStyle.opacity = `${navigationAidOpacity}`;\n  }\n\n  const navigationAid = activeContentControl ? (\n    navigationAidControl?.reactNode\n  ) : (\n    <DefaultNavigationAid />\n  );\n  return (\n    <div style={divStyle} ref={ref}>\n      {navigationAid}\n    </div>\n  );\n}\n\nfunction DefaultNavigationAid() {\n  const viewport = useActiveViewport();\n  if (!viewport) return null;\n\n  const className = ViewUtilities.getBisBaseClass(viewport.view.classFullName);\n  switch (className) {\n    case SheetViewState.className:\n      return <SheetNavigationAid iModelConnection={viewport.iModel} />;\n    case DrawingViewState.className:\n      return (\n        <DrawingNavigationAid\n          iModelConnection={viewport.iModel}\n          viewport={viewport}\n        />\n      );\n    case SpatialViewState.className:\n    case OrthographicViewState.className:\n      return (\n        <CubeNavigationAid\n          iModelConnection={viewport.iModel}\n          viewport={viewport}\n        />\n      );\n  }\n\n  return null;\n}\n\n/** Properties for the [[NavigationWidgetComposer]] React components\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof NavigationWidgetComposer>`\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface NavigationWidgetComposerProps extends CommonProps {\n  /** Optional horizontal toolbar */\n  horizontalToolbar?: React.ReactNode;\n  /** Optional vertical toolbar */\n  verticalToolbar?: React.ReactNode;\n  /** Optional navigation aid to override the default {@link NavigationAidHost}. */\n  navigationAidHost?: React.ReactNode;\n  /** If true no navigation aid will be shown. Defaults to `false`. */\n  hideNavigationAid?: boolean;\n}\n\n/**\n * Component that Composes a NavigationWidget typically using toolbars generated via [[ToolbarComposer]] class. The Navigation widget is shown in the top right of the content area\n * and typically holds tools to visually navigate, orient, and zoom to specific content.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function NavigationWidgetComposer(props: NavigationWidgetComposerProps) {\n  const {\n    navigationAidHost,\n    horizontalToolbar,\n    verticalToolbar,\n    hideNavigationAid,\n    ...otherProps\n  } = props;\n  const [elementSet] = React.useState(new WidgetElementSet());\n  const proximityScale = useProximityToMouse(\n    elementSet,\n    UiFramework.visibility.snapWidgetOpacity\n  );\n\n  const navigationAid = hideNavigationAid\n    ? undefined\n    : navigationAidHost ?? <NavigationAidHost />;\n\n  const addRef = React.useCallback<\n    React.ContextType<typeof WidgetOpacityContext>[\"addRef\"]\n  >(\n    (ref) => {\n      elementSet.add(ref);\n    },\n    [elementSet]\n  );\n  const removeRef = React.useCallback<\n    React.ContextType<typeof WidgetOpacityContext>[\"removeRef\"]\n  >(\n    (ref) => {\n      elementSet.delete(ref);\n    },\n    [elementSet]\n  );\n  return (\n    <WidgetOpacityContext.Provider\n      value={{\n        addRef,\n        removeRef,\n        proximityScale,\n      }}\n    >\n      <NavigationArea\n        navigationAid={navigationAid}\n        horizontalToolbar={horizontalToolbar}\n        verticalToolbar={verticalToolbar}\n        {...otherProps}\n        onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\n      />\n    </WidgetOpacityContext.Provider>\n  );\n}\n"]}

package/lib/appui-react/widgets/StatusBarWidgetComposerControl.js

@@ -9,7 +9,7 @@ import * as React from "react";
 import { StatusBarComposer } from "../statusbar/StatusBarComposer.js";
 import { StatusBarWidgetControl } from "../statusbar/StatusBarWidgetControl.js";
 import { UiFramework } from "../UiFramework.js";
-/* eslint-disable deprecation/deprecation */
+/* eslint-disable @typescript-eslint/no-deprecated */
 /** StatusBarWidgetComposerControl provides status bar to specified Frontstage that allows status bar items to be populated
  * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common
  * set of status fields.

package/lib/appui-react/widgets/StatusBarWidgetComposerControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarWidgetComposerControl.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/StatusBarWidgetComposerControl.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,4CAA4C;AAE5C;;;;;GAKG;AACH,MAAM,OAAO,8BAA+B,SAAQ,sBAAsB;IAA1E;;QAEkB,OAAE,GAAG,8BAA8B,CAAC,SAAS,CAAC;IAUhE,CAAC;IARQ,YAAY;QACjB,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,kBAAkB,EAC/C,KAAK,EAAE,EAAE,GACT,CACH,CAAC;IACJ,CAAC;;AAVa,wCAAS,GAAG,qCAAqC,AAAxC,CAAyC","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 { StatusBarComposer } from \"../statusbar/StatusBarComposer.js\";\nimport { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl.js\";\nimport { UiFramework } from \"../UiFramework.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** StatusBarWidgetComposerControl provides status bar to specified Frontstage that allows status bar items to be populated\n * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common\n * set of status fields.\n * @public\n * @deprecated in 4.16.0. Use {@link StatusBarComposer} component instead.\n */\nexport class StatusBarWidgetComposerControl extends StatusBarWidgetControl {\n  public static controlId = \"uifw:StatusBarWidgetComposerControl\";\n  public readonly id = StatusBarWidgetComposerControl.controlId;\n\n  public getReactNode(): React.ReactNode {\n    return (\n      <StatusBarComposer\n        key={UiFramework.frontstages.activeFrontstageId}\n        items={[]}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"StatusBarWidgetComposerControl.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/StatusBarWidgetComposerControl.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,qDAAqD;AAErD;;;;;GAKG;AACH,MAAM,OAAO,8BAA+B,SAAQ,sBAAsB;IAA1E;;QAEkB,OAAE,GAAG,8BAA8B,CAAC,SAAS,CAAC;IAUhE,CAAC;IARQ,YAAY;QACjB,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,kBAAkB,EAC/C,KAAK,EAAE,EAAE,GACT,CACH,CAAC;IACJ,CAAC;;AAVa,wCAAS,GAAG,qCAAqC,AAAxC,CAAyC","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 { StatusBarComposer } from \"../statusbar/StatusBarComposer.js\";\nimport { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl.js\";\nimport { UiFramework } from \"../UiFramework.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** StatusBarWidgetComposerControl provides status bar to specified Frontstage that allows status bar items to be populated\n * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common\n * set of status fields.\n * @public\n * @deprecated in 4.16.0. Use {@link StatusBarComposer} component instead.\n */\nexport class StatusBarWidgetComposerControl extends StatusBarWidgetControl {\n  public static controlId = \"uifw:StatusBarWidgetComposerControl\";\n  public readonly id = StatusBarWidgetComposerControl.controlId;\n\n  public getReactNode(): React.ReactNode {\n    return (\n      <StatusBarComposer\n        key={UiFramework.frontstages.activeFrontstageId}\n        items={[]}\n      />\n    );\n  }\n}\n"]}

package/lib/appui-react/widgets/ToolWidgetComposer.js

@@ -15,7 +15,7 @@ import { UiFramework } from "../UiFramework.js";
  * selected items. The vertical toolbar typically contains a more fixed list of tools.
  * @public
  */
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 export function ToolWidgetComposer(props) {
     const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } = props;
     const [elementSet] = React.useState(new WidgetElementSet());

package/lib/appui-react/widgets/ToolWidgetComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolWidgetComposer.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgBhD;;;;;GAKG;AACH,mDAAmD;AACnD,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,GACrE,KAAK,CAAC;IACR,MAAM,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,gBAAgB,EAAE,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,mBAAmB,CACxC,UAAU,EACV,WAAW,CAAC,UAAU,CAAC,iBAAiB,CACzC,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAG9B,CAAC,GAAG,EAAE,EAAE;QACN,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAGjC,CAAC,GAAG,EAAE,EAAE;QACN,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IACF,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,MAAM;YACN,SAAS;YACT,cAAc;SACf;QAED,oBAAC,SAAS,IACR,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,KAC5B,UAAU,EACd,YAAY,EAAE,WAAW,CAAC,UAAU,CAAC,sBAAsB,GAC3D,CAC4B,CACjC,CAAC;AACJ,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 Widget\n */\n\nimport type { CommonProps } from \"@itwin/core-react\";\nimport {\n  useProximityToMouse,\n  WidgetElementSet,\n  WidgetOpacityContext,\n} from \"@itwin/core-react/internal\";\nimport * as React from \"react\";\nimport { ToolsArea } from \"../layout/widget/ToolsArea.js\";\nimport { UiFramework } from \"../UiFramework.js\";\n\n/** Properties for the [[ToolWidgetComposer]] React components\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ToolWidgetComposer>`\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface ToolWidgetComposerProps extends CommonProps {\n  /** Optional Corner Item which for most stages is the [[BackstageAppButton]] used to toggle the display of the backstage menu. */\n  cornerItem?: React.ReactNode;\n  /** Optional Horizontal Toolbar */\n  horizontalToolbar?: React.ReactNode;\n  /** Optional Vertical Toolbar */\n  verticalToolbar?: React.ReactNode;\n}\n\n/**\n * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area\n * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on\n * selected items. The vertical toolbar typically contains a more fixed list of tools.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function ToolWidgetComposer(props: ToolWidgetComposerProps) {\n  const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } =\n    props;\n  const [elementSet] = React.useState(new WidgetElementSet());\n  const proximityScale = useProximityToMouse(\n    elementSet,\n    UiFramework.visibility.snapWidgetOpacity\n  );\n\n  const addRef = React.useCallback<\n    React.ContextType<typeof WidgetOpacityContext>[\"addRef\"]\n  >(\n    (ref) => {\n      elementSet.add(ref);\n    },\n    [elementSet]\n  );\n  const removeRef = React.useCallback<\n    React.ContextType<typeof WidgetOpacityContext>[\"removeRef\"]\n  >(\n    (ref) => {\n      elementSet.delete(ref);\n    },\n    [elementSet]\n  );\n  return (\n    <WidgetOpacityContext.Provider\n      value={{\n        addRef,\n        removeRef,\n        proximityScale,\n      }}\n    >\n      <ToolsArea\n        button={cornerItem}\n        horizontalToolbar={horizontalToolbar}\n        verticalToolbar={verticalToolbar}\n        {...otherProps}\n        onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\n      />\n    </WidgetOpacityContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"ToolWidgetComposer.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgBhD;;;;;GAKG;AACH,4DAA4D;AAC5D,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,GACrE,KAAK,CAAC;IACR,MAAM,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,gBAAgB,EAAE,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,mBAAmB,CACxC,UAAU,EACV,WAAW,CAAC,UAAU,CAAC,iBAAiB,CACzC,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAG9B,CAAC,GAAG,EAAE,EAAE;QACN,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAGjC,CAAC,GAAG,EAAE,EAAE;QACN,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IACF,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,MAAM;YACN,SAAS;YACT,cAAc;SACf;QAED,oBAAC,SAAS,IACR,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,KAC5B,UAAU,EACd,YAAY,EAAE,WAAW,CAAC,UAAU,CAAC,sBAAsB,GAC3D,CAC4B,CACjC,CAAC;AACJ,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 Widget\n */\n\nimport type { CommonProps } from \"@itwin/core-react\";\nimport {\n  useProximityToMouse,\n  WidgetElementSet,\n  WidgetOpacityContext,\n} from \"@itwin/core-react/internal\";\nimport * as React from \"react\";\nimport { ToolsArea } from \"../layout/widget/ToolsArea.js\";\nimport { UiFramework } from \"../UiFramework.js\";\n\n/** Properties for the [[ToolWidgetComposer]] React components\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ToolWidgetComposer>`\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface ToolWidgetComposerProps extends CommonProps {\n  /** Optional Corner Item which for most stages is the [[BackstageAppButton]] used to toggle the display of the backstage menu. */\n  cornerItem?: React.ReactNode;\n  /** Optional Horizontal Toolbar */\n  horizontalToolbar?: React.ReactNode;\n  /** Optional Vertical Toolbar */\n  verticalToolbar?: React.ReactNode;\n}\n\n/**\n * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area\n * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on\n * selected items. The vertical toolbar typically contains a more fixed list of tools.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function ToolWidgetComposer(props: ToolWidgetComposerProps) {\n  const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } =\n    props;\n  const [elementSet] = React.useState(new WidgetElementSet());\n  const proximityScale = useProximityToMouse(\n    elementSet,\n    UiFramework.visibility.snapWidgetOpacity\n  );\n\n  const addRef = React.useCallback<\n    React.ContextType<typeof WidgetOpacityContext>[\"addRef\"]\n  >(\n    (ref) => {\n      elementSet.add(ref);\n    },\n    [elementSet]\n  );\n  const removeRef = React.useCallback<\n    React.ContextType<typeof WidgetOpacityContext>[\"removeRef\"]\n  >(\n    (ref) => {\n      elementSet.delete(ref);\n    },\n    [elementSet]\n  );\n  return (\n    <WidgetOpacityContext.Provider\n      value={{\n        addRef,\n        removeRef,\n        proximityScale,\n      }}\n    >\n      <ToolsArea\n        button={cornerItem}\n        horizontalToolbar={horizontalToolbar}\n        verticalToolbar={verticalToolbar}\n        {...otherProps}\n        onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\n      />\n    </WidgetOpacityContext.Provider>\n  );\n}\n"]}

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

@@ -24,7 +24,7 @@ import { ToolbarOrientation, ToolbarUsage } from "../toolbar/ToolbarItem.js";
  * ```
  * @public
  */
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 export function ViewToolWidgetComposer(props) {
     const uiIsVisible = useUiVisibility();
     const className = classnames(!uiIsVisible && "nz-hidden");

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

@@ -1 +1 @@
-{"version":3,"file":"ViewToolWidgetComposer.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/ViewToolWidgetComposer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAc7E;;;;;;;;;;;;GAYG;AACH,mDAAmD;AACnD,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,MAAM,WAAW,GAAG,eAAe,EAAE,CAAC;IACtC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,WAAW,IAAI,WAAW,CAAC,CAAC;IAE1D,OAAO,CACL,oBAAC,wBAAwB,IACvB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,iBAAiB,EAAE,KAAK,CAAC,aAAa,EACtC,iBAAiB,EACf,oBAAC,eAAe,IACd,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,YAAY,CAAC,cAAc,EAClC,WAAW,EAAE,kBAAkB,CAAC,UAAU,GAC1C,EAEJ,eAAe,EACb,oBAAC,eAAe,IACd,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,YAAY,CAAC,cAAc,EAClC,WAAW,EAAE,kBAAkB,CAAC,QAAQ,GACxC,GAEJ,CACH,CAAC;AACJ,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 Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer.js\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility.js\";\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer.js\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem.js\";\n\n/**\n * Props for [[ViewToolWidgetComposer]].\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ViewToolWidgetComposer>`\n */\nexport interface ViewToolWidgetComposerProps {\n  /** If true no navigation aid will be shown. Defaults to `false`. */\n  hideNavigationAid?: boolean;\n  /** Overrides the default navigation aid. */\n  navigationAid?: React.ReactNode;\n}\n\n/**\n * ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders\n * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].\n * @example\n * ```\n * <ViewToolWidgetComposer />\n * ```\n * If no NavigationAid control is to be shown set hideNavigationAid.\n *  * ```\n * <ViewToolWidgetComposer hideNavigationAid />\n * ```\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function ViewToolWidgetComposer(props: ViewToolWidgetComposerProps) {\n  const uiIsVisible = useUiVisibility();\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n\n  return (\n    <NavigationWidgetComposer\n      className={className}\n      hideNavigationAid={props.hideNavigationAid}\n      navigationAidHost={props.navigationAid}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={[]}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={[]}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}
+{"version":3,"file":"ViewToolWidgetComposer.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/ViewToolWidgetComposer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAc7E;;;;;;;;;;;;GAYG;AACH,4DAA4D;AAC5D,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,MAAM,WAAW,GAAG,eAAe,EAAE,CAAC;IACtC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,WAAW,IAAI,WAAW,CAAC,CAAC;IAE1D,OAAO,CACL,oBAAC,wBAAwB,IACvB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,iBAAiB,EAAE,KAAK,CAAC,aAAa,EACtC,iBAAiB,EACf,oBAAC,eAAe,IACd,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,YAAY,CAAC,cAAc,EAClC,WAAW,EAAE,kBAAkB,CAAC,UAAU,GAC1C,EAEJ,eAAe,EACb,oBAAC,eAAe,IACd,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,YAAY,CAAC,cAAc,EAClC,WAAW,EAAE,kBAAkB,CAAC,QAAQ,GACxC,GAEJ,CACH,CAAC;AACJ,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 Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer.js\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility.js\";\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer.js\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem.js\";\n\n/**\n * Props for [[ViewToolWidgetComposer]].\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ViewToolWidgetComposer>`\n */\nexport interface ViewToolWidgetComposerProps {\n  /** If true no navigation aid will be shown. Defaults to `false`. */\n  hideNavigationAid?: boolean;\n  /** Overrides the default navigation aid. */\n  navigationAid?: React.ReactNode;\n}\n\n/**\n * ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders\n * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].\n * @example\n * ```\n * <ViewToolWidgetComposer />\n * ```\n * If no NavigationAid control is to be shown set hideNavigationAid.\n *  * ```\n * <ViewToolWidgetComposer hideNavigationAid />\n * ```\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function ViewToolWidgetComposer(props: ViewToolWidgetComposerProps) {\n  const uiIsVisible = useUiVisibility();\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n\n  return (\n    <NavigationWidgetComposer\n      className={className}\n      hideNavigationAid={props.hideNavigationAid}\n      navigationAidHost={props.navigationAid}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={[]}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={[]}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/Widget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG","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 type { ConditionalStringValue } from \"@itwin/appui-abstract\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport type { BadgeType, IconSpec } from \"@itwin/core-react\";\nimport type { BadgeKind } from \"@itwin/core-react/internal\";\nimport type { StagePanelLocation } from \"../stagepanels/StagePanelLocation.js\";\nimport type { WidgetState } from \"./WidgetState.js\";\nimport type { StagePanelSection } from \"../stagepanels/StagePanelSection.js\";\nimport { UiItemsProvider } from \"../ui-items-provider/UiItemsProvider.js\";\nimport type { SizeProps } from \"../utils/SizeProps.js\";\n\n/** Describes options of a floating widget.\n * @public\n */\nexport interface CanFloatWidgetOptions {\n  /** Describes if the widget is resizable. Defaults to `true`. */\n  readonly isResizable?: boolean;\n  readonly defaultPosition?: XAndY;\n  readonly defaultSize?: SizeProps;\n  /** Describes to which container the floating widget is assigned. This allows the grouping of multiple widgets within the same floating widget. */\n  readonly containerId?: string;\n  /** Describes if the floating widget should hide together with other UI elements. Defaults to `false`. */\n  readonly hideWithUi?: boolean;\n}\n\n/** Describes the data needed to provide a widget.\n * @public\n */\nexport interface Widget {\n  readonly id: string;\n  /** Stage panels to which this widget can be docked. All stage panels are allowed if nothing is provided. To not allow docking to any panels, provide a blank array. */\n  readonly allowedPanels?: ReadonlyArray<StagePanelLocation>;\n  /** Specifies the kind of badge, if any, to be rendered.\n   * @deprecated in 4.16.0. Use `badgeKind` property instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  readonly badge?: BadgeType;\n  /** Specifies the kind of badge, if any, to be rendered. */\n  readonly badgeKind?: BadgeKind;\n  /** Describes if the widget can be popped out to a separate window. Defaults to `false`. */\n  readonly canPopout?: boolean;\n  /** Set to `false` to disable floating of a widget. Defaults to `true`.\n   * Alternatively options object can be provided to configure floating behavior.\n   * It is not possible to disable the floating of a widget if `allowedPanels` is an empty array.\n   */\n  readonly canFloat?: boolean | CanFloatWidgetOptions;\n  /** Defaults to `Floating` if widget is not allowed to dock to any panels. Otherwise defaults to `Closed`.\n   * @note If `Hidden` the widget will be hidden after the layout is restored independently of saved layout state.\n   */\n  readonly defaultState?: WidgetState;\n  /** Content of the Widget. */\n  readonly content?: React.ReactNode;\n  /** @deprecated in 4.16.0. Use {@link Widget.iconNode} instead. */\n  // eslint-disable-next-line deprecation/deprecation\n  readonly icon?: IconSpec;\n  /** Icon to use for the widget. */\n  readonly iconNode?: React.ReactNode;\n  readonly label?: string | ConditionalStringValue;\n  readonly priority?: number;\n  readonly tooltip?: string | ConditionalStringValue;\n  /** Describes layout specific configuration of a widget.\n   * @note Only used by {@link UiItemsProvider.getWidgets}.\n   */\n  readonly layouts?: WidgetLayouts;\n}\n\n/** Describes widget configuration specific for each layout.\n * @public\n */\nexport interface WidgetLayouts {\n  /** Widget configuration in a standard layout. */\n  readonly standard?: StandardLayoutWidget;\n}\n\n/** Describes widget configuration specific to a standard layout.\n * @public\n */\nexport interface StandardLayoutWidget {\n  /** Describes to which panel the widget is added. */\n  readonly location: StagePanelLocation;\n  /** Describes to which section of a panel the widget is added. */\n  readonly section: StagePanelSection;\n}\n"]}
+{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/Widget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG","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 type { ConditionalStringValue } from \"@itwin/appui-abstract\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport type { BadgeType, IconSpec } from \"@itwin/core-react\";\nimport type { BadgeKind } from \"@itwin/core-react/internal\";\nimport type { StagePanelLocation } from \"../stagepanels/StagePanelLocation.js\";\nimport type { WidgetState } from \"./WidgetState.js\";\nimport type { StagePanelSection } from \"../stagepanels/StagePanelSection.js\";\nimport { UiItemsProvider } from \"../ui-items-provider/UiItemsProvider.js\";\nimport type { SizeProps } from \"../utils/SizeProps.js\";\n\n/** Describes options of a floating widget.\n * @public\n */\nexport interface CanFloatWidgetOptions {\n  /** Describes if the widget is resizable. Defaults to `true`. */\n  readonly isResizable?: boolean;\n  readonly defaultPosition?: XAndY;\n  readonly defaultSize?: SizeProps;\n  /** Describes to which container the floating widget is assigned. This allows the grouping of multiple widgets within the same floating widget. */\n  readonly containerId?: string;\n  /** Describes if the floating widget should hide together with other UI elements. Defaults to `false`. */\n  readonly hideWithUi?: boolean;\n}\n\n/** Describes the data needed to provide a widget.\n * @public\n */\nexport interface Widget {\n  readonly id: string;\n  /** Stage panels to which this widget can be docked. All stage panels are allowed if nothing is provided. To not allow docking to any panels, provide a blank array. */\n  readonly allowedPanels?: ReadonlyArray<StagePanelLocation>;\n  /** Specifies the kind of badge, if any, to be rendered.\n   * @deprecated in 4.16.0. Use `badgeKind` property instead.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  readonly badge?: BadgeType;\n  /** Specifies the kind of badge, if any, to be rendered. */\n  readonly badgeKind?: BadgeKind;\n  /** Describes if the widget can be popped out to a separate window. Defaults to `false`. */\n  readonly canPopout?: boolean;\n  /** Set to `false` to disable floating of a widget. Defaults to `true`.\n   * Alternatively options object can be provided to configure floating behavior.\n   * It is not possible to disable the floating of a widget if `allowedPanels` is an empty array.\n   */\n  readonly canFloat?: boolean | CanFloatWidgetOptions;\n  /** Defaults to `Floating` if widget is not allowed to dock to any panels. Otherwise defaults to `Closed`.\n   * @note If `Hidden` the widget will be hidden after the layout is restored independently of saved layout state.\n   */\n  readonly defaultState?: WidgetState;\n  /** Content of the Widget. */\n  readonly content?: React.ReactNode;\n  /** @deprecated in 4.16.0. Use {@link Widget.iconNode} instead. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  readonly icon?: IconSpec;\n  /** Icon to use for the widget. */\n  readonly iconNode?: React.ReactNode;\n  readonly label?: string | ConditionalStringValue;\n  readonly priority?: number;\n  readonly tooltip?: string | ConditionalStringValue;\n  /** Describes layout specific configuration of a widget.\n   * @note Only used by {@link UiItemsProvider.getWidgets}.\n   */\n  readonly layouts?: WidgetLayouts;\n}\n\n/** Describes widget configuration specific for each layout.\n * @public\n */\nexport interface WidgetLayouts {\n  /** Widget configuration in a standard layout. */\n  readonly standard?: StandardLayoutWidget;\n}\n\n/** Describes widget configuration specific to a standard layout.\n * @public\n */\nexport interface StandardLayoutWidget {\n  /** Describes to which panel the widget is added. */\n  readonly location: StagePanelLocation;\n  /** Describes to which section of a panel the widget is added. */\n  readonly section: StagePanelSection;\n}\n"]}

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

@@ -6,7 +6,7 @@
  * @module Widget
  */
 import { ConfigurableUiControl, ConfigurableUiControlType, } from "../configurableui/ConfigurableUiControl.js";
-/* eslint-disable deprecation/deprecation */
+/* eslint-disable @typescript-eslint/no-deprecated */
 /** The base class for Widget controls.
  * @public
  * @deprecated in 4.16.0. Extends a deprecated class {@link ConfigurableUiControl}.

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetControl.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/WidgetControl.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH,OAAO,EACL,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,4CAA4C,CAAC;AAIpD,4CAA4C;AAE5C;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,qBAAqB;IAItD,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAED,iDAAiD;IACjD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,IAAW,SAAS,CAAC,CAAkB;QACrC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,qDAAqD;IACrD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,IAAW,SAAS,CAAC,CAAY;QAC/B,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,6EAA6E;IACtE,OAAO;QACZ,OAAO,yBAAyB,CAAC,MAAM,CAAC;IAC1C,CAAC;IAED,gDAAgD;IACzC,cAAc,CAAC,KAAkB;QACtC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,wCAAwC;IACjC,oBAAoB,KAAU,CAAC;IAEtC,kEAAkE;IAC3D,kBAAkB,KAAU,CAAC;IAEpC;;OAEG;IACI,qBAAqB;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC;CACF","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 type * as React from \"react\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl.js\";\nimport {\n  ConfigurableUiControl,\n  ConfigurableUiControlType,\n} from \"../configurableui/ConfigurableUiControl.js\";\nimport type { WidgetDef } from \"./WidgetDef.js\";\nimport type { WidgetState } from \"./WidgetState.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** The base class for Widget controls.\n * @public\n * @deprecated in 4.16.0. Extends a deprecated class {@link ConfigurableUiControl}.\n */\nexport class WidgetControl extends ConfigurableUiControl {\n  private _widgetDef!: WidgetDef;\n  private _reactNode: React.ReactNode;\n\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n  }\n\n  /** The ReactNode associated with this control */\n  public get reactNode(): React.ReactNode {\n    return this._reactNode;\n  }\n  public set reactNode(r: React.ReactNode) {\n    this._reactNode = r;\n  }\n\n  /** The [[WidgetDef]] associated with this control */\n  public get widgetDef(): WidgetDef {\n    return this._widgetDef;\n  }\n  public set widgetDef(w: WidgetDef) {\n    this._widgetDef = w;\n  }\n\n  /** Gets the type of ConfigurableUiControl, which is 'Widget' in this case */\n  public getType(): ConfigurableUiControlType {\n    return ConfigurableUiControlType.Widget;\n  }\n\n  /** Sets the [[WidgetState]] for this control */\n  public setWidgetState(state: WidgetState): void {\n    this.widgetDef.setWidgetState(state);\n  }\n\n  /** Called when widget state changes. */\n  public onWidgetStateChanged(): void {}\n\n  /** Overwrite to save transient DOM state (i.e. scroll offset). */\n  public saveTransientState(): void {}\n\n  /** Overwrite to restore transient DOM state.\n   * @note Return true if the state is restored or the Widget will remount.\n   */\n  public restoreTransientState(): boolean {\n    return false;\n  }\n}\n"]}
+{"version":3,"file":"WidgetControl.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/WidgetControl.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH,OAAO,EACL,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,4CAA4C,CAAC;AAIpD,qDAAqD;AAErD;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,qBAAqB;IAItD,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAED,iDAAiD;IACjD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,IAAW,SAAS,CAAC,CAAkB;QACrC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,qDAAqD;IACrD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,IAAW,SAAS,CAAC,CAAY;QAC/B,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,6EAA6E;IACtE,OAAO;QACZ,OAAO,yBAAyB,CAAC,MAAM,CAAC;IAC1C,CAAC;IAED,gDAAgD;IACzC,cAAc,CAAC,KAAkB;QACtC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,wCAAwC;IACjC,oBAAoB,KAAU,CAAC;IAEtC,kEAAkE;IAC3D,kBAAkB,KAAU,CAAC;IAEpC;;OAEG;IACI,qBAAqB;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC;CACF","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 type * as React from \"react\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl.js\";\nimport {\n  ConfigurableUiControl,\n  ConfigurableUiControlType,\n} from \"../configurableui/ConfigurableUiControl.js\";\nimport type { WidgetDef } from \"./WidgetDef.js\";\nimport type { WidgetState } from \"./WidgetState.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** The base class for Widget controls.\n * @public\n * @deprecated in 4.16.0. Extends a deprecated class {@link ConfigurableUiControl}.\n */\nexport class WidgetControl extends ConfigurableUiControl {\n  private _widgetDef!: WidgetDef;\n  private _reactNode: React.ReactNode;\n\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n  }\n\n  /** The ReactNode associated with this control */\n  public get reactNode(): React.ReactNode {\n    return this._reactNode;\n  }\n  public set reactNode(r: React.ReactNode) {\n    this._reactNode = r;\n  }\n\n  /** The [[WidgetDef]] associated with this control */\n  public get widgetDef(): WidgetDef {\n    return this._widgetDef;\n  }\n  public set widgetDef(w: WidgetDef) {\n    this._widgetDef = w;\n  }\n\n  /** Gets the type of ConfigurableUiControl, which is 'Widget' in this case */\n  public getType(): ConfigurableUiControlType {\n    return ConfigurableUiControlType.Widget;\n  }\n\n  /** Sets the [[WidgetState]] for this control */\n  public setWidgetState(state: WidgetState): void {\n    this.widgetDef.setWidgetState(state);\n  }\n\n  /** Called when widget state changes. */\n  public onWidgetStateChanged(): void {}\n\n  /** Overwrite to save transient DOM state (i.e. scroll offset). */\n  public saveTransientState(): void {}\n\n  /** Overwrite to restore transient DOM state.\n   * @note Return true if the state is restored or the Widget will remount.\n   */\n  public restoreTransientState(): boolean {\n    return false;\n  }\n}\n"]}

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

@@ -19,7 +19,7 @@ import { IModelApp } from "@itwin/core-frontend";
  * @public
  * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
  */
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 export class WidgetStateChangedEvent extends UiEvent {
 }
 /** Widget type enum.
@@ -88,22 +88,22 @@ export class WidgetDef {
         return this.state === WidgetState.Floating;
     }
     /** @deprecated in 4.16.0. Use {@link Widget.iconNode} instead. */
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     get iconSpec() {
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         return this._iconSpec === IconHelper.reactIconKey
-            ? IconHelper.getIconReactNode(this._iconSpec, this._internalData) // eslint-disable-line deprecation/deprecation
+            ? IconHelper.getIconReactNode(this._iconSpec, this._internalData) // eslint-disable-line @typescript-eslint/no-deprecated
             : this._iconSpec;
     }
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     set iconSpec(spec) {
         // Setter is deprecated as well: ae-setter-with-docs.
         this._iconSpec = this._internalData
-            ? IconHelper.getIconData(spec, this._internalData) // eslint-disable-line deprecation/deprecation
+            ? IconHelper.getIconData(spec, this._internalData) // eslint-disable-line @typescript-eslint/no-deprecated
             : spec;
     }
     /** @deprecated in 4.16.0. Use `badgeKind` instead. */
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     get badgeType() {
         return this._badge;
     }
@@ -195,9 +195,9 @@ export class WidgetDef {
             this._defaultState = WidgetState.Floating;
         }
         this._widgetReactNode = config.content;
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         this._iconSpec = config.iconNode ?? config.icon;
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         this._badge = config.badge;
         this._badgeKind = config.badgeKind;
         this._preferredPanelSize = config.preferredPanelSize;
@@ -208,7 +208,7 @@ export class WidgetDef {
     }
     /** Get the label string */
     get label() {
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         return PropsHelper.getStringFromSpec(this._label);
     }
     /** Set the label.
@@ -219,7 +219,7 @@ export class WidgetDef {
         const frontstageDef = UiFramework.frontstages.activeFrontstageDef;
         if (!frontstageDef)
             return;
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         const label = PropsHelper.getStringFromSpec(labelSpec);
         frontstageDef.dispatch({
             type: "WIDGET_TAB_SET_LABEL",
@@ -229,7 +229,7 @@ export class WidgetDef {
     }
     /** Get the tooltip string */
     get tooltip() {
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         return PropsHelper.getStringFromSpec(this._tooltip);
     }
     /** Set the tooltip.
@@ -240,9 +240,9 @@ export class WidgetDef {
     }
     get reactNode() {
         if (!this._widgetReactNode) {
-            // eslint-disable-next-line deprecation/deprecation
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
             const widgetControl = this.getWidgetControl(
-            // eslint-disable-next-line deprecation/deprecation
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
             ConfigurableUiControlType.Widget);
             if (widgetControl && widgetControl.reactNode)
                 this._widgetReactNode = widgetControl.reactNode;
@@ -344,12 +344,12 @@ export class WidgetDef {
         this._allowedPanelTargets = targets;
     }
     onWidgetStateChanged() {
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         this.widgetControl && this.widgetControl.onWidgetStateChanged();
     }
     /** Overwrite to save transient DOM state (i.e. scroll offset). */
     saveTransientState() {
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         this.widgetControl && this.widgetControl.saveTransientState();
         this._saveTransientState && this._saveTransientState();
     }
@@ -358,12 +358,12 @@ export class WidgetDef {
      */
     restoreTransientState() {
         let result = true;
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         if (this.widgetControl || this._restoreTransientState) {
             let result1 = false, result2 = false;
-            // eslint-disable-next-line deprecation/deprecation
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
             if (this.widgetControl)
-                // eslint-disable-next-line deprecation/deprecation
+                // eslint-disable-next-line @typescript-eslint/no-deprecated
                 result1 = this.widgetControl.restoreTransientState();
             if (this._restoreTransientState)
                 result2 = this._restoreTransientState();
@@ -410,7 +410,7 @@ export class WidgetDef {
             id: this.id,
         });
     }
-    /* eslint-disable deprecation/deprecation */
+    /* eslint-disable @typescript-eslint/no-deprecated */
     /** @deprecated in 4.16.0. Uses a deprecated type {@link ConfigurableUiControlConstructor}. */
     get classId() {
         return undefined;
@@ -435,7 +435,7 @@ export class WidgetDef {
             }
             if (this._widgetControl) {
                 if (this._widgetControl.getType() !== type) {
-                    // eslint-disable-next-line deprecation/deprecation
+                    // eslint-disable-next-line @typescript-eslint/no-deprecated
                     throw new UiError(UiFramework.loggerCategory("WidgetDef"), `getWidgetControl: '${usedClassId}' is NOT a ${type}; it is a ${this._widgetControl.getType()}`);
                 }
                 this._widgetControl.widgetDef = this;