@itwin/core-react 4.15.5 → 4.16.0

package/lib/esm/core-react/settings/SettingsContainer.js

@@ -9,6 +9,7 @@ import "./SettingsContainer.scss";
 import * as React from "react";
 import { VerticalTabs } from "../tabs/VerticalTabs";
 import { ConditionalBooleanValue } from "@itwin/appui-abstract";
+/* eslint-disable deprecation/deprecation */
 /*  ---------------------------------------------------------------------------------------------------
 // A typical implementation of a saveFunction callback
 const saveChanges = React.useCallback((afterSaveFunction: (args: any) => void, args?: any) => {
@@ -23,32 +24,30 @@ const saveChanges = React.useCallback((afterSaveFunction: (args: any) => void, a
 ---------------------------------------------------------------------------------------------------------- */
 /** Hook to use within Settings Page component to allow saving the current page's data before the Setting Container is closed.
  * @public
+ * @deprecated in 4.16.0. Use {@link SettingsManager} instead.
  */
 export function useSaveBeforeClosingSettingsContainer(settingsManager, saveFunction) {
     React.useEffect(() => {
-        const handleProcessSettingsContainerClose = ({ closeFunc, closeFuncArgs } // eslint-disable-line deprecation/deprecation
-        ) => {
+        return settingsManager.onProcessSettingsContainerClose.addListener(({ closeFunc, closeFuncArgs }) => {
             saveFunction(closeFunc, closeFuncArgs);
-        };
-        return settingsManager.onProcessSettingsContainerClose.addListener(handleProcessSettingsContainerClose);
+        });
     }, [saveFunction, settingsManager]);
 }
 /** Hook to use within Settings Page component to allow saving the current page's data before loading to the requested Setting Tab's page.
  * @public
+ * @deprecated in 4.16.0. Use {@link SettingsManager} instead.
  */
 export function useSaveBeforeActivatingNewSettingsTab(settingsManager, saveFunction) {
     React.useEffect(() => {
-        const handleProcessSettingsTabActivation = ({ tabSelectionFunc, requestedSettingsTabId, } // eslint-disable-line deprecation/deprecation
-        ) => {
+        return settingsManager.onProcessSettingsTabActivation.addListener(({ tabSelectionFunc, requestedSettingsTabId }) => {
             saveFunction(tabSelectionFunc, requestedSettingsTabId);
-        };
-        return settingsManager.onProcessSettingsTabActivation.addListener(handleProcessSettingsTabActivation);
+        });
     }, [saveFunction, settingsManager]);
 }
-/**
- * SettingsContainer component that displays Setting Tabs on Left and the P
- * Note: that SettingsContainer is not rendered if tabs array is empty
+/** Component that displays setting tabs on the left and the setting page on the right.
+ * Note: that SettingsContainer is not rendered if tabs array is empty.
  * @public
+ * @deprecated in 4.16.0. Used internally by {@link @itwin/appui-react#SettingsModalFrontstage}.
  */
 export const SettingsContainer = ({ tabs, onSettingsTabSelected, currentSettingsTab, settingsManager, showHeader, }) => {
     // sort the tabs based on itemPriority
@@ -87,8 +86,7 @@ export const SettingsContainer = ({ tabs, onSettingsTabSelected, currentSettings
         tabs,
     ]);
     React.useEffect(() => {
-        const handleActivateSettingsTab = ({ settingsTabId } // eslint-disable-line deprecation/deprecation
-        ) => {
+        return settingsManager.onActivateSettingsTab.addListener(({ settingsTabId }) => {
             const idToFind = settingsTabId.toLowerCase();
             let tabToActivate = tabs.find((tab) => tab.tabId.toLowerCase() === idToFind);
             if (!tabToActivate)
@@ -102,8 +100,7 @@ export const SettingsContainer = ({ tabs, onSettingsTabSelected, currentSettings
                 else
                     processTabSelection(tabToActivate);
             }
-        };
-        return settingsManager.onActivateSettingsTab.addListener(handleActivateSettingsTab);
+        });
     }, [
         openTab,
         processTabSelection,
@@ -113,8 +110,7 @@ export const SettingsContainer = ({ tabs, onSettingsTabSelected, currentSettings
         tabs,
     ]);
     React.useEffect(() => {
-        const handleSettingsContainerClose = ({ closeFunc, closeFuncArgs } // eslint-disable-line deprecation/deprecation
-        ) => {
+        return settingsManager.onCloseSettingsContainer.addListener(({ closeFunc, closeFuncArgs }) => {
             if (openTab && openTab.pageWillHandleCloseRequest)
                 settingsManager.onProcessSettingsContainerClose.emit({
                     closeFunc,
@@ -122,8 +118,7 @@ export const SettingsContainer = ({ tabs, onSettingsTabSelected, currentSettings
                 });
             else
                 closeFunc(closeFuncArgs);
-        };
-        return settingsManager.onCloseSettingsContainer.addListener(handleSettingsContainerClose);
+        });
     }, [
         openTab,
         processTabSelection,

package/lib/esm/core-react/settings/SettingsContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsContainer.js","sourceRoot":"","sources":["../../../../src/core-react/settings/SettingsContainer.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 Settings\n */\n\nimport \"./SettingsContainer.scss\";\nimport * as React from \"react\";\nimport type {\n  ActivateSettingsTabEventArgs,\n  ProcessSettingsContainerCloseEventArgs,\n  ProcessSettingsTabActivationEventArgs,\n  SettingsManager,\n  SettingsTabEntry,\n} from \"./SettingsManager\";\nimport { VerticalTabs } from \"../tabs/VerticalTabs\";\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\n\n/*  ---------------------------------------------------------------------------------------------------\n// A typical implementation of a saveFunction callback\nconst saveChanges = React.useCallback((afterSaveFunction: (args: any) => void, args?: any) => {\n  if (dataIsDirty) {\n    // prompt user to save changes passing in function and arguments to call after saving changes.\n    UiFramework.dialogs.modal.openDialog(<CustomSavePromptModalDialog customProps={customProps}\n      onDialogCloseArgs={args} onDialogClose={afterSaveFunction} />);\n    return;\n  }\n  afterSaveFunction(args);\n}, []);\n---------------------------------------------------------------------------------------------------------- */\n\n/** Hook to use within Settings Page component to allow saving the current page's data before the Setting Container is closed.\n * @public\n */\nexport function useSaveBeforeClosingSettingsContainer(\n  settingsManager: SettingsManager,\n  saveFunction: (closeFunc: (args: any) => void, closeFuncArgs?: any) => void\n) {\n  React.useEffect(() => {\n    const handleProcessSettingsContainerClose = (\n      { closeFunc, closeFuncArgs }: ProcessSettingsContainerCloseEventArgs // eslint-disable-line deprecation/deprecation\n    ) => {\n      saveFunction(closeFunc, closeFuncArgs);\n    };\n    return settingsManager.onProcessSettingsContainerClose.addListener(\n      handleProcessSettingsContainerClose\n    );\n  }, [saveFunction, settingsManager]);\n}\n\n/** Hook to use within Settings Page component to allow saving the current page's data before loading to the requested Setting Tab's page.\n * @public\n */\nexport function useSaveBeforeActivatingNewSettingsTab(\n  settingsManager: SettingsManager,\n  saveFunction: (\n    tabSelectionFunc: (args: any) => void,\n    requestedSettingsTabId?: string\n  ) => void\n) {\n  React.useEffect(() => {\n    const handleProcessSettingsTabActivation = (\n      {\n        tabSelectionFunc,\n        requestedSettingsTabId,\n      }: ProcessSettingsTabActivationEventArgs // eslint-disable-line deprecation/deprecation\n    ) => {\n      saveFunction(tabSelectionFunc, requestedSettingsTabId);\n    };\n    return settingsManager.onProcessSettingsTabActivation.addListener(\n      handleProcessSettingsTabActivation\n    );\n  }, [saveFunction, settingsManager]);\n}\n\n/**\n * @public\n */\nexport interface SettingsContainerProps {\n  tabs: SettingsTabEntry[];\n  // sets tab to set as active tab\n  currentSettingsTab?: SettingsTabEntry;\n  // If plugging into a SPA and you need to modify the route, you can pass in additional logic here\n  onSettingsTabSelected?: (tab: SettingsTabEntry) => void;\n  // The SettingsManager that can have event handlers registered against it so pages can save its settings before the page is closed.\n  settingsManager: SettingsManager;\n  // if true show tab label as header above page contents.\n  showHeader?: boolean;\n}\n\n/**\n * SettingsContainer component that displays Setting Tabs on Left and the P\n * Note: that SettingsContainer is not rendered if tabs array is empty\n * @public\n */\nexport const SettingsContainer = ({\n  tabs,\n  onSettingsTabSelected,\n  currentSettingsTab,\n  settingsManager,\n  showHeader,\n}: SettingsContainerProps) => {\n  // sort the tabs based on itemPriority\n  tabs = tabs.sort((a, b) => a.itemPriority - b.itemPriority);\n\n  const [openTab, setOpenTab] = React.useState(() => {\n    if (\n      currentSettingsTab &&\n      !ConditionalBooleanValue.getValue(currentSettingsTab.isDisabled)\n    )\n      return currentSettingsTab;\n    else return tabs[0];\n  });\n\n  const processTabSelection = React.useCallback(\n    (tab: SettingsTabEntry) => {\n      if (ConditionalBooleanValue.getValue(tab.isDisabled)) return;\n      onSettingsTabSelected && onSettingsTabSelected(tab);\n      setOpenTab(tab);\n    },\n    [onSettingsTabSelected]\n  );\n\n  const processTabSelectionById = React.useCallback(\n    (tabId: string) => {\n      const tabToActivate = tabs.find((tab) => tab.tabId === tabId);\n      tabToActivate && processTabSelection(tabToActivate);\n    },\n    [processTabSelection, tabs]\n  );\n\n  const onActivateTab = React.useCallback(\n    (tabIndex: number) => {\n      const selectedTab = tabs[tabIndex];\n      if (openTab && openTab.pageWillHandleCloseRequest)\n        settingsManager.onProcessSettingsTabActivation.emit({\n          requestedSettingsTabId: selectedTab.tabId,\n          tabSelectionFunc: processTabSelectionById,\n        });\n      else processTabSelection(selectedTab);\n    },\n    [\n      openTab,\n      processTabSelection,\n      processTabSelectionById,\n      settingsManager,\n      tabs,\n    ]\n  );\n\n  React.useEffect(() => {\n    const handleActivateSettingsTab = (\n      { settingsTabId }: ActivateSettingsTabEventArgs // eslint-disable-line deprecation/deprecation\n    ) => {\n      const idToFind = settingsTabId.toLowerCase();\n      let tabToActivate = tabs.find(\n        (tab) => tab.tabId.toLowerCase() === idToFind\n      );\n      if (!tabToActivate)\n        tabToActivate = tabs.find(\n          (tab) => tab.label.toLowerCase() === idToFind\n        );\n      if (tabToActivate) {\n        if (openTab && openTab.pageWillHandleCloseRequest)\n          settingsManager.onProcessSettingsTabActivation.emit({\n            requestedSettingsTabId: tabToActivate.tabId,\n            tabSelectionFunc: processTabSelectionById,\n          });\n        else processTabSelection(tabToActivate);\n      }\n    };\n\n    return settingsManager.onActivateSettingsTab.addListener(\n      handleActivateSettingsTab\n    );\n  }, [\n    openTab,\n    processTabSelection,\n    processTabSelectionById,\n    settingsManager,\n    settingsManager.onActivateSettingsTab,\n    tabs,\n  ]);\n\n  React.useEffect(() => {\n    const handleSettingsContainerClose = (\n      { closeFunc, closeFuncArgs }: ProcessSettingsContainerCloseEventArgs // eslint-disable-line deprecation/deprecation\n    ) => {\n      if (openTab && openTab.pageWillHandleCloseRequest)\n        settingsManager.onProcessSettingsContainerClose.emit({\n          closeFunc,\n          closeFuncArgs,\n        });\n      else closeFunc(closeFuncArgs);\n    };\n    return settingsManager.onCloseSettingsContainer.addListener(\n      handleSettingsContainerClose\n    );\n  }, [\n    openTab,\n    processTabSelection,\n    settingsManager,\n    settingsManager.onActivateSettingsTab,\n    tabs,\n  ]);\n\n  const labels = tabs.map((tab) => {\n    return {\n      label: tab.label,\n      subLabel: tab.subLabel,\n      icon: tab.icon,\n      tooltip: tab.tooltip,\n      tabId: tab.tabId,\n      disabled: ConditionalBooleanValue.getValue(tab.isDisabled),\n    };\n  });\n  const activeIndex = tabs.findIndex((tab) => tab.tabId === openTab.tabId);\n  return (\n    <div className=\"core-settings-container\">\n      <div className=\"core-settings-container-left\">\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <VerticalTabs\n          labels={labels}\n          activeIndex={activeIndex}\n          onActivateTab={onActivateTab}\n        />\n      </div>\n      <div className=\"core-settings-container-right\">\n        {showHeader && (\n          <div className=\"core-settings-container-right-header\">\n            <span className=\"core-settings-container-main-header\">\n              {openTab.label}\n            </span>\n            {openTab.subLabel && (\n              <span className=\"core-settings-container-main-sub-header\">\n                {openTab.subLabel}\n              </span>\n            )}\n          </div>\n        )}\n        <div className=\"core-settings-container-right-contents\">\n          {openTab.page}\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"SettingsContainer.js","sourceRoot":"","sources":["../../../../src/core-react/settings/SettingsContainer.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 Settings\n */\n\nimport \"./SettingsContainer.scss\";\nimport * as React from \"react\";\nimport type { SettingsManager, SettingsTabEntry } from \"./SettingsManager\";\nimport { VerticalTabs } from \"../tabs/VerticalTabs\";\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\n\n/* eslint-disable deprecation/deprecation */\n\n/*  ---------------------------------------------------------------------------------------------------\n// A typical implementation of a saveFunction callback\nconst saveChanges = React.useCallback((afterSaveFunction: (args: any) => void, args?: any) => {\n  if (dataIsDirty) {\n    // prompt user to save changes passing in function and arguments to call after saving changes.\n    UiFramework.dialogs.modal.openDialog(<CustomSavePromptModalDialog customProps={customProps}\n      onDialogCloseArgs={args} onDialogClose={afterSaveFunction} />);\n    return;\n  }\n  afterSaveFunction(args);\n}, []);\n---------------------------------------------------------------------------------------------------------- */\n\n/** Hook to use within Settings Page component to allow saving the current page's data before the Setting Container is closed.\n * @public\n * @deprecated in 4.16.0. Use {@link SettingsManager} instead.\n */\nexport function useSaveBeforeClosingSettingsContainer(\n  settingsManager: SettingsManager,\n  saveFunction: (closeFunc: (args: any) => void, closeFuncArgs?: any) => void\n) {\n  React.useEffect(() => {\n    return settingsManager.onProcessSettingsContainerClose.addListener(\n      ({ closeFunc, closeFuncArgs }) => {\n        saveFunction(closeFunc, closeFuncArgs);\n      }\n    );\n  }, [saveFunction, settingsManager]);\n}\n\n/** Hook to use within Settings Page component to allow saving the current page's data before loading to the requested Setting Tab's page.\n * @public\n * @deprecated in 4.16.0. Use {@link SettingsManager} instead.\n */\nexport function useSaveBeforeActivatingNewSettingsTab(\n  settingsManager: SettingsManager,\n  saveFunction: (\n    tabSelectionFunc: (args: any) => void,\n    requestedSettingsTabId?: string\n  ) => void\n) {\n  React.useEffect(() => {\n    return settingsManager.onProcessSettingsTabActivation.addListener(\n      ({ tabSelectionFunc, requestedSettingsTabId }) => {\n        saveFunction(tabSelectionFunc, requestedSettingsTabId);\n      }\n    );\n  }, [saveFunction, settingsManager]);\n}\n\n/**\n * Properties of {@link SettingsContainer} component.\n * @public\n * @deprecated in 4.16.0. Props of deprecated component {@link SettingsContainer}.\n */\nexport interface SettingsContainerProps {\n  tabs: SettingsTabEntry[];\n  // sets tab to set as active tab\n  currentSettingsTab?: SettingsTabEntry;\n  // If plugging into a SPA and you need to modify the route, you can pass in additional logic here\n  onSettingsTabSelected?: (tab: SettingsTabEntry) => void;\n  // The SettingsManager that can have event handlers registered against it so pages can save its settings before the page is closed.\n  settingsManager: SettingsManager;\n  // if true show tab label as header above page contents.\n  showHeader?: boolean;\n}\n\n/** Component that displays setting tabs on the left and the setting page on the right.\n * Note: that SettingsContainer is not rendered if tabs array is empty.\n * @public\n * @deprecated in 4.16.0. Used internally by {@link @itwin/appui-react#SettingsModalFrontstage}.\n */\nexport const SettingsContainer = ({\n  tabs,\n  onSettingsTabSelected,\n  currentSettingsTab,\n  settingsManager,\n  showHeader,\n}: SettingsContainerProps) => {\n  // sort the tabs based on itemPriority\n  tabs = tabs.sort((a, b) => a.itemPriority - b.itemPriority);\n\n  const [openTab, setOpenTab] = React.useState(() => {\n    if (\n      currentSettingsTab &&\n      !ConditionalBooleanValue.getValue(currentSettingsTab.isDisabled)\n    )\n      return currentSettingsTab;\n    else return tabs[0];\n  });\n\n  const processTabSelection = React.useCallback(\n    (tab: SettingsTabEntry) => {\n      if (ConditionalBooleanValue.getValue(tab.isDisabled)) return;\n      onSettingsTabSelected && onSettingsTabSelected(tab);\n      setOpenTab(tab);\n    },\n    [onSettingsTabSelected]\n  );\n\n  const processTabSelectionById = React.useCallback(\n    (tabId: string) => {\n      const tabToActivate = tabs.find((tab) => tab.tabId === tabId);\n      tabToActivate && processTabSelection(tabToActivate);\n    },\n    [processTabSelection, tabs]\n  );\n\n  const onActivateTab = React.useCallback(\n    (tabIndex: number) => {\n      const selectedTab = tabs[tabIndex];\n      if (openTab && openTab.pageWillHandleCloseRequest)\n        settingsManager.onProcessSettingsTabActivation.emit({\n          requestedSettingsTabId: selectedTab.tabId,\n          tabSelectionFunc: processTabSelectionById,\n        });\n      else processTabSelection(selectedTab);\n    },\n    [\n      openTab,\n      processTabSelection,\n      processTabSelectionById,\n      settingsManager,\n      tabs,\n    ]\n  );\n\n  React.useEffect(() => {\n    return settingsManager.onActivateSettingsTab.addListener(\n      ({ settingsTabId }) => {\n        const idToFind = settingsTabId.toLowerCase();\n        let tabToActivate = tabs.find(\n          (tab) => tab.tabId.toLowerCase() === idToFind\n        );\n        if (!tabToActivate)\n          tabToActivate = tabs.find(\n            (tab) => tab.label.toLowerCase() === idToFind\n          );\n        if (tabToActivate) {\n          if (openTab && openTab.pageWillHandleCloseRequest)\n            settingsManager.onProcessSettingsTabActivation.emit({\n              requestedSettingsTabId: tabToActivate.tabId,\n              tabSelectionFunc: processTabSelectionById,\n            });\n          else processTabSelection(tabToActivate);\n        }\n      }\n    );\n  }, [\n    openTab,\n    processTabSelection,\n    processTabSelectionById,\n    settingsManager,\n    settingsManager.onActivateSettingsTab,\n    tabs,\n  ]);\n\n  React.useEffect(() => {\n    return settingsManager.onCloseSettingsContainer.addListener(\n      ({ closeFunc, closeFuncArgs }) => {\n        if (openTab && openTab.pageWillHandleCloseRequest)\n          settingsManager.onProcessSettingsContainerClose.emit({\n            closeFunc,\n            closeFuncArgs,\n          });\n        else closeFunc(closeFuncArgs);\n      }\n    );\n  }, [\n    openTab,\n    processTabSelection,\n    settingsManager,\n    settingsManager.onActivateSettingsTab,\n    tabs,\n  ]);\n\n  const labels = tabs.map((tab) => {\n    return {\n      label: tab.label,\n      subLabel: tab.subLabel,\n      icon: tab.icon,\n      tooltip: tab.tooltip,\n      tabId: tab.tabId,\n      disabled: ConditionalBooleanValue.getValue(tab.isDisabled),\n    };\n  });\n  const activeIndex = tabs.findIndex((tab) => tab.tabId === openTab.tabId);\n  return (\n    <div className=\"core-settings-container\">\n      <div className=\"core-settings-container-left\">\n        <VerticalTabs\n          labels={labels}\n          activeIndex={activeIndex}\n          onActivateTab={onActivateTab}\n        />\n      </div>\n      <div className=\"core-settings-container-right\">\n        {showHeader && (\n          <div className=\"core-settings-container-right-header\">\n            <span className=\"core-settings-container-main-header\">\n              {openTab.label}\n            </span>\n            {openTab.subLabel && (\n              <span className=\"core-settings-container-main-sub-header\">\n                {openTab.subLabel}\n              </span>\n            )}\n          </div>\n        )}\n        <div className=\"core-settings-container-right-contents\">\n          {openTab.page}\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}

package/lib/esm/core-react/settings/SettingsManager.d.ts

@@ -5,6 +5,7 @@ import { BeUiEvent } from "@itwin/core-bentley";
 import type { ConditionalBooleanValue } from "@itwin/appui-abstract";
 /** Interface used to populate a tab entry in the SettingContainer control
  * @public
+ * @deprecated in 4.16.0. Use {@link @itwin/appui-react#SettingsTabEntry} instead.
  */
 export interface SettingsTabEntry {
     /** unique id for entry */
@@ -86,6 +87,7 @@ export interface ActivateSettingsTabEventArgs {
 /** Setting Provider interface. Implemented by classes that want to supply settings pages for display in the SettingContainer. The
  * classes that implement this interface need to be registered with the [[SettingsManager]].
  * @public
+ * @deprecated in 4.16.0. Use {@link @itwin/appui-react#SettingsTabsProvider} instead.
  */
 export interface SettingsTabsProvider {
     /** Id of provider, used to remove registration. */
@@ -94,6 +96,7 @@ export interface SettingsTabsProvider {
 }
 /** Settings Manager class. Hold registration of settings providers and supplies events for the provided settings pages to listen.
  * @public
+ * @deprecated in 4.16.0. Use {@link @itwin/appui-react#SettingsManager} instead.
  */
 export declare class SettingsManager {
     private _providers;
@@ -116,7 +119,6 @@ export declare class SettingsManager {
      * @internal
      */
     readonly onCloseSettingsContainer: BeUiEvent<ProcessSettingsContainerCloseEventArgs>;
-    /** @public */
     get providers(): ReadonlyArray<SettingsTabsProvider>;
     set providers(p: ReadonlyArray<SettingsTabsProvider>);
     /** Called by application when an tool, keyin, or other process want to change the active settings tab/page giving the current tab/page and opportunity

package/lib/esm/core-react/settings/SettingsManager.d.ts.map

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

package/lib/esm/core-react/settings/SettingsManager.js

@@ -11,7 +11,6 @@ import { UiCore } from "../UiCore";
  * @public
  * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
  */
-// eslint-disable-next-line deprecation/deprecation
 export class SettingsProvidersChangedEvent extends BeUiEvent {
 }
 /** Event class for [[this.onProcessSettingsTabActivation]] which is emitted when a new Tab needs to be activated. This allows the current
@@ -19,7 +18,6 @@ export class SettingsProvidersChangedEvent extends BeUiEvent {
  * @public
  * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
  */
-// eslint-disable-next-line deprecation/deprecation
 export class ProcessSettingsTabActivationEvent extends BeUiEvent {
 }
 /** Event class for [[this.onProcessSettingsContainerClose]] which is emitted when the settings container will be closed. This allows the current
@@ -27,43 +25,41 @@ export class ProcessSettingsTabActivationEvent extends BeUiEvent {
  * @public
  * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
  */
-// eslint-disable-next-line deprecation/deprecation
 export class ProcessSettingsContainerCloseEvent extends BeUiEvent {
 }
 /** Event class for [[this.onActivateSettingsTab]] which is emitted when API call needs to set the active settings tab (ie via Tool key-in).
  * @public
  * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
  */
-// eslint-disable-next-line deprecation/deprecation
 export class ActivateSettingsTabEvent extends BeUiEvent {
 }
 /** Settings Manager class. Hold registration of settings providers and supplies events for the provided settings pages to listen.
  * @public
+ * @deprecated in 4.16.0. Use {@link @itwin/appui-react#SettingsManager} instead.
  */
 export class SettingsManager {
     constructor() {
         this._providers = [];
         /** Event raised when SettingsProviders are changed.
          */
-        this.onSettingsProvidersChanged = new SettingsProvidersChangedEvent(); // eslint-disable-line deprecation/deprecation
+        this.onSettingsProvidersChanged = new SettingsProvidersChangedEvent();
         /** Event raised solely for a settings page to monitor so it can save its settings before continuing tab activation.
          * See React hook function `useSaveBeforeActivatingNewSettingsTab`.
          */
-        this.onProcessSettingsTabActivation = new ProcessSettingsTabActivationEvent(); // eslint-disable-line deprecation/deprecation
+        this.onProcessSettingsTabActivation = new ProcessSettingsTabActivationEvent();
         /** Event raised when the settings container will be closed. Any setting page component that is 'modal' should register to
          * listen to this event so that it can save its state before closing. See React hook function `useSaveBeforeClosingSettingsContainer`.
          */
-        this.onProcessSettingsContainerClose = new ProcessSettingsContainerCloseEvent(); // eslint-disable-line deprecation/deprecation
+        this.onProcessSettingsContainerClose = new ProcessSettingsContainerCloseEvent();
         /** Event raised to change the active settings tab shown in UI. Monitored by the SettingsContainer.
          * @internal
          */
-        this.onActivateSettingsTab = new BeUiEvent(); // eslint-disable-line deprecation/deprecation
+        this.onActivateSettingsTab = new BeUiEvent();
         /** Event monitored by SettingsContainer to process request to close the settings container.
          * @internal
          */
-        this.onCloseSettingsContainer = new BeUiEvent(); // eslint-disable-line deprecation/deprecation
+        this.onCloseSettingsContainer = new BeUiEvent();
     }
-    /** @public */
     get providers() {
         return this._providers;
     }

package/lib/esm/core-react/settings/SettingsManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsManager.js","sourceRoot":"","sources":["../../../../src/core-react/settings/SettingsManager.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 Settings\n */\n\nimport { BeUiEvent, Logger } from \"@itwin/core-bentley\";\nimport type { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport { UiCore } from \"../UiCore\";\n\n/** Interface used to populate a tab entry in the SettingContainer control\n * @public\n */\nexport interface SettingsTabEntry {\n  /** unique id for entry */\n  readonly tabId: string;\n  /** localized display label */\n  readonly label: string;\n  /** Setting page content to display when tab item is selected. */\n  readonly page: React.ReactElement;\n  /** Setting to true if page will register to watch for stage closing event so it can save any dirty settings. Page component should register and handle the events:\n   * `settingsManager.onProcessSettingsTabActivation` and `settingsManager.onProcessSettingsContainerClose` */\n  readonly pageWillHandleCloseRequest?: boolean;\n  /** used to determine position in tablist */\n  readonly itemPriority: number;\n  /** Optional Subtitle to show below label. */\n  readonly subLabel?: string;\n  /** Icon specification */\n  readonly icon?: string | React.ReactElement;\n  /** Tooltip. Allows JSX|Element to support react-tooltip component */\n  readonly tooltip?: string | React.ReactElement;\n  /** Allows Settings entry to be disabled */\n  readonly isDisabled?: boolean | ConditionalBooleanValue;\n}\n\n/** Event class for [[this.onSettingsProvidersChanged]] which is emitted when a new SettingsTabsProvider is added or removed.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class SettingsProvidersChangedEvent extends BeUiEvent<SettingsProvidersChangedEventArgs> {}\n\n/** Arguments of [[this.onSettingsProvidersChanged]] event.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface SettingsProvidersChangedEventArgs {\n  readonly providers: ReadonlyArray<SettingsTabsProvider>;\n}\n\n/** Event class for [[this.onProcessSettingsTabActivation]] which is emitted when a new Tab needs to be activated. This allows the current\n * settings page to save its settings before activating the new SettingTab.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class ProcessSettingsTabActivationEvent extends BeUiEvent<ProcessSettingsTabActivationEventArgs> {}\n\n/** Arguments of [[this.onProcessSettingsTabActivation]] event.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ProcessSettingsTabActivationEventArgs {\n  readonly tabSelectionFunc: (tabId: string) => void;\n  readonly requestedSettingsTabId: string;\n}\n\n/** Event class for [[this.onProcessSettingsContainerClose]] which is emitted when the settings container will be closed. This allows the current\n * settings page to save its settings before calling the function to close the container.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class ProcessSettingsContainerCloseEvent extends BeUiEvent<ProcessSettingsContainerCloseEventArgs> {}\n\n/** Arguments of [[this.onProcessSettingsContainerClose]] event.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ProcessSettingsContainerCloseEventArgs {\n  readonly closeFunc: (args: any) => void;\n  readonly closeFuncArgs?: any;\n}\n\n/** Event class for [[this.onActivateSettingsTab]] which is emitted when API call needs to set the active settings tab (ie via Tool key-in).\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class ActivateSettingsTabEvent extends BeUiEvent<ActivateSettingsTabEventArgs> {}\n\n/** Arguments of [[this.onActivateSettingsTab]] event.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ActivateSettingsTabEventArgs {\n  readonly settingsTabId: string;\n}\n\n/** Setting Provider interface. Implemented by classes that want to supply settings pages for display in the SettingContainer. The\n * classes that implement this interface need to be registered with the [[SettingsManager]].\n * @public\n */\nexport interface SettingsTabsProvider {\n  /** Id of provider, used to remove registration. */\n  readonly id: string;\n  getSettingEntries(\n    stageId: string,\n    stageUsage: string\n  ): ReadonlyArray<SettingsTabEntry> | undefined;\n}\n\n/** Settings Manager class. Hold registration of settings providers and supplies events for the provided settings pages to listen.\n * @public\n */\nexport class SettingsManager {\n  private _providers: ReadonlyArray<SettingsTabsProvider> = [];\n\n  /** Event raised when SettingsProviders are changed.\n   */\n  public readonly onSettingsProvidersChanged =\n    new SettingsProvidersChangedEvent(); // eslint-disable-line deprecation/deprecation\n\n  /** Event raised solely for a settings page to monitor so it can save its settings before continuing tab activation.\n   * See React hook function `useSaveBeforeActivatingNewSettingsTab`.\n   */\n  public readonly onProcessSettingsTabActivation =\n    new ProcessSettingsTabActivationEvent(); // eslint-disable-line deprecation/deprecation\n\n  /** Event raised when the settings container will be closed. Any setting page component that is 'modal' should register to\n   * listen to this event so that it can save its state before closing. See React hook function `useSaveBeforeClosingSettingsContainer`.\n   */\n  public readonly onProcessSettingsContainerClose =\n    new ProcessSettingsContainerCloseEvent(); // eslint-disable-line deprecation/deprecation\n\n  /** Event raised to change the active settings tab shown in UI. Monitored by the SettingsContainer.\n   * @internal\n   */\n  public readonly onActivateSettingsTab =\n    new BeUiEvent<ActivateSettingsTabEventArgs>(); // eslint-disable-line deprecation/deprecation\n\n  /** Event monitored by SettingsContainer to process request to close the settings container.\n   * @internal\n   */\n  public readonly onCloseSettingsContainer =\n    new BeUiEvent<ProcessSettingsContainerCloseEventArgs>(); // eslint-disable-line deprecation/deprecation\n\n  /** @public */\n  public get providers(): ReadonlyArray<SettingsTabsProvider> {\n    return this._providers;\n  }\n  public set providers(p: ReadonlyArray<SettingsTabsProvider>) {\n    this._providers = p;\n    this.onSettingsProvidersChanged.emit({ providers: p });\n  }\n\n  /** Called by application when an tool, keyin, or other process want to change the active settings tab/page giving the current tab/page and opportunity\n   * to save its state.\n   */\n  public activateSettingsTab(settingsTabId: string) {\n    this.onActivateSettingsTab.emit({ settingsTabId });\n  }\n\n  /** Called by application when the Settings Container is to be closed. The function to invoke to actually close the Settings Container is\n   * passed in and executed once the active settings tab/page has a chance to save its settings.\n   */\n  public closeSettingsContainer(\n    closeFunc: (args: any) => void,\n    closeFuncArgs?: any\n  ) {\n    this.onCloseSettingsContainer.emit({ closeFunc, closeFuncArgs });\n  }\n\n  public addSettingsProvider(settingsProvider: SettingsTabsProvider): void {\n    const foundProvider = this._providers.find(\n      (p) => p.id === settingsProvider.id\n    );\n    if (!foundProvider) {\n      const updatedProviders = [...this.providers, settingsProvider];\n      this.providers = updatedProviders;\n    } else {\n      Logger.logInfo(\n        UiCore.loggerCategory(this),\n        `Settings Provider with id of ${settingsProvider.id} has already been registered`\n      );\n    }\n  }\n\n  public removeSettingsProvider(providerId: string): boolean {\n    let result = false;\n    const updatedProviders = this._providers.filter((p) => p.id !== providerId);\n    if (updatedProviders.length !== this._providers.length) {\n      this.providers = updatedProviders;\n      result = true;\n    }\n\n    return result;\n  }\n\n  /** Get an array of SettingsTabEntry objects to populate the settings container. */\n  public getSettingEntries(\n    stageId: string,\n    stageUsage: string\n  ): Array<SettingsTabEntry> {\n    const allSettingEntries: SettingsTabEntry[] = [];\n    // Consult the registered SettingsProviders\n    this._providers.forEach((p) => {\n      const entries = p.getSettingEntries(stageId, stageUsage);\n      entries && allSettingEntries.push(...entries);\n    });\n\n    return allSettingEntries;\n  }\n}\n"]}
+{"version":3,"file":"SettingsManager.js","sourceRoot":"","sources":["../../../../src/core-react/settings/SettingsManager.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 Settings\n */\n\nimport { BeUiEvent, Logger } from \"@itwin/core-bentley\";\nimport type { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport { UiCore } from \"../UiCore\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Interface used to populate a tab entry in the SettingContainer control\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/appui-react#SettingsTabEntry} instead.\n */\nexport interface SettingsTabEntry {\n  /** unique id for entry */\n  readonly tabId: string;\n  /** localized display label */\n  readonly label: string;\n  /** Setting page content to display when tab item is selected. */\n  readonly page: React.ReactElement;\n  /** Setting to true if page will register to watch for stage closing event so it can save any dirty settings. Page component should register and handle the events:\n   * `settingsManager.onProcessSettingsTabActivation` and `settingsManager.onProcessSettingsContainerClose` */\n  readonly pageWillHandleCloseRequest?: boolean;\n  /** used to determine position in tablist */\n  readonly itemPriority: number;\n  /** Optional Subtitle to show below label. */\n  readonly subLabel?: string;\n  /** Icon specification */\n  readonly icon?: string | React.ReactElement;\n  /** Tooltip. Allows JSX|Element to support react-tooltip component */\n  readonly tooltip?: string | React.ReactElement;\n  /** Allows Settings entry to be disabled */\n  readonly isDisabled?: boolean | ConditionalBooleanValue;\n}\n\n/** Event class for [[this.onSettingsProvidersChanged]] which is emitted when a new SettingsTabsProvider is added or removed.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\nexport class SettingsProvidersChangedEvent extends BeUiEvent<SettingsProvidersChangedEventArgs> {}\n\n/** Arguments of [[this.onSettingsProvidersChanged]] event.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface SettingsProvidersChangedEventArgs {\n  readonly providers: ReadonlyArray<SettingsTabsProvider>;\n}\n\n/** Event class for [[this.onProcessSettingsTabActivation]] which is emitted when a new Tab needs to be activated. This allows the current\n * settings page to save its settings before activating the new SettingTab.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\nexport class ProcessSettingsTabActivationEvent extends BeUiEvent<ProcessSettingsTabActivationEventArgs> {}\n\n/** Arguments of [[this.onProcessSettingsTabActivation]] event.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ProcessSettingsTabActivationEventArgs {\n  readonly tabSelectionFunc: (tabId: string) => void;\n  readonly requestedSettingsTabId: string;\n}\n\n/** Event class for [[this.onProcessSettingsContainerClose]] which is emitted when the settings container will be closed. This allows the current\n * settings page to save its settings before calling the function to close the container.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\nexport class ProcessSettingsContainerCloseEvent extends BeUiEvent<ProcessSettingsContainerCloseEventArgs> {}\n\n/** Arguments of [[this.onProcessSettingsContainerClose]] event.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ProcessSettingsContainerCloseEventArgs {\n  readonly closeFunc: (args: any) => void;\n  readonly closeFuncArgs?: any;\n}\n\n/** Event class for [[this.onActivateSettingsTab]] which is emitted when API call needs to set the active settings tab (ie via Tool key-in).\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\nexport class ActivateSettingsTabEvent extends BeUiEvent<ActivateSettingsTabEventArgs> {}\n\n/** Arguments of [[this.onActivateSettingsTab]] event.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ActivateSettingsTabEventArgs {\n  readonly settingsTabId: string;\n}\n\n/** Setting Provider interface. Implemented by classes that want to supply settings pages for display in the SettingContainer. The\n * classes that implement this interface need to be registered with the [[SettingsManager]].\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/appui-react#SettingsTabsProvider} instead.\n */\nexport interface SettingsTabsProvider {\n  /** Id of provider, used to remove registration. */\n  readonly id: string;\n  getSettingEntries(\n    stageId: string,\n    stageUsage: string\n  ): ReadonlyArray<SettingsTabEntry> | undefined;\n}\n\n/** Settings Manager class. Hold registration of settings providers and supplies events for the provided settings pages to listen.\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/appui-react#SettingsManager} instead.\n */\nexport class SettingsManager {\n  private _providers: ReadonlyArray<SettingsTabsProvider> = [];\n\n  /** Event raised when SettingsProviders are changed.\n   */\n  public readonly onSettingsProvidersChanged =\n    new SettingsProvidersChangedEvent();\n\n  /** Event raised solely for a settings page to monitor so it can save its settings before continuing tab activation.\n   * See React hook function `useSaveBeforeActivatingNewSettingsTab`.\n   */\n  public readonly onProcessSettingsTabActivation =\n    new ProcessSettingsTabActivationEvent();\n\n  /** Event raised when the settings container will be closed. Any setting page component that is 'modal' should register to\n   * listen to this event so that it can save its state before closing. See React hook function `useSaveBeforeClosingSettingsContainer`.\n   */\n  public readonly onProcessSettingsContainerClose =\n    new ProcessSettingsContainerCloseEvent();\n\n  /** Event raised to change the active settings tab shown in UI. Monitored by the SettingsContainer.\n   * @internal\n   */\n  public readonly onActivateSettingsTab =\n    new BeUiEvent<ActivateSettingsTabEventArgs>();\n\n  /** Event monitored by SettingsContainer to process request to close the settings container.\n   * @internal\n   */\n  public readonly onCloseSettingsContainer =\n    new BeUiEvent<ProcessSettingsContainerCloseEventArgs>();\n\n  public get providers(): ReadonlyArray<SettingsTabsProvider> {\n    return this._providers;\n  }\n  public set providers(p: ReadonlyArray<SettingsTabsProvider>) {\n    this._providers = p;\n    this.onSettingsProvidersChanged.emit({ providers: p });\n  }\n\n  /** Called by application when an tool, keyin, or other process want to change the active settings tab/page giving the current tab/page and opportunity\n   * to save its state.\n   */\n  public activateSettingsTab(settingsTabId: string) {\n    this.onActivateSettingsTab.emit({ settingsTabId });\n  }\n\n  /** Called by application when the Settings Container is to be closed. The function to invoke to actually close the Settings Container is\n   * passed in and executed once the active settings tab/page has a chance to save its settings.\n   */\n  public closeSettingsContainer(\n    closeFunc: (args: any) => void,\n    closeFuncArgs?: any\n  ) {\n    this.onCloseSettingsContainer.emit({ closeFunc, closeFuncArgs });\n  }\n\n  public addSettingsProvider(settingsProvider: SettingsTabsProvider): void {\n    const foundProvider = this._providers.find(\n      (p) => p.id === settingsProvider.id\n    );\n    if (!foundProvider) {\n      const updatedProviders = [...this.providers, settingsProvider];\n      this.providers = updatedProviders;\n    } else {\n      Logger.logInfo(\n        UiCore.loggerCategory(this),\n        `Settings Provider with id of ${settingsProvider.id} has already been registered`\n      );\n    }\n  }\n\n  public removeSettingsProvider(providerId: string): boolean {\n    let result = false;\n    const updatedProviders = this._providers.filter((p) => p.id !== providerId);\n    if (updatedProviders.length !== this._providers.length) {\n      this.providers = updatedProviders;\n      result = true;\n    }\n\n    return result;\n  }\n\n  /** Get an array of SettingsTabEntry objects to populate the settings container. */\n  public getSettingEntries(\n    stageId: string,\n    stageUsage: string\n  ): Array<SettingsTabEntry> {\n    const allSettingEntries: SettingsTabEntry[] = [];\n    // Consult the registered SettingsProviders\n    this._providers.forEach((p) => {\n      const entries = p.getSettingEntries(stageId, stageUsage);\n      entries && allSettingEntries.push(...entries);\n    });\n\n    return allSettingEntries;\n  }\n}\n"]}

package/lib/esm/core-react/tabs/Tabs.d.ts

@@ -54,9 +54,7 @@ export declare class Tabs extends React.PureComponent<MainTabsProps, TabsState>
     private _itemKeyboardNavigator;
     constructor(props: MainTabsProps);
     private validateActiveIndex;
-    /** @internal */
     componentDidMount(): void;
-    /** @internal */
     componentDidUpdate(prevProps: MainTabsProps): void;
     private _handleFocusItem;
     private _handleTabClick;
@@ -65,7 +63,6 @@ export declare class Tabs extends React.PureComponent<MainTabsProps, TabsState>
     /** Handle keyup on tabs */
     private _handleKeyUpEvent;
     private _activateTab;
-    /** @internal */
     render(): React.ReactElement;
 }
 export {};

package/lib/esm/core-react/tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tabs/Tabs.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMnD;;;;GAIG;AACH,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACnC,KAAK,EAAE,MAAM,CAAoE;IACjF,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAUD;;;GAGG;AACH,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,WAAW;IACb,8BAA8B;IAC9B,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC;IACjC,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IACvC,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,UAAU,SAAS;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,0BAA0B;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED;;;GAGG;AACH,qBAAa,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,SAAS,CAAC;IACrE,OAAO,CAAC,WAAW,CAAiD;IACpE,OAAO,CAAC,sBAAsB,CAAwB;gBAE1C,KAAK,EAAE,aAAa;IAiBhC,OAAO,CAAC,mBAAmB;IAM3B,gBAAgB;IACA,iBAAiB;IAKjC,gBAAgB;IACA,kBAAkB,CAAC,SAAS,EAAE,aAAa;IAyB3D,OAAO,CAAC,gBAAgB,CAGtB;IAEF,OAAO,CAAC,eAAe,CAErB;IAEF,6BAA6B;IAC7B,OAAO,CAAC,mBAAmB;IAI3B,2BAA2B;IAC3B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,YAAY,CAGlB;IAEF,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,YAAY;CAyF7C"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tabs/Tabs.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMnD;;;;GAIG;AACH,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACnC,KAAK,EAAE,MAAM,CAAoE;IACjF,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAUD;;;GAGG;AACH,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,WAAW;IACb,8BAA8B;IAC9B,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC;IACjC,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IACvC,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,UAAU,SAAS;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,0BAA0B;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED;;;GAGG;AACH,qBAAa,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,SAAS,CAAC;IACrE,OAAO,CAAC,WAAW,CAAiD;IACpE,OAAO,CAAC,sBAAsB,CAAwB;gBAE1C,KAAK,EAAE,aAAa;IAiBhC,OAAO,CAAC,mBAAmB;IAMX,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,EAAE,aAAa;IAyB3D,OAAO,CAAC,gBAAgB,CAGtB;IAEF,OAAO,CAAC,eAAe,CAErB;IAEF,6BAA6B;IAC7B,OAAO,CAAC,mBAAmB;IAI3B,2BAA2B;IAC3B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,YAAY,CAGlB;IAEc,MAAM,IAAI,KAAK,CAAC,YAAY;CAwF7C"}

package/lib/esm/core-react/tabs/Tabs.js

@@ -49,12 +49,10 @@ export class Tabs extends React.PureComponent {
             activeIndex = idx;
         return activeIndex;
     }
-    /** @internal */
     componentDidMount() {
         this._itemKeyboardNavigator.itemCount = this.props.labels.length;
         this._itemKeyboardNavigator.orientation = this.props.orientation;
     }
-    /** @internal */
     componentDidUpdate(prevProps) {
         if (prevProps.labels !== this.props.labels)
             this._itemKeyboardNavigator.itemCount = this.props.labels.length;
@@ -83,7 +81,6 @@ export class Tabs extends React.PureComponent {
     _handleKeyUpEvent(event, index) {
         this._itemKeyboardNavigator.handleKeyUpEvent(event, index);
     }
-    /** @internal */
     render() {
         const ulClassNames = classnames(this.props.mainClassName, this.props.green && "uicore-tabs-green", this.props.className);
         const anyIconsPresent = this.props.labels.reduce((a, b) => a + (isTabLabelWithIcon(b) ? 1 : 0), 0) > 0;
@@ -109,7 +106,6 @@ export class Tabs extends React.PureComponent {
             return (React.createElement("li", { key: index, title: title, className: classnames(index === this.state.activeIndex && "core-active", disabled && "core-tab-item-disabled"), role: "tab", "aria-selected": index === this.state.activeIndex, "data-for": `${tabId}` },
                 tooltipElement,
                 React.createElement("a", { ref: this._anchorRefs[index], tabIndex: index === this.state.activeIndex ? 0 : -1, onClick: () => this._handleTabClick(index), onKeyDown: (event) => this._handleKeyDownEvent(event, index), onKeyUp: (event) => this._handleKeyUpEvent(event, index), "data-testid": `${tabId}`, role: "button" },
-                    " ",
                     React.createElement("div", { className: classnames("uicore-tabs-inline-label", disabled && "core-tab-item-disabled") },
                         anyIconsPresent && (React.createElement("span", { className: "uicore-tabs-icon" }, icon)),
                         React.createElement("div", { className: "uicore-tabs-label-subLabel-container" },

package/lib/esm/core-react/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/core-react/tabs/Tabs.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 Tabs\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Orientation } from \"../enums/Orientation\";\nimport { ItemKeyboardNavigator } from \"../focus/ItemKeyboardNavigator\";\nimport { IconHelper } from \"../utils/IconHelper\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** TabLabel provides ability to define label, icon, and tooltip for a tab entry. The tooltip can be defined as JSX|Element\n *  to support react-tooltip component or a string that will be use to set the title property.\n * @public\n * @deprecated in 4.12.0. Interface used in a deprecated component {@link Tabs}.\n */\nexport interface TabLabel {\n  label: string;\n  subLabel?: string;\n  icon?: string | React.ReactElement;\n  tabId: string /* optional id added to tab so it can be used by react-tooltip  */;\n  /** tooltip allows React.ReactElement to support styled tooltips like react-tooltip. */\n  tooltip?: string | React.ReactElement;\n  disabled?: boolean;\n}\n\nfunction isTabLabelWithIcon(item: string | TabLabel): item is TabLabel {\n  return typeof item !== \"string\" && !!item.icon;\n}\n\nfunction isTabLabel(item: string | TabLabel): item is TabLabel {\n  return typeof item !== \"string\";\n}\n\n/** Properties for the [[VerticalTabs]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link Tabs}.\n */\nexport interface TabsProps\n  extends React.AllHTMLAttributes<HTMLUListElement>,\n    CommonProps {\n  /** Text shown for each tab */\n  labels: Array<string | TabLabel>;\n  /** Handler for activating a tab */\n  onActivateTab?: (index: number) => any;\n  /** Index of the initial active tab */\n  activeIndex?: number;\n  /** Indicates whether the bar on the active tab is green instead of the default blue */\n  green?: boolean;\n}\n\ninterface TabsState {\n  activeIndex: number;\n}\n\n/** Properties for the base [[Tabs]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link Tabs}.\n */\nexport interface MainTabsProps extends TabsProps {\n  /** Main CSS class name */\n  mainClassName: string;\n  /** Orientation of the Tabs list */\n  orientation: Orientation;\n}\n\n/** Tabs meant to represent the current position in a page/section\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/tabs iTwinUI Tabs} instead.\n */\nexport class Tabs extends React.PureComponent<MainTabsProps, TabsState> {\n  private _anchorRefs: Array<React.RefObject<HTMLAnchorElement>> = [];\n  private _itemKeyboardNavigator: ItemKeyboardNavigator;\n\n  constructor(props: MainTabsProps) {\n    super(props);\n\n    const activeIndex = this.validateActiveIndex(props.activeIndex);\n    this.state = {\n      activeIndex,\n    };\n\n    props.labels.forEach(() =>\n      this._anchorRefs.push(React.createRef<HTMLAnchorElement>())\n    );\n    this._itemKeyboardNavigator = new ItemKeyboardNavigator(\n      this._handleFocusItem,\n      this._activateTab\n    );\n  }\n\n  private validateActiveIndex(idx?: number): number {\n    let activeIndex = 0;\n    if (idx && idx >= 0 && idx < this.props.labels.length) activeIndex = idx;\n    return activeIndex;\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this._itemKeyboardNavigator.itemCount = this.props.labels.length;\n    this._itemKeyboardNavigator.orientation = this.props.orientation;\n  }\n\n  /** @internal */\n  public override componentDidUpdate(prevProps: MainTabsProps) {\n    if (prevProps.labels !== this.props.labels)\n      this._itemKeyboardNavigator.itemCount = this.props.labels.length;\n\n    if (prevProps.orientation !== this.props.orientation)\n      this._itemKeyboardNavigator.orientation = this.props.orientation;\n\n    if (prevProps.activeIndex !== this.props.activeIndex) {\n      let hadFocus = false;\n      const element = this._anchorRefs[this.state.activeIndex].current;\n      if (element && document.activeElement === element) hadFocus = true;\n      const activeIndex = this.validateActiveIndex(this.props.activeIndex);\n\n      this.setState(\n        () => ({ activeIndex }),\n        () => {\n          if (hadFocus) {\n            const newElement = this._anchorRefs[activeIndex].current;\n            if (newElement) newElement.focus();\n          }\n        }\n      );\n    }\n  }\n\n  private _handleFocusItem = (index: number) => {\n    const itemRef = this._anchorRefs[index];\n    if (itemRef && itemRef.current) itemRef.current.focus();\n  };\n\n  private _handleTabClick = (index: number) => {\n    this._activateTab(index);\n  };\n\n  /** Handle keydown on tabs */\n  private _handleKeyDownEvent(event: React.KeyboardEvent, index: number) {\n    this._itemKeyboardNavigator.handleKeyDownEvent(event, index);\n  }\n\n  /** Handle keyup on tabs */\n  private _handleKeyUpEvent(event: React.KeyboardEvent, index: number) {\n    this._itemKeyboardNavigator.handleKeyUpEvent(event, index);\n  }\n\n  private _activateTab = (index: number) => {\n    this.props.onActivateTab && this.props.onActivateTab(index);\n    this.setState({ activeIndex: index });\n  };\n\n  /** @internal */\n  public override render(): React.ReactElement {\n    const ulClassNames = classnames(\n      this.props.mainClassName,\n      this.props.green && \"uicore-tabs-green\",\n      this.props.className\n    );\n\n    const anyIconsPresent =\n      this.props.labels.reduce(\n        (a, b) => a + (isTabLabelWithIcon(b) ? 1 : 0),\n        0\n      ) > 0;\n\n    return (\n      <ul\n        className={ulClassNames}\n        style={this.props.style}\n        role=\"tablist\"\n        aria-orientation={\n          this.props.orientation === Orientation.Vertical\n            ? \"vertical\"\n            : \"horizontal\"\n        }\n      >\n        {this.props.labels.map((label, index) => {\n          let disabled;\n          let tooltipElement: React.ReactElement | undefined;\n          let title: string | undefined;\n          let subLabel: string | undefined;\n          let tabId = \"\";\n          let icon;\n          if (isTabLabel(label)) {\n            icon = IconHelper.getIconReactNode(label.icon);\n            subLabel = label.subLabel;\n            disabled = label.disabled;\n            tabId = label.tabId;\n            if (React.isValidElement(label.tooltip))\n              tooltipElement = label.tooltip;\n            else if (typeof label.tooltip === \"string\") title = label.tooltip;\n          }\n          return (\n            <li\n              key={index}\n              title={title}\n              className={classnames(\n                index === this.state.activeIndex && \"core-active\",\n                disabled && \"core-tab-item-disabled\"\n              )}\n              role=\"tab\"\n              aria-selected={index === this.state.activeIndex}\n              data-for={`${tabId}`} /* to support react-tooltip */\n            >\n              {tooltipElement}\n              {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\n              <a\n                ref={this._anchorRefs[index]}\n                tabIndex={index === this.state.activeIndex ? 0 : -1}\n                onClick={() => this._handleTabClick(index)}\n                onKeyDown={(event) => this._handleKeyDownEvent(event, index)}\n                onKeyUp={(event) => this._handleKeyUpEvent(event, index)}\n                data-testid={`${tabId}`}\n                role=\"button\"\n              >\n                {\" \"}\n                <div\n                  className={classnames(\n                    \"uicore-tabs-inline-label\",\n                    disabled && \"core-tab-item-disabled\"\n                  )}\n                >\n                  {anyIconsPresent && (\n                    <span className=\"uicore-tabs-icon\">{icon}</span>\n                  )}\n                  <div className=\"uicore-tabs-label-subLabel-container\">\n                    <span>\n                      {typeof label === \"string\" ? label : label.label}\n                    </span>\n                    {subLabel && (\n                      <span className=\"uicore-tabs-subLabel\">{subLabel}</span>\n                    )}\n                  </div>\n                </div>\n              </a>\n            </li>\n          );\n        })}\n      </ul>\n    );\n  }\n}\n"]}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/core-react/tabs/Tabs.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 Tabs\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Orientation } from \"../enums/Orientation\";\nimport { ItemKeyboardNavigator } from \"../focus/ItemKeyboardNavigator\";\nimport { IconHelper } from \"../utils/IconHelper\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** TabLabel provides ability to define label, icon, and tooltip for a tab entry. The tooltip can be defined as JSX|Element\n *  to support react-tooltip component or a string that will be use to set the title property.\n * @public\n * @deprecated in 4.12.0. Interface used in a deprecated component {@link Tabs}.\n */\nexport interface TabLabel {\n  label: string;\n  subLabel?: string;\n  icon?: string | React.ReactElement;\n  tabId: string /* optional id added to tab so it can be used by react-tooltip  */;\n  /** tooltip allows React.ReactElement to support styled tooltips like react-tooltip. */\n  tooltip?: string | React.ReactElement;\n  disabled?: boolean;\n}\n\nfunction isTabLabelWithIcon(item: string | TabLabel): item is TabLabel {\n  return typeof item !== \"string\" && !!item.icon;\n}\n\nfunction isTabLabel(item: string | TabLabel): item is TabLabel {\n  return typeof item !== \"string\";\n}\n\n/** Properties for the [[VerticalTabs]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link Tabs}.\n */\nexport interface TabsProps\n  extends React.AllHTMLAttributes<HTMLUListElement>,\n    CommonProps {\n  /** Text shown for each tab */\n  labels: Array<string | TabLabel>;\n  /** Handler for activating a tab */\n  onActivateTab?: (index: number) => any;\n  /** Index of the initial active tab */\n  activeIndex?: number;\n  /** Indicates whether the bar on the active tab is green instead of the default blue */\n  green?: boolean;\n}\n\ninterface TabsState {\n  activeIndex: number;\n}\n\n/** Properties for the base [[Tabs]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link Tabs}.\n */\nexport interface MainTabsProps extends TabsProps {\n  /** Main CSS class name */\n  mainClassName: string;\n  /** Orientation of the Tabs list */\n  orientation: Orientation;\n}\n\n/** Tabs meant to represent the current position in a page/section\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/tabs iTwinUI Tabs} instead.\n */\nexport class Tabs extends React.PureComponent<MainTabsProps, TabsState> {\n  private _anchorRefs: Array<React.RefObject<HTMLAnchorElement>> = [];\n  private _itemKeyboardNavigator: ItemKeyboardNavigator;\n\n  constructor(props: MainTabsProps) {\n    super(props);\n\n    const activeIndex = this.validateActiveIndex(props.activeIndex);\n    this.state = {\n      activeIndex,\n    };\n\n    props.labels.forEach(() =>\n      this._anchorRefs.push(React.createRef<HTMLAnchorElement>())\n    );\n    this._itemKeyboardNavigator = new ItemKeyboardNavigator(\n      this._handleFocusItem,\n      this._activateTab\n    );\n  }\n\n  private validateActiveIndex(idx?: number): number {\n    let activeIndex = 0;\n    if (idx && idx >= 0 && idx < this.props.labels.length) activeIndex = idx;\n    return activeIndex;\n  }\n\n  public override componentDidMount() {\n    this._itemKeyboardNavigator.itemCount = this.props.labels.length;\n    this._itemKeyboardNavigator.orientation = this.props.orientation;\n  }\n\n  public override componentDidUpdate(prevProps: MainTabsProps) {\n    if (prevProps.labels !== this.props.labels)\n      this._itemKeyboardNavigator.itemCount = this.props.labels.length;\n\n    if (prevProps.orientation !== this.props.orientation)\n      this._itemKeyboardNavigator.orientation = this.props.orientation;\n\n    if (prevProps.activeIndex !== this.props.activeIndex) {\n      let hadFocus = false;\n      const element = this._anchorRefs[this.state.activeIndex].current;\n      if (element && document.activeElement === element) hadFocus = true;\n      const activeIndex = this.validateActiveIndex(this.props.activeIndex);\n\n      this.setState(\n        () => ({ activeIndex }),\n        () => {\n          if (hadFocus) {\n            const newElement = this._anchorRefs[activeIndex].current;\n            if (newElement) newElement.focus();\n          }\n        }\n      );\n    }\n  }\n\n  private _handleFocusItem = (index: number) => {\n    const itemRef = this._anchorRefs[index];\n    if (itemRef && itemRef.current) itemRef.current.focus();\n  };\n\n  private _handleTabClick = (index: number) => {\n    this._activateTab(index);\n  };\n\n  /** Handle keydown on tabs */\n  private _handleKeyDownEvent(event: React.KeyboardEvent, index: number) {\n    this._itemKeyboardNavigator.handleKeyDownEvent(event, index);\n  }\n\n  /** Handle keyup on tabs */\n  private _handleKeyUpEvent(event: React.KeyboardEvent, index: number) {\n    this._itemKeyboardNavigator.handleKeyUpEvent(event, index);\n  }\n\n  private _activateTab = (index: number) => {\n    this.props.onActivateTab && this.props.onActivateTab(index);\n    this.setState({ activeIndex: index });\n  };\n\n  public override render(): React.ReactElement {\n    const ulClassNames = classnames(\n      this.props.mainClassName,\n      this.props.green && \"uicore-tabs-green\",\n      this.props.className\n    );\n\n    const anyIconsPresent =\n      this.props.labels.reduce(\n        (a, b) => a + (isTabLabelWithIcon(b) ? 1 : 0),\n        0\n      ) > 0;\n\n    return (\n      <ul\n        className={ulClassNames}\n        style={this.props.style}\n        role=\"tablist\"\n        aria-orientation={\n          this.props.orientation === Orientation.Vertical\n            ? \"vertical\"\n            : \"horizontal\"\n        }\n      >\n        {this.props.labels.map((label, index) => {\n          let disabled;\n          let tooltipElement: React.ReactElement | undefined;\n          let title: string | undefined;\n          let subLabel: string | undefined;\n          let tabId = \"\";\n          let icon;\n          if (isTabLabel(label)) {\n            icon = IconHelper.getIconReactNode(label.icon);\n            subLabel = label.subLabel;\n            disabled = label.disabled;\n            tabId = label.tabId;\n            if (React.isValidElement(label.tooltip))\n              tooltipElement = label.tooltip;\n            else if (typeof label.tooltip === \"string\") title = label.tooltip;\n          }\n          return (\n            <li\n              key={index}\n              title={title}\n              className={classnames(\n                index === this.state.activeIndex && \"core-active\",\n                disabled && \"core-tab-item-disabled\"\n              )}\n              role=\"tab\"\n              aria-selected={index === this.state.activeIndex}\n              data-for={`${tabId}`} /* to support react-tooltip */\n            >\n              {tooltipElement}\n              {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\n              <a\n                ref={this._anchorRefs[index]}\n                tabIndex={index === this.state.activeIndex ? 0 : -1}\n                onClick={() => this._handleTabClick(index)}\n                onKeyDown={(event) => this._handleKeyDownEvent(event, index)}\n                onKeyUp={(event) => this._handleKeyUpEvent(event, index)}\n                data-testid={`${tabId}`}\n                role=\"button\"\n              >\n                <div\n                  className={classnames(\n                    \"uicore-tabs-inline-label\",\n                    disabled && \"core-tab-item-disabled\"\n                  )}\n                >\n                  {anyIconsPresent && (\n                    <span className=\"uicore-tabs-icon\">{icon}</span>\n                  )}\n                  <div className=\"uicore-tabs-label-subLabel-container\">\n                    <span>\n                      {typeof label === \"string\" ? label : label.label}\n                    </span>\n                    {subLabel && (\n                      <span className=\"uicore-tabs-subLabel\">{subLabel}</span>\n                    )}\n                  </div>\n                </div>\n              </a>\n            </li>\n          );\n        })}\n      </ul>\n    );\n  }\n}\n"]}

package/lib/esm/core-react/tree/ExpansionToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpansionToggle.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD;;;GAGG;AAEH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAwB1D"}
+{"version":3,"file":"ExpansionToggle.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAOlD;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAwB1D"}

package/lib/esm/core-react/tree/ExpansionToggle.js

@@ -15,7 +15,6 @@ import { useTranslation } from "../l10n/useTranslation";
  * @public
  * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.
  */
-// eslint-disable-next-line deprecation/deprecation
 export function ExpansionToggle(props) {
     const { translate } = useTranslation();
     const className = classnames("core-tree-expansionToggle", props.isExpanded && "is-expanded", props.className);

package/lib/esm/core-react/tree/ExpansionToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpansionToggle.js","sourceRoot":"","sources":["../../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAaxD;;;GAGG;AACH,mDAAmD;AACnD,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,SAAS,GAAG,UAAU,CAC1B,2BAA2B,EAC3B,KAAK,CAAC,UAAU,IAAI,aAAa,EACjC,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAE5E,OAAO;IACL,iEAAiE;IACjE,6BACE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACvC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,iBACL,KAAK,CAAC,aAAa,CAAC,EACjC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,gBACA,KAAK;QAEjB,oBAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,QAAQ,EAAE,oBAAC,eAAe,OAAG,GAAI,CAC3D,CACP,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 Tree\n */\n\nimport \"./ExpansionToggle.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { SvgChevronRight } from \"@itwin/itwinui-icons-react\";\nimport { useTranslation } from \"../l10n/useTranslation\";\n\n/** Properties for the [[ExpansionToggle]] component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link ExpansionToggle} component.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface ExpansionToggleProps extends CommonProps {\n  isExpanded?: boolean;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n  [\"data-testid\"]?: string;\n}\n\n/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state\n * @public\n * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function ExpansionToggle(props: ExpansionToggleProps) {\n  const { translate } = useTranslation();\n  const className = classnames(\n    \"core-tree-expansionToggle\",\n    props.isExpanded && \"is-expanded\",\n    props.className\n  );\n  const label = translate(props.isExpanded ? \"tree.collapse\" : \"tree.expand\");\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n    <div\n      onMouseDown={(e) => e.stopPropagation()}\n      onClick={props.onClick}\n      className={className}\n      style={props.style}\n      data-testid={props[\"data-testid\"]}\n      role=\"button\"\n      tabIndex={-1}\n      aria-label={label}\n    >\n      <Icon className=\"toggle icon\" iconSpec={<SvgChevronRight />} />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ExpansionToggle.js","sourceRoot":"","sources":["../../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAcxD;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,SAAS,GAAG,UAAU,CAC1B,2BAA2B,EAC3B,KAAK,CAAC,UAAU,IAAI,aAAa,EACjC,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAE5E,OAAO;IACL,iEAAiE;IACjE,6BACE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACvC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,iBACL,KAAK,CAAC,aAAa,CAAC,EACjC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,gBACA,KAAK;QAEjB,oBAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,QAAQ,EAAE,oBAAC,eAAe,OAAG,GAAI,CAC3D,CACP,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 Tree\n */\n\nimport \"./ExpansionToggle.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { SvgChevronRight } from \"@itwin/itwinui-icons-react\";\nimport { useTranslation } from \"../l10n/useTranslation\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for the [[ExpansionToggle]] component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link ExpansionToggle} component.\n */\nexport interface ExpansionToggleProps extends CommonProps {\n  isExpanded?: boolean;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n  [\"data-testid\"]?: string;\n}\n\n/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state\n * @public\n * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.\n */\nexport function ExpansionToggle(props: ExpansionToggleProps) {\n  const { translate } = useTranslation();\n  const className = classnames(\n    \"core-tree-expansionToggle\",\n    props.isExpanded && \"is-expanded\",\n    props.className\n  );\n  const label = translate(props.isExpanded ? \"tree.collapse\" : \"tree.expand\");\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n    <div\n      onMouseDown={(e) => e.stopPropagation()}\n      onClick={props.onClick}\n      className={className}\n      style={props.style}\n      data-testid={props[\"data-testid\"]}\n      role=\"button\"\n      tabIndex={-1}\n      aria-label={label}\n    >\n      <Icon className=\"toggle icon\" iconSpec={<SvgChevronRight />} />\n    </div>\n  );\n}\n"]}

package/lib/esm/core-react/tree/Node.d.ts

@@ -9,6 +9,7 @@ import type { CommonProps } from "../utils/Props";
 type CheckboxProps = React.ComponentPropsWithoutRef<typeof Checkbox>;
 /** Props for node Checkbox renderer
  * @public
+ * @deprecated in 4.16.0. Type is inlined in component props. Use `React.ComponentProps` type helper instead.
  */
 export type NodeCheckboxRenderProps = Omit<CheckboxProps, "onChange" | "onClick"> & {
     onChange: (checked: boolean) => void;
@@ -16,6 +17,7 @@ export type NodeCheckboxRenderProps = Omit<CheckboxProps, "onChange" | "onClick"
 };
 /** Type for node Checkbox renderer
  * @public
+ * @deprecated in 4.16.0. Type is inlined in component props. Use `React.ComponentProps` type helper instead.
  */
 export type NodeCheckboxRenderer = (props: NodeCheckboxRenderProps) => React.ReactNode;
 /** Number of pixels the node gets offset per each hierarchy level

package/lib/esm/core-react/tree/Node.d.ts.map

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

package/lib/esm/core-react/tree/Node.js

@@ -20,9 +20,7 @@ const EXPANSION_TOGGLE_WIDTH = 24;
  * @public
  * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.
  */
-// eslint-disable-next-line deprecation/deprecation
 export class TreeNode extends React.Component {
-    // eslint-disable-next-line deprecation/deprecation
     constructor(props) {
         super(props);
         this._onCheckboxChange = (checked) => {
@@ -69,9 +67,7 @@ export class TreeNode extends React.Component {
             }
         }
         const icon = this.props.icon ? (React.createElement("div", { className: "core-tree-node-icon" }, this.props.icon)) : undefined;
-        const toggle = this.props.isLoading ? undefined : this.props.isLeaf ? (React.createElement("div", null)) : (
-        // eslint-disable-next-line deprecation/deprecation
-        React.createElement(ExpansionToggle, { className: "expansion-toggle", "data-testid": this.createSubComponentTestId("expansion-toggle"), onClick: this._onClickExpansionToggle, isExpanded: this.props.isExpanded }));
+        const toggle = this.props.isLoading ? undefined : this.props.isLeaf ? (React.createElement("div", null)) : (React.createElement(ExpansionToggle, { className: "expansion-toggle", "data-testid": this.createSubComponentTestId("expansion-toggle"), onClick: this._onClickExpansionToggle, isExpanded: this.props.isExpanded }));
         return (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events
         React.createElement("div", { className: className, style: this.props.style, "data-testid": this.props["data-testid"], onClick: this._onClick, onContextMenu: this.props.onContextMenu, onMouseDown: this.props.onMouseDown, onMouseUp: this.props.onMouseUp, onMouseMove: this.props.onMouseMove, role: "treeitem", "aria-selected": this.props.isSelected ? "true" : "false", tabIndex: -1 },

package/lib/esm/core-react/tree/Node.js.map

@@ -1 +1 @@
-{"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../../src/core-react/tree/Node.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 Tree\n */\n\nimport \"./Node.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Checkbox, ProgressRadial } from \"@itwin/itwinui-react\";\nimport { CheckBoxState } from \"../enums/CheckBoxState\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { ExpansionToggle } from \"./ExpansionToggle\";\n\ntype CheckboxProps = React.ComponentPropsWithoutRef<typeof Checkbox>;\n\n/** Props for node Checkbox renderer\n * @public\n */\nexport type NodeCheckboxRenderProps = Omit<\n  CheckboxProps,\n  \"onChange\" | \"onClick\"\n> & {\n  onChange: (checked: boolean) => void;\n  onClick: (e: React.MouseEvent) => void;\n};\n\n/** Type for node Checkbox renderer\n * @public\n */\nexport type NodeCheckboxRenderer = (\n  props: NodeCheckboxRenderProps\n) => React.ReactNode;\n\n/** Number of pixels the node gets offset per each hierarchy level\n * @internal\n */\nexport const LEVEL_OFFSET = 20;\n\nconst EXPANSION_TOGGLE_WIDTH = 24;\n\n/** Properties for Tree Node CheckBox\n * @public\n * @deprecated in 4.15.0. Used in deprecated {@link TreeNodeProps} props.\n */\nexport interface NodeCheckboxProps {\n  /** State of the checkbox */\n  state?: CheckBoxState;\n  /** Click event callback */\n  onClick?: (newState: CheckBoxState) => void;\n  /** Indicates whether checkbox is disabled */\n  isDisabled?: boolean;\n  /** Tooltip to be displayed when mouse is hovered over checkbox */\n  tooltip?: string;\n}\n\n/** Properties for the [[TreeNode]] React component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link TreeNode} component.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface TreeNodeProps extends CommonProps {\n  label: React.ReactNode;\n  level: number;\n  icon?: React.ReactElement | string | number;\n  // eslint-disable-next-line deprecation/deprecation\n  checkboxProps?: NodeCheckboxProps;\n  isLeaf?: boolean;\n  isLoading?: boolean;\n  isExpanded?: boolean;\n  isFocused?: boolean;\n  isSelected?: boolean;\n  isHoverDisabled?: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n  onContextMenu?: (e: React.MouseEvent) => void;\n  onMouseMove?: (e: React.MouseEvent) => void;\n  onMouseDown?: (e: React.MouseEvent) => void;\n  onMouseUp?: (e: React.MouseEvent) => void;\n  onClickExpansionToggle?: () => void;\n  children?: React.ReactNode;\n\n  /** Contains render overrides for different pieces of the node component. */\n  renderOverrides?: {\n    /** Callback to render a checkbox. Only called when checkbox is displayed. */\n    renderCheckbox?: NodeCheckboxRenderer;\n  };\n  [\"data-testid\"]?: string;\n}\n\n/** Presentation React component for a Tree node\n * @public\n * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class TreeNode extends React.Component<TreeNodeProps> {\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(props: TreeNodeProps) {\n    super(props);\n  }\n\n  public override render() {\n    const className = classnames(\n      \"core-tree-node\",\n      this.props.isFocused && \"is-focused\",\n      this.props.isSelected && \"is-selected\",\n      this.props.isHoverDisabled && \"is-hover-disabled\",\n      this.props.className\n    );\n    let offset = this.props.level * LEVEL_OFFSET;\n    if (!this.props.isLoading && this.props.isLeaf)\n      offset += EXPANSION_TOGGLE_WIDTH; // Add expansion toggle/loader width if they're not rendered\n\n    let checkbox: React.ReactNode;\n    if (this.props.checkboxProps) {\n      const props: NodeCheckboxRenderProps = {\n        label: \"\",\n        checked: this.props.checkboxProps.state === CheckBoxState.On,\n        indeterminate: this.props.checkboxProps.state === CheckBoxState.Partial,\n        disabled: this.props.checkboxProps.isDisabled,\n        title: this.props.checkboxProps.tooltip,\n        onClick: this._onCheckboxClick,\n        onChange: this._onCheckboxChange,\n      };\n      if (\n        this.props.renderOverrides &&\n        this.props.renderOverrides.renderCheckbox\n      ) {\n        checkbox = this.props.renderOverrides.renderCheckbox(props);\n      } else {\n        checkbox = (\n          <Checkbox\n            {...props}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n              this._onCheckboxChange(e.target.checked)\n            }\n            data-testid={this.createSubComponentTestId(\"checkbox\")}\n          />\n        );\n      }\n    }\n\n    const icon = this.props.icon ? (\n      <div className=\"core-tree-node-icon\">{this.props.icon}</div>\n    ) : undefined;\n\n    const toggle = this.props.isLoading ? undefined : this.props.isLeaf ? (\n      <div />\n    ) : (\n      // eslint-disable-next-line deprecation/deprecation\n      <ExpansionToggle\n        className=\"expansion-toggle\"\n        data-testid={this.createSubComponentTestId(\"expansion-toggle\")}\n        onClick={this._onClickExpansionToggle}\n        isExpanded={this.props.isExpanded}\n      />\n    );\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        className={className}\n        style={this.props.style}\n        data-testid={this.props[\"data-testid\"]}\n        onClick={this._onClick}\n        onContextMenu={this.props.onContextMenu}\n        onMouseDown={this.props.onMouseDown}\n        onMouseUp={this.props.onMouseUp}\n        onMouseMove={this.props.onMouseMove}\n        role=\"treeitem\"\n        aria-selected={this.props.isSelected ? \"true\" : \"false\"}\n        tabIndex={-1}\n      >\n        <div\n          className=\"contents\"\n          style={{ marginLeft: offset }}\n          data-testid={this.createSubComponentTestId(\"contents\")}\n        >\n          {this.props.isLoading && (\n            <ProgressRadial\n              size=\"x-small\"\n              indeterminate\n              className=\"core-progress-indicator\"\n            />\n          )}\n          {toggle}\n          {checkbox}\n          {icon}\n          {this.props.label}\n        </div>\n        {this.props.children}\n      </div>\n    );\n  }\n\n  private createSubComponentTestId(subId: string): string | undefined {\n    if (!this.props[\"data-testid\"]) return undefined;\n    return `${this.props[\"data-testid\"]}-${subId}`;\n  }\n\n  private _onCheckboxChange = (checked: boolean) => {\n    if (\n      this.props.checkboxProps &&\n      this.props.checkboxProps.onClick &&\n      !this.props.checkboxProps.isDisabled\n    )\n      this.props.checkboxProps.onClick(\n        checked ? CheckBoxState.On : CheckBoxState.Off\n      );\n  };\n\n  private _onCheckboxClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n  };\n\n  private _onClickExpansionToggle = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    if (this.props.onClickExpansionToggle) this.props.onClickExpansionToggle();\n  };\n\n  private _onClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    this.props.onClick?.(e);\n  };\n}\n"]}
+{"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../../src/core-react/tree/Node.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 Tree\n */\n\nimport \"./Node.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Checkbox, ProgressRadial } from \"@itwin/itwinui-react\";\nimport { CheckBoxState } from \"../enums/CheckBoxState\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { ExpansionToggle } from \"./ExpansionToggle\";\n\n/* eslint-disable deprecation/deprecation */\n\ntype CheckboxProps = React.ComponentPropsWithoutRef<typeof Checkbox>;\n\n/** Props for node Checkbox renderer\n * @public\n * @deprecated in 4.16.0. Type is inlined in component props. Use `React.ComponentProps` type helper instead.\n */\nexport type NodeCheckboxRenderProps = Omit<\n  CheckboxProps,\n  \"onChange\" | \"onClick\"\n> & {\n  onChange: (checked: boolean) => void;\n  onClick: (e: React.MouseEvent) => void;\n};\n\n/** Type for node Checkbox renderer\n * @public\n * @deprecated in 4.16.0. Type is inlined in component props. Use `React.ComponentProps` type helper instead.\n */\nexport type NodeCheckboxRenderer = (\n  props: NodeCheckboxRenderProps\n) => React.ReactNode;\n\n/** Number of pixels the node gets offset per each hierarchy level\n * @internal\n */\nexport const LEVEL_OFFSET = 20;\n\nconst EXPANSION_TOGGLE_WIDTH = 24;\n\n/** Properties for Tree Node CheckBox\n * @public\n * @deprecated in 4.15.0. Used in deprecated {@link TreeNodeProps} props.\n */\nexport interface NodeCheckboxProps {\n  /** State of the checkbox */\n  state?: CheckBoxState;\n  /** Click event callback */\n  onClick?: (newState: CheckBoxState) => void;\n  /** Indicates whether checkbox is disabled */\n  isDisabled?: boolean;\n  /** Tooltip to be displayed when mouse is hovered over checkbox */\n  tooltip?: string;\n}\n\n/** Properties for the [[TreeNode]] React component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link TreeNode} component.\n */\nexport interface TreeNodeProps extends CommonProps {\n  label: React.ReactNode;\n  level: number;\n  icon?: React.ReactElement | string | number;\n  checkboxProps?: NodeCheckboxProps;\n  isLeaf?: boolean;\n  isLoading?: boolean;\n  isExpanded?: boolean;\n  isFocused?: boolean;\n  isSelected?: boolean;\n  isHoverDisabled?: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n  onContextMenu?: (e: React.MouseEvent) => void;\n  onMouseMove?: (e: React.MouseEvent) => void;\n  onMouseDown?: (e: React.MouseEvent) => void;\n  onMouseUp?: (e: React.MouseEvent) => void;\n  onClickExpansionToggle?: () => void;\n  children?: React.ReactNode;\n\n  /** Contains render overrides for different pieces of the node component. */\n  renderOverrides?: {\n    /** Callback to render a checkbox. Only called when checkbox is displayed. */\n    renderCheckbox?: NodeCheckboxRenderer;\n  };\n  [\"data-testid\"]?: string;\n}\n\n/** Presentation React component for a Tree node\n * @public\n * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.\n */\nexport class TreeNode extends React.Component<TreeNodeProps> {\n  constructor(props: TreeNodeProps) {\n    super(props);\n  }\n\n  public override render() {\n    const className = classnames(\n      \"core-tree-node\",\n      this.props.isFocused && \"is-focused\",\n      this.props.isSelected && \"is-selected\",\n      this.props.isHoverDisabled && \"is-hover-disabled\",\n      this.props.className\n    );\n    let offset = this.props.level * LEVEL_OFFSET;\n    if (!this.props.isLoading && this.props.isLeaf)\n      offset += EXPANSION_TOGGLE_WIDTH; // Add expansion toggle/loader width if they're not rendered\n\n    let checkbox: React.ReactNode;\n    if (this.props.checkboxProps) {\n      const props: NodeCheckboxRenderProps = {\n        label: \"\",\n        checked: this.props.checkboxProps.state === CheckBoxState.On,\n        indeterminate: this.props.checkboxProps.state === CheckBoxState.Partial,\n        disabled: this.props.checkboxProps.isDisabled,\n        title: this.props.checkboxProps.tooltip,\n        onClick: this._onCheckboxClick,\n        onChange: this._onCheckboxChange,\n      };\n      if (\n        this.props.renderOverrides &&\n        this.props.renderOverrides.renderCheckbox\n      ) {\n        checkbox = this.props.renderOverrides.renderCheckbox(props);\n      } else {\n        checkbox = (\n          <Checkbox\n            {...props}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n              this._onCheckboxChange(e.target.checked)\n            }\n            data-testid={this.createSubComponentTestId(\"checkbox\")}\n          />\n        );\n      }\n    }\n\n    const icon = this.props.icon ? (\n      <div className=\"core-tree-node-icon\">{this.props.icon}</div>\n    ) : undefined;\n\n    const toggle = this.props.isLoading ? undefined : this.props.isLeaf ? (\n      <div />\n    ) : (\n      <ExpansionToggle\n        className=\"expansion-toggle\"\n        data-testid={this.createSubComponentTestId(\"expansion-toggle\")}\n        onClick={this._onClickExpansionToggle}\n        isExpanded={this.props.isExpanded}\n      />\n    );\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        className={className}\n        style={this.props.style}\n        data-testid={this.props[\"data-testid\"]}\n        onClick={this._onClick}\n        onContextMenu={this.props.onContextMenu}\n        onMouseDown={this.props.onMouseDown}\n        onMouseUp={this.props.onMouseUp}\n        onMouseMove={this.props.onMouseMove}\n        role=\"treeitem\"\n        aria-selected={this.props.isSelected ? \"true\" : \"false\"}\n        tabIndex={-1}\n      >\n        <div\n          className=\"contents\"\n          style={{ marginLeft: offset }}\n          data-testid={this.createSubComponentTestId(\"contents\")}\n        >\n          {this.props.isLoading && (\n            <ProgressRadial\n              size=\"x-small\"\n              indeterminate\n              className=\"core-progress-indicator\"\n            />\n          )}\n          {toggle}\n          {checkbox}\n          {icon}\n          {this.props.label}\n        </div>\n        {this.props.children}\n      </div>\n    );\n  }\n\n  private createSubComponentTestId(subId: string): string | undefined {\n    if (!this.props[\"data-testid\"]) return undefined;\n    return `${this.props[\"data-testid\"]}-${subId}`;\n  }\n\n  private _onCheckboxChange = (checked: boolean) => {\n    if (\n      this.props.checkboxProps &&\n      this.props.checkboxProps.onClick &&\n      !this.props.checkboxProps.isDisabled\n    )\n      this.props.checkboxProps.onClick(\n        checked ? CheckBoxState.On : CheckBoxState.Off\n      );\n  };\n\n  private _onCheckboxClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n  };\n\n  private _onClickExpansionToggle = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    if (this.props.onClickExpansionToggle) this.props.onClickExpansionToggle();\n  };\n\n  private _onClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    this.props.onClick?.(e);\n  };\n}\n"]}