@itwin/appui-react 3.0.0-extension.1 → 3.1.0-dev.0

package/lib/cjs/appui-react/settings/quantityformatting/UnitSystemSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnitSystemSelector.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/UnitSystemSelector.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,mDAAgD;AAEhD,wDAA4D;AAW5D;;GAEG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,yBAAW,CAAC,SAAS,CAAC,uCAAuC,CAAC,CAAC,CAAC;IAC3F,MAAM,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACpF,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAuB,EAAE,EAAE;QAC7E,oBAAoB,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,MAAM,kBAAkB,GAAkC,CAAC,GAAG,oBAAoB,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACvG,QAAQ,GAAG,EAAE;YACX,KAAK,UAAU;gBACb,OAAO;oBACL,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,wCAAwC,CAAC;iBACvE,CAAC;YACJ,KAAK,aAAa;gBAChB,OAAO;oBACL,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,oCAAoC,CAAC;iBACnE,CAAC;YACJ,KAAK,UAAU;gBACb,OAAO;oBACL,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,iCAAiC,CAAC;iBAChE,CAAC;YACJ,KAAK,QAAQ,CAAC;YACd;gBACE,OAAO;oBACL,KAAK,EAAE,QAAQ;oBACf,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,+BAA+B,CAAC;iBAC9D,CAAC;SACL;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,oBAAoB,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAE5H,OAAO,CACL,6BAAK,SAAS,EAAC,yCAAyC;QACtD,8BAAM,SAAS,EAAE,cAAc,IAAG,KAAK,CAAC,OAAO,CAAQ;QACvD,oBAAC,sBAAM,mBAAa,oBAAoB,EACtC,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,wBAAwB,GAC/D,CACE,CACP,CAAC;AACJ,CAAC;AA5CD,gDA4CC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Settings\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { UiFramework } from \"../../UiFramework\";\r\nimport { UnitSystemKey } from \"@itwin/core-quantity\";\r\nimport { Select, SelectOption } from \"@itwin/itwinui-react\";\r\n\r\n/** Props for [[UnitSystemSelector]]\r\n * @beta\r\n */\r\nexport interface UnitSystemSelectorProps {\r\n  selectedUnitSystemKey: UnitSystemKey;\r\n  onUnitSystemSelected: (unitSystem: UnitSystemKey) => void;\r\n  availableUnitSystems: Set<UnitSystemKey>;\r\n}\r\n\r\n/** Select control to set the \"active\" Presentation Unit System. This setting determine what units are display for quantity values (i.e. foot vs meter).\r\n * @alpha\r\n */\r\nexport function UnitSystemSelector(props: UnitSystemSelectorProps) { // eslint-disable-line @typescript-eslint/naming-convention\r\n  const label = React.useRef(UiFramework.translate(\"presentationUnitSystem.selector-label\"));\r\n  const { selectedUnitSystemKey, onUnitSystemSelected, availableUnitSystems } = props;\r\n  const handleUnitSystemSelected = React.useCallback((newValue: UnitSystemKey) => {\r\n    onUnitSystemSelected && onUnitSystemSelected(newValue);\r\n  }, [onUnitSystemSelected]);\r\n\r\n  const displayUnitSystems: SelectOption<UnitSystemKey>[] = [...availableUnitSystems.values()].map((sys) => {\r\n    switch (sys) {\r\n      case \"imperial\":\r\n        return {\r\n          value: \"imperial\",\r\n          label: UiFramework.translate(\"presentationUnitSystem.BritishImperial\"),\r\n        };\r\n      case \"usCustomary\":\r\n        return {\r\n          value: \"usCustomary\",\r\n          label: UiFramework.translate(\"presentationUnitSystem.USCustomary\"),\r\n        };\r\n      case \"usSurvey\":\r\n        return {\r\n          value: \"usSurvey\",\r\n          label: UiFramework.translate(\"presentationUnitSystem.USSurvey\"),\r\n        };\r\n      case \"metric\":\r\n      default:\r\n        return {\r\n          value: \"metric\",\r\n          label: UiFramework.translate(\"presentationUnitSystem.Metric\"),\r\n        };\r\n    }\r\n  });\r\n\r\n  const unitSystemKey = availableUnitSystems.has(selectedUnitSystemKey) ? selectedUnitSystemKey : displayUnitSystems[0].value;\r\n\r\n  return (\r\n    <div className=\"quantity-unit-system-selector-container\">\r\n      <span className={\"uicore-label\"}>{label.current}</span>\r\n      <Select data-testid=\"unitSystemSelector\"\r\n        value={unitSystemKey}\r\n        options={displayUnitSystems} onChange={handleUnitSystemSelected}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\n"]}
+{"version":3,"file":"UnitSystemSelector.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/UnitSystemSelector.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,mDAAgD;AAEhD,wDAA4D;AAW5D;;GAEG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,yBAAW,CAAC,SAAS,CAAC,uCAAuC,CAAC,CAAC,CAAC;IAC3F,MAAM,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACpF,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAuB,EAAE,EAAE;QAC7E,oBAAoB,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,MAAM,kBAAkB,GAAkC,CAAC,GAAG,oBAAoB,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACvG,QAAQ,GAAG,EAAE;YACX,KAAK,UAAU;gBACb,OAAO;oBACL,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,wCAAwC,CAAC;iBACvE,CAAC;YACJ,KAAK,aAAa;gBAChB,OAAO;oBACL,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,oCAAoC,CAAC;iBACnE,CAAC;YACJ,KAAK,UAAU;gBACb,OAAO;oBACL,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,iCAAiC,CAAC;iBAChE,CAAC;YACJ,KAAK,QAAQ,CAAC;YACd;gBACE,OAAO;oBACL,KAAK,EAAE,QAAQ;oBACf,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,+BAA+B,CAAC;iBAC9D,CAAC;SACL;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,oBAAoB,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAE5H,OAAO,CACL,6BAAK,SAAS,EAAC,yCAAyC;QACtD,8BAAM,SAAS,EAAE,cAAc,IAAG,KAAK,CAAC,OAAO,CAAQ;QACvD,oBAAC,sBAAM,mBAAa,oBAAoB,EACtC,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,wBAAwB,EAC/D,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC;AACJ,CAAC;AA7CD,gDA6CC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Settings\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { UiFramework } from \"../../UiFramework\";\r\nimport { UnitSystemKey } from \"@itwin/core-quantity\";\r\nimport { Select, SelectOption } from \"@itwin/itwinui-react\";\r\n\r\n/** Props for [[UnitSystemSelector]]\r\n * @beta\r\n */\r\nexport interface UnitSystemSelectorProps {\r\n  selectedUnitSystemKey: UnitSystemKey;\r\n  onUnitSystemSelected: (unitSystem: UnitSystemKey) => void;\r\n  availableUnitSystems: Set<UnitSystemKey>;\r\n}\r\n\r\n/** Select control to set the \"active\" Presentation Unit System. This setting determine what units are display for quantity values (i.e. foot vs meter).\r\n * @alpha\r\n */\r\nexport function UnitSystemSelector(props: UnitSystemSelectorProps) { // eslint-disable-line @typescript-eslint/naming-convention\r\n  const label = React.useRef(UiFramework.translate(\"presentationUnitSystem.selector-label\"));\r\n  const { selectedUnitSystemKey, onUnitSystemSelected, availableUnitSystems } = props;\r\n  const handleUnitSystemSelected = React.useCallback((newValue: UnitSystemKey) => {\r\n    onUnitSystemSelected && onUnitSystemSelected(newValue);\r\n  }, [onUnitSystemSelected]);\r\n\r\n  const displayUnitSystems: SelectOption<UnitSystemKey>[] = [...availableUnitSystems.values()].map((sys) => {\r\n    switch (sys) {\r\n      case \"imperial\":\r\n        return {\r\n          value: \"imperial\",\r\n          label: UiFramework.translate(\"presentationUnitSystem.BritishImperial\"),\r\n        };\r\n      case \"usCustomary\":\r\n        return {\r\n          value: \"usCustomary\",\r\n          label: UiFramework.translate(\"presentationUnitSystem.USCustomary\"),\r\n        };\r\n      case \"usSurvey\":\r\n        return {\r\n          value: \"usSurvey\",\r\n          label: UiFramework.translate(\"presentationUnitSystem.USSurvey\"),\r\n        };\r\n      case \"metric\":\r\n      default:\r\n        return {\r\n          value: \"metric\",\r\n          label: UiFramework.translate(\"presentationUnitSystem.Metric\"),\r\n        };\r\n    }\r\n  });\r\n\r\n  const unitSystemKey = availableUnitSystems.has(selectedUnitSystemKey) ? selectedUnitSystemKey : displayUnitSystems[0].value;\r\n\r\n  return (\r\n    <div className=\"quantity-unit-system-selector-container\">\r\n      <span className={\"uicore-label\"}>{label.current}</span>\r\n      <Select data-testid=\"unitSystemSelector\"\r\n        value={unitSystemKey}\r\n        options={displayUnitSystems} onChange={handleUnitSystemSelected}\r\n        size=\"small\"\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"UiSettingsPage.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/ui/UiSettingsPage.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAKH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAQrD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAAE,8BAA8B,EAAE,EAAE;IAAE,8BAA8B,EAAE,OAAO,CAAA;CAAE,eAsI7G;AAwBD;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,YAAY,EAAE,MAAM,EAAE,8BAA8B,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAS1H"}
+{"version":3,"file":"UiSettingsPage.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/ui/UiSettingsPage.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAKH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAQrD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAAE,8BAA8B,EAAE,EAAE;IAAE,8BAA8B,EAAE,OAAO,CAAA;CAAE,eAmJ7G;AAwBD;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,YAAY,EAAE,MAAM,EAAE,8BAA8B,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAS1H"}

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

@@ -50,15 +50,18 @@ function UiSettingsPage({ allowSettingUiFrameworkVersion }) {
     const systemPreferredLabel = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.systemPreferred"));
     const widgetOpacityTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.widgetOpacityTitle"));
     const widgetOpacityDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.widgetOpacityDescription"));
+    const widgetIconTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.widgetIconTitle"));
+    const widgetIconDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.widgetIconDescription"));
     const [theme, setTheme] = React.useState(() => UiFramework_1.UiFramework.getColorTheme());
     const [uiVersion, setUiVersion] = React.useState(() => UiFramework_1.UiFramework.uiVersion);
     const [useDragInteraction, setUseDragInteraction] = React.useState(() => UiFramework_1.UiFramework.useDragInteraction);
+    const [showWidgetIcon, setShowWidgetIcon] = React.useState(() => UiFramework_1.UiFramework.showWidgetIcon);
     const [widgetOpacity, setWidgetOpacity] = React.useState(() => UiFramework_1.UiFramework.getWidgetOpacity());
     const [autoHideUi, setAutoHideUi] = React.useState(() => UiShowHideManager_1.UiShowHideManager.autoHideUi);
     const [useProximityOpacity, setUseProximityOpacity] = React.useState(() => UiShowHideManager_1.UiShowHideManager.useProximityOpacity);
     const [snapWidgetOpacity, setSnapWidgetOpacity] = React.useState(() => UiShowHideManager_1.UiShowHideManager.snapWidgetOpacity);
     React.useEffect(() => {
-        const syncIdsOfInterest = ["configurableui:set_theme", "configurableui:set_widget_opacity",
+        const syncIdsOfInterest = ["configurableui:set_theme", "configurableui:set_widget_opacity", "configurableui:set-show-widget-icon",
             "configurableui:set-drag-interaction", "configurableui:set-framework-version", SyncUiEventDispatcher_1.SyncUiEventId.ShowHideManagerSettingChange];
         const handleSyncUiEvent = (args) => {
             // istanbul ignore else
@@ -71,6 +74,8 @@ function UiSettingsPage({ allowSettingUiFrameworkVersion }) {
                     setUiVersion(UiFramework_1.UiFramework.uiVersion);
                 if (UiFramework_1.UiFramework.useDragInteraction !== useDragInteraction)
                     setUseDragInteraction(UiFramework_1.UiFramework.useDragInteraction);
+                if (UiFramework_1.UiFramework.showWidgetIcon !== showWidgetIcon)
+                    setShowWidgetIcon(UiFramework_1.UiFramework.showWidgetIcon);
                 if (UiFramework_1.UiFramework.getWidgetOpacity() !== widgetOpacity)
                     setWidgetOpacity(UiFramework_1.UiFramework.getWidgetOpacity());
                 if (UiShowHideManager_1.UiShowHideManager.autoHideUi !== autoHideUi)
@@ -82,7 +87,7 @@ function UiSettingsPage({ allowSettingUiFrameworkVersion }) {
             }
         };
         return SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);
-    }, [autoHideUi, snapWidgetOpacity, theme, uiVersion, useDragInteraction, useProximityOpacity, widgetOpacity]);
+    }, [autoHideUi, showWidgetIcon, snapWidgetOpacity, theme, uiVersion, useDragInteraction, useProximityOpacity, widgetOpacity]);
     const defaultThemeOption = { label: systemPreferredLabel.current, value: ThemeManager_1.SYSTEM_PREFERRED_COLOR_THEME };
     const themeOptions = [
         defaultThemeOption,
@@ -93,14 +98,17 @@ function UiSettingsPage({ allowSettingUiFrameworkVersion }) {
         UiFramework_1.UiFramework.setColorTheme(newValue);
     }, []);
     const onAutoHideChange = React.useCallback(async () => {
-        UiShowHideManager_1.UiShowHideManager.autoHideUi = !UiShowHideManager_1.UiShowHideManager.autoHideUi;
-    }, []);
+        UiShowHideManager_1.UiShowHideManager.autoHideUi = !autoHideUi;
+    }, [autoHideUi]);
     const onUseProximityOpacityChange = React.useCallback(async () => {
-        UiShowHideManager_1.UiShowHideManager.useProximityOpacity = !UiShowHideManager_1.UiShowHideManager.useProximityOpacity;
-    }, []);
+        UiShowHideManager_1.UiShowHideManager.useProximityOpacity = !useProximityOpacity;
+    }, [useProximityOpacity]);
     const onSnapWidgetOpacityChange = React.useCallback(async () => {
-        UiShowHideManager_1.UiShowHideManager.snapWidgetOpacity = !UiShowHideManager_1.UiShowHideManager.snapWidgetOpacity;
-    }, []);
+        UiShowHideManager_1.UiShowHideManager.snapWidgetOpacity = !snapWidgetOpacity;
+    }, [snapWidgetOpacity]);
+    const onWidgetIconChange = React.useCallback(async () => {
+        UiFramework_1.UiFramework.setShowWidgetIcon(!showWidgetIcon);
+    }, [showWidgetIcon]);
     const onWidgetOpacityChange = React.useCallback(async (values) => {
         // istanbul ignore else
         if (values.length > 0) {
@@ -108,22 +116,23 @@ function UiSettingsPage({ allowSettingUiFrameworkVersion }) {
         }
     }, []);
     const onToggleFrameworkVersion = React.useCallback(async () => {
-        UiFramework_1.UiFramework.setUiVersion(UiFramework_1.UiFramework.uiVersion === "2" ? "1" : "2");
-    }, []);
+        UiFramework_1.UiFramework.setUiVersion(uiVersion === "2" ? "1" : "2");
+    }, [uiVersion]);
     const onToggleDragInteraction = React.useCallback(async () => {
-        UiFramework_1.UiFramework.setUseDragInteraction(!UiFramework_1.UiFramework.useDragInteraction);
-    }, []);
+        UiFramework_1.UiFramework.setUseDragInteraction(!useDragInteraction);
+    }, [useDragInteraction]);
     const currentTheme = UiFramework_1.UiFramework.getColorTheme();
     return (React.createElement("div", { className: "uifw-settings" },
         React.createElement(SettingsItem, { title: themeTitle.current, description: themeDescription.current, settingUi: React.createElement("div", { "data-testid": "select-theme-container", className: "select-theme-container" },
-                React.createElement(itwinui_react_1.Select, { value: currentTheme, onChange: onThemeChange, options: themeOptions, "data-testid": "select-theme" })) }),
-        React.createElement(SettingsItem, { title: autoHideTitle.current, description: autoHideDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: UiShowHideManager_1.UiShowHideManager.autoHideUi, onChange: onAutoHideChange }) }),
+                React.createElement(itwinui_react_1.Select, { value: currentTheme, onChange: onThemeChange, options: themeOptions, "data-testid": "select-theme", size: "small" })) }),
+        React.createElement(SettingsItem, { title: autoHideTitle.current, description: autoHideDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: autoHideUi, onChange: onAutoHideChange }) }),
         allowSettingUiFrameworkVersion && React.createElement(SettingsItem, { title: useNewUiTitle.current, description: useNewUiDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: UiFramework_1.UiFramework.uiVersion === "2", onChange: onToggleFrameworkVersion }) }),
         UiFramework_1.UiFramework.uiVersion === "2" && React.createElement(React.Fragment, null,
-            React.createElement(SettingsItem, { title: dragInteractionTitle.current, description: dragInteractionDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: UiFramework_1.UiFramework.useDragInteraction, onChange: onToggleDragInteraction }) }),
-            React.createElement(SettingsItem, { title: useProximityOpacityTitle.current, description: useProximityOpacityDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: UiShowHideManager_1.UiShowHideManager.useProximityOpacity, onChange: onUseProximityOpacityChange }) }),
-            React.createElement(SettingsItem, { title: snapWidgetOpacityTitle.current, description: snapWidgetOpacityDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: UiShowHideManager_1.UiShowHideManager.snapWidgetOpacity, onChange: onSnapWidgetOpacityChange }) })),
-        React.createElement(SettingsItem, { title: widgetOpacityTitle.current, description: widgetOpacityDescription.current, settingUi: React.createElement(itwinui_react_1.Slider, { style: { flex: "1" }, values: [UiFramework_1.UiFramework.getWidgetOpacity()], step: 0.05, onChange: onWidgetOpacityChange, min: 0.20, max: 1.0, maxLabel: "1.0", tickLabels: ["", "", "", "", ""] }) })));
+            React.createElement(SettingsItem, { title: dragInteractionTitle.current, description: dragInteractionDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: useDragInteraction, onChange: onToggleDragInteraction }) }),
+            React.createElement(SettingsItem, { title: useProximityOpacityTitle.current, description: useProximityOpacityDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: useProximityOpacity, onChange: onUseProximityOpacityChange }) }),
+            React.createElement(SettingsItem, { title: snapWidgetOpacityTitle.current, description: snapWidgetOpacityDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: snapWidgetOpacity, onChange: onSnapWidgetOpacityChange }) }),
+            React.createElement(SettingsItem, { title: widgetIconTitle.current, description: widgetIconDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: showWidgetIcon, onChange: onWidgetIconChange }) })),
+        React.createElement(SettingsItem, { title: widgetOpacityTitle.current, description: widgetOpacityDescription.current, settingUi: React.createElement(itwinui_react_1.Slider, { style: { flex: "1" }, values: [widgetOpacity], step: 0.05, onChange: onWidgetOpacityChange, min: 0.20, max: 1.0, maxLabel: "1.0", tickLabels: ["", "", "", "", ""] }) })));
 }
 exports.UiSettingsPage = UiSettingsPage;
 function SettingsItem(props) {
@@ -141,7 +150,7 @@ function SettingsItem(props) {
  */
 function getUiSettingsManagerEntry(itemPriority, allowSettingUiFrameworkVersion) {
     return {
-        itemPriority, tabId: "uifw:UiSettings",
+        itemPriority, tabId: "uifw:UiStateStorage",
         label: UiFramework_1.UiFramework.translate("settings.uiSettingsPage.label"),
         icon: appui_abstract_1.IconSpecUtilities.createSvgIconSpec(window_settings_svg_sprite_1.default),
         page: React.createElement(UiSettingsPage, { allowSettingUiFrameworkVersion: !!allowSettingUiFrameworkVersion }),

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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Settings\r\n */\r\n\r\n// cSpell:ignore configurableui checkmark\r\n\r\nimport widowSettingsIconSvg from \"@bentley/icons-generic/icons/window-settings.svg?sprite\";\r\nimport \"./UiSettingsPage.scss\";\r\nimport * as React from \"react\";\r\nimport { SettingsTabEntry } from \"@itwin/core-react\";\r\nimport { UiFramework } from \"../../UiFramework\";\r\nimport { ColorTheme, SYSTEM_PREFERRED_COLOR_THEME } from \"../../theme/ThemeManager\";\r\nimport { UiShowHideManager } from \"../../utils/UiShowHideManager\";\r\nimport { SyncUiEventArgs, SyncUiEventDispatcher, SyncUiEventId } from \"../../syncui/SyncUiEventDispatcher\";\r\nimport { IconSpecUtilities } from \"@itwin/appui-abstract\";\r\nimport { Select, SelectOption, Slider, ToggleSwitch } from \"@itwin/itwinui-react\";\r\n\r\n/** UiSettingsPage displaying the active UI settings. This page lets users set the following settings.\r\n *\r\n * - theme - Dark, Light, or based on OS preference.\r\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.\r\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\r\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\r\n * active group button item.\r\n * - use proximity - Changes the opacity of toolbar from transparent to opaque as the mouse moves closer.\r\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.\r\n * - widget opacity - determines how transparent floating widgets in V2 and all widgets in V1 become when the mouse in not in them.\r\n * - UI version - if allowed by props, the UI version can be toggled between V1 and V2.\r\n *\r\n * @beta\r\n */\r\nexport function UiSettingsPage({ allowSettingUiFrameworkVersion }: { allowSettingUiFrameworkVersion: boolean }) {\r\n  const themeTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.themeTitle\"));\r\n  const themeDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.themeDescription\"));\r\n  const autoHideTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.autoHideTitle\"));\r\n  const autoHideDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.autoHideDescription\"));\r\n  const dragInteractionTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.dragInteractionTitle\"));\r\n  const dragInteractionDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.dragInteractionDescription\"));\r\n  const useNewUiTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.newUiTitle\"));\r\n  const useNewUiDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.newUiDescription\"));\r\n  const useProximityOpacityTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.useProximityOpacityTitle\"));\r\n  const useProximityOpacityDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.useProximityOpacityDescription\"));\r\n  const snapWidgetOpacityTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.snapWidgetOpacityTitle\"));\r\n  const snapWidgetOpacityDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.snapWidgetOpacityDescription\"));\r\n  const darkLabel = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.dark\"));\r\n  const lightLabel = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.light\"));\r\n  const systemPreferredLabel = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.systemPreferred\"));\r\n  const widgetOpacityTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.widgetOpacityTitle\"));\r\n  const widgetOpacityDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.widgetOpacityDescription\"));\r\n\r\n  const [theme, setTheme] = React.useState(() => UiFramework.getColorTheme());\r\n  const [uiVersion, setUiVersion] = React.useState(() => UiFramework.uiVersion);\r\n  const [useDragInteraction, setUseDragInteraction] = React.useState(() => UiFramework.useDragInteraction);\r\n  const [widgetOpacity, setWidgetOpacity] = React.useState(() => UiFramework.getWidgetOpacity());\r\n  const [autoHideUi, setAutoHideUi] = React.useState(() => UiShowHideManager.autoHideUi);\r\n  const [useProximityOpacity, setUseProximityOpacity] = React.useState(() => UiShowHideManager.useProximityOpacity);\r\n  const [snapWidgetOpacity, setSnapWidgetOpacity] = React.useState(() => UiShowHideManager.snapWidgetOpacity);\r\n\r\n  React.useEffect(() => {\r\n    const syncIdsOfInterest = [\"configurableui:set_theme\", \"configurableui:set_widget_opacity\",\r\n      \"configurableui:set-drag-interaction\", \"configurableui:set-framework-version\", SyncUiEventId.ShowHideManagerSettingChange];\r\n\r\n    const handleSyncUiEvent = (args: SyncUiEventArgs) => {\r\n      // istanbul ignore else\r\n      if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value))) {\r\n        if (UiFramework.getColorTheme() !== theme)\r\n          setTheme(UiFramework.getColorTheme());\r\n        if (UiShowHideManager.autoHideUi !== autoHideUi)\r\n          setAutoHideUi(UiShowHideManager.autoHideUi);\r\n        if (UiFramework.uiVersion !== uiVersion)\r\n          setUiVersion(UiFramework.uiVersion);\r\n        if (UiFramework.useDragInteraction !== useDragInteraction)\r\n          setUseDragInteraction(UiFramework.useDragInteraction);\r\n        if (UiFramework.getWidgetOpacity() !== widgetOpacity)\r\n          setWidgetOpacity(UiFramework.getWidgetOpacity());\r\n        if (UiShowHideManager.autoHideUi !== autoHideUi)\r\n          setAutoHideUi(UiShowHideManager.autoHideUi);\r\n        if (UiShowHideManager.useProximityOpacity !== useProximityOpacity)\r\n          setUseProximityOpacity(UiShowHideManager.useProximityOpacity);\r\n        if (UiShowHideManager.snapWidgetOpacity !== snapWidgetOpacity)\r\n          setSnapWidgetOpacity(UiShowHideManager.snapWidgetOpacity);\r\n      }\r\n    };\r\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\r\n  }, [autoHideUi, snapWidgetOpacity, theme, uiVersion, useDragInteraction, useProximityOpacity, widgetOpacity]);\r\n\r\n  const defaultThemeOption = { label: systemPreferredLabel.current, value: SYSTEM_PREFERRED_COLOR_THEME };\r\n  const themeOptions: SelectOption<string>[] = [\r\n    defaultThemeOption,\r\n    { label: lightLabel.current, value: ColorTheme.Light },\r\n    { label: darkLabel.current, value: ColorTheme.Dark },\r\n  ];\r\n\r\n  const onThemeChange = React.useCallback((newValue: string) => {\r\n    UiFramework.setColorTheme(newValue);\r\n  }, []);\r\n\r\n  const onAutoHideChange = React.useCallback(async () => {\r\n    UiShowHideManager.autoHideUi = !UiShowHideManager.autoHideUi;\r\n  }, []);\r\n\r\n  const onUseProximityOpacityChange = React.useCallback(async () => {\r\n    UiShowHideManager.useProximityOpacity = !UiShowHideManager.useProximityOpacity;\r\n  }, []);\r\n\r\n  const onSnapWidgetOpacityChange = React.useCallback(async () => {\r\n    UiShowHideManager.snapWidgetOpacity = !UiShowHideManager.snapWidgetOpacity;\r\n  }, []);\r\n\r\n  const onWidgetOpacityChange = React.useCallback(async (values: readonly number[]) => {\r\n    // istanbul ignore else\r\n    if (values.length > 0) {\r\n      UiFramework.setWidgetOpacity(values[0]);\r\n    }\r\n  }, []);\r\n  const onToggleFrameworkVersion = React.useCallback(async () => {\r\n    UiFramework.setUiVersion(UiFramework.uiVersion === \"2\" ? \"1\" : \"2\");\r\n  }, []);\r\n\r\n  const onToggleDragInteraction = React.useCallback(async () => {\r\n    UiFramework.setUseDragInteraction(!UiFramework.useDragInteraction);\r\n  }, []);\r\n\r\n  const currentTheme = UiFramework.getColorTheme();\r\n\r\n  return (\r\n    <div className=\"uifw-settings\">\r\n      <SettingsItem title={themeTitle.current} description={themeDescription.current}\r\n        settingUi={\r\n          <div data-testid=\"select-theme-container\" className=\"select-theme-container\">\r\n            <Select\r\n              value={currentTheme}\r\n              onChange={onThemeChange}\r\n              options={themeOptions}\r\n              data-testid=\"select-theme\"\r\n            />\r\n          </div>\r\n        }\r\n      />\r\n      <SettingsItem title={autoHideTitle.current} description={autoHideDescription.current}\r\n        settingUi={<ToggleSwitch checked={UiShowHideManager.autoHideUi} onChange={onAutoHideChange} />}\r\n      />\r\n      {allowSettingUiFrameworkVersion && <SettingsItem title={useNewUiTitle.current} description={useNewUiDescription.current}\r\n        settingUi={<ToggleSwitch checked={UiFramework.uiVersion === \"2\"} onChange={onToggleFrameworkVersion} />}\r\n      />}\r\n      {UiFramework.uiVersion === \"2\" && <>\r\n        <SettingsItem title={dragInteractionTitle.current} description={dragInteractionDescription.current}\r\n          settingUi={<ToggleSwitch checked={UiFramework.useDragInteraction} onChange={onToggleDragInteraction} />}\r\n        />\r\n        <SettingsItem title={useProximityOpacityTitle.current} description={useProximityOpacityDescription.current}\r\n          settingUi={<ToggleSwitch checked={UiShowHideManager.useProximityOpacity} onChange={onUseProximityOpacityChange} />}\r\n        />\r\n        <SettingsItem title={snapWidgetOpacityTitle.current} description={snapWidgetOpacityDescription.current}\r\n          settingUi={<ToggleSwitch checked={UiShowHideManager.snapWidgetOpacity} onChange={onSnapWidgetOpacityChange} />}\r\n        />\r\n      </>\r\n      }\r\n      <SettingsItem title={widgetOpacityTitle.current} description={widgetOpacityDescription.current}\r\n        settingUi={\r\n          <Slider style={{ flex: \"1\" }} values={[UiFramework.getWidgetOpacity()]} step={0.05} onChange={onWidgetOpacityChange}\r\n            min={0.20} max={1.0} maxLabel=\"1.0\" tickLabels={[\"\", \"\", \"\", \"\", \"\"]} />\r\n        }\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface SettingsItemProps {\r\n  title: string;\r\n  description: string;\r\n  settingUi: React.ReactNode;\r\n}\r\n\r\nfunction SettingsItem(props: SettingsItemProps) {\r\n  const { title, description, settingUi } = props;\r\n\r\n  return (\r\n    <div className=\"uifw-settings-item\">\r\n      <div className=\"panel left-panel\">\r\n        <span className=\"title\">{title}</span>\r\n        <span className=\"description\">{description}</span>\r\n      </div>\r\n      <div className=\"panel right-panel\">\r\n        {settingUi}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\n/**\r\n * Return a SettingsTabEntry that can be used to define the available settings that can be set for an application.\r\n * @param itemPriority - Used to define the order of the entry in the Settings Stage\r\n * @beta\r\n */\r\nexport function getUiSettingsManagerEntry(itemPriority: number, allowSettingUiFrameworkVersion?: boolean): SettingsTabEntry {\r\n  return {\r\n    itemPriority, tabId: \"uifw:UiSettings\",\r\n    label: UiFramework.translate(\"settings.uiSettingsPage.label\"),\r\n    icon: IconSpecUtilities.createSvgIconSpec(widowSettingsIconSvg),\r\n    page: <UiSettingsPage allowSettingUiFrameworkVersion={!!allowSettingUiFrameworkVersion} />,\r\n    isDisabled: false,\r\n    tooltip: UiFramework.translate(\"settings.uiSettingsPage.tooltip\"),\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"UiSettingsPage.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/ui/UiSettingsPage.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Settings\r\n */\r\n\r\n// cSpell:ignore configurableui checkmark\r\n\r\nimport widowSettingsIconSvg from \"@bentley/icons-generic/icons/window-settings.svg?sprite\";\r\nimport \"./UiSettingsPage.scss\";\r\nimport * as React from \"react\";\r\nimport { SettingsTabEntry } from \"@itwin/core-react\";\r\nimport { UiFramework } from \"../../UiFramework\";\r\nimport { ColorTheme, SYSTEM_PREFERRED_COLOR_THEME } from \"../../theme/ThemeManager\";\r\nimport { UiShowHideManager } from \"../../utils/UiShowHideManager\";\r\nimport { SyncUiEventDispatcher, SyncUiEventId } from \"../../syncui/SyncUiEventDispatcher\";\r\nimport { IconSpecUtilities, UiSyncEventArgs } from \"@itwin/appui-abstract\";\r\nimport { Select, SelectOption, Slider, ToggleSwitch } from \"@itwin/itwinui-react\";\r\n\r\n/** UiSettingsPage displaying the active UI settings. This page lets users set the following settings.\r\n *\r\n * - theme - Dark, Light, or based on OS preference.\r\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.\r\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\r\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\r\n * active group button item.\r\n * - use proximity - Changes the opacity of toolbar from transparent to opaque as the mouse moves closer.\r\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.\r\n * - widget opacity - determines how transparent floating widgets in V2 and all widgets in V1 become when the mouse in not in them.\r\n * - UI version - if allowed by props, the UI version can be toggled between V1 and V2.\r\n *\r\n * @beta\r\n */\r\nexport function UiSettingsPage({ allowSettingUiFrameworkVersion }: { allowSettingUiFrameworkVersion: boolean }) {\r\n  const themeTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.themeTitle\"));\r\n  const themeDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.themeDescription\"));\r\n  const autoHideTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.autoHideTitle\"));\r\n  const autoHideDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.autoHideDescription\"));\r\n  const dragInteractionTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.dragInteractionTitle\"));\r\n  const dragInteractionDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.dragInteractionDescription\"));\r\n  const useNewUiTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.newUiTitle\"));\r\n  const useNewUiDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.newUiDescription\"));\r\n  const useProximityOpacityTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.useProximityOpacityTitle\"));\r\n  const useProximityOpacityDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.useProximityOpacityDescription\"));\r\n  const snapWidgetOpacityTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.snapWidgetOpacityTitle\"));\r\n  const snapWidgetOpacityDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.snapWidgetOpacityDescription\"));\r\n  const darkLabel = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.dark\"));\r\n  const lightLabel = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.light\"));\r\n  const systemPreferredLabel = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.systemPreferred\"));\r\n  const widgetOpacityTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.widgetOpacityTitle\"));\r\n  const widgetOpacityDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.widgetOpacityDescription\"));\r\n  const widgetIconTitle = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.widgetIconTitle\"));\r\n  const widgetIconDescription = React.useRef(UiFramework.translate(\"settings.uiSettingsPage.widgetIconDescription\"));\r\n\r\n  const [theme, setTheme] = React.useState(() => UiFramework.getColorTheme());\r\n  const [uiVersion, setUiVersion] = React.useState(() => UiFramework.uiVersion);\r\n  const [useDragInteraction, setUseDragInteraction] = React.useState(() => UiFramework.useDragInteraction);\r\n  const [showWidgetIcon, setShowWidgetIcon] = React.useState(() => UiFramework.showWidgetIcon);\r\n  const [widgetOpacity, setWidgetOpacity] = React.useState(() => UiFramework.getWidgetOpacity());\r\n  const [autoHideUi, setAutoHideUi] = React.useState(() => UiShowHideManager.autoHideUi);\r\n  const [useProximityOpacity, setUseProximityOpacity] = React.useState(() => UiShowHideManager.useProximityOpacity);\r\n  const [snapWidgetOpacity, setSnapWidgetOpacity] = React.useState(() => UiShowHideManager.snapWidgetOpacity);\r\n\r\n  React.useEffect(() => {\r\n    const syncIdsOfInterest = [\"configurableui:set_theme\", \"configurableui:set_widget_opacity\", \"configurableui:set-show-widget-icon\",\r\n      \"configurableui:set-drag-interaction\", \"configurableui:set-framework-version\", SyncUiEventId.ShowHideManagerSettingChange];\r\n\r\n    const handleSyncUiEvent = (args: UiSyncEventArgs) => {\r\n      // istanbul ignore else\r\n      if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value))) {\r\n        if (UiFramework.getColorTheme() !== theme)\r\n          setTheme(UiFramework.getColorTheme());\r\n        if (UiShowHideManager.autoHideUi !== autoHideUi)\r\n          setAutoHideUi(UiShowHideManager.autoHideUi);\r\n        if (UiFramework.uiVersion !== uiVersion)\r\n          setUiVersion(UiFramework.uiVersion);\r\n        if (UiFramework.useDragInteraction !== useDragInteraction)\r\n          setUseDragInteraction(UiFramework.useDragInteraction);\r\n        if (UiFramework.showWidgetIcon !== showWidgetIcon)\r\n          setShowWidgetIcon(UiFramework.showWidgetIcon);\r\n        if (UiFramework.getWidgetOpacity() !== widgetOpacity)\r\n          setWidgetOpacity(UiFramework.getWidgetOpacity());\r\n        if (UiShowHideManager.autoHideUi !== autoHideUi)\r\n          setAutoHideUi(UiShowHideManager.autoHideUi);\r\n        if (UiShowHideManager.useProximityOpacity !== useProximityOpacity)\r\n          setUseProximityOpacity(UiShowHideManager.useProximityOpacity);\r\n        if (UiShowHideManager.snapWidgetOpacity !== snapWidgetOpacity)\r\n          setSnapWidgetOpacity(UiShowHideManager.snapWidgetOpacity);\r\n      }\r\n    };\r\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\r\n  }, [autoHideUi, showWidgetIcon, snapWidgetOpacity, theme, uiVersion, useDragInteraction, useProximityOpacity, widgetOpacity]);\r\n\r\n  const defaultThemeOption = { label: systemPreferredLabel.current, value: SYSTEM_PREFERRED_COLOR_THEME };\r\n  const themeOptions: SelectOption<string>[] = [\r\n    defaultThemeOption,\r\n    { label: lightLabel.current, value: ColorTheme.Light },\r\n    { label: darkLabel.current, value: ColorTheme.Dark },\r\n  ];\r\n\r\n  const onThemeChange = React.useCallback((newValue: string) => {\r\n    UiFramework.setColorTheme(newValue);\r\n  }, []);\r\n\r\n  const onAutoHideChange = React.useCallback(async () => {\r\n    UiShowHideManager.autoHideUi = !autoHideUi;\r\n  }, [autoHideUi]);\r\n\r\n  const onUseProximityOpacityChange = React.useCallback(async () => {\r\n    UiShowHideManager.useProximityOpacity = !useProximityOpacity;\r\n  }, [useProximityOpacity]);\r\n\r\n  const onSnapWidgetOpacityChange = React.useCallback(async () => {\r\n    UiShowHideManager.snapWidgetOpacity = !snapWidgetOpacity;\r\n  }, [snapWidgetOpacity]);\r\n\r\n  const onWidgetIconChange = React.useCallback(async () => {\r\n    UiFramework.setShowWidgetIcon(!showWidgetIcon);\r\n  }, [showWidgetIcon]);\r\n\r\n  const onWidgetOpacityChange = React.useCallback(async (values: readonly number[]) => {\r\n    // istanbul ignore else\r\n    if (values.length > 0) {\r\n      UiFramework.setWidgetOpacity(values[0]);\r\n    }\r\n  }, []);\r\n  const onToggleFrameworkVersion = React.useCallback(async () => {\r\n    UiFramework.setUiVersion(uiVersion === \"2\" ? \"1\" : \"2\");\r\n  }, [uiVersion]);\r\n\r\n  const onToggleDragInteraction = React.useCallback(async () => {\r\n    UiFramework.setUseDragInteraction(!useDragInteraction);\r\n  }, [useDragInteraction]);\r\n\r\n  const currentTheme = UiFramework.getColorTheme();\r\n\r\n  return (\r\n    <div className=\"uifw-settings\">\r\n      <SettingsItem title={themeTitle.current} description={themeDescription.current}\r\n        settingUi={\r\n          <div data-testid=\"select-theme-container\" className=\"select-theme-container\">\r\n            <Select\r\n              value={currentTheme}\r\n              onChange={onThemeChange}\r\n              options={themeOptions}\r\n              data-testid=\"select-theme\"\r\n              size=\"small\"\r\n            />\r\n          </div>\r\n        }\r\n      />\r\n      <SettingsItem title={autoHideTitle.current} description={autoHideDescription.current}\r\n        settingUi={<ToggleSwitch checked={autoHideUi} onChange={onAutoHideChange} />}\r\n      />\r\n      {allowSettingUiFrameworkVersion && <SettingsItem title={useNewUiTitle.current} description={useNewUiDescription.current}\r\n        settingUi={<ToggleSwitch checked={UiFramework.uiVersion === \"2\"} onChange={onToggleFrameworkVersion} />}\r\n      />}\r\n      {UiFramework.uiVersion === \"2\" && <>\r\n        <SettingsItem title={dragInteractionTitle.current} description={dragInteractionDescription.current}\r\n          settingUi={<ToggleSwitch checked={useDragInteraction} onChange={onToggleDragInteraction} />}\r\n        />\r\n        <SettingsItem title={useProximityOpacityTitle.current} description={useProximityOpacityDescription.current}\r\n          settingUi={<ToggleSwitch checked={useProximityOpacity} onChange={onUseProximityOpacityChange} />}\r\n        />\r\n        <SettingsItem title={snapWidgetOpacityTitle.current} description={snapWidgetOpacityDescription.current}\r\n          settingUi={<ToggleSwitch checked={snapWidgetOpacity} onChange={onSnapWidgetOpacityChange} />}\r\n        />\r\n        <SettingsItem title={widgetIconTitle.current} description={widgetIconDescription.current}\r\n          settingUi={<ToggleSwitch checked={showWidgetIcon} onChange={onWidgetIconChange} />}\r\n        />\r\n      </>\r\n      }\r\n      <SettingsItem title={widgetOpacityTitle.current} description={widgetOpacityDescription.current}\r\n        settingUi={\r\n          <Slider style={{ flex: \"1\" }} values={[widgetOpacity]} step={0.05} onChange={onWidgetOpacityChange}\r\n            min={0.20} max={1.0} maxLabel=\"1.0\" tickLabels={[\"\", \"\", \"\", \"\", \"\"]} />\r\n        }\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface SettingsItemProps {\r\n  title: string;\r\n  description: string;\r\n  settingUi: React.ReactNode;\r\n}\r\n\r\nfunction SettingsItem(props: SettingsItemProps) {\r\n  const { title, description, settingUi } = props;\r\n\r\n  return (\r\n    <div className=\"uifw-settings-item\">\r\n      <div className=\"panel left-panel\">\r\n        <span className=\"title\">{title}</span>\r\n        <span className=\"description\">{description}</span>\r\n      </div>\r\n      <div className=\"panel right-panel\">\r\n        {settingUi}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\n/**\r\n * Return a SettingsTabEntry that can be used to define the available settings that can be set for an application.\r\n * @param itemPriority - Used to define the order of the entry in the Settings Stage\r\n * @beta\r\n */\r\nexport function getUiSettingsManagerEntry(itemPriority: number, allowSettingUiFrameworkVersion?: boolean): SettingsTabEntry {\r\n  return {\r\n    itemPriority, tabId: \"uifw:UiStateStorage\",\r\n    label: UiFramework.translate(\"settings.uiSettingsPage.label\"),\r\n    icon: IconSpecUtilities.createSvgIconSpec(widowSettingsIconSvg),\r\n    page: <UiSettingsPage allowSettingUiFrameworkVersion={!!allowSettingUiFrameworkVersion} />,\r\n    isDisabled: false,\r\n    tooltip: UiFramework.translate(\"settings.uiSettingsPage.tooltip\"),\r\n  };\r\n}\r\n"]}

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;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAAgE;AAEhE,+DAA4D;AAS5D;;GAEG;AACH,MAAa,aAAc,SAAQ,yCAAmB;IAOpD,YAAY,KAAsB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,KAAK,CAAC,QAAQ;YAChB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;aAC5B;YACH,aAAa,CAAC,IAAI,EAAE,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC;SACnE;QAED,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC;QACvC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC;IAC7C,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAEe,gBAAgB,CAAC,KAAc;QAC7C,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,wCAAuB,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,8CAA8C;YACpH,OAAO,IAAI,CAAC;QAEd,IAAI,KAAsB,CAAC;QAE3B,uBAAuB;QACvB,IAAI,IAAI,CAAC,YAAY,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;YAChE,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/B,MAAM,UAAU,GAAe;gBAC7B,GAAG;gBACH,WAAW,EAAE,IAAI,CAAC,eAAe;aAClC,CAAC;YAEF,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;SAC3D;QAED,OAAO,KAAK,CAAC;IACf,CAAC;;AA3CH,sCA6CC;AA5CgB,kBAAI,GAAG,CAAC,CAAC;AACV,4BAAc,GAAG,SAAS,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\r\nimport { SizeProps } from \"@itwin/core-react\";\r\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\r\nimport { CustomItemProps } from \"./CustomItemProps\";\r\n\r\n/** @internal */\r\ninterface CloneProps {\r\n  key: string;\r\n  onSizeKnown: (size: SizeProps) => void;\r\n}\r\n\r\n/** An Item that renders a React component.\r\n * @public\r\n */\r\nexport class CustomItemDef extends ActionButtonItemDef {\r\n  private static _sId = 0;\r\n  public static customIdPrefix = \"Custom-\";\r\n  public customId: string;\r\n  public reactElement?: React.ReactNode;  // prefer to use popupPanelNode\r\n  public popupPanelNode?: React.ReactNode;\r\n\r\n  constructor(props: CustomItemProps) {\r\n    super(props);\r\n\r\n    if (props.customId)\r\n      this.customId = props.customId;\r\n    else {\r\n      CustomItemDef._sId++;\r\n      this.customId = CustomItemDef.customIdPrefix + CustomItemDef._sId;\r\n    }\r\n\r\n    this.reactElement = props.reactElement;\r\n    this.popupPanelNode = props.popupPanelNode;\r\n  }\r\n\r\n  public get id(): string {\r\n    return this.customId;\r\n  }\r\n\r\n  public override toolbarReactNode(index?: number): React.ReactNode {\r\n    if (!this.isVisible || ConditionalBooleanValue.getValue(this.isHidden)) // eslint-disable-line deprecation/deprecation\r\n      return null;\r\n\r\n    let clone: React.ReactNode;\r\n\r\n    // istanbul ignore else\r\n    if (this.reactElement && React.isValidElement(this.reactElement)) {\r\n      const key = this.getKey(index);\r\n      const cloneProps: CloneProps = {\r\n        key,\r\n        onSizeKnown: this.handleSizeKnown,\r\n      };\r\n\r\n      clone = React.cloneElement(this.reactElement, cloneProps);\r\n    }\r\n\r\n    return clone;\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"CustomItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemDef.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAAgE;AAEhE,+DAA4D;AAS5D;;GAEG;AACH,MAAa,aAAc,SAAQ,yCAAmB;IAOpD,YAAY,KAAsB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,KAAK,CAAC,QAAQ;YAChB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;aAC5B;YACH,aAAa,CAAC,IAAI,EAAE,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC;SACnE;QAED,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC;QACvC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC;IAC7C,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAEe,gBAAgB,CAAC,KAAc;QAC7C,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,wCAAuB,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,8CAA8C;YACpH,OAAO,IAAI,CAAC;QAEd,IAAI,KAAsB,CAAC;QAE3B,uBAAuB;QACvB,IAAI,IAAI,CAAC,YAAY,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;YAChE,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/B,MAAM,UAAU,GAAe;gBAC7B,GAAG;gBACH,WAAW,EAAE,IAAI,CAAC,eAAe;aAClC,CAAC;YAEF,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;SAC3D;QAED,OAAO,KAAK,CAAC;IACf,CAAC;;AA3CH,sCA6CC;AA5CgB,kBAAI,GAAG,CAAC,CAAC;AACV,4BAAc,GAAG,SAAS,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\r\nimport { SizeProps } from \"@itwin/core-react\";\r\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\r\nimport { CustomItemProps } from \"./CustomItemProps\";\r\n\r\n/** @internal */\r\ninterface CloneProps {\r\n  key: string;\r\n  onSizeKnown: (size: SizeProps) => void;\r\n}\r\n\r\n/** An Item that renders a React component.\r\n * @public\r\n */\r\nexport class CustomItemDef extends ActionButtonItemDef {\r\n  private static _sId = 0;\r\n  public static customIdPrefix = \"Custom-\";\r\n  public customId: string;\r\n  public reactElement?: React.ReactNode;  // prefer to use popupPanelNode\r\n  public popupPanelNode?: React.ReactNode; // popupPanelNode populates the panelContentNode when converted to a CustomToolbarItem which can be supplied by an UiItemsProvider\r\n\r\n  constructor(props: CustomItemProps) {\r\n    super(props);\r\n\r\n    if (props.customId)\r\n      this.customId = props.customId;\r\n    else {\r\n      CustomItemDef._sId++;\r\n      this.customId = CustomItemDef.customIdPrefix + CustomItemDef._sId;\r\n    }\r\n\r\n    this.reactElement = props.reactElement;\r\n    this.popupPanelNode = props.popupPanelNode;\r\n  }\r\n\r\n  public get id(): string {\r\n    return this.customId;\r\n  }\r\n\r\n  public override toolbarReactNode(index?: number): React.ReactNode {\r\n    if (!this.isVisible || ConditionalBooleanValue.getValue(this.isHidden)) // eslint-disable-line deprecation/deprecation\r\n      return null;\r\n\r\n    let clone: React.ReactNode;\r\n\r\n    // istanbul ignore else\r\n    if (this.reactElement && React.isValidElement(this.reactElement)) {\r\n      const key = this.getKey(index);\r\n      const cloneProps: CloneProps = {\r\n        key,\r\n        onSizeKnown: this.handleSizeKnown,\r\n      };\r\n\r\n      clone = React.cloneElement(this.reactElement, cloneProps);\r\n    }\r\n\r\n    return clone;\r\n  }\r\n\r\n}\r\n"]}

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;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport { ItemProps } from \"./ItemProps\";\r\n\r\n/** Definition for a Custom item that renders a React component.\r\n * @public\r\n */\r\nexport interface CustomItemProps extends ItemProps {\r\n  customId?: string;\r\n  // @deprecated - use popupPanelNode\r\n  reactElement?: React.ReactNode;\r\n  popupPanelNode?: React.ReactNode;\r\n}\r\n"]}
+{"version":3,"file":"CustomItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemProps.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport { ItemProps } from \"./ItemProps\";\r\n\r\n/** Definition for a Custom item that renders a React component.\r\n * @public\r\n */\r\nexport interface CustomItemProps extends ItemProps {\r\n  customId?: string;\r\n  // @deprecated Use popupPanelNode\r\n  reactElement?: React.ReactNode;\r\n  popupPanelNode?: React.ReactNode;\r\n}\r\n"]}

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;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport { StringGetter } from \"@itwin/appui-abstract\";\r\nimport { Direction } from \"@itwin/appui-layout-react\";\r\nimport { AnyItemDef } from \"./AnyItemDef\";\r\nimport { ItemProps } from \"./ItemProps\";\r\n\r\n/** Definition for a Group item that opens a group of items.\r\n * @public\r\n */\r\nexport interface GroupItemProps extends ItemProps {\r\n  defaultActiveItemId?: string;\r\n  groupId?: string;\r\n  items: AnyItemDef[];\r\n  direction?: Direction;\r\n  itemsInColumn?: number;\r\n  /** if set, it is used to explicitly set a label at top of open group component. */\r\n  panelLabel?: string | StringGetter;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if panelLabel is not explicitly set. */\r\n  panelLabelKey?: string;\r\n}\r\n"]}
+{"version":3,"file":"GroupItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/GroupItemProps.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport { StringGetter } from \"@itwin/appui-abstract\";\r\nimport { Direction } from \"@itwin/appui-layout-react\";\r\nimport { AnyItemDef } from \"./AnyItemDef\";\r\nimport { ItemProps } from \"./ItemProps\";\r\n\r\n/** Definition for a Group item that opens a group of items.\r\n * @public\r\n */\r\nexport interface GroupItemProps extends ItemProps {\r\n  defaultActiveItemId?: string;\r\n  groupId?: string;\r\n  items: AnyItemDef[];\r\n  direction?: Direction; // eslint-disable-line deprecation/deprecation\r\n  itemsInColumn?: number;\r\n  /** if set, it is used to explicitly set a label at top of open group component. */\r\n  panelLabel?: string | StringGetter;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if panelLabel is not explicitly set. */\r\n  panelLabelKey?: string;\r\n}\r\n"]}

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

@@ -33,9 +33,9 @@ export declare abstract class ItemDefBase {
     isHidden?: boolean | ConditionalBooleanValue;
     isDisabled?: boolean | ConditionalBooleanValue;
     badgeType?: BadgeType;
-    /** @deprecated - use condition instead */
+    /** @deprecated Use condition instead */
     stateFunc?: (state: Readonly<BaseItemState>) => BaseItemState;
-    /** @deprecated - use condition instead */
+    /** @deprecated Use condition instead */
     stateSyncIds: string[];
     iconSpec?: IconSpec;
     iconElement?: React.ReactNode;

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,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEjH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C;;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;IAE1E,uCAAuC;IAChC,SAAS,EAAE,OAAO,CAAQ;IACjC,yCAAyC;IAClC,SAAS,EAAE,OAAO,CAAQ;IAC1B,SAAS,EAAE,OAAO,CAAS;IAClC,OAAO,CAAC,SAAS,CAAkB;IACnC,IAAW,QAAQ,IAAI,OAAO,CAA2B;IACzD,IAAW,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAyB;IAChD,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;IAE7B,0CAA0C;IACnC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,aAAa,CAAC;IACrE,0CAA0C;IACnC,YAAY,EAAE,MAAM,EAAE,CAAM;IAE5B,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;gBA+B5D,SAAS,EAAE,SAAS;IAIhC,IAAW,MAAM,cAAwB;IACzC,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,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEjH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C;;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;IAE1E,uCAAuC;IAChC,SAAS,EAAE,OAAO,CAAQ;IACjC,yCAAyC;IAClC,SAAS,EAAE,OAAO,CAAQ;IAC1B,SAAS,EAAE,OAAO,CAAS;IAClC,OAAO,CAAC,SAAS,CAAkB;IACnC,IAAW,QAAQ,IAAI,OAAO,CAA2B;IACzD,IAAW,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAyB;IAChD,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;IAE7B,wCAAwC;IACjC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,aAAa,CAAC;IACrE,wCAAwC;IACjC,YAAY,EAAE,MAAM,EAAE,CAAM;IAE5B,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;gBA+B5D,SAAS,EAAE,SAAS;IAIhC,IAAW,MAAM,cAAwB;IACzC,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

@@ -23,7 +23,7 @@ class ItemDefBase {
         this.isEnabled = true;
         this.isPressed = false;
         this._isActive = false;
-        /** @deprecated - use condition instead */
+        /** @deprecated Use condition instead */
         this.stateSyncIds = [];
         ItemDefBase.initializeDef(this, itemProps);
     }

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":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { BadgeType, ConditionalBooleanValue, ConditionalStringValue, StringGetter } from \"@itwin/appui-abstract\";\r\nimport { PropsHelper } from \"../utils/PropsHelper\";\r\nimport { ItemProps } from \"./ItemProps\";\r\nimport { IconSpec } from \"@itwin/core-react\";\r\n\r\n/** Base state for any 'stateful' React component\r\n * @public\r\n */\r\nexport interface BaseItemState {\r\n  isVisible?: boolean;        // Default - true\r\n  isEnabled?: boolean;        // Default - true\r\n  isActive?: boolean;         // Default - false\r\n  isPressed?: boolean;        // Default - false\r\n}\r\n\r\n/** The base class for Items.\r\n * @public\r\n */\r\nexport abstract class ItemDefBase {\r\n  private _label: string | StringGetter | ConditionalStringValue = \"\";\r\n  private _tooltip: string | StringGetter | ConditionalStringValue = \"\";\r\n  private _description: string | StringGetter | ConditionalStringValue = \"\";\r\n\r\n  /** @deprecated Use isHidden instead */\r\n  public isVisible: boolean = true;\r\n  /** @deprecated Use isDisabled instead */\r\n  public isEnabled: boolean = true;\r\n  public isPressed: boolean = false;\r\n  private _isActive: boolean = false;\r\n  public get isActive(): boolean { return this._isActive; }\r\n  public set isActive(v: boolean) { this._isActive = v; }\r\n  public applicationData?: any;\r\n\r\n  public isHidden?: boolean | ConditionalBooleanValue;\r\n  public isDisabled?: boolean | ConditionalBooleanValue;\r\n\r\n  public badgeType?: BadgeType;\r\n\r\n  /** @deprecated - use condition instead */\r\n  public stateFunc?: (state: Readonly<BaseItemState>) => BaseItemState;\r\n  /** @deprecated - use condition instead */\r\n  public stateSyncIds: string[] = [];\r\n\r\n  public iconSpec?: IconSpec;\r\n  public iconElement?: React.ReactNode;\r\n\r\n  public static initializeDef(me: ItemDefBase, itemProps: ItemProps): void {\r\n    me.isVisible = (itemProps.isVisible !== undefined) ? itemProps.isVisible : true; // eslint-disable-line deprecation/deprecation\r\n    me.isEnabled = (itemProps.isEnabled !== undefined) ? itemProps.isEnabled : true; // eslint-disable-line deprecation/deprecation\r\n    me.isHidden = (itemProps.isHidden === undefined && itemProps.isVisible !== undefined) ? !itemProps.isVisible : itemProps.isHidden; // eslint-disable-line deprecation/deprecation\r\n    me.isDisabled = (itemProps.isDisabled === undefined && itemProps.isEnabled !== undefined) ? !itemProps.isEnabled : itemProps.isDisabled; // eslint-disable-line deprecation/deprecation\r\n\r\n    me.isPressed = (itemProps.isPressed !== undefined) ? itemProps.isPressed : false;\r\n    me.isActive = (itemProps.isActive !== undefined) ? itemProps.isActive : false;\r\n\r\n    me.badgeType = itemProps.badgeType;\r\n\r\n    if (itemProps.applicationData !== undefined)\r\n      me.applicationData = itemProps.applicationData;\r\n    if (itemProps.iconSpec)\r\n      me.iconSpec = itemProps.iconSpec;\r\n    if (itemProps.icon)\r\n      me.iconSpec = itemProps.icon;\r\n\r\n    me._label = PropsHelper.getStringSpec(itemProps.label, itemProps.labelKey);\r\n    me._tooltip = PropsHelper.getStringSpec(itemProps.tooltip, itemProps.tooltipKey);\r\n    me._description = PropsHelper.getStringSpec(itemProps.description, itemProps.descriptionKey);\r\n\r\n    // deprecated\r\n    if (itemProps.stateFunc) // eslint-disable-line deprecation/deprecation\r\n      me.stateFunc = itemProps.stateFunc; // eslint-disable-line deprecation/deprecation\r\n\r\n    // deprecated\r\n    if (itemProps.stateSyncIds) // eslint-disable-line deprecation/deprecation\r\n      me.stateSyncIds = itemProps.stateSyncIds.map((value: string) => value.toLowerCase()); // eslint-disable-line deprecation/deprecation\r\n  }\r\n\r\n  constructor(itemProps: ItemProps) {\r\n    ItemDefBase.initializeDef(this, itemProps);\r\n  }\r\n\r\n  public get trayId() { return undefined; }\r\n  public abstract get id(): string;\r\n\r\n  /** Get the label string */\r\n  public get rawLabel(): string | StringGetter | ConditionalStringValue {\r\n    return this._label;\r\n  }\r\n\r\n  /** Get the label string */\r\n  public get label(): string {\r\n    return PropsHelper.getStringFromSpec(this._label);\r\n  }\r\n\r\n  /** Set the label.\r\n   * @param v A string or a function to get the string.\r\n   */\r\n  public setLabel(v: string | StringGetter | ConditionalStringValue) {\r\n    this._label = v;\r\n  }\r\n\r\n  /** Get the tooltip string */\r\n  public get tooltip(): string {\r\n    return PropsHelper.getStringFromSpec(this._tooltip);\r\n  }\r\n\r\n  /** Set the tooltip.\r\n   * @param v A string or a function to get the string.\r\n   */\r\n  public setTooltip(v: string | StringGetter | ConditionalStringValue) {\r\n    this._tooltip = v;\r\n  }\r\n\r\n  /** Get the description string */\r\n  public get description(): string {\r\n    return PropsHelper.getStringFromSpec(this._description);\r\n  }\r\n\r\n  /** Set the description.\r\n   * @param v A string or a function to get the string.\r\n   */\r\n  public setDescription(v: string | StringGetter | ConditionalStringValue) {\r\n    this._description = v;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ItemDefBase.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemDefBase.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { BadgeType, ConditionalBooleanValue, ConditionalStringValue, StringGetter } from \"@itwin/appui-abstract\";\r\nimport { PropsHelper } from \"../utils/PropsHelper\";\r\nimport { ItemProps } from \"./ItemProps\";\r\nimport { IconSpec } from \"@itwin/core-react\";\r\n\r\n/** Base state for any 'stateful' React component\r\n * @public\r\n */\r\nexport interface BaseItemState {\r\n  isVisible?: boolean;        // Default - true\r\n  isEnabled?: boolean;        // Default - true\r\n  isActive?: boolean;         // Default - false\r\n  isPressed?: boolean;        // Default - false\r\n}\r\n\r\n/** The base class for Items.\r\n * @public\r\n */\r\nexport abstract class ItemDefBase {\r\n  private _label: string | StringGetter | ConditionalStringValue = \"\";\r\n  private _tooltip: string | StringGetter | ConditionalStringValue = \"\";\r\n  private _description: string | StringGetter | ConditionalStringValue = \"\";\r\n\r\n  /** @deprecated Use isHidden instead */\r\n  public isVisible: boolean = true;\r\n  /** @deprecated Use isDisabled instead */\r\n  public isEnabled: boolean = true;\r\n  public isPressed: boolean = false;\r\n  private _isActive: boolean = false;\r\n  public get isActive(): boolean { return this._isActive; }\r\n  public set isActive(v: boolean) { this._isActive = v; }\r\n  public applicationData?: any;\r\n\r\n  public isHidden?: boolean | ConditionalBooleanValue;\r\n  public isDisabled?: boolean | ConditionalBooleanValue;\r\n\r\n  public badgeType?: BadgeType;\r\n\r\n  /** @deprecated Use condition instead */\r\n  public stateFunc?: (state: Readonly<BaseItemState>) => BaseItemState;\r\n  /** @deprecated Use condition instead */\r\n  public stateSyncIds: string[] = [];\r\n\r\n  public iconSpec?: IconSpec;\r\n  public iconElement?: React.ReactNode;\r\n\r\n  public static initializeDef(me: ItemDefBase, itemProps: ItemProps): void {\r\n    me.isVisible = (itemProps.isVisible !== undefined) ? itemProps.isVisible : true; // eslint-disable-line deprecation/deprecation\r\n    me.isEnabled = (itemProps.isEnabled !== undefined) ? itemProps.isEnabled : true; // eslint-disable-line deprecation/deprecation\r\n    me.isHidden = (itemProps.isHidden === undefined && itemProps.isVisible !== undefined) ? !itemProps.isVisible : itemProps.isHidden; // eslint-disable-line deprecation/deprecation\r\n    me.isDisabled = (itemProps.isDisabled === undefined && itemProps.isEnabled !== undefined) ? !itemProps.isEnabled : itemProps.isDisabled; // eslint-disable-line deprecation/deprecation\r\n\r\n    me.isPressed = (itemProps.isPressed !== undefined) ? itemProps.isPressed : false;\r\n    me.isActive = (itemProps.isActive !== undefined) ? itemProps.isActive : false;\r\n\r\n    me.badgeType = itemProps.badgeType;\r\n\r\n    if (itemProps.applicationData !== undefined)\r\n      me.applicationData = itemProps.applicationData;\r\n    if (itemProps.iconSpec)\r\n      me.iconSpec = itemProps.iconSpec;\r\n    if (itemProps.icon)\r\n      me.iconSpec = itemProps.icon;\r\n\r\n    me._label = PropsHelper.getStringSpec(itemProps.label, itemProps.labelKey);\r\n    me._tooltip = PropsHelper.getStringSpec(itemProps.tooltip, itemProps.tooltipKey);\r\n    me._description = PropsHelper.getStringSpec(itemProps.description, itemProps.descriptionKey);\r\n\r\n    // deprecated\r\n    if (itemProps.stateFunc) // eslint-disable-line deprecation/deprecation\r\n      me.stateFunc = itemProps.stateFunc; // eslint-disable-line deprecation/deprecation\r\n\r\n    // deprecated\r\n    if (itemProps.stateSyncIds) // eslint-disable-line deprecation/deprecation\r\n      me.stateSyncIds = itemProps.stateSyncIds.map((value: string) => value.toLowerCase()); // eslint-disable-line deprecation/deprecation\r\n  }\r\n\r\n  constructor(itemProps: ItemProps) {\r\n    ItemDefBase.initializeDef(this, itemProps);\r\n  }\r\n\r\n  public get trayId() { return undefined; }\r\n  public abstract get id(): string;\r\n\r\n  /** Get the label string */\r\n  public get rawLabel(): string | StringGetter | ConditionalStringValue {\r\n    return this._label;\r\n  }\r\n\r\n  /** Get the label string */\r\n  public get label(): string {\r\n    return PropsHelper.getStringFromSpec(this._label);\r\n  }\r\n\r\n  /** Set the label.\r\n   * @param v A string or a function to get the string.\r\n   */\r\n  public setLabel(v: string | StringGetter | ConditionalStringValue) {\r\n    this._label = v;\r\n  }\r\n\r\n  /** Get the tooltip string */\r\n  public get tooltip(): string {\r\n    return PropsHelper.getStringFromSpec(this._tooltip);\r\n  }\r\n\r\n  /** Set the tooltip.\r\n   * @param v A string or a function to get the string.\r\n   */\r\n  public setTooltip(v: string | StringGetter | ConditionalStringValue) {\r\n    this._tooltip = v;\r\n  }\r\n\r\n  /** Get the description string */\r\n  public get description(): string {\r\n    return PropsHelper.getStringFromSpec(this._description);\r\n  }\r\n\r\n  /** Set the description.\r\n   * @param v A string or a function to get the string.\r\n   */\r\n  public setDescription(v: string | StringGetter | ConditionalStringValue) {\r\n    this._description = v;\r\n  }\r\n}\r\n"]}

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

@@ -43,11 +43,11 @@ export interface ItemProps extends IconProps {
     /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */
     tooltipKey?: string;
     /** Function called to get the new items state
-     * @deprecated - use ConditionalStringValue or ConditionalBooleanValue instead
+     * @deprecated Use ConditionalStringValue or ConditionalBooleanValue instead
      */
     stateFunc?: (state: Readonly<BaseItemState>) => BaseItemState;
     /** Synchronize Ids to listen for
-     * @deprecated - use ConditionalStringValue or ConditionalBooleanValue instead
+     * @deprecated Use ConditionalStringValue or ConditionalBooleanValue instead
      */
     stateSyncIds?: string[];
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemProps.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport { BadgeType, CommandHandler, ConditionalBooleanValue, ConditionalStringValue, StringGetter } from \"@itwin/appui-abstract\";\r\nimport { IconProps } from \"@itwin/core-react\";\r\nimport { BaseItemState } from \"./ItemDefBase\";\r\n\r\n/** Definition that specifies properties shared between many ConfigurableUi components.\r\n * @public\r\n */\r\nexport interface ItemProps extends IconProps {\r\n  /** if set, component will be visible - defaults to true\r\n   * @deprecated use isHidden\r\n   */\r\n  isVisible?: boolean;\r\n  /** if set, component will be enabled - defaults to true\r\n   * @deprecated use isDisabled\r\n   */\r\n  isEnabled?: boolean;\r\n  /** if true component will be hidden - defaults to false */\r\n  isHidden?: boolean | ConditionalBooleanValue;\r\n  /** if true component will be disabled - defaults to false */\r\n  isDisabled?: boolean | ConditionalBooleanValue;\r\n  /** if set, component will be considered \"active\" an will display an \"active stripe\" - defaults to false */\r\n  isActive?: boolean;\r\n  /** if set, component will be considered selected but will NOT display an \"active stripe\" - defaults to false. Typically used by buttons that toggle between two states. */\r\n  isPressed?: boolean;\r\n  /** can be used by application to store miscellaneous data. */\r\n  applicationData?: any;\r\n  /** Badge to be overlaid on the item. */\r\n  badgeType?: BadgeType;\r\n  /** abstract icon definition, used when create itemDef from abstract item (ie. MenuItem) */\r\n  icon?: string | ConditionalStringValue;\r\n\r\n  /** if set, it is used to explicitly set the label shown by a component. */\r\n  label?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */\r\n  labelKey?: string;\r\n\r\n  /** if set, it is used to explicitly set the description shown by a component. */\r\n  description?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if description is not explicitly set. */\r\n  descriptionKey?: string;\r\n  /** used to explicitly set the tooltip shown by a component. */\r\n  tooltip?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */\r\n  tooltipKey?: string;\r\n\r\n  /** Function called to get the new items state\r\n   * @deprecated - use ConditionalStringValue or ConditionalBooleanValue instead\r\n   */\r\n  stateFunc?: (state: Readonly<BaseItemState>) => BaseItemState;\r\n  /** Synchronize Ids to listen for\r\n   * @deprecated - use ConditionalStringValue or ConditionalBooleanValue instead\r\n   */\r\n  stateSyncIds?: string[];\r\n}\r\n\r\n/** Properties for a Tool item with a tool id.\r\n * @public\r\n */\r\nexport interface ToolItemProps extends ItemProps, CommandHandler {\r\n  toolId: string;\r\n}\r\n\r\n/** Properties for a Command item.\r\n * @public\r\n */\r\nexport interface CommandItemProps extends ItemProps, CommandHandler {\r\n  commandId?: string;\r\n}\r\n"]}
+{"version":3,"file":"ItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemProps.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport { BadgeType, CommandHandler, ConditionalBooleanValue, ConditionalStringValue, StringGetter } from \"@itwin/appui-abstract\";\r\nimport { IconProps } from \"@itwin/core-react\";\r\nimport { BaseItemState } from \"./ItemDefBase\";\r\n\r\n/** Definition that specifies properties shared between many ConfigurableUi components.\r\n * @public\r\n */\r\nexport interface ItemProps extends IconProps {\r\n  /** if set, component will be visible - defaults to true\r\n   * @deprecated use isHidden\r\n   */\r\n  isVisible?: boolean;\r\n  /** if set, component will be enabled - defaults to true\r\n   * @deprecated use isDisabled\r\n   */\r\n  isEnabled?: boolean;\r\n  /** if true component will be hidden - defaults to false */\r\n  isHidden?: boolean | ConditionalBooleanValue;\r\n  /** if true component will be disabled - defaults to false */\r\n  isDisabled?: boolean | ConditionalBooleanValue;\r\n  /** if set, component will be considered \"active\" an will display an \"active stripe\" - defaults to false */\r\n  isActive?: boolean;\r\n  /** if set, component will be considered selected but will NOT display an \"active stripe\" - defaults to false. Typically used by buttons that toggle between two states. */\r\n  isPressed?: boolean;\r\n  /** can be used by application to store miscellaneous data. */\r\n  applicationData?: any;\r\n  /** Badge to be overlaid on the item. */\r\n  badgeType?: BadgeType;\r\n  /** abstract icon definition, used when create itemDef from abstract item (ie. MenuItem) */\r\n  icon?: string | ConditionalStringValue;\r\n\r\n  /** if set, it is used to explicitly set the label shown by a component. */\r\n  label?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */\r\n  labelKey?: string;\r\n\r\n  /** if set, it is used to explicitly set the description shown by a component. */\r\n  description?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if description is not explicitly set. */\r\n  descriptionKey?: string;\r\n  /** used to explicitly set the tooltip shown by a component. */\r\n  tooltip?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */\r\n  tooltipKey?: string;\r\n\r\n  /** Function called to get the new items state\r\n   * @deprecated Use ConditionalStringValue or ConditionalBooleanValue instead\r\n   */\r\n  stateFunc?: (state: Readonly<BaseItemState>) => BaseItemState;\r\n  /** Synchronize Ids to listen for\r\n   * @deprecated Use ConditionalStringValue or ConditionalBooleanValue instead\r\n   */\r\n  stateSyncIds?: string[];\r\n}\r\n\r\n/** Properties for a Tool item with a tool id.\r\n * @public\r\n */\r\nexport interface ToolItemProps extends ItemProps, CommandHandler {\r\n  toolId: string;\r\n}\r\n\r\n/** Properties for a Command item.\r\n * @public\r\n */\r\nexport interface CommandItemProps extends ItemProps, CommandHandler {\r\n  commandId?: string;\r\n}\r\n"]}

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

@@ -13,6 +13,6 @@ export declare class ToolItemDef extends ActionButtonItemDef {
     constructor(toolItemProps: ToolItemProps, onItemExecuted?: OnItemExecutedFunc);
     get id(): string;
     /** Create a ToolItemDef that will run a registered tool. */
-    static getItemDefForTool(tool: typeof Tool, iconSpec?: string, args?: any[]): ToolItemDef;
+    static getItemDefForTool(tool: typeof Tool, iconSpec?: string, ...args: any[]): ToolItemDef;
 }
 //# sourceMappingURL=ToolItemDef.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ToolItemDef.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAa,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C;;GAEG;AACH,qBAAa,WAAY,SAAQ,mBAAmB;IAC3C,MAAM,EAAE,MAAM,CAAM;gBAEf,aAAa,EAAE,aAAa,EAAE,cAAc,CAAC,EAAE,kBAAkB;IAU7E,IAAW,EAAE,IAAI,MAAM,CAEtB;IAED,4DAA4D;WAC9C,iBAAiB,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,WAAW;CASjG"}
+{"version":3,"file":"ToolItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ToolItemDef.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAa,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C;;GAEG;AACH,qBAAa,WAAY,SAAQ,mBAAmB;IAC3C,MAAM,EAAE,MAAM,CAAM;gBAEf,aAAa,EAAE,aAAa,EAAE,cAAc,CAAC,EAAE,kBAAkB;IAU7E,IAAW,EAAE,IAAI,MAAM,CAEtB;IAED,4DAA4D;WAC9C,iBAAiB,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,WAAW;CASnG"}

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

@@ -26,13 +26,13 @@ class ToolItemDef extends ActionButtonItemDef_1.ActionButtonItemDef {
         return this.toolId;
     }
     /** Create a ToolItemDef that will run a registered tool. */
-    static getItemDefForTool(tool, iconSpec, args) {
+    static getItemDefForTool(tool, iconSpec, ...args) {
         return new ToolItemDef({
             toolId: tool.toolId,
             iconSpec: iconSpec ? iconSpec : (tool.iconSpec && tool.iconSpec.length > 0) ? tool.iconSpec : undefined,
             label: () => tool.flyover,
             description: () => tool.description,
-            execute: async () => core_frontend_1.IModelApp.tools.run(tool.toolId, args),
+            execute: async () => core_frontend_1.IModelApp.tools.run(tool.toolId, ...args),
         });
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ToolItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ToolItemDef.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,wDAAuD;AAEvD,+DAA4D;AAG5D;;GAEG;AACH,MAAa,WAAY,SAAQ,yCAAmB;IAGlD,YAAY,aAA4B,EAAE,cAAmC;QAC3E,KAAK,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;QAHhC,WAAM,GAAW,EAAE,CAAC;QAKzB,IAAI,aAAa,CAAC,OAAO,EAAE;YACzB,IAAI,CAAC,eAAe,GAAG,EAAE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,cAAc,EAAE,aAAa,CAAC,cAAc,EAAE,CAAC;SAC/I;QAED,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;IACrC,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,4DAA4D;IACrD,MAAM,CAAC,iBAAiB,CAAC,IAAiB,EAAE,QAAiB,EAAE,IAAY;QAChF,OAAO,IAAI,WAAW,CAAC;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YACvG,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO;YACzB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW;YACnC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,yBAAS,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;SAC5D,CAAC,CAAC;IACL,CAAC;CACF;AA3BD,kCA2BC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport { IModelApp, Tool } from \"@itwin/core-frontend\";\r\nimport { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\r\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\r\nimport { ToolItemProps } from \"./ItemProps\";\r\n\r\n/** An Item that starts the execution of a Tool.\r\n * @public\r\n */\r\nexport class ToolItemDef extends ActionButtonItemDef {\r\n  public toolId: string = \"\";\r\n\r\n  constructor(toolItemProps: ToolItemProps, onItemExecuted?: OnItemExecutedFunc) {\r\n    super(toolItemProps, onItemExecuted);\r\n\r\n    if (toolItemProps.execute) {\r\n      this._commandHandler = { execute: toolItemProps.execute, parameters: toolItemProps.parameters, getCommandArgs: toolItemProps.getCommandArgs };\r\n    }\r\n\r\n    this.toolId = toolItemProps.toolId;\r\n  }\r\n\r\n  public get id(): string {\r\n    return this.toolId;\r\n  }\r\n\r\n  /** Create a ToolItemDef that will run a registered tool. */\r\n  public static getItemDefForTool(tool: typeof Tool, iconSpec?: string, args?: any[]): ToolItemDef {\r\n    return new ToolItemDef({\r\n      toolId: tool.toolId,\r\n      iconSpec: iconSpec ? iconSpec : (tool.iconSpec && tool.iconSpec.length > 0) ? tool.iconSpec : undefined,\r\n      label: () => tool.flyover,\r\n      description: () => tool.description,\r\n      execute: async () => IModelApp.tools.run(tool.toolId, args),\r\n    });\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ToolItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ToolItemDef.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,wDAAuD;AAEvD,+DAA4D;AAG5D;;GAEG;AACH,MAAa,WAAY,SAAQ,yCAAmB;IAGlD,YAAY,aAA4B,EAAE,cAAmC;QAC3E,KAAK,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;QAHhC,WAAM,GAAW,EAAE,CAAC;QAKzB,IAAI,aAAa,CAAC,OAAO,EAAE;YACzB,IAAI,CAAC,eAAe,GAAG,EAAE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,cAAc,EAAE,aAAa,CAAC,cAAc,EAAE,CAAC;SAC/I;QAED,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;IACrC,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,4DAA4D;IACrD,MAAM,CAAC,iBAAiB,CAAC,IAAiB,EAAE,QAAiB,EAAE,GAAG,IAAW;QAClF,OAAO,IAAI,WAAW,CAAC;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YACvG,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO;YACzB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW;YACnC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,yBAAS,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC;SAC/D,CAAC,CAAC;IACL,CAAC;CACF;AA3BD,kCA2BC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport { IModelApp, Tool } from \"@itwin/core-frontend\";\r\nimport { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\r\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\r\nimport { ToolItemProps } from \"./ItemProps\";\r\n\r\n/** An Item that starts the execution of a Tool.\r\n * @public\r\n */\r\nexport class ToolItemDef extends ActionButtonItemDef {\r\n  public toolId: string = \"\";\r\n\r\n  constructor(toolItemProps: ToolItemProps, onItemExecuted?: OnItemExecutedFunc) {\r\n    super(toolItemProps, onItemExecuted);\r\n\r\n    if (toolItemProps.execute) {\r\n      this._commandHandler = { execute: toolItemProps.execute, parameters: toolItemProps.parameters, getCommandArgs: toolItemProps.getCommandArgs };\r\n    }\r\n\r\n    this.toolId = toolItemProps.toolId;\r\n  }\r\n\r\n  public get id(): string {\r\n    return this.toolId;\r\n  }\r\n\r\n  /** Create a ToolItemDef that will run a registered tool. */\r\n  public static getItemDefForTool(tool: typeof Tool, iconSpec?: string, ...args: any[]): ToolItemDef {\r\n    return new ToolItemDef({\r\n      toolId: tool.toolId,\r\n      iconSpec: iconSpec ? iconSpec : (tool.iconSpec && tool.iconSpec.length > 0) ? tool.iconSpec : undefined,\r\n      label: () => tool.flyover,\r\n      description: () => tool.description,\r\n      execute: async () => IModelApp.tools.run(tool.toolId, ...args),\r\n    });\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/stagepanels/FrameworkStagePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrameworkStagePanel.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/FrameworkStagePanel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,4BAA4B,CAAC;AAEpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EACL,8BAA8B,EACW,YAAY,EAAE,wBAAwB,EAChF,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAGhG,OAAO,EAAe,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,aAAa,EAAE,uBAAuB,CAAC;IACvC,eAAe,EAAE,YAAY,GAAG,SAAS,CAAC;IAC1C,mBAAmB,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACrE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,KAAK,EAAE,8BAA8B,CAAC;IACtC,UAAU,EAAE,eAAe,CAAC;IAC5B,UAAU,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,SAAS,EAAE,OAAO,CAAC;IACnB,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,iBAAiB,EAAE,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IAClD,OAAO,EAAE,wBAAwB,CAAC;IAClC,UAAU,EAAE,UAAU,CAAC;CACxB;AAED;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAAC;IACpF,OAAO,CAAC,SAAS,CAAqC;IAEtC,iBAAiB,IAAI,IAAI;IAKzB,kBAAkB,IAAI,IAAI;IAK1B,MAAM,IAAI,KAAK,CAAC,SAAS;IA2GzC,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,oBAAoB,CAE1B;IAEF,OAAO,CAAC,qBAAqB,CAE3B;IAEF,OAAO,CAAC,wBAAwB,CAE9B;IAEF,OAAO,CAAC,cAAc;CAcvB;AAED,gBAAgB;AAChB,MAAM,WAAW,uBAAuB;IACtC,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,gBAAgB;AAChB,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC;IAClE,MAAM;IAQtB,OAAO,CAAC,oBAAoB,CAG1B;CACH"}
+{"version":3,"file":"FrameworkStagePanel.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/FrameworkStagePanel.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,4BAA4B,CAAC;AAEpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EACL,8BAA8B,EACW,YAAY,EAAE,wBAAwB,EAChF,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAGhG,OAAO,EAAe,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,aAAa,EAAE,uBAAuB,CAAC;IACvC,eAAe,EAAE,YAAY,GAAG,SAAS,CAAC;IAC1C,mBAAmB,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACrE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,KAAK,EAAE,8BAA8B,CAAC;IACtC,UAAU,EAAE,eAAe,CAAC;IAC5B,UAAU,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,SAAS,EAAE,OAAO,CAAC;IACnB,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,iBAAiB,EAAE,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IAClD,OAAO,EAAE,wBAAwB,CAAC;IAClC,UAAU,EAAE,UAAU,CAAC;CACxB;AAED;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAAC;IACpF,OAAO,CAAC,SAAS,CAAqC;IAEtC,iBAAiB,IAAI,IAAI;IAKzB,kBAAkB,IAAI,IAAI;IAK1B,MAAM,IAAI,KAAK,CAAC,SAAS;IA2GzC,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,oBAAoB,CAE1B;IAEF,OAAO,CAAC,qBAAqB,CAE3B;IAEF,OAAO,CAAC,wBAAwB,CAE9B;IAEF,OAAO,CAAC,cAAc;CAcvB;AAED,gBAAgB;AAChB,MAAM,WAAW,uBAAuB;IACtC,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,gBAAgB;AAChB,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC;IAClE,MAAM;IAQtB,OAAO,CAAC,oBAAoB,CAG1B;CACH"}

package/lib/cjs/appui-react/stagepanels/FrameworkStagePanel.js

@@ -3,6 +3,7 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
 /** @packageDocumentation
  * @module Frontstage
  */

package/lib/cjs/appui-react/stagepanels/FrameworkStagePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrameworkStagePanel.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/FrameworkStagePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\nimport \"./FrameworkStagePanel.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { StagePanelLocation } from \"@itwin/appui-abstract\";\r\nimport {\r\n  NineZoneStagePanelManagerProps, SplitterPaneTarget as NZ_SplitterPaneTarget, StagePanel as NZ_StagePanel, SafeAreaInsets, Splitter, SplitterTarget,\r\n  StagePanelTarget, StagePanelTypeHelpers, WidgetZoneId, ZonesManagerWidgetsProps,\r\n} from \"@itwin/appui-layout-react\";\r\nimport { StagePanelChangeHandler, WidgetChangeHandler } from \"../frontstage/FrontstageComposer\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\r\nimport { WidgetStack, WidgetTabs } from \"../widgets/WidgetStack\";\r\nimport { ZoneLocation } from \"../zones/Zone\";\r\nimport { getNestedStagePanelKey, getStagePanelType } from \"./StagePanel\";\r\nimport { StagePanelState } from \"./StagePanelDef\";\r\nimport { WidgetDef } from \"../widgets/WidgetDef\";\r\n\r\n/** Properties of a [[FrameworkStagePanel]] component\r\n * @internal\r\n */\r\nexport interface FrameworkStagePanelProps {\r\n  allowedZones?: ZoneLocation[];\r\n  changeHandler: StagePanelChangeHandler;\r\n  draggedWidgetId: WidgetZoneId | undefined;\r\n  getWidgetContentRef: (id: WidgetZoneId) => React.Ref<HTMLDivElement>;\r\n  header?: React.ReactNode;\r\n  initialSize?: number;\r\n  isInFooterMode: boolean;\r\n  isTargeted: boolean;\r\n  maxSize?: number;\r\n  minSize?: number;\r\n  location: StagePanelLocation;\r\n  panel: NineZoneStagePanelManagerProps;\r\n  panelState: StagePanelState;\r\n  renderPane: (widgetDefId: WidgetDef[\"id\"]) => React.ReactNode;\r\n  resizable: boolean;\r\n  widgetChangeHandler: WidgetChangeHandler;\r\n  stagePanelWidgets: ReadonlyArray<WidgetDef[\"id\"]>; // widgets defined in StagePanel\r\n  widgets: ZonesManagerWidgetsProps; // zone widgets\r\n  widgetTabs: WidgetTabs;\r\n}\r\n\r\n/** Stage Panel React component.\r\n * @internal\r\n */\r\nexport class FrameworkStagePanel extends React.PureComponent<FrameworkStagePanelProps> {\r\n  private _measurer = React.createRef<HTMLDivElement>();\r\n\r\n  public override componentDidMount(): void {\r\n    this.initializeSize();\r\n    this.setMinMaxSize();\r\n  }\r\n\r\n  public override componentDidUpdate(): void {\r\n    this.initializeSize();\r\n    this.setMinMaxSize();\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    const panelStateClassName = classnames(this.props.panelState === StagePanelState.Off && /* istanbul ignore next */ \"uifw-stagepanel-off\");\r\n    const className = classnames(\"uifw-stagepanel\", panelStateClassName);\r\n    const paneCount = this.props.stagePanelWidgets.length + this.props.panel.panes.length;\r\n    const type = getStagePanelType(this.props.location);\r\n    const isTargetVisible = !!this.props.draggedWidgetId && this.props.allowedZones && this.props.allowedZones.some((z) => this.props.draggedWidgetId === z);\r\n    if (paneCount === 0) {\r\n      if (!isTargetVisible)\r\n        return null;\r\n      return (\r\n        <SafeAreaContext.Consumer>\r\n          {(safeAreaInsets) => (\r\n            <StagePanelTarget\r\n              className={panelStateClassName}\r\n              onTargetChanged={this._handleTargetChanged}\r\n              safeAreaInsets={safeAreaInsets}\r\n              type={type}\r\n            />\r\n          )}\r\n        </SafeAreaContext.Consumer>\r\n      );\r\n    }\r\n\r\n    const isSplitterTargetVisible = isTargetVisible && !this.props.isTargeted;\r\n    const isVertical = StagePanelTypeHelpers.isVertical(type);\r\n    return (\r\n      <SafeAreaContext.Consumer>\r\n        {(safeAreaInsets) => {\r\n          if (this.props.isInFooterMode)\r\n            safeAreaInsets &= ~SafeAreaInsets.Bottom;\r\n          return (\r\n            <NZ_StagePanel\r\n              className={className}\r\n              onResize={this.props.resizable ? this._handleResize : undefined}\r\n              onToggleCollapse={this._handleToggleCollapse}\r\n              safeAreaInsets={safeAreaInsets}\r\n              size={this.props.panel.isCollapsed ? undefined : this.props.panel.size}\r\n              type={type}\r\n            >\r\n              <div\r\n                ref={this._measurer}\r\n                style={{ width: \"100%\", height: \"100%\", position: \"absolute\", zIndex: -1 }}\r\n              />\r\n              <div className=\"uifw-content\">\r\n                {this.props.panel.isCollapsed ? undefined : this.props.header}\r\n                <div className=\"uifw-widgets\">\r\n                  <SplitterTarget\r\n                    isVertical={isVertical}\r\n                    onTargetChanged={this._handleTargetChanged}\r\n                    paneCount={paneCount}\r\n                    style={{\r\n                      ...isTargetVisible ? {} : { display: \"none\" },\r\n                    }}\r\n                  />\r\n                  <Splitter\r\n                    isGripHidden={this.props.panel.isCollapsed}\r\n                    isVertical={isVertical}\r\n                  >\r\n                    {this.props.stagePanelWidgets.map((widgetId) => {\r\n                      return (\r\n                        <React.Fragment key={`wd-${widgetId}`}>\r\n                          {this.props.renderPane(widgetId)}\r\n                        </React.Fragment>\r\n                      );\r\n                    })}\r\n                    {this.props.panel.panes.map((pane, index) => {\r\n                      const openWidgetId = pane.widgets.find((wId) => this.props.widgets[wId].tabIndex >= 0);\r\n                      const activeTabIndex = openWidgetId ? this.props.widgets[openWidgetId].tabIndex : 0;\r\n                      const firstWidget = this.props.widgets[pane.widgets[0]];\r\n                      return (\r\n                        <div\r\n                          key={`w-${index}`}\r\n                          style={{ height: \"100%\", position: \"relative\" }}\r\n                        >\r\n                          <WidgetStack\r\n                            activeTabIndex={activeTabIndex}\r\n                            disabledResizeHandles={undefined}\r\n                            draggedWidget={undefined}\r\n                            fillZone={true}\r\n                            getWidgetContentRef={this.props.getWidgetContentRef}\r\n                            horizontalAnchor={firstWidget.horizontalAnchor}\r\n                            isCollapsed={this.props.panel.isCollapsed}\r\n                            isFloating={false}\r\n                            isInStagePanel={true}\r\n                            openWidgetId={openWidgetId}\r\n                            verticalAnchor={firstWidget.verticalAnchor}\r\n                            widgets={pane.widgets}\r\n                            widgetTabs={this.props.widgetTabs}\r\n                            widgetChangeHandler={this.props.widgetChangeHandler}\r\n                          />\r\n                          {isSplitterTargetVisible && <SplitterPaneTarget\r\n                            onTargetChanged={this._handlePaneTargetChanged}\r\n                            paneIndex={index}\r\n                          />}\r\n                        </div>\r\n                      );\r\n                    })}\r\n                  </Splitter>\r\n                </div>\r\n              </div>\r\n            </NZ_StagePanel>\r\n          );\r\n        }}\r\n      </SafeAreaContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private setMinMaxSize() {\r\n    const panel = getNestedStagePanelKey(this.props.location);\r\n    const nestedPanelsManager = FrontstageManager.NineZoneManager.getNestedPanelsManager();\r\n    this.props.minSize && ( /* istanbul ignore next */ nestedPanelsManager.getPanelsManager(panel.id).getPanelManager(panel.type).minSize = this.props.minSize);\r\n    this.props.maxSize && ( /* istanbul ignore next */ nestedPanelsManager.getPanelsManager(panel.id).getPanelManager(panel.type).maxSize = this.props.maxSize);\r\n  }\r\n\r\n  private _handleResize = (resizeBy: number) => {\r\n    this.props.changeHandler.handlePanelResize(this.props.location, resizeBy);\r\n  };\r\n\r\n  private _handleTargetChanged = (isTargeted: boolean) => {\r\n    this.props.changeHandler.handlePanelTargetChange(isTargeted ? this.props.location : undefined);\r\n  };\r\n\r\n  private _handleToggleCollapse = () => {\r\n    this.props.changeHandler.handleTogglePanelCollapse(this.props.location);\r\n  };\r\n\r\n  private _handlePaneTargetChanged = (paneIndex: number | undefined) => {\r\n    this.props.changeHandler.handlePanelPaneTargetChange(this.props.location, paneIndex);\r\n  };\r\n\r\n  private initializeSize() {\r\n    if (this.props.panel.size !== undefined || !this._measurer.current)\r\n      return;\r\n\r\n    const location = this.props.location;\r\n    if (this.props.initialSize) {\r\n      this.props.changeHandler.handlePanelInitialize(location, this.props.initialSize);\r\n      return;\r\n    }\r\n    const clientRect = this._measurer.current.getBoundingClientRect();\r\n    const type = getStagePanelType(location);\r\n    const size = StagePanelTypeHelpers.isVertical(type) ? clientRect.width : clientRect.height;\r\n    this.props.changeHandler.handlePanelInitialize(location, size);\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport interface SplitterPaneTargetProps {\r\n  onTargetChanged: (paneIndex: number | undefined) => void;\r\n  paneIndex: number;\r\n}\r\n\r\n/** @internal */\r\nexport class SplitterPaneTarget extends React.PureComponent<SplitterPaneTargetProps> {\r\n  public override render() {\r\n    return (\r\n      <NZ_SplitterPaneTarget\r\n        onTargetChanged={this._handleTargetChanged}\r\n      />\r\n    );\r\n  }\r\n\r\n  private _handleTargetChanged = (isTargeted: boolean) => {\r\n    const target = isTargeted ? this.props.paneIndex : undefined;\r\n    this.props.onTargetChanged(target);\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"FrameworkStagePanel.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/FrameworkStagePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\nimport \"./FrameworkStagePanel.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { StagePanelLocation } from \"@itwin/appui-abstract\";\r\nimport {\r\n  NineZoneStagePanelManagerProps, SplitterPaneTarget as NZ_SplitterPaneTarget, StagePanel as NZ_StagePanel, SafeAreaInsets, Splitter, SplitterTarget,\r\n  StagePanelTarget, StagePanelTypeHelpers, WidgetZoneId, ZonesManagerWidgetsProps,\r\n} from \"@itwin/appui-layout-react\";\r\nimport { StagePanelChangeHandler, WidgetChangeHandler } from \"../frontstage/FrontstageComposer\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\r\nimport { WidgetStack, WidgetTabs } from \"../widgets/WidgetStack\";\r\nimport { ZoneLocation } from \"../zones/Zone\";\r\nimport { getNestedStagePanelKey, getStagePanelType } from \"./StagePanel\";\r\nimport { StagePanelState } from \"./StagePanelDef\";\r\nimport { WidgetDef } from \"../widgets/WidgetDef\";\r\n\r\n/** Properties of a [[FrameworkStagePanel]] component\r\n * @internal\r\n */\r\nexport interface FrameworkStagePanelProps {\r\n  allowedZones?: ZoneLocation[];\r\n  changeHandler: StagePanelChangeHandler;\r\n  draggedWidgetId: WidgetZoneId | undefined; // eslint-disable-line deprecation/deprecation\r\n  getWidgetContentRef: (id: WidgetZoneId) => React.Ref<HTMLDivElement>; // eslint-disable-line deprecation/deprecation\r\n  header?: React.ReactNode;\r\n  initialSize?: number;\r\n  isInFooterMode: boolean;\r\n  isTargeted: boolean;\r\n  maxSize?: number;\r\n  minSize?: number;\r\n  location: StagePanelLocation;\r\n  panel: NineZoneStagePanelManagerProps;\r\n  panelState: StagePanelState;\r\n  renderPane: (widgetDefId: WidgetDef[\"id\"]) => React.ReactNode;\r\n  resizable: boolean;\r\n  widgetChangeHandler: WidgetChangeHandler; // eslint-disable-line deprecation/deprecation\r\n  stagePanelWidgets: ReadonlyArray<WidgetDef[\"id\"]>; // widgets defined in StagePanel\r\n  widgets: ZonesManagerWidgetsProps; // zone widgets\r\n  widgetTabs: WidgetTabs;\r\n}\r\n\r\n/** Stage Panel React component.\r\n * @internal\r\n */\r\nexport class FrameworkStagePanel extends React.PureComponent<FrameworkStagePanelProps> {\r\n  private _measurer = React.createRef<HTMLDivElement>();\r\n\r\n  public override componentDidMount(): void {\r\n    this.initializeSize();\r\n    this.setMinMaxSize();\r\n  }\r\n\r\n  public override componentDidUpdate(): void {\r\n    this.initializeSize();\r\n    this.setMinMaxSize();\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    const panelStateClassName = classnames(this.props.panelState === StagePanelState.Off && /* istanbul ignore next */ \"uifw-stagepanel-off\");\r\n    const className = classnames(\"uifw-stagepanel\", panelStateClassName);\r\n    const paneCount = this.props.stagePanelWidgets.length + this.props.panel.panes.length;\r\n    const type = getStagePanelType(this.props.location);\r\n    const isTargetVisible = !!this.props.draggedWidgetId && this.props.allowedZones && this.props.allowedZones.some((z) => this.props.draggedWidgetId === z);\r\n    if (paneCount === 0) {\r\n      if (!isTargetVisible)\r\n        return null;\r\n      return (\r\n        <SafeAreaContext.Consumer>\r\n          {(safeAreaInsets) => (\r\n            <StagePanelTarget\r\n              className={panelStateClassName}\r\n              onTargetChanged={this._handleTargetChanged}\r\n              safeAreaInsets={safeAreaInsets}\r\n              type={type}\r\n            />\r\n          )}\r\n        </SafeAreaContext.Consumer>\r\n      );\r\n    }\r\n\r\n    const isSplitterTargetVisible = isTargetVisible && !this.props.isTargeted;\r\n    const isVertical = StagePanelTypeHelpers.isVertical(type);\r\n    return (\r\n      <SafeAreaContext.Consumer>\r\n        {(safeAreaInsets) => {\r\n          if (this.props.isInFooterMode)\r\n            safeAreaInsets &= ~SafeAreaInsets.Bottom;\r\n          return (\r\n            <NZ_StagePanel\r\n              className={className}\r\n              onResize={this.props.resizable ? this._handleResize : undefined}\r\n              onToggleCollapse={this._handleToggleCollapse}\r\n              safeAreaInsets={safeAreaInsets}\r\n              size={this.props.panel.isCollapsed ? undefined : this.props.panel.size}\r\n              type={type}\r\n            >\r\n              <div\r\n                ref={this._measurer}\r\n                style={{ width: \"100%\", height: \"100%\", position: \"absolute\", zIndex: -1 }}\r\n              />\r\n              <div className=\"uifw-content\">\r\n                {this.props.panel.isCollapsed ? undefined : this.props.header}\r\n                <div className=\"uifw-widgets\">\r\n                  <SplitterTarget\r\n                    isVertical={isVertical}\r\n                    onTargetChanged={this._handleTargetChanged}\r\n                    paneCount={paneCount}\r\n                    style={{\r\n                      ...isTargetVisible ? {} : { display: \"none\" },\r\n                    }}\r\n                  />\r\n                  <Splitter\r\n                    isGripHidden={this.props.panel.isCollapsed}\r\n                    isVertical={isVertical}\r\n                  >\r\n                    {this.props.stagePanelWidgets.map((widgetId) => {\r\n                      return (\r\n                        <React.Fragment key={`wd-${widgetId}`}>\r\n                          {this.props.renderPane(widgetId)}\r\n                        </React.Fragment>\r\n                      );\r\n                    })}\r\n                    {this.props.panel.panes.map((pane, index) => {\r\n                      const openWidgetId = pane.widgets.find((wId) => this.props.widgets[wId].tabIndex >= 0);\r\n                      const activeTabIndex = openWidgetId ? this.props.widgets[openWidgetId].tabIndex : 0;\r\n                      const firstWidget = this.props.widgets[pane.widgets[0]];\r\n                      return (\r\n                        <div\r\n                          key={`w-${index}`}\r\n                          style={{ height: \"100%\", position: \"relative\" }}\r\n                        >\r\n                          <WidgetStack\r\n                            activeTabIndex={activeTabIndex}\r\n                            disabledResizeHandles={undefined}\r\n                            draggedWidget={undefined}\r\n                            fillZone={true}\r\n                            getWidgetContentRef={this.props.getWidgetContentRef}\r\n                            horizontalAnchor={firstWidget.horizontalAnchor}\r\n                            isCollapsed={this.props.panel.isCollapsed}\r\n                            isFloating={false}\r\n                            isInStagePanel={true}\r\n                            openWidgetId={openWidgetId}\r\n                            verticalAnchor={firstWidget.verticalAnchor}\r\n                            widgets={pane.widgets}\r\n                            widgetTabs={this.props.widgetTabs}\r\n                            widgetChangeHandler={this.props.widgetChangeHandler}\r\n                          />\r\n                          {isSplitterTargetVisible && <SplitterPaneTarget\r\n                            onTargetChanged={this._handlePaneTargetChanged}\r\n                            paneIndex={index}\r\n                          />}\r\n                        </div>\r\n                      );\r\n                    })}\r\n                  </Splitter>\r\n                </div>\r\n              </div>\r\n            </NZ_StagePanel>\r\n          );\r\n        }}\r\n      </SafeAreaContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private setMinMaxSize() {\r\n    const panel = getNestedStagePanelKey(this.props.location);\r\n    const nestedPanelsManager = FrontstageManager.NineZoneManager.getNestedPanelsManager();\r\n    this.props.minSize && ( /* istanbul ignore next */ nestedPanelsManager.getPanelsManager(panel.id).getPanelManager(panel.type).minSize = this.props.minSize);\r\n    this.props.maxSize && ( /* istanbul ignore next */ nestedPanelsManager.getPanelsManager(panel.id).getPanelManager(panel.type).maxSize = this.props.maxSize);\r\n  }\r\n\r\n  private _handleResize = (resizeBy: number) => {\r\n    this.props.changeHandler.handlePanelResize(this.props.location, resizeBy);\r\n  };\r\n\r\n  private _handleTargetChanged = (isTargeted: boolean) => {\r\n    this.props.changeHandler.handlePanelTargetChange(isTargeted ? this.props.location : undefined);\r\n  };\r\n\r\n  private _handleToggleCollapse = () => {\r\n    this.props.changeHandler.handleTogglePanelCollapse(this.props.location);\r\n  };\r\n\r\n  private _handlePaneTargetChanged = (paneIndex: number | undefined) => {\r\n    this.props.changeHandler.handlePanelPaneTargetChange(this.props.location, paneIndex);\r\n  };\r\n\r\n  private initializeSize() {\r\n    if (this.props.panel.size !== undefined || !this._measurer.current)\r\n      return;\r\n\r\n    const location = this.props.location;\r\n    if (this.props.initialSize) {\r\n      this.props.changeHandler.handlePanelInitialize(location, this.props.initialSize);\r\n      return;\r\n    }\r\n    const clientRect = this._measurer.current.getBoundingClientRect();\r\n    const type = getStagePanelType(location);\r\n    const size = StagePanelTypeHelpers.isVertical(type) ? clientRect.width : clientRect.height;\r\n    this.props.changeHandler.handlePanelInitialize(location, size);\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport interface SplitterPaneTargetProps {\r\n  onTargetChanged: (paneIndex: number | undefined) => void;\r\n  paneIndex: number;\r\n}\r\n\r\n/** @internal */\r\nexport class SplitterPaneTarget extends React.PureComponent<SplitterPaneTargetProps> {\r\n  public override render() {\r\n    return (\r\n      <NZ_SplitterPaneTarget\r\n        onTargetChanged={this._handleTargetChanged}\r\n      />\r\n    );\r\n  }\r\n\r\n  private _handleTargetChanged = (isTargeted: boolean) => {\r\n    const target = isTargeted ? this.props.paneIndex : undefined;\r\n    this.props.onTargetChanged(target);\r\n  };\r\n}\r\n"]}

package/lib/cjs/appui-react/stagepanels/StagePanel.d.ts

@@ -29,7 +29,7 @@ import { WidgetDef } from "../widgets/WidgetDef";
  * ------------------------------------------------------------------------------------
  */
 /** Properties of a Stage Panel Zone
- * @public
+ * @public @deprecated
  */
 export interface StagePanelZoneProps {
     /** Properties for the Widgets in this Zone.
@@ -41,7 +41,7 @@ export interface StagePanelZoneProps {
     applicationData?: any;
 }
 /** Properties of the Stage Panel Zones
- * @public
+ * @public @deprecated
  */
 export interface StagePanelZonesProps {
     /** Properties for the Widgets in the Start section. */