@itwin/appui-react 4.14.1 → 4.15.1

package/lib/cjs/appui-react/settings/ui/UiSettingsPage.js

@@ -8,15 +8,16 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getUiSettingsManagerEntry = exports.UiSettingsPage = void 0;
-// cSpell:ignore configurableui checkmark
 const window_settings_svg_1 = require("@bentley/icons-generic/icons/window-settings.svg");
 require("./UiSettingsPage.scss");
 const React = require("react");
 const UiFramework_1 = require("../../UiFramework");
-const ThemeManager_1 = require("../../theme/ThemeManager");
 const SyncUiEventDispatcher_1 = require("../../syncui/SyncUiEventDispatcher");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const useTranslation_1 = require("../../hooks/useTranslation");
+const ThemeId_1 = require("../../theme/ThemeId");
+const ConfigurableUiState_1 = require("../../redux/ConfigurableUiState");
+/* eslint-disable deprecation/deprecation */
 /** UiSettingsPage displaying the active UI settings. This page lets users set the following settings.
  *
  * - theme - Dark, Light, with or without High contrast, or based on OS preference.
@@ -27,8 +28,8 @@ const useTranslation_1 = require("../../hooks/useTranslation");
  * - use proximity - Changes the opacity of toolbar from transparent to opaque as the mouse moves closer.
  * - snap widget opacity - triggers an abrupt change from transparent to opaque for tool and navigation widgets, instead of a gradual change based on mouse location.
  * - widget opacity - determines how transparent floating widgets become when the mouse in not in them.
- *
  * @beta
+ * @deprecated in 4.15.0. Use iTwinUI components to build a settings page.
  */
 function UiSettingsPage() {
     const { translate } = (0, useTranslation_1.useTranslation)();
@@ -47,14 +48,14 @@ function UiSettingsPage() {
     const [toolbarOpacity, setToolbarOpacity] = React.useState(() => UiFramework_1.UiFramework.getToolbarOpacity());
     React.useEffect(() => {
         const syncIdsOfInterest = [
-            "configurableui:set_theme",
-            "configurableui:set_widget_opacity",
-            "configurableui:set-show-widget-icon",
-            "configurableui:set-drag-interaction",
-            "configurableui:set-auto-collapse-unpinned-panels",
-            "configurableui:set-animate-tool-settings",
-            "configurableui:set-use-tool-as-tool-settings-label",
-            "configurableui:set-toolbar-opacity",
+            ConfigurableUiState_1.ConfigurableUiActionId.SetTheme,
+            ConfigurableUiState_1.ConfigurableUiActionId.SetWidgetOpacity,
+            ConfigurableUiState_1.ConfigurableUiActionId.SetShowWidgetIcon,
+            ConfigurableUiState_1.ConfigurableUiActionId.SetDragInteraction,
+            ConfigurableUiState_1.ConfigurableUiActionId.AutoCollapseUnpinnedPanels,
+            ConfigurableUiState_1.ConfigurableUiActionId.AnimateToolSettings,
+            ConfigurableUiState_1.ConfigurableUiActionId.UseToolAsToolSettingsLabel,
+            ConfigurableUiState_1.ConfigurableUiActionId.SetToolbarOpacity,
             SyncUiEventDispatcher_1.SyncUiEventId.ShowHideManagerSettingChange,
         ];
         // eslint-disable-next-line deprecation/deprecation
@@ -104,29 +105,29 @@ function UiSettingsPage() {
     ]);
     const defaultThemeOption = {
         label: translate("settings.uiSettingsPage.systemPreferred"),
-        value: ThemeManager_1.SYSTEM_PREFERRED_COLOR_THEME,
+        value: ThemeId_1.SYSTEM_PREFERRED_COLOR_THEME,
     };
     const themeOptions = [
         defaultThemeOption,
         {
             label: translate("settings.uiSettingsPage.light"),
-            value: ThemeManager_1.ColorTheme.Light,
+            value: ThemeId_1.ColorTheme.Light,
         },
         {
             label: translate("settings.uiSettingsPage.dark"),
-            value: ThemeManager_1.ColorTheme.Dark,
+            value: ThemeId_1.ColorTheme.Dark,
         },
         {
             label: translate("settings.uiSettingsPage.lightHighContrast"),
-            value: ThemeManager_1.ColorTheme.HighContrastLight,
+            value: ThemeId_1.ColorTheme.HighContrastLight,
         },
         {
             label: translate("settings.uiSettingsPage.darkHighContrast"),
-            value: ThemeManager_1.ColorTheme.HighContrastDark,
+            value: ThemeId_1.ColorTheme.HighContrastDark,
         },
         {
             label: translate("settings.uiSettingsPage.inherit"),
-            value: ThemeManager_1.ColorTheme.Inherit,
+            value: ThemeId_1.ColorTheme.Inherit,
         },
     ];
     const onThemeChange = React.useCallback((newValue) => {

package/lib/cjs/appui-react/settings/ui/UiSettingsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiSettingsPage.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/ui/UiSettingsPage.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\n// cSpell:ignore configurableui checkmark\n\nimport widowSettingsIconSvg from \"@bentley/icons-generic/icons/window-settings.svg\";\nimport \"./UiSettingsPage.scss\";\nimport * as React from \"react\";\nimport type { SettingsTabEntry } from \"@itwin/core-react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport {\n  ColorTheme,\n  SYSTEM_PREFERRED_COLOR_THEME,\n} from \"../../theme/ThemeManager\";\nimport {\n  SyncUiEventDispatcher,\n  SyncUiEventId,\n} from \"../../syncui/SyncUiEventDispatcher\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select, Slider, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport type { UiSyncEventArgs } from \"../../syncui/UiSyncEvent\";\nimport { useTranslation } from \"../../hooks/useTranslation\";\n\n/** UiSettingsPage displaying the active UI settings. This page lets users set the following settings.\n *\n * - theme - Dark, Light, with or without High contrast, or based on OS preference.\n * - auto hide - Starts a timer and blanks out ui components that overlay content if there is no mouse movement for a period of time.\n * - drag interaction - If set, toolbar group buttons require a press and drag or a long press to open. In this mode a child action\n * item is shown as the group button and is activated when button is clicked. If a different child item is selected, it becomes the\n * active group button item.\n * - use proximity - Changes the opacity of toolbar from transparent to opaque as the mouse moves closer.\n * - snap widget opacity - triggers an abrupt change from transparent to opaque for tool and navigation widgets, instead of a gradual change based on mouse location.\n * - widget opacity - determines how transparent floating widgets become when the mouse in not in them.\n *\n * @beta\n */\nexport function UiSettingsPage() {\n  const { translate } = useTranslation();\n  const [theme, setTheme] = React.useState(() => UiFramework.getColorTheme());\n  const [useDragInteraction, setUseDragInteraction] = React.useState(\n    () => UiFramework.useDragInteraction\n  );\n  const [showWidgetIcon, setShowWidgetIcon] = React.useState(\n    () => UiFramework.showWidgetIcon\n  );\n  const [autoCollapseUnpinnedPanels, setAutoCollapseUnpinnedPanels] =\n    React.useState(() => UiFramework.autoCollapseUnpinnedPanels);\n  const [animateToolSettings, setAnimateToolSettings] = React.useState(\n    () => UiFramework.animateToolSettings\n  );\n  const [useToolAsToolSettingsLabel, setUseToolAsToolSettingsLabel] =\n    React.useState(() => UiFramework.useToolAsToolSettingsLabel);\n  const [widgetOpacity, setWidgetOpacity] = React.useState(() =>\n    UiFramework.getWidgetOpacity()\n  );\n  const [autoHideUi, setAutoHideUi] = React.useState(\n    () => UiFramework.visibility.autoHideUi\n  );\n  const [useProximityOpacity, setUseProximityOpacity] = React.useState(\n    // eslint-disable-next-line deprecation/deprecation\n    () => UiFramework.visibility.useProximityOpacity\n  );\n  const [snapWidgetOpacity, setSnapWidgetOpacity] = React.useState(\n    () => UiFramework.visibility.snapWidgetOpacity\n  );\n  const [toolbarOpacity, setToolbarOpacity] = React.useState(() =>\n    UiFramework.getToolbarOpacity()\n  );\n\n  React.useEffect(() => {\n    const syncIdsOfInterest = [\n      \"configurableui:set_theme\",\n      \"configurableui:set_widget_opacity\",\n      \"configurableui:set-show-widget-icon\",\n      \"configurableui:set-drag-interaction\",\n      \"configurableui:set-auto-collapse-unpinned-panels\",\n      \"configurableui:set-animate-tool-settings\",\n      \"configurableui:set-use-tool-as-tool-settings-label\",\n      \"configurableui:set-toolbar-opacity\",\n      SyncUiEventId.ShowHideManagerSettingChange,\n    ];\n\n    // eslint-disable-next-line deprecation/deprecation\n    const handleSyncUiEvent = (args: UiSyncEventArgs) => {\n      if (\n        syncIdsOfInterest.some((value: string): boolean =>\n          args.eventIds.has(value)\n        )\n      ) {\n        if (UiFramework.getColorTheme() !== theme)\n          setTheme(UiFramework.getColorTheme());\n        if (UiFramework.visibility.autoHideUi !== autoHideUi)\n          setAutoHideUi(UiFramework.visibility.autoHideUi);\n        if (UiFramework.useDragInteraction !== useDragInteraction)\n          setUseDragInteraction(UiFramework.useDragInteraction);\n        if (UiFramework.showWidgetIcon !== showWidgetIcon)\n          setShowWidgetIcon(UiFramework.showWidgetIcon);\n        if (\n          UiFramework.autoCollapseUnpinnedPanels !== autoCollapseUnpinnedPanels\n        )\n          setAutoCollapseUnpinnedPanels(UiFramework.autoCollapseUnpinnedPanels);\n        if (UiFramework.getWidgetOpacity() !== widgetOpacity)\n          setWidgetOpacity(UiFramework.getWidgetOpacity());\n        if (UiFramework.visibility.autoHideUi !== autoHideUi)\n          setAutoHideUi(UiFramework.visibility.autoHideUi);\n        // eslint-disable-next-line deprecation/deprecation\n        if (UiFramework.visibility.useProximityOpacity !== useProximityOpacity)\n          // eslint-disable-next-line deprecation/deprecation\n          setUseProximityOpacity(UiFramework.visibility.useProximityOpacity);\n        if (UiFramework.visibility.snapWidgetOpacity !== snapWidgetOpacity)\n          setSnapWidgetOpacity(UiFramework.visibility.snapWidgetOpacity);\n        if (UiFramework.animateToolSettings !== animateToolSettings)\n          setAnimateToolSettings(UiFramework.animateToolSettings);\n        if (\n          UiFramework.useToolAsToolSettingsLabel !== useToolAsToolSettingsLabel\n        )\n          setUseToolAsToolSettingsLabel(UiFramework.useToolAsToolSettingsLabel);\n        if (UiFramework.getToolbarOpacity() !== toolbarOpacity)\n          setToolbarOpacity(UiFramework.getToolbarOpacity());\n      }\n    };\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\n  }, [\n    autoCollapseUnpinnedPanels,\n    autoHideUi,\n    showWidgetIcon,\n    snapWidgetOpacity,\n    theme,\n    useDragInteraction,\n    useProximityOpacity,\n    widgetOpacity,\n    animateToolSettings,\n    useToolAsToolSettingsLabel,\n    toolbarOpacity,\n  ]);\n\n  const defaultThemeOption = {\n    label: translate(\"settings.uiSettingsPage.systemPreferred\"),\n    value: SYSTEM_PREFERRED_COLOR_THEME,\n  };\n  const themeOptions: SelectOption<string>[] = [\n    defaultThemeOption,\n    {\n      label: translate(\"settings.uiSettingsPage.light\"),\n      value: ColorTheme.Light,\n    },\n    {\n      label: translate(\"settings.uiSettingsPage.dark\"),\n      value: ColorTheme.Dark,\n    },\n    {\n      label: translate(\"settings.uiSettingsPage.lightHighContrast\"),\n      value: ColorTheme.HighContrastLight,\n    },\n    {\n      label: translate(\"settings.uiSettingsPage.darkHighContrast\"),\n      value: ColorTheme.HighContrastDark,\n    },\n    {\n      label: translate(\"settings.uiSettingsPage.inherit\"),\n      value: ColorTheme.Inherit,\n    },\n  ];\n\n  const onThemeChange = React.useCallback((newValue: string) => {\n    UiFramework.setColorTheme(newValue);\n  }, []);\n\n  const onAutoHideChange = React.useCallback(async () => {\n    UiFramework.visibility.autoHideUi = !autoHideUi;\n  }, [autoHideUi]);\n\n  const onUseProximityOpacityChange = React.useCallback(async () => {\n    // eslint-disable-next-line deprecation/deprecation\n    UiFramework.visibility.useProximityOpacity = !useProximityOpacity;\n  }, [useProximityOpacity]);\n\n  const onSnapWidgetOpacityChange = React.useCallback(async () => {\n    UiFramework.visibility.snapWidgetOpacity = !snapWidgetOpacity;\n  }, [snapWidgetOpacity]);\n\n  const onWidgetIconChange = React.useCallback(async () => {\n    UiFramework.setShowWidgetIcon(!showWidgetIcon);\n  }, [showWidgetIcon]);\n\n  const onAutoCollapseUnpinnedPanelsChange = React.useCallback(async () => {\n    UiFramework.setAutoCollapseUnpinnedPanels(!autoCollapseUnpinnedPanels);\n  }, [autoCollapseUnpinnedPanels]);\n\n  const onWidgetOpacityChange = React.useCallback(\n    async (values: readonly number[]) => {\n      if (values.length > 0) {\n        UiFramework.setWidgetOpacity(values[0]);\n      }\n    },\n    []\n  );\n\n  const onToggleDragInteraction = React.useCallback(async () => {\n    UiFramework.setUseDragInteraction(!useDragInteraction);\n  }, [useDragInteraction]);\n\n  const OnToggleAnimateToolSettings = React.useCallback(async () => {\n    UiFramework.setAnimateToolSettings(!animateToolSettings);\n  }, [animateToolSettings]);\n  const currentTheme = UiFramework.getColorTheme();\n\n  const OnToggleUseToolAsToolSettingsLabel = React.useCallback(async () => {\n    UiFramework.setUseToolAsToolSettingsLabel(!useToolAsToolSettingsLabel);\n  }, [useToolAsToolSettingsLabel]);\n\n  const onToolbarOpacityChange = React.useCallback(\n    async (values: readonly number[]) => {\n      if (values.length > 0) {\n        UiFramework.setToolbarOpacity(values[0]);\n      }\n    },\n    []\n  );\n\n  return (\n    <div className=\"uifw-settings\">\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.themeTitle\")}\n        description={translate(\"settings.uiSettingsPage.themeDescription\")}\n        settingUi={\n          <div\n            data-testid=\"select-theme-container\"\n            className=\"select-theme-container\"\n          >\n            <Select\n              value={currentTheme}\n              onChange={onThemeChange}\n              options={themeOptions}\n              data-testid=\"select-theme\"\n              size=\"small\"\n            />\n          </div>\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.autoHideTitle\")}\n        description={translate(\"settings.uiSettingsPage.autoHideDescription\")}\n        settingUi={\n          <ToggleSwitch checked={autoHideUi} onChange={onAutoHideChange} />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.dragInteractionTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.dragInteractionDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={useDragInteraction}\n            onChange={onToggleDragInteraction}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.useProximityOpacityTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.useProximityOpacityDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={useProximityOpacity}\n            onChange={onUseProximityOpacityChange}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.snapWidgetOpacityTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.snapWidgetOpacityDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={snapWidgetOpacity}\n            onChange={onSnapWidgetOpacityChange}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.widgetIconTitle\")}\n        description={translate(\"settings.uiSettingsPage.widgetIconDescription\")}\n        settingUi={\n          <ToggleSwitch\n            checked={showWidgetIcon}\n            onChange={onWidgetIconChange}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\n          \"settings.uiSettingsPage.autoCollapseUnpinnedPanelsTitle\"\n        )}\n        description={translate(\n          \"settings.uiSettingsPage.autoCollapseUnpinnedPanelsDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={autoCollapseUnpinnedPanels}\n            onChange={onAutoCollapseUnpinnedPanelsChange}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.animateToolSettingsTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.animateToolSettingsDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={animateToolSettings}\n            onChange={OnToggleAnimateToolSettings}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\n          \"settings.uiSettingsPage.useToolAsToolSettingsLabelTitle\"\n        )}\n        description={translate(\n          \"settings.uiSettingsPage.useToolAsToolSettingsLabelDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={useToolAsToolSettingsLabel}\n            onChange={OnToggleUseToolAsToolSettingsLabel}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.toolbarOpacityTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.toolbarOpacityDescription\"\n        )}\n        settingUi={\n          <Slider\n            style={{ flex: \"1\" }}\n            values={[toolbarOpacity]}\n            step={0.05}\n            onChange={onToolbarOpacityChange}\n            min={0.2}\n            max={1.0}\n            maxLabel=\"1.0\"\n            tickLabels={[\"\", \"\", \"\", \"\", \"\"]}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.widgetOpacityTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.widgetOpacityDescription\"\n        )}\n        settingUi={\n          <Slider\n            style={{ flex: \"1\" }}\n            values={[widgetOpacity]}\n            step={0.05}\n            onChange={onWidgetOpacityChange}\n            min={0.2}\n            max={1.0}\n            maxLabel=\"1.0\"\n            tickLabels={[\"\", \"\", \"\", \"\", \"\"]}\n          />\n        }\n      />\n    </div>\n  );\n}\n\ninterface SettingsItemProps {\n  title: string;\n  description: string;\n  settingUi: React.ReactNode;\n}\n\nfunction SettingsItem(props: SettingsItemProps) {\n  const { title, description, settingUi } = props;\n\n  return (\n    <div className=\"uifw-settings-item\">\n      <div className=\"panel left-panel\">\n        <span className=\"title\">{title}</span>\n        <span className=\"description\">{description}</span>\n      </div>\n      <div className=\"panel right-panel\">{settingUi}</div>\n    </div>\n  );\n}\n\n/**\n * Return a SettingsTabEntry that can be used to define the available settings that can be set for an application.\n * @param itemPriority - Used to define the order of the entry in the Settings Stage\n * @beta\n */\nexport function getUiSettingsManagerEntry(\n  itemPriority: number\n): SettingsTabEntry {\n  return {\n    itemPriority,\n    tabId: \"uifw:UiStateStorage\",\n    label: UiFramework.translate(\"settings.uiSettingsPage.label\"),\n    icon: widowSettingsIconSvg,\n    page: <UiSettingsPage />,\n    isDisabled: false,\n    tooltip: UiFramework.translate(\"settings.uiSettingsPage.tooltip\"),\n  };\n}\n"]}
+{"version":3,"file":"UiSettingsPage.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/ui/UiSettingsPage.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 widowSettingsIconSvg from \"@bentley/icons-generic/icons/window-settings.svg\";\nimport \"./UiSettingsPage.scss\";\nimport * as React from \"react\";\nimport type { SettingsTabEntry } from \"@itwin/core-react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport {\n  SyncUiEventDispatcher,\n  SyncUiEventId,\n} from \"../../syncui/SyncUiEventDispatcher\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select, Slider, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport type { UiSyncEventArgs } from \"../../syncui/UiSyncEvent\";\nimport { useTranslation } from \"../../hooks/useTranslation\";\nimport { ColorTheme, SYSTEM_PREFERRED_COLOR_THEME } from \"../../theme/ThemeId\";\nimport { ConfigurableUiActionId } from \"../../redux/ConfigurableUiState\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** UiSettingsPage displaying the active UI settings. This page lets users set the following settings.\n *\n * - theme - Dark, Light, with or without High contrast, or based on OS preference.\n * - auto hide - Starts a timer and blanks out ui components that overlay content if there is no mouse movement for a period of time.\n * - drag interaction - If set, toolbar group buttons require a press and drag or a long press to open. In this mode a child action\n * item is shown as the group button and is activated when button is clicked. If a different child item is selected, it becomes the\n * active group button item.\n * - use proximity - Changes the opacity of toolbar from transparent to opaque as the mouse moves closer.\n * - snap widget opacity - triggers an abrupt change from transparent to opaque for tool and navigation widgets, instead of a gradual change based on mouse location.\n * - widget opacity - determines how transparent floating widgets become when the mouse in not in them.\n * @beta\n * @deprecated in 4.15.0. Use iTwinUI components to build a settings page.\n */\nexport function UiSettingsPage() {\n  const { translate } = useTranslation();\n  const [theme, setTheme] = React.useState(() => UiFramework.getColorTheme());\n  const [useDragInteraction, setUseDragInteraction] = React.useState(\n    () => UiFramework.useDragInteraction\n  );\n  const [showWidgetIcon, setShowWidgetIcon] = React.useState(\n    () => UiFramework.showWidgetIcon\n  );\n  const [autoCollapseUnpinnedPanels, setAutoCollapseUnpinnedPanels] =\n    React.useState(() => UiFramework.autoCollapseUnpinnedPanels);\n  const [animateToolSettings, setAnimateToolSettings] = React.useState(\n    () => UiFramework.animateToolSettings\n  );\n  const [useToolAsToolSettingsLabel, setUseToolAsToolSettingsLabel] =\n    React.useState(() => UiFramework.useToolAsToolSettingsLabel);\n  const [widgetOpacity, setWidgetOpacity] = React.useState(() =>\n    UiFramework.getWidgetOpacity()\n  );\n  const [autoHideUi, setAutoHideUi] = React.useState(\n    () => UiFramework.visibility.autoHideUi\n  );\n  const [useProximityOpacity, setUseProximityOpacity] = React.useState(\n    // eslint-disable-next-line deprecation/deprecation\n    () => UiFramework.visibility.useProximityOpacity\n  );\n  const [snapWidgetOpacity, setSnapWidgetOpacity] = React.useState(\n    () => UiFramework.visibility.snapWidgetOpacity\n  );\n  const [toolbarOpacity, setToolbarOpacity] = React.useState(() =>\n    UiFramework.getToolbarOpacity()\n  );\n\n  React.useEffect(() => {\n    const syncIdsOfInterest = [\n      ConfigurableUiActionId.SetTheme,\n      ConfigurableUiActionId.SetWidgetOpacity,\n      ConfigurableUiActionId.SetShowWidgetIcon,\n      ConfigurableUiActionId.SetDragInteraction,\n      ConfigurableUiActionId.AutoCollapseUnpinnedPanels,\n      ConfigurableUiActionId.AnimateToolSettings,\n      ConfigurableUiActionId.UseToolAsToolSettingsLabel,\n      ConfigurableUiActionId.SetToolbarOpacity,\n      SyncUiEventId.ShowHideManagerSettingChange,\n    ];\n\n    // eslint-disable-next-line deprecation/deprecation\n    const handleSyncUiEvent = (args: UiSyncEventArgs) => {\n      if (\n        syncIdsOfInterest.some((value: string): boolean =>\n          args.eventIds.has(value)\n        )\n      ) {\n        if (UiFramework.getColorTheme() !== theme)\n          setTheme(UiFramework.getColorTheme());\n        if (UiFramework.visibility.autoHideUi !== autoHideUi)\n          setAutoHideUi(UiFramework.visibility.autoHideUi);\n        if (UiFramework.useDragInteraction !== useDragInteraction)\n          setUseDragInteraction(UiFramework.useDragInteraction);\n        if (UiFramework.showWidgetIcon !== showWidgetIcon)\n          setShowWidgetIcon(UiFramework.showWidgetIcon);\n        if (\n          UiFramework.autoCollapseUnpinnedPanels !== autoCollapseUnpinnedPanels\n        )\n          setAutoCollapseUnpinnedPanels(UiFramework.autoCollapseUnpinnedPanels);\n        if (UiFramework.getWidgetOpacity() !== widgetOpacity)\n          setWidgetOpacity(UiFramework.getWidgetOpacity());\n        if (UiFramework.visibility.autoHideUi !== autoHideUi)\n          setAutoHideUi(UiFramework.visibility.autoHideUi);\n        // eslint-disable-next-line deprecation/deprecation\n        if (UiFramework.visibility.useProximityOpacity !== useProximityOpacity)\n          // eslint-disable-next-line deprecation/deprecation\n          setUseProximityOpacity(UiFramework.visibility.useProximityOpacity);\n        if (UiFramework.visibility.snapWidgetOpacity !== snapWidgetOpacity)\n          setSnapWidgetOpacity(UiFramework.visibility.snapWidgetOpacity);\n        if (UiFramework.animateToolSettings !== animateToolSettings)\n          setAnimateToolSettings(UiFramework.animateToolSettings);\n        if (\n          UiFramework.useToolAsToolSettingsLabel !== useToolAsToolSettingsLabel\n        )\n          setUseToolAsToolSettingsLabel(UiFramework.useToolAsToolSettingsLabel);\n        if (UiFramework.getToolbarOpacity() !== toolbarOpacity)\n          setToolbarOpacity(UiFramework.getToolbarOpacity());\n      }\n    };\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\n  }, [\n    autoCollapseUnpinnedPanels,\n    autoHideUi,\n    showWidgetIcon,\n    snapWidgetOpacity,\n    theme,\n    useDragInteraction,\n    useProximityOpacity,\n    widgetOpacity,\n    animateToolSettings,\n    useToolAsToolSettingsLabel,\n    toolbarOpacity,\n  ]);\n\n  const defaultThemeOption = {\n    label: translate(\"settings.uiSettingsPage.systemPreferred\"),\n    value: SYSTEM_PREFERRED_COLOR_THEME,\n  };\n  const themeOptions: SelectOption<string>[] = [\n    defaultThemeOption,\n    {\n      label: translate(\"settings.uiSettingsPage.light\"),\n      value: ColorTheme.Light,\n    },\n    {\n      label: translate(\"settings.uiSettingsPage.dark\"),\n      value: ColorTheme.Dark,\n    },\n    {\n      label: translate(\"settings.uiSettingsPage.lightHighContrast\"),\n      value: ColorTheme.HighContrastLight,\n    },\n    {\n      label: translate(\"settings.uiSettingsPage.darkHighContrast\"),\n      value: ColorTheme.HighContrastDark,\n    },\n    {\n      label: translate(\"settings.uiSettingsPage.inherit\"),\n      value: ColorTheme.Inherit,\n    },\n  ];\n\n  const onThemeChange = React.useCallback((newValue: string) => {\n    UiFramework.setColorTheme(newValue);\n  }, []);\n\n  const onAutoHideChange = React.useCallback(async () => {\n    UiFramework.visibility.autoHideUi = !autoHideUi;\n  }, [autoHideUi]);\n\n  const onUseProximityOpacityChange = React.useCallback(async () => {\n    // eslint-disable-next-line deprecation/deprecation\n    UiFramework.visibility.useProximityOpacity = !useProximityOpacity;\n  }, [useProximityOpacity]);\n\n  const onSnapWidgetOpacityChange = React.useCallback(async () => {\n    UiFramework.visibility.snapWidgetOpacity = !snapWidgetOpacity;\n  }, [snapWidgetOpacity]);\n\n  const onWidgetIconChange = React.useCallback(async () => {\n    UiFramework.setShowWidgetIcon(!showWidgetIcon);\n  }, [showWidgetIcon]);\n\n  const onAutoCollapseUnpinnedPanelsChange = React.useCallback(async () => {\n    UiFramework.setAutoCollapseUnpinnedPanels(!autoCollapseUnpinnedPanels);\n  }, [autoCollapseUnpinnedPanels]);\n\n  const onWidgetOpacityChange = React.useCallback(\n    async (values: readonly number[]) => {\n      if (values.length > 0) {\n        UiFramework.setWidgetOpacity(values[0]);\n      }\n    },\n    []\n  );\n\n  const onToggleDragInteraction = React.useCallback(async () => {\n    UiFramework.setUseDragInteraction(!useDragInteraction);\n  }, [useDragInteraction]);\n\n  const OnToggleAnimateToolSettings = React.useCallback(async () => {\n    UiFramework.setAnimateToolSettings(!animateToolSettings);\n  }, [animateToolSettings]);\n  const currentTheme = UiFramework.getColorTheme();\n\n  const OnToggleUseToolAsToolSettingsLabel = React.useCallback(async () => {\n    UiFramework.setUseToolAsToolSettingsLabel(!useToolAsToolSettingsLabel);\n  }, [useToolAsToolSettingsLabel]);\n\n  const onToolbarOpacityChange = React.useCallback(\n    async (values: readonly number[]) => {\n      if (values.length > 0) {\n        UiFramework.setToolbarOpacity(values[0]);\n      }\n    },\n    []\n  );\n\n  return (\n    <div className=\"uifw-settings\">\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.themeTitle\")}\n        description={translate(\"settings.uiSettingsPage.themeDescription\")}\n        settingUi={\n          <div\n            data-testid=\"select-theme-container\"\n            className=\"select-theme-container\"\n          >\n            <Select\n              value={currentTheme}\n              onChange={onThemeChange}\n              options={themeOptions}\n              data-testid=\"select-theme\"\n              size=\"small\"\n            />\n          </div>\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.autoHideTitle\")}\n        description={translate(\"settings.uiSettingsPage.autoHideDescription\")}\n        settingUi={\n          <ToggleSwitch checked={autoHideUi} onChange={onAutoHideChange} />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.dragInteractionTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.dragInteractionDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={useDragInteraction}\n            onChange={onToggleDragInteraction}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.useProximityOpacityTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.useProximityOpacityDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={useProximityOpacity}\n            onChange={onUseProximityOpacityChange}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.snapWidgetOpacityTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.snapWidgetOpacityDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={snapWidgetOpacity}\n            onChange={onSnapWidgetOpacityChange}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.widgetIconTitle\")}\n        description={translate(\"settings.uiSettingsPage.widgetIconDescription\")}\n        settingUi={\n          <ToggleSwitch\n            checked={showWidgetIcon}\n            onChange={onWidgetIconChange}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\n          \"settings.uiSettingsPage.autoCollapseUnpinnedPanelsTitle\"\n        )}\n        description={translate(\n          \"settings.uiSettingsPage.autoCollapseUnpinnedPanelsDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={autoCollapseUnpinnedPanels}\n            onChange={onAutoCollapseUnpinnedPanelsChange}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.animateToolSettingsTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.animateToolSettingsDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={animateToolSettings}\n            onChange={OnToggleAnimateToolSettings}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\n          \"settings.uiSettingsPage.useToolAsToolSettingsLabelTitle\"\n        )}\n        description={translate(\n          \"settings.uiSettingsPage.useToolAsToolSettingsLabelDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={useToolAsToolSettingsLabel}\n            onChange={OnToggleUseToolAsToolSettingsLabel}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.toolbarOpacityTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.toolbarOpacityDescription\"\n        )}\n        settingUi={\n          <Slider\n            style={{ flex: \"1\" }}\n            values={[toolbarOpacity]}\n            step={0.05}\n            onChange={onToolbarOpacityChange}\n            min={0.2}\n            max={1.0}\n            maxLabel=\"1.0\"\n            tickLabels={[\"\", \"\", \"\", \"\", \"\"]}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.widgetOpacityTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.widgetOpacityDescription\"\n        )}\n        settingUi={\n          <Slider\n            style={{ flex: \"1\" }}\n            values={[widgetOpacity]}\n            step={0.05}\n            onChange={onWidgetOpacityChange}\n            min={0.2}\n            max={1.0}\n            maxLabel=\"1.0\"\n            tickLabels={[\"\", \"\", \"\", \"\", \"\"]}\n          />\n        }\n      />\n    </div>\n  );\n}\n\ninterface SettingsItemProps {\n  title: string;\n  description: string;\n  settingUi: React.ReactNode;\n}\n\nfunction SettingsItem(props: SettingsItemProps) {\n  const { title, description, settingUi } = props;\n\n  return (\n    <div className=\"uifw-settings-item\">\n      <div className=\"panel left-panel\">\n        <span className=\"title\">{title}</span>\n        <span className=\"description\">{description}</span>\n      </div>\n      <div className=\"panel right-panel\">{settingUi}</div>\n    </div>\n  );\n}\n\n/**\n * Return a SettingsTabEntry that can be used to define the available settings that can be set for an application.\n * @param itemPriority - Used to define the order of the entry in the Settings Stage\n * @beta\n */\nexport function getUiSettingsManagerEntry(\n  itemPriority: number\n): SettingsTabEntry {\n  return {\n    itemPriority,\n    tabId: \"uifw:UiStateStorage\",\n    label: UiFramework.translate(\"settings.uiSettingsPage.label\"),\n    icon: widowSettingsIconSvg,\n    page: <UiSettingsPage />,\n    isDisabled: false,\n    tooltip: UiFramework.translate(\"settings.uiSettingsPage.tooltip\"),\n  };\n}\n"]}

package/lib/cjs/appui-react/shared/ActionButtonItemDef.d.ts

@@ -8,6 +8,7 @@ import { ItemDefBase } from "./ItemDefBase";
 import type { ItemProps } from "./ItemProps";
 /** Abstract base class that is used by classes to execute an action when pressed.
  * @public
+ * @deprecated in 4.15.0. Use type specific utilities for creating items instead, i.e. {@link ToolbarItemUtilities.createActionItem}.
  */
 export declare abstract class ActionButtonItemDef extends ItemDefBase {
     private _onItemExecuted?;

package/lib/cjs/appui-react/shared/ActionButtonItemDef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ActionButtonItemDef.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;GAEG;AACH,8BAAsB,mBAAoB,SAAQ,WAAW;IAC3D,OAAO,CAAC,eAAe,CAAC,CAAqB;IAE7C,4CAA4C;IAC5C,SAAS,CAAC,eAAe,CAAC,EAAE,cAAc,CAAC;IAC3C,+CAA+C;IACxC,UAAU,CAAC,EAAE,GAAG,CAAC;IACxB,2DAA2D;IACpD,IAAI,CAAC,EAAE,SAAS,CAAC;IACxB,qDAAqD;IACrD,OAAc,iBAAiB,SAAM;gBAEzB,SAAS,EAAE,SAAS,EAAE,cAAc,CAAC,EAAE,kBAAkB;IAOrE,mEAAmE;IAC5D,OAAO,IAAI,IAAI;IAUtB,qFAAqF;IAC9E,eAAe,SAAU,SAAS,UAEvC;IAEF,sDAAsD;IAC/C,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,MAAM;CAUtD"}
+{"version":3,"file":"ActionButtonItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ActionButtonItemDef.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAK7C;;;GAGG;AACH,8BAAsB,mBAAoB,SAAQ,WAAW;IAC3D,OAAO,CAAC,eAAe,CAAC,CAAqB;IAE7C,4CAA4C;IAC5C,SAAS,CAAC,eAAe,CAAC,EAAE,cAAc,CAAC;IAC3C,+CAA+C;IACxC,UAAU,CAAC,EAAE,GAAG,CAAC;IACxB,2DAA2D;IACpD,IAAI,CAAC,EAAE,SAAS,CAAC;IACxB,qDAAqD;IACrD,OAAc,iBAAiB,SAAM;gBAEzB,SAAS,EAAE,SAAS,EAAE,cAAc,CAAC,EAAE,kBAAkB;IAOrE,mEAAmE;IAC5D,OAAO,IAAI,IAAI;IAUtB,qFAAqF;IAC9E,eAAe,SAAU,SAAS,UAEvC;IAEF,sDAAsD;IAC/C,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,MAAM;CAUtD"}

package/lib/cjs/appui-react/shared/ActionButtonItemDef.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionButtonItemDef = void 0;
 const core_react_1 = require("@itwin/core-react");
 const ItemDefBase_1 = require("./ItemDefBase");
+/* eslint-disable deprecation/deprecation */
 /** Abstract base class that is used by classes to execute an action when pressed.
  * @public
+ * @deprecated in 4.15.0. Use type specific utilities for creating items instead, i.e. {@link ToolbarItemUtilities.createActionItem}.
  */
 class ActionButtonItemDef extends ItemDefBase_1.ItemDefBase {
     constructor(itemProps, onItemExecuted) {

package/lib/cjs/appui-react/shared/ActionButtonItemDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ActionButtonItemDef.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAIH,kDAAgD;AAChD,+CAA4C;AAG5C;;GAEG;AACH,MAAsB,mBAAoB,SAAQ,yBAAW;IAY3D,YAAY,SAAoB,EAAE,cAAmC;QACnE,KAAK,CAAC,SAAS,CAAC,CAAC;QAiBnB,qFAAqF;QAC9E,oBAAe,GAAG,CAAC,IAAe,EAAE,EAAE;YAC3C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;QAlBA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;IACxC,CAAC;IAED,mEAAmE;IAC5D,OAAO;QACZ,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;YACzD,IAAI,IAAI,CAAC,eAAe,CAAC,cAAc;gBACrC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,CAAC,CAAC;;gBACjE,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QACrE,CAAC;QAED,IAAI,IAAI,CAAC,eAAe;YAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC;IAOD,sDAAsD;IAC/C,YAAY,CAAC,WAAwB;QAC1C,IAAI,SAAS,GAAG,mBAAmB,CAAC,iBAAiB,CAAC;QACtD,IAAI,IAAI,CAAC,IAAI;YACX,SAAS;gBACP,WAAW,KAAK,wBAAW,CAAC,UAAU;oBACpC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK;oBACjB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QAEzB,OAAO,SAAS,CAAC;IACnB,CAAC;;AA7CH,kDA8CC;AArCC,qDAAqD;AACvC,qCAAiB,GAAG,EAAE,AAAL,CAAM","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type { CommandHandler, OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport type { SizeProps } from \"@itwin/core-react\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { ItemDefBase } from \"./ItemDefBase\";\nimport type { ItemProps } from \"./ItemProps\";\n\n/** Abstract base class that is used by classes to execute an action when pressed.\n * @public\n */\nexport abstract class ActionButtonItemDef extends ItemDefBase {\n  private _onItemExecuted?: OnItemExecutedFunc;\n\n  /** Command Handler for the action button */\n  protected _commandHandler?: CommandHandler;\n  /** Parameters passed to the Command Handler */\n  public parameters?: any;\n  /** Size of the action button, as set by handleSizeKnown */\n  public size?: SizeProps;\n  /** The default button size for all action buttons */\n  public static defaultButtonSize = 42;\n\n  constructor(itemProps: ItemProps, onItemExecuted?: OnItemExecutedFunc) {\n    super(itemProps);\n\n    this.execute = this.execute.bind(this);\n    this._onItemExecuted = onItemExecuted;\n  }\n\n  /** Called when the action button is invoked by a click or touch */\n  public execute(): void {\n    if (this._commandHandler && this._commandHandler.execute) {\n      if (this._commandHandler.getCommandArgs)\n        this._commandHandler.execute(this._commandHandler.getCommandArgs());\n      else this._commandHandler.execute(this._commandHandler.parameters);\n    }\n\n    if (this._onItemExecuted) this._onItemExecuted(this);\n  }\n\n  /** Called when the size of the action button is initialized and the size is known */\n  public handleSizeKnown = (size: SizeProps) => {\n    this.size = size;\n  };\n\n  /** Determines the dimension in a given orientation */\n  public getDimension(orientation: Orientation): number {\n    let dimension = ActionButtonItemDef.defaultButtonSize;\n    if (this.size)\n      dimension =\n        orientation === Orientation.Horizontal\n          ? this.size.width\n          : this.size.height;\n\n    return dimension;\n  }\n}\n"]}
+{"version":3,"file":"ActionButtonItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ActionButtonItemDef.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAIH,kDAAgD;AAChD,+CAA4C;AAI5C,4CAA4C;AAE5C;;;GAGG;AACH,MAAsB,mBAAoB,SAAQ,yBAAW;IAY3D,YAAY,SAAoB,EAAE,cAAmC;QACnE,KAAK,CAAC,SAAS,CAAC,CAAC;QAiBnB,qFAAqF;QAC9E,oBAAe,GAAG,CAAC,IAAe,EAAE,EAAE;YAC3C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;QAlBA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;IACxC,CAAC;IAED,mEAAmE;IAC5D,OAAO;QACZ,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;YACzD,IAAI,IAAI,CAAC,eAAe,CAAC,cAAc;gBACrC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,CAAC,CAAC;;gBACjE,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QACrE,CAAC;QAED,IAAI,IAAI,CAAC,eAAe;YAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC;IAOD,sDAAsD;IAC/C,YAAY,CAAC,WAAwB;QAC1C,IAAI,SAAS,GAAG,mBAAmB,CAAC,iBAAiB,CAAC;QACtD,IAAI,IAAI,CAAC,IAAI;YACX,SAAS;gBACP,WAAW,KAAK,wBAAW,CAAC,UAAU;oBACpC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK;oBACjB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QAEzB,OAAO,SAAS,CAAC;IACnB,CAAC;;AA7CH,kDA8CC;AArCC,qDAAqD;AACvC,qCAAiB,GAAG,EAAE,AAAL,CAAM","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type { CommandHandler, OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport type { SizeProps } from \"@itwin/core-react\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { ItemDefBase } from \"./ItemDefBase\";\nimport type { ItemProps } from \"./ItemProps\";\nimport { ToolbarItemUtilities } from \"../toolbar/ToolbarItemUtilities\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Abstract base class that is used by classes to execute an action when pressed.\n * @public\n * @deprecated in 4.15.0. Use type specific utilities for creating items instead, i.e. {@link ToolbarItemUtilities.createActionItem}.\n */\nexport abstract class ActionButtonItemDef extends ItemDefBase {\n  private _onItemExecuted?: OnItemExecutedFunc;\n\n  /** Command Handler for the action button */\n  protected _commandHandler?: CommandHandler;\n  /** Parameters passed to the Command Handler */\n  public parameters?: any;\n  /** Size of the action button, as set by handleSizeKnown */\n  public size?: SizeProps;\n  /** The default button size for all action buttons */\n  public static defaultButtonSize = 42;\n\n  constructor(itemProps: ItemProps, onItemExecuted?: OnItemExecutedFunc) {\n    super(itemProps);\n\n    this.execute = this.execute.bind(this);\n    this._onItemExecuted = onItemExecuted;\n  }\n\n  /** Called when the action button is invoked by a click or touch */\n  public execute(): void {\n    if (this._commandHandler && this._commandHandler.execute) {\n      if (this._commandHandler.getCommandArgs)\n        this._commandHandler.execute(this._commandHandler.getCommandArgs());\n      else this._commandHandler.execute(this._commandHandler.parameters);\n    }\n\n    if (this._onItemExecuted) this._onItemExecuted(this);\n  }\n\n  /** Called when the size of the action button is initialized and the size is known */\n  public handleSizeKnown = (size: SizeProps) => {\n    this.size = size;\n  };\n\n  /** Determines the dimension in a given orientation */\n  public getDimension(orientation: Orientation): number {\n    let dimension = ActionButtonItemDef.defaultButtonSize;\n    if (this.size)\n      dimension =\n        orientation === Orientation.Horizontal\n          ? this.size.width\n          : this.size.height;\n\n    return dimension;\n  }\n}\n"]}

package/lib/cjs/appui-react/shared/AnyItemDef.d.ts

@@ -7,6 +7,7 @@ import type { CommandItemDef } from "./CommandItemDef";
 import type { ToolItemDef } from "./ToolItemDef";
 /** Union of all Item definitions that can be specified in a GroupItem
  * @public
+ * @deprecated in 4.15.0. Use type specific item definitions instead, i.e. {@link ToolbarItem}.
  */
 export type AnyItemDef = GroupItemDef | CommandItemDef | ToolItemDef | ActionButtonItemDef;
 //# sourceMappingURL=AnyItemDef.d.ts.map

package/lib/cjs/appui-react/shared/AnyItemDef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnyItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/AnyItemDef.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,YAAY,GACZ,cAAc,GACd,WAAW,GACX,mBAAmB,CAAC"}
+{"version":3,"file":"AnyItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/AnyItemDef.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAIjD;;;GAGG;AACH,MAAM,MAAM,UAAU,GAClB,YAAY,GACZ,cAAc,GACd,WAAW,GACX,mBAAmB,CAAC"}

package/lib/cjs/appui-react/shared/AnyItemDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnyItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/AnyItemDef.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type { GroupItemDef } from \"../toolbar/GroupItem\";\nimport type { ActionButtonItemDef } from \"./ActionButtonItemDef\";\nimport type { CommandItemDef } from \"./CommandItemDef\";\nimport type { ToolItemDef } from \"./ToolItemDef\";\n\n/** Union of all Item definitions that can be specified in a GroupItem\n * @public\n */\nexport type AnyItemDef =\n  | GroupItemDef\n  | CommandItemDef\n  | ToolItemDef\n  | ActionButtonItemDef;\n"]}
+{"version":3,"file":"AnyItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/AnyItemDef.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type { GroupItemDef } from \"../toolbar/GroupItem\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport type { ActionButtonItemDef } from \"./ActionButtonItemDef\";\nimport type { CommandItemDef } from \"./CommandItemDef\";\nimport type { ToolItemDef } from \"./ToolItemDef\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Union of all Item definitions that can be specified in a GroupItem\n * @public\n * @deprecated in 4.15.0. Use type specific item definitions instead, i.e. {@link ToolbarItem}.\n */\nexport type AnyItemDef =\n  | GroupItemDef\n  | CommandItemDef\n  | ToolItemDef\n  | ActionButtonItemDef;\n"]}

package/lib/cjs/appui-react/shared/AnyToolbarItemDef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnyToolbarItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/AnyToolbarItemDef.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,aAAa,CAAC"}
+{"version":3,"file":"AnyToolbarItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/AnyToolbarItemDef.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD;;GAEG;AAEH,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,aAAa,CAAC"}

package/lib/cjs/appui-react/shared/AnyToolbarItemDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnyToolbarItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/AnyToolbarItemDef.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type { AnyItemDef } from \"./AnyItemDef\";\nimport type { CustomItemDef } from \"./CustomItemDef\";\n\n/** Union of all Item definitions that can be specified in a Toolbar\n * @public\n */\nexport type AnyToolbarItemDef = AnyItemDef | CustomItemDef;\n"]}
+{"version":3,"file":"AnyToolbarItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/AnyToolbarItemDef.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type { AnyItemDef } from \"./AnyItemDef\";\nimport type { CustomItemDef } from \"./CustomItemDef\";\n\n/** Union of all Item definitions that can be specified in a Toolbar\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport type AnyToolbarItemDef = AnyItemDef | CustomItemDef;\n"]}

package/lib/cjs/appui-react/shared/CommandItemDef.d.ts

@@ -6,6 +6,7 @@ import { ActionButtonItemDef } from "./ActionButtonItemDef";
 import type { CommandItemProps } from "./ItemProps";
 /** An Item that executes a Command.
  * @public
+ * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarActionItem}.
  */
 export declare class CommandItemDef extends ActionButtonItemDef {
     private static _sId;

package/lib/cjs/appui-react/shared/CommandItemDef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/CommandItemDef.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD;;GAEG;AACH,qBAAa,cAAe,SAAQ,mBAAmB;IACrD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAK;IACxB,OAAc,eAAe,SAAc;IACpC,SAAS,EAAE,MAAM,CAAM;gBAG5B,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,CAAC,EAAE,kBAAkB;IAmBrC,IAAW,EAAE,IAAI,MAAM,CAEtB;CACF"}
+{"version":3,"file":"CommandItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/CommandItemDef.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAKpD;;;GAGG;AACH,qBAAa,cAAe,SAAQ,mBAAmB;IACrD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAK;IACxB,OAAc,eAAe,SAAc;IACpC,SAAS,EAAE,MAAM,CAAM;gBAG5B,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,CAAC,EAAE,kBAAkB;IAmBrC,IAAW,EAAE,IAAI,MAAM,CAEtB;CACF"}

package/lib/cjs/appui-react/shared/CommandItemDef.js

@@ -9,8 +9,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CommandItemDef = void 0;
 const ActionButtonItemDef_1 = require("./ActionButtonItemDef");
+/* eslint-disable deprecation/deprecation */
 /** An Item that executes a Command.
  * @public
+ * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarActionItem}.
  */
 class CommandItemDef extends ActionButtonItemDef_1.ActionButtonItemDef {
     constructor(commandItemProps, onItemExecuted) {

package/lib/cjs/appui-react/shared/CommandItemDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/CommandItemDef.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,+DAA4D;AAG5D;;GAEG;AACH,MAAa,cAAe,SAAQ,yCAAmB;IAKrD,YACE,gBAAkC,EAClC,cAAmC;QAEnC,KAAK,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;QANnC,cAAS,GAAW,EAAE,CAAC;QAQ5B,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC7B,IAAI,CAAC,eAAe,GAAG;gBACrB,OAAO,EAAE,gBAAgB,CAAC,OAAO;gBACjC,UAAU,EAAE,gBAAgB,CAAC,UAAU;gBACvC,cAAc,EAAE,gBAAgB,CAAC,cAAc;aAChD,CAAC;QACJ,CAAC;QAED,IAAI,gBAAgB,CAAC,SAAS;YAAE,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC;aACvE,CAAC;YACJ,cAAc,CAAC,IAAI,EAAE,CAAC;YACtB,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC,eAAe,GAAG,cAAc,CAAC,IAAI,CAAC;QACxE,CAAC;IACH,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;;AA5BH,wCA6BC;AA5BgB,mBAAI,GAAG,CAAC,AAAJ,CAAK;AACV,8BAAe,GAAG,UAAU,AAAb,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 Item\n */\n\nimport type { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\nimport type { CommandItemProps } from \"./ItemProps\";\n\n/** An Item that executes a Command.\n * @public\n */\nexport class CommandItemDef extends ActionButtonItemDef {\n  private static _sId = 0;\n  public static commandIdPrefix = \"Command-\";\n  public commandId: string = \"\";\n\n  constructor(\n    commandItemProps: CommandItemProps,\n    onItemExecuted?: OnItemExecutedFunc\n  ) {\n    super(commandItemProps, onItemExecuted);\n\n    if (commandItemProps.execute) {\n      this._commandHandler = {\n        execute: commandItemProps.execute,\n        parameters: commandItemProps.parameters,\n        getCommandArgs: commandItemProps.getCommandArgs,\n      };\n    }\n\n    if (commandItemProps.commandId) this.commandId = commandItemProps.commandId;\n    else {\n      CommandItemDef._sId++;\n      this.commandId = CommandItemDef.commandIdPrefix + CommandItemDef._sId;\n    }\n  }\n\n  public get id(): string {\n    return this.commandId;\n  }\n}\n"]}
+{"version":3,"file":"CommandItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/CommandItemDef.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,+DAA4D;AAI5D,4CAA4C;AAE5C;;;GAGG;AACH,MAAa,cAAe,SAAQ,yCAAmB;IAKrD,YACE,gBAAkC,EAClC,cAAmC;QAEnC,KAAK,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;QANnC,cAAS,GAAW,EAAE,CAAC;QAQ5B,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC7B,IAAI,CAAC,eAAe,GAAG;gBACrB,OAAO,EAAE,gBAAgB,CAAC,OAAO;gBACjC,UAAU,EAAE,gBAAgB,CAAC,UAAU;gBACvC,cAAc,EAAE,gBAAgB,CAAC,cAAc;aAChD,CAAC;QACJ,CAAC;QAED,IAAI,gBAAgB,CAAC,SAAS;YAAE,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC;aACvE,CAAC;YACJ,cAAc,CAAC,IAAI,EAAE,CAAC;YACtB,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC,eAAe,GAAG,cAAc,CAAC,IAAI,CAAC;QACxE,CAAC;IACH,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;;AA5BH,wCA6BC;AA5BgB,mBAAI,GAAG,CAAC,AAAJ,CAAK;AACV,8BAAe,GAAG,UAAU,AAAb,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 Item\n */\n\nimport type { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\nimport type { CommandItemProps } from \"./ItemProps\";\nimport type { ToolbarActionItem } from \"../toolbar/ToolbarItem\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** An Item that executes a Command.\n * @public\n * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarActionItem}.\n */\nexport class CommandItemDef extends ActionButtonItemDef {\n  private static _sId = 0;\n  public static commandIdPrefix = \"Command-\";\n  public commandId: string = \"\";\n\n  constructor(\n    commandItemProps: CommandItemProps,\n    onItemExecuted?: OnItemExecutedFunc\n  ) {\n    super(commandItemProps, onItemExecuted);\n\n    if (commandItemProps.execute) {\n      this._commandHandler = {\n        execute: commandItemProps.execute,\n        parameters: commandItemProps.parameters,\n        getCommandArgs: commandItemProps.getCommandArgs,\n      };\n    }\n\n    if (commandItemProps.commandId) this.commandId = commandItemProps.commandId;\n    else {\n      CommandItemDef._sId++;\n      this.commandId = CommandItemDef.commandIdPrefix + CommandItemDef._sId;\n    }\n  }\n\n  public get id(): string {\n    return this.commandId;\n  }\n}\n"]}

package/lib/cjs/appui-react/shared/CustomItemDef.d.ts

@@ -6,6 +6,7 @@ import { ActionButtonItemDef } from "./ActionButtonItemDef";
 import type { CustomItemProps } from "./CustomItemProps";
 /** An Item that renders a React component.
  * @public
+ * @deprecated in 4.15.0. Use specific item type utilities instead, i.e. {@link ToolbarItemUtilities.createCustomItem}.
  */
 export declare class CustomItemDef extends ActionButtonItemDef {
     private static _sId;

package/lib/cjs/appui-react/shared/CustomItemDef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemDef.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD;;GAEG;AACH,qBAAa,aAAc,SAAQ,mBAAmB;IACpD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAK;IACxB,OAAc,cAAc,SAAa;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;gBAE5B,KAAK,EAAE,eAAe;IAYlC,IAAW,EAAE,IAAI,MAAM,CAEtB;CACF"}
+{"version":3,"file":"CustomItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemDef.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKzD;;;GAGG;AACH,qBAAa,aAAc,SAAQ,mBAAmB;IACpD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAK;IACxB,OAAc,cAAc,SAAa;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;gBAE5B,KAAK,EAAE,eAAe;IAYlC,IAAW,EAAE,IAAI,MAAM,CAEtB;CACF"}

package/lib/cjs/appui-react/shared/CustomItemDef.js

@@ -9,8 +9,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomItemDef = void 0;
 const ActionButtonItemDef_1 = require("./ActionButtonItemDef");
+/* eslint-disable deprecation/deprecation */
 /** An Item that renders a React component.
  * @public
+ * @deprecated in 4.15.0. Use specific item type utilities instead, i.e. {@link ToolbarItemUtilities.createCustomItem}.
  */
 class CustomItemDef extends ActionButtonItemDef_1.ActionButtonItemDef {
     constructor(props) {

package/lib/cjs/appui-react/shared/CustomItemDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemDef.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,+DAA4D;AAG5D;;GAEG;AACH,MAAa,aAAc,SAAQ,yCAAmB;IAMpD,YAAY,KAAsB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,KAAK,CAAC,QAAQ;YAAE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;aAC9C,CAAC;YACJ,aAAa,CAAC,IAAI,EAAE,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC;QACpE,CAAC;QAED,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC;IAC7C,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;;AApBH,sCAqBC;AApBgB,kBAAI,GAAG,CAAC,CAAC;AACV,4BAAc,GAAG,SAAS,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 Item\n */\n\nimport type * as React from \"react\";\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\nimport type { CustomItemProps } from \"./CustomItemProps\";\n\n/** An Item that renders a React component.\n * @public\n */\nexport class CustomItemDef extends ActionButtonItemDef {\n  private static _sId = 0;\n  public static customIdPrefix = \"Custom-\";\n  public customId: string;\n  public popupPanelNode?: React.ReactNode;\n\n  constructor(props: CustomItemProps) {\n    super(props);\n\n    if (props.customId) this.customId = props.customId;\n    else {\n      CustomItemDef._sId++;\n      this.customId = CustomItemDef.customIdPrefix + CustomItemDef._sId;\n    }\n\n    this.popupPanelNode = props.popupPanelNode;\n  }\n\n  public get id(): string {\n    return this.customId;\n  }\n}\n"]}
+{"version":3,"file":"CustomItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemDef.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,+DAA4D;AAI5D,4CAA4C;AAE5C;;;GAGG;AACH,MAAa,aAAc,SAAQ,yCAAmB;IAMpD,YAAY,KAAsB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,KAAK,CAAC,QAAQ;YAAE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;aAC9C,CAAC;YACJ,aAAa,CAAC,IAAI,EAAE,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC;QACpE,CAAC;QAED,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC;IAC7C,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;;AApBH,sCAqBC;AApBgB,kBAAI,GAAG,CAAC,CAAC;AACV,4BAAc,GAAG,SAAS,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 Item\n */\n\nimport type * as React from \"react\";\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\nimport type { CustomItemProps } from \"./CustomItemProps\";\nimport type { ToolbarItemUtilities } from \"../toolbar/ToolbarItemUtilities\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** An Item that renders a React component.\n * @public\n * @deprecated in 4.15.0. Use specific item type utilities instead, i.e. {@link ToolbarItemUtilities.createCustomItem}.\n */\nexport class CustomItemDef extends ActionButtonItemDef {\n  private static _sId = 0;\n  public static customIdPrefix = \"Custom-\";\n  public customId: string;\n  public popupPanelNode?: React.ReactNode;\n\n  constructor(props: CustomItemProps) {\n    super(props);\n\n    if (props.customId) this.customId = props.customId;\n    else {\n      CustomItemDef._sId++;\n      this.customId = CustomItemDef.customIdPrefix + CustomItemDef._sId;\n    }\n\n    this.popupPanelNode = props.popupPanelNode;\n  }\n\n  public get id(): string {\n    return this.customId;\n  }\n}\n"]}

package/lib/cjs/appui-react/shared/CustomItemProps.d.ts

@@ -1,10 +1,8 @@
-/** @packageDocumentation
- * @module Item
- */
 /// <reference types="react" />
 import type { ItemProps } from "./ItemProps";
 /** Definition for a Custom item that renders a React component.
  * @public
+ * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarCustomItem}.
  */
 export interface CustomItemProps extends ItemProps {
     customId?: string;

package/lib/cjs/appui-react/shared/CustomItemProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomItemProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemProps.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC"}
+{"version":3,"file":"CustomItemProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemProps.ts"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;;GAGG;AAEH,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC"}

package/lib/cjs/appui-react/shared/CustomItemProps.js

@@ -1,10 +1,3 @@
 "use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Item
- */
 Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=CustomItemProps.js.map

package/lib/cjs/appui-react/shared/CustomItemProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemProps.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type { ItemProps } from \"./ItemProps\";\n\n/** Definition for a Custom item that renders a React component.\n * @public\n */\nexport interface CustomItemProps extends ItemProps {\n  customId?: string;\n  popupPanelNode?: React.ReactNode;\n}\n"]}
+{"version":3,"file":"CustomItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemProps.ts"],"names":[],"mappings":"","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\nimport type { ToolbarCustomItem } from \"../toolbar/ToolbarItem\";\nimport type { ItemProps } from \"./ItemProps\";\n\n/** Definition for a Custom item that renders a React component.\n * @public\n * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarCustomItem}.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface CustomItemProps extends ItemProps {\n  customId?: string;\n  popupPanelNode?: React.ReactNode;\n}\n"]}

package/lib/cjs/appui-react/shared/GroupItemProps.d.ts

@@ -6,6 +6,7 @@ import type { AnyItemDef } from "./AnyItemDef";
 import type { ItemProps } from "./ItemProps";
 /** Definition for a Group item that opens a group of items.
  * @public
+ * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarGroupItem}.
  */
 export interface GroupItemProps extends ItemProps {
     defaultActiveItemId?: string;

package/lib/cjs/appui-react/shared/GroupItemProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupItemProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/GroupItemProps.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mFAAmF;IACnF,UAAU,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACnC,kJAAkJ;IAClJ,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"GroupItemProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/GroupItemProps.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAK7C;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mFAAmF;IACnF,UAAU,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACnC,kJAAkJ;IAClJ,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/lib/cjs/appui-react/shared/GroupItemProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/GroupItemProps.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type { StringGetter } from \"@itwin/appui-abstract\";\nimport type { AnyItemDef } from \"./AnyItemDef\";\nimport type { ItemProps } from \"./ItemProps\";\n\n/** Definition for a Group item that opens a group of items.\n * @public\n */\nexport interface GroupItemProps extends ItemProps {\n  defaultActiveItemId?: string;\n  groupId?: string;\n  items: AnyItemDef[];\n  itemsInColumn?: number;\n  /** if set, it is used to explicitly set a label at top of open group component. */\n  panelLabel?: string | StringGetter;\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if panelLabel is not explicitly set. */\n  panelLabelKey?: string;\n}\n"]}
+{"version":3,"file":"GroupItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/GroupItemProps.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type { StringGetter } from \"@itwin/appui-abstract\";\nimport type { AnyItemDef } from \"./AnyItemDef\";\nimport type { ItemProps } from \"./ItemProps\";\nimport type { ToolbarGroupItem } from \"../toolbar/ToolbarItem\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Definition for a Group item that opens a group of items.\n * @public\n * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarGroupItem}.\n */\nexport interface GroupItemProps extends ItemProps {\n  defaultActiveItemId?: string;\n  groupId?: string;\n  // eslint-disable-next-line deprecation/deprecation\n  items: AnyItemDef[];\n  itemsInColumn?: number;\n  /** if set, it is used to explicitly set a label at top of open group component. */\n  panelLabel?: string | StringGetter;\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if panelLabel is not explicitly set. */\n  panelLabelKey?: string;\n}\n"]}

package/lib/cjs/appui-react/shared/ItemDefBase.d.ts

@@ -5,8 +5,9 @@ import type * as React from "react";
 import type { ConditionalBooleanValue, ConditionalStringValue, StringGetter } from "@itwin/appui-abstract";
 import type { ItemProps } from "./ItemProps";
 import type { BadgeType, IconSpec } from "@itwin/core-react";
-/** Base state for any 'stateful' React component
+/** Base state for any 'stateful' React component.
  * @public
+ * @deprecated in 4.15.0. Define a custom state for your React components.
  */
 export interface BaseItemState {
     isVisible?: boolean;
@@ -16,6 +17,7 @@ export interface BaseItemState {
 }
 /** The base class for Items.
  * @public
+ * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarItem}.
  */
 export declare abstract class ItemDefBase {
     private _label;

package/lib/cjs/appui-react/shared/ItemDefBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemDefBase.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemDefBase.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EACV,uBAAuB,EACvB,sBAAsB,EACtB,YAAY,EACb,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,8BAAsB,WAAW;IAC/B,OAAO,CAAC,MAAM,CAAsD;IACpE,OAAO,CAAC,QAAQ,CAAsD;IACtE,OAAO,CAAC,YAAY,CAAsD;IAEnE,SAAS,EAAE,OAAO,CAAS;IAClC,OAAO,CAAC,SAAS,CAAkB;IACnC,IAAW,QAAQ,IAAI,OAAO,CAE7B;IACD,IAAW,QAAQ,CAAC,CAAC,EAAE,OAAO,EAE7B;IACM,eAAe,CAAC,EAAE,GAAG,CAAC;IAEtB,QAAQ,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAE/C,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;WAEvB,aAAa,CAAC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;gBA0B5D,SAAS,EAAE,SAAS;IAIhC,IAAW,MAAM,cAEhB;IACD,aAAoB,EAAE,IAAI,MAAM,CAAC;IAEjC,2BAA2B;IAC3B,IAAW,QAAQ,IAAI,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAEpE;IAED,2BAA2B;IAC3B,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED;;OAEG;IACI,QAAQ,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB;IAIjE,6BAA6B;IAC7B,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED;;OAEG;IACI,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB;IAInE,iCAAiC;IACjC,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED;;OAEG;IACI,cAAc,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB;CAGxE"}
+{"version":3,"file":"ItemDefBase.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemDefBase.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EACV,uBAAuB,EACvB,sBAAsB,EACtB,YAAY,EACb,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAK7D;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,8BAAsB,WAAW;IAC/B,OAAO,CAAC,MAAM,CAAsD;IACpE,OAAO,CAAC,QAAQ,CAAsD;IACtE,OAAO,CAAC,YAAY,CAAsD;IAEnE,SAAS,EAAE,OAAO,CAAS;IAClC,OAAO,CAAC,SAAS,CAAkB;IACnC,IAAW,QAAQ,IAAI,OAAO,CAE7B;IACD,IAAW,QAAQ,CAAC,CAAC,EAAE,OAAO,EAE7B;IACM,eAAe,CAAC,EAAE,GAAG,CAAC;IAEtB,QAAQ,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAE/C,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;WAEvB,aAAa,CAAC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;gBA0B5D,SAAS,EAAE,SAAS;IAIhC,IAAW,MAAM,cAEhB;IACD,aAAoB,EAAE,IAAI,MAAM,CAAC;IAEjC,2BAA2B;IAC3B,IAAW,QAAQ,IAAI,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAEpE;IAED,2BAA2B;IAC3B,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED;;OAEG;IACI,QAAQ,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB;IAIjE,6BAA6B;IAC7B,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED;;OAEG;IACI,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB;IAInE,iCAAiC;IACjC,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED;;OAEG;IACI,cAAc,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB;CAGxE"}

package/lib/cjs/appui-react/shared/ItemDefBase.js

@@ -11,6 +11,7 @@ exports.ItemDefBase = void 0;
 const PropsHelper_1 = require("../utils/PropsHelper");
 /** The base class for Items.
  * @public
+ * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarItem}.
  */
 class ItemDefBase {
     get isActive() {

package/lib/cjs/appui-react/shared/ItemDefBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemDefBase.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemDefBase.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAQH,sDAAmD;AAcnD;;GAEG;AACH,MAAsB,WAAW;IAO/B,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IACD,IAAW,QAAQ,CAAC,CAAU;QAC5B,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;IACrB,CAAC;IAWM,MAAM,CAAC,aAAa,CAAC,EAAe,EAAE,SAAoB;QAC/D,EAAE,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC;QACjC,EAAE,CAAC,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC;QAErC,EAAE,CAAC,SAAS;YACV,SAAS,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;QAClE,EAAE,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;QAE5E,EAAE,CAAC,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC;QAEnC,IAAI,SAAS,CAAC,eAAe,KAAK,SAAS;YACzC,EAAE,CAAC,eAAe,GAAG,SAAS,CAAC,eAAe,CAAC;QACjD,IAAI,SAAS,CAAC,QAAQ;YAAE,EAAE,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC;QACzD,IAAI,SAAS,CAAC,IAAI;YAAE,EAAE,CAAC,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC;QAEjD,EAAE,CAAC,MAAM,GAAG,yBAAW,CAAC,aAAa,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC3E,EAAE,CAAC,QAAQ,GAAG,yBAAW,CAAC,aAAa,CACrC,SAAS,CAAC,OAAO,EACjB,SAAS,CAAC,UAAU,CACrB,CAAC;QACF,EAAE,CAAC,YAAY,GAAG,yBAAW,CAAC,aAAa,CACzC,SAAS,CAAC,WAAW,EACrB,SAAS,CAAC,cAAc,CACzB,CAAC;IACJ,CAAC;IAED,YAAY,SAAoB;QAhDxB,WAAM,GAAmD,EAAE,CAAC;QAC5D,aAAQ,GAAmD,EAAE,CAAC;QAC9D,iBAAY,GAAmD,EAAE,CAAC;QAEnE,cAAS,GAAY,KAAK,CAAC;QAC1B,cAAS,GAAY,KAAK,CAAC;QA4CjC,WAAW,CAAC,aAAa,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAC7C,CAAC;IAED,IAAW,MAAM;QACf,OAAO,SAAS,CAAC;IACnB,CAAC;IAGD,2BAA2B;IAC3B,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,2BAA2B;IAC3B,IAAW,KAAK;QACd,OAAO,yBAAW,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACpD,CAAC;IAED;;OAEG;IACI,QAAQ,CAAC,CAAiD;QAC/D,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;IAClB,CAAC;IAED,6BAA6B;IAC7B,IAAW,OAAO;QAChB,OAAO,yBAAW,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACtD,CAAC;IAED;;OAEG;IACI,UAAU,CAAC,CAAiD;QACjE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACpB,CAAC;IAED,iCAAiC;IACjC,IAAW,WAAW;QACpB,OAAO,yBAAW,CAAC,iBAAiB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC1D,CAAC;IAED;;OAEG;IACI,cAAc,CAAC,CAAiD;QACrE,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;IACxB,CAAC;CACF;AAlGD,kCAkGC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type * as React from \"react\";\nimport type {\n  ConditionalBooleanValue,\n  ConditionalStringValue,\n  StringGetter,\n} from \"@itwin/appui-abstract\";\nimport { PropsHelper } from \"../utils/PropsHelper\";\nimport type { ItemProps } from \"./ItemProps\";\nimport type { BadgeType, IconSpec } from \"@itwin/core-react\";\n\n/** Base state for any 'stateful' React component\n * @public\n */\nexport interface BaseItemState {\n  isVisible?: boolean; // Default - true\n  isEnabled?: boolean; // Default - true\n  isActive?: boolean; // Default - false\n  isPressed?: boolean; // Default - false\n}\n\n/** The base class for Items.\n * @public\n */\nexport abstract class ItemDefBase {\n  private _label: string | StringGetter | ConditionalStringValue = \"\";\n  private _tooltip: string | StringGetter | ConditionalStringValue = \"\";\n  private _description: string | StringGetter | ConditionalStringValue = \"\";\n\n  public isPressed: boolean = false;\n  private _isActive: boolean = false;\n  public get isActive(): boolean {\n    return this._isActive;\n  }\n  public set isActive(v: boolean) {\n    this._isActive = v;\n  }\n  public applicationData?: any;\n\n  public isHidden?: boolean | ConditionalBooleanValue;\n  public isDisabled?: boolean | ConditionalBooleanValue;\n\n  public badgeType?: BadgeType;\n\n  public iconSpec?: IconSpec;\n  public iconElement?: React.ReactNode;\n\n  public static initializeDef(me: ItemDefBase, itemProps: ItemProps): void {\n    me.isHidden = itemProps.isHidden;\n    me.isDisabled = itemProps.isDisabled;\n\n    me.isPressed =\n      itemProps.isPressed !== undefined ? itemProps.isPressed : false;\n    me.isActive = itemProps.isActive !== undefined ? itemProps.isActive : false;\n\n    me.badgeType = itemProps.badgeType;\n\n    if (itemProps.applicationData !== undefined)\n      me.applicationData = itemProps.applicationData;\n    if (itemProps.iconSpec) me.iconSpec = itemProps.iconSpec;\n    if (itemProps.icon) me.iconSpec = itemProps.icon;\n\n    me._label = PropsHelper.getStringSpec(itemProps.label, itemProps.labelKey);\n    me._tooltip = PropsHelper.getStringSpec(\n      itemProps.tooltip,\n      itemProps.tooltipKey\n    );\n    me._description = PropsHelper.getStringSpec(\n      itemProps.description,\n      itemProps.descriptionKey\n    );\n  }\n\n  constructor(itemProps: ItemProps) {\n    ItemDefBase.initializeDef(this, itemProps);\n  }\n\n  public get trayId() {\n    return undefined;\n  }\n  public abstract get id(): string;\n\n  /** Get the label string */\n  public get rawLabel(): string | StringGetter | ConditionalStringValue {\n    return this._label;\n  }\n\n  /** Get the label string */\n  public get label(): string {\n    return PropsHelper.getStringFromSpec(this._label);\n  }\n\n  /** Set the label.\n   * @param v A string or a function to get the string.\n   */\n  public setLabel(v: string | StringGetter | ConditionalStringValue) {\n    this._label = v;\n  }\n\n  /** Get the tooltip string */\n  public get tooltip(): string {\n    return PropsHelper.getStringFromSpec(this._tooltip);\n  }\n\n  /** Set the tooltip.\n   * @param v A string or a function to get the string.\n   */\n  public setTooltip(v: string | StringGetter | ConditionalStringValue) {\n    this._tooltip = v;\n  }\n\n  /** Get the description string */\n  public get description(): string {\n    return PropsHelper.getStringFromSpec(this._description);\n  }\n\n  /** Set the description.\n   * @param v A string or a function to get the string.\n   */\n  public setDescription(v: string | StringGetter | ConditionalStringValue) {\n    this._description = v;\n  }\n}\n"]}
+{"version":3,"file":"ItemDefBase.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemDefBase.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAQH,sDAAmD;AAkBnD;;;GAGG;AACH,MAAsB,WAAW;IAO/B,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IACD,IAAW,QAAQ,CAAC,CAAU;QAC5B,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;IACrB,CAAC;IAWM,MAAM,CAAC,aAAa,CAAC,EAAe,EAAE,SAAoB;QAC/D,EAAE,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC;QACjC,EAAE,CAAC,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC;QAErC,EAAE,CAAC,SAAS;YACV,SAAS,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;QAClE,EAAE,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;QAE5E,EAAE,CAAC,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC;QAEnC,IAAI,SAAS,CAAC,eAAe,KAAK,SAAS;YACzC,EAAE,CAAC,eAAe,GAAG,SAAS,CAAC,eAAe,CAAC;QACjD,IAAI,SAAS,CAAC,QAAQ;YAAE,EAAE,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC;QACzD,IAAI,SAAS,CAAC,IAAI;YAAE,EAAE,CAAC,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC;QAEjD,EAAE,CAAC,MAAM,GAAG,yBAAW,CAAC,aAAa,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC3E,EAAE,CAAC,QAAQ,GAAG,yBAAW,CAAC,aAAa,CACrC,SAAS,CAAC,OAAO,EACjB,SAAS,CAAC,UAAU,CACrB,CAAC;QACF,EAAE,CAAC,YAAY,GAAG,yBAAW,CAAC,aAAa,CACzC,SAAS,CAAC,WAAW,EACrB,SAAS,CAAC,cAAc,CACzB,CAAC;IACJ,CAAC;IAED,YAAY,SAAoB;QAhDxB,WAAM,GAAmD,EAAE,CAAC;QAC5D,aAAQ,GAAmD,EAAE,CAAC;QAC9D,iBAAY,GAAmD,EAAE,CAAC;QAEnE,cAAS,GAAY,KAAK,CAAC;QAC1B,cAAS,GAAY,KAAK,CAAC;QA4CjC,WAAW,CAAC,aAAa,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAC7C,CAAC;IAED,IAAW,MAAM;QACf,OAAO,SAAS,CAAC;IACnB,CAAC;IAGD,2BAA2B;IAC3B,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,2BAA2B;IAC3B,IAAW,KAAK;QACd,OAAO,yBAAW,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACpD,CAAC;IAED;;OAEG;IACI,QAAQ,CAAC,CAAiD;QAC/D,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;IAClB,CAAC;IAED,6BAA6B;IAC7B,IAAW,OAAO;QAChB,OAAO,yBAAW,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACtD,CAAC;IAED;;OAEG;IACI,UAAU,CAAC,CAAiD;QACjE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACpB,CAAC;IAED,iCAAiC;IACjC,IAAW,WAAW;QACpB,OAAO,yBAAW,CAAC,iBAAiB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC1D,CAAC;IAED;;OAEG;IACI,cAAc,CAAC,CAAiD;QACrE,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;IACxB,CAAC;CACF;AAlGD,kCAkGC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type * as React from \"react\";\nimport type {\n  ConditionalBooleanValue,\n  ConditionalStringValue,\n  StringGetter,\n} from \"@itwin/appui-abstract\";\nimport { PropsHelper } from \"../utils/PropsHelper\";\nimport type { ItemProps } from \"./ItemProps\";\nimport type { BadgeType, IconSpec } from \"@itwin/core-react\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Base state for any 'stateful' React component.\n * @public\n * @deprecated in 4.15.0. Define a custom state for your React components.\n */\nexport interface BaseItemState {\n  isVisible?: boolean; // Default - true\n  isEnabled?: boolean; // Default - true\n  isActive?: boolean; // Default - false\n  isPressed?: boolean; // Default - false\n}\n\n/** The base class for Items.\n * @public\n * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarItem}.\n */\nexport abstract class ItemDefBase {\n  private _label: string | StringGetter | ConditionalStringValue = \"\";\n  private _tooltip: string | StringGetter | ConditionalStringValue = \"\";\n  private _description: string | StringGetter | ConditionalStringValue = \"\";\n\n  public isPressed: boolean = false;\n  private _isActive: boolean = false;\n  public get isActive(): boolean {\n    return this._isActive;\n  }\n  public set isActive(v: boolean) {\n    this._isActive = v;\n  }\n  public applicationData?: any;\n\n  public isHidden?: boolean | ConditionalBooleanValue;\n  public isDisabled?: boolean | ConditionalBooleanValue;\n\n  public badgeType?: BadgeType;\n\n  public iconSpec?: IconSpec;\n  public iconElement?: React.ReactNode;\n\n  public static initializeDef(me: ItemDefBase, itemProps: ItemProps): void {\n    me.isHidden = itemProps.isHidden;\n    me.isDisabled = itemProps.isDisabled;\n\n    me.isPressed =\n      itemProps.isPressed !== undefined ? itemProps.isPressed : false;\n    me.isActive = itemProps.isActive !== undefined ? itemProps.isActive : false;\n\n    me.badgeType = itemProps.badgeType;\n\n    if (itemProps.applicationData !== undefined)\n      me.applicationData = itemProps.applicationData;\n    if (itemProps.iconSpec) me.iconSpec = itemProps.iconSpec;\n    if (itemProps.icon) me.iconSpec = itemProps.icon;\n\n    me._label = PropsHelper.getStringSpec(itemProps.label, itemProps.labelKey);\n    me._tooltip = PropsHelper.getStringSpec(\n      itemProps.tooltip,\n      itemProps.tooltipKey\n    );\n    me._description = PropsHelper.getStringSpec(\n      itemProps.description,\n      itemProps.descriptionKey\n    );\n  }\n\n  constructor(itemProps: ItemProps) {\n    ItemDefBase.initializeDef(this, itemProps);\n  }\n\n  public get trayId() {\n    return undefined;\n  }\n  public abstract get id(): string;\n\n  /** Get the label string */\n  public get rawLabel(): string | StringGetter | ConditionalStringValue {\n    return this._label;\n  }\n\n  /** Get the label string */\n  public get label(): string {\n    return PropsHelper.getStringFromSpec(this._label);\n  }\n\n  /** Set the label.\n   * @param v A string or a function to get the string.\n   */\n  public setLabel(v: string | StringGetter | ConditionalStringValue) {\n    this._label = v;\n  }\n\n  /** Get the tooltip string */\n  public get tooltip(): string {\n    return PropsHelper.getStringFromSpec(this._tooltip);\n  }\n\n  /** Set the tooltip.\n   * @param v A string or a function to get the string.\n   */\n  public setTooltip(v: string | StringGetter | ConditionalStringValue) {\n    this._tooltip = v;\n  }\n\n  /** Get the description string */\n  public get description(): string {\n    return PropsHelper.getStringFromSpec(this._description);\n  }\n\n  /** Set the description.\n   * @param v A string or a function to get the string.\n   */\n  public setDescription(v: string | StringGetter | ConditionalStringValue) {\n    this._description = v;\n  }\n}\n"]}

package/lib/cjs/appui-react/shared/ItemMap.d.ts

@@ -4,6 +4,7 @@
 import type { ItemDefBase } from "./ItemDefBase";
 /** Contains a map of Items.
  * @public
+ * @deprecated in 4.15.0. Map for deprecated {@link ItemDefBase} class instances. Use `Map` to store your objects.
  */
 export declare class ItemMap extends Map<string, ItemDefBase> {
     constructor(items?: ItemDefBase[]);
@@ -12,6 +13,7 @@ export declare class ItemMap extends Map<string, ItemDefBase> {
 }
 /** Contains a list of Items.
  * @public
+ * @deprecated in 4.15.0. List of deprecated {@link ItemDefBase} class instances. Use `Array` to store your objects.
  */
 export declare class ItemList extends Array<ItemDefBase> {
     constructor(items?: ItemDefBase[]);

package/lib/cjs/appui-react/shared/ItemMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemMap.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemMap.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;GAEG;AACH,qBAAa,OAAQ,SAAQ,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC;gBACvC,KAAK,CAAC,EAAE,WAAW,EAAE;IAM1B,OAAO,CAAC,IAAI,EAAE,WAAW;IAIzB,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE;CAKrC;AAED;;GAEG;AACH,qBAAa,QAAS,SAAQ,KAAK,CAAC,WAAW,CAAC;gBAClC,KAAK,CAAC,EAAE,WAAW,EAAE;IAM1B,OAAO,CAAC,IAAI,EAAE,WAAW;IAIzB,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE;IAMpC,IAAW,KAAK,IAAI,WAAW,EAAE,CAEhC;CACF"}
+{"version":3,"file":"ItemMap.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemMap.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAIjD;;;GAGG;AACH,qBAAa,OAAQ,SAAQ,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC;gBACvC,KAAK,CAAC,EAAE,WAAW,EAAE;IAM1B,OAAO,CAAC,IAAI,EAAE,WAAW;IAIzB,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE;CAKrC;AAED;;;GAGG;AACH,qBAAa,QAAS,SAAQ,KAAK,CAAC,WAAW,CAAC;gBAClC,KAAK,CAAC,EAAE,WAAW,EAAE;IAM1B,OAAO,CAAC,IAAI,EAAE,WAAW;IAIzB,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE;IAMpC,IAAW,KAAK,IAAI,WAAW,EAAE,CAEhC;CACF"}

package/lib/cjs/appui-react/shared/ItemMap.js

@@ -8,8 +8,10 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ItemList = exports.ItemMap = void 0;
+/* eslint-disable deprecation/deprecation */
 /** Contains a map of Items.
  * @public
+ * @deprecated in 4.15.0. Map for deprecated {@link ItemDefBase} class instances. Use `Map` to store your objects.
  */
 class ItemMap extends Map {
     constructor(items) {
@@ -29,6 +31,7 @@ class ItemMap extends Map {
 exports.ItemMap = ItemMap;
 /** Contains a list of Items.
  * @public
+ * @deprecated in 4.15.0. List of deprecated {@link ItemDefBase} class instances. Use `Array` to store your objects.
  */
 class ItemList extends Array {
     constructor(items) {

package/lib/cjs/appui-react/shared/ItemMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemMap.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemMap.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAIH;;GAEG;AACH,MAAa,OAAQ,SAAQ,GAAwB;IACnD,YAAY,KAAqB;QAC/B,KAAK,EAAE,CAAC;QAER,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/D,CAAC;IAEM,OAAO,CAAC,IAAiB;QAC9B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEM,QAAQ,CAAC,KAAoB;QAClC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAiB,EAAE,EAAE;YAClC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AAhBD,0BAgBC;AAED;;GAEG;AACH,MAAa,QAAS,SAAQ,KAAkB;IAC9C,YAAY,KAAqB;QAC/B,KAAK,EAAE,CAAC;QAER,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/D,CAAC;IAEM,OAAO,CAAC,IAAiB;QAC9B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC;IAEM,QAAQ,CAAC,KAAoB;QAClC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAiB,EAAE,EAAE;YAClC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAW,KAAK;QACd,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AApBD,4BAoBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type { ItemDefBase } from \"./ItemDefBase\";\n\n/** Contains a map of Items.\n * @public\n */\nexport class ItemMap extends Map<string, ItemDefBase> {\n  constructor(items?: ItemDefBase[]) {\n    super();\n\n    if (items && typeof items === \"object\") this.addItems(items);\n  }\n\n  public addItem(item: ItemDefBase) {\n    this.set(item.id, item);\n  }\n\n  public addItems(items: ItemDefBase[]) {\n    items.forEach((item: ItemDefBase) => {\n      this.set(item.id, item);\n    });\n  }\n}\n\n/** Contains a list of Items.\n * @public\n */\nexport class ItemList extends Array<ItemDefBase> {\n  constructor(items?: ItemDefBase[]) {\n    super();\n\n    if (items && typeof items === \"object\") this.addItems(items);\n  }\n\n  public addItem(item: ItemDefBase) {\n    this.push(item);\n  }\n\n  public addItems(items: ItemDefBase[]) {\n    items.forEach((item: ItemDefBase) => {\n      this.push(item);\n    });\n  }\n\n  public get items(): ItemDefBase[] {\n    return this;\n  }\n}\n"]}
+{"version":3,"file":"ItemMap.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemMap.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAIH,4CAA4C;AAE5C;;;GAGG;AACH,MAAa,OAAQ,SAAQ,GAAwB;IACnD,YAAY,KAAqB;QAC/B,KAAK,EAAE,CAAC;QAER,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/D,CAAC;IAEM,OAAO,CAAC,IAAiB;QAC9B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEM,QAAQ,CAAC,KAAoB;QAClC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAiB,EAAE,EAAE;YAClC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AAhBD,0BAgBC;AAED;;;GAGG;AACH,MAAa,QAAS,SAAQ,KAAkB;IAC9C,YAAY,KAAqB;QAC/B,KAAK,EAAE,CAAC;QAER,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/D,CAAC;IAEM,OAAO,CAAC,IAAiB;QAC9B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC;IAEM,QAAQ,CAAC,KAAoB;QAClC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAiB,EAAE,EAAE;YAClC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAW,KAAK;QACd,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AApBD,4BAoBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type { ItemDefBase } from \"./ItemDefBase\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Contains a map of Items.\n * @public\n * @deprecated in 4.15.0. Map for deprecated {@link ItemDefBase} class instances. Use `Map` to store your objects.\n */\nexport class ItemMap extends Map<string, ItemDefBase> {\n  constructor(items?: ItemDefBase[]) {\n    super();\n\n    if (items && typeof items === \"object\") this.addItems(items);\n  }\n\n  public addItem(item: ItemDefBase) {\n    this.set(item.id, item);\n  }\n\n  public addItems(items: ItemDefBase[]) {\n    items.forEach((item: ItemDefBase) => {\n      this.set(item.id, item);\n    });\n  }\n}\n\n/** Contains a list of Items.\n * @public\n * @deprecated in 4.15.0. List of deprecated {@link ItemDefBase} class instances. Use `Array` to store your objects.\n */\nexport class ItemList extends Array<ItemDefBase> {\n  constructor(items?: ItemDefBase[]) {\n    super();\n\n    if (items && typeof items === \"object\") this.addItems(items);\n  }\n\n  public addItem(item: ItemDefBase) {\n    this.push(item);\n  }\n\n  public addItems(items: ItemDefBase[]) {\n    items.forEach((item: ItemDefBase) => {\n      this.push(item);\n    });\n  }\n\n  public get items(): ItemDefBase[] {\n    return this;\n  }\n}\n"]}