npm - @itwin/appui-react - Versions diffs - 4.10.0 → 4.12.0 - Mend

@itwin/appui-react 4.10.0 → 4.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (933) hide show

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

@@ -9,13 +9,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UnitSystemSelector = void 0;
 const React = require("react");
-const UiFramework_1 = require("../../UiFramework");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+const useTranslation_1 = require("../../hooks/useTranslation");
 /** Select control to set the "active" Presentation Unit System. This setting determine what units are display for quantity values (i.e. foot vs meter).
  * @alpha
  */
 function UnitSystemSelector(props) {
-    const label = React.useRef(UiFramework_1.UiFramework.translate("presentationUnitSystem.selector-label"));
+    const { translate } = (0, useTranslation_1.useTranslation)();
     const { selectedUnitSystemKey, onUnitSystemSelected, availableUnitSystems } = props;
     const handleUnitSystemSelected = React.useCallback((newValue) => {
         onUnitSystemSelected && onUnitSystemSelected(newValue);
@@ -27,23 +27,23 @@ function UnitSystemSelector(props) {
             case "imperial":
                 return {
                     value: "imperial",
-                    label: UiFramework_1.UiFramework.translate("presentationUnitSystem.BritishImperial"),
+                    label: translate("presentationUnitSystem.BritishImperial"),
                 };
             case "usCustomary":
                 return {
                     value: "usCustomary",
-                    label: UiFramework_1.UiFramework.translate("presentationUnitSystem.USCustomary"),
+                    label: translate("presentationUnitSystem.USCustomary"),
                 };
             case "usSurvey":
                 return {
                     value: "usSurvey",
-                    label: UiFramework_1.UiFramework.translate("presentationUnitSystem.USSurvey"),
+                    label: translate("presentationUnitSystem.USSurvey"),
                 };
             case "metric":
             default:
                 return {
                     value: "metric",
-                    label: UiFramework_1.UiFramework.translate("presentationUnitSystem.Metric"),
+                    label: translate("presentationUnitSystem.Metric"),
                 };
         }
     });
@@ -51,7 +51,7 @@ function UnitSystemSelector(props) {
         ? selectedUnitSystemKey
         : displayUnitSystems[0].value;
     return (React.createElement("div", { className: "quantity-unit-system-selector-container" },
-        React.createElement("span", { className: "uicore-label" }, label.current),
+        React.createElement("span", { className: "uicore-label" }, translate("presentationUnitSystem.selector-label")),
         React.createElement(itwinui_react_1.Select, { "data-testid": "unitSystemSelector", value: unitSystemKey, options: displayUnitSystems, onChange: handleUnitSystemSelected, size: "small" })));
 }
 exports.UnitSystemSelector = UnitSystemSelector;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UnitSystemSelector.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/UnitSystemSelector.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;~~AAC~~/B,~~mDAAgD;AAGhD,~~wDAA8C;~~AAW9C~~;;GAEG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,~~KAAK~~,~~GAAG,KAAK,CAAC,MAAM,CACxB,yBAAW,CAAC,~~SAAS,~~CAAC~~,~~uCAAuC~~,~~CAAC~~,~~CAC/D~~,CAAC;~~IACF~~,MAAM,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,GACzE,KAAK,CAAC;IACR,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAChD,CAAC,QAAuB,EAAE,EAAE;QAC1B,oBAAoB,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACzD,CAAC,EACD,CAAC,oBAAoB,CAAC,CACvB,CAAC;IAEF,MAAM,kBAAkB,GAAkC;QACxD,GAAG,oBAAoB,CAAC,MAAM,EAAE;KACjC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACZ,QAAQ,GAAG,EAAE;YACX,KAAK,UAAU;gBACb,OAAO;oBACL,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,~~yBAAW~~,CAAC,~~SAAS,CAC1B,~~wCAAwC,~~CACzC~~;~~iBACF~~,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;QACnE,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAEhC,OAAO,CACL,6BAAK,SAAS,EAAC,yCAAyC;QACtD,8BAAM,SAAS,EAAE,cAAc,~~IAAG~~,~~KAAK~~,CAAC,~~OAAO~~,~~CAAQ~~;~~QACvD~~,oBAAC,sBAAM,mBACO,oBAAoB,EAChC,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,wBAAwB,EAClC,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC;AACJ,CAAC;~~AA3DD~~,~~gDA2DC~~","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Settings\n /\n\nimport as React from \"react\";\nimport { ~~UiFramework~~ } from \"~~../../UiFramework~~\";\nimport type { ~~UnitSystemKey~~ } from \"@itwin/~~core~~-~~quantity~~\";\nimport ~~type~~ { ~~SelectOption~~ } from \"@itwin/itwinui-react\";\nimport { ~~Select~~ } from \"~~@itwin~~/~~itwinui-react~~\";\n\n/** Props for [[UnitSystemSelector]]\n * @beta\n /\nexport interface UnitSystemSelectorProps {\n selectedUnitSystemKey: UnitSystemKey;\n onUnitSystemSelected: (unitSystem: UnitSystemKey) => void;\n availableUnitSystems: Set<UnitSystemKey>;\n}\n\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).\n * @alpha\n */\nexport function UnitSystemSelector(props: UnitSystemSelectorProps) {\n const ~~label~~ = ~~React.useRef~~(\n ~~UiFramework.translate(~~\~~"presentationUnitSystem.selector-label\")\~~n ~~);\n~~ const { selectedUnitSystemKey, onUnitSystemSelected, availableUnitSystems } =\n props;\n const handleUnitSystemSelected = React.useCallback(\n (newValue: UnitSystemKey) => {\n onUnitSystemSelected && onUnitSystemSelected(newValue);\n },\n [onUnitSystemSelected]\n );\n\n const displayUnitSystems: SelectOption<UnitSystemKey>[] = [\n ...availableUnitSystems.values(),\n ].map((sys) => {\n switch (sys) {\n case \"imperial\":\n return {\n value: \"imperial\",\n label: ~~UiFramework.~~translate(\~~n \~~"presentationUnitSystem.BritishImperial\"\n ),\n };\n case \"usCustomary\":\n return {\n value: \"usCustomary\",\n label: ~~UiFramework.~~translate(\"presentationUnitSystem.USCustomary\"),\n };\n case \"usSurvey\":\n return {\n value: \"usSurvey\",\n label: ~~UiFramework.~~translate(\"presentationUnitSystem.USSurvey\"),\n };\n case \"metric\":\n default:\n return {\n value: \"metric\",\n label: ~~UiFramework.~~translate(\"presentationUnitSystem.Metric\"),\n };\n }\n });\n\n const unitSystemKey = availableUnitSystems.has(selectedUnitSystemKey)\n ? selectedUnitSystemKey\n : displayUnitSystems[0].value;\n\n return (\n <div className=\"quantity-unit-system-selector-container\">\n <span className={\"uicore-label\"}>{label~~.current~~}</span>\n <Select\n data-testid=\"unitSystemSelector\"\n value={unitSystemKey}\n options={displayUnitSystems}\n onChange={handleUnitSystemSelected}\n size=\"small\"\n />\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"UnitSystemSelector.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/UnitSystemSelector.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAG/B,wDAA8C;AAC9C,+DAA4D;AAW5D;;GAEG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAEvC,MAAM,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,GACzE,KAAK,CAAC;IACR,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAChD,CAAC,QAAuB,EAAE,EAAE;QAC1B,oBAAoB,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACzD,CAAC,EACD,CAAC,oBAAoB,CAAC,CACvB,CAAC;IAEF,MAAM,kBAAkB,GAAkC;QACxD,GAAG,oBAAoB,CAAC,MAAM,EAAE;KACjC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACZ,QAAQ,GAAG,EAAE;YACX,KAAK,UAAU;gBACb,OAAO;oBACL,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,SAAS,CAAC,wCAAwC,CAAC;iBAC3D,CAAC;YACJ,KAAK,aAAa;gBAChB,OAAO;oBACL,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,SAAS,CAAC,oCAAoC,CAAC;iBACvD,CAAC;YACJ,KAAK,UAAU;gBACb,OAAO;oBACL,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,SAAS,CAAC,iCAAiC,CAAC;iBACpD,CAAC;YACJ,KAAK,QAAQ,CAAC;YACd;gBACE,OAAO;oBACL,KAAK,EAAE,QAAQ;oBACf,KAAK,EAAE,SAAS,CAAC,+BAA+B,CAAC;iBAClD,CAAC;SACL;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,oBAAoB,CAAC,GAAG,CAAC,qBAAqB,CAAC;QACnE,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAEhC,OAAO,CACL,6BAAK,SAAS,EAAC,yCAAyC;QACtD,8BAAM,SAAS,EAAE,cAAc,IAC5B,SAAS,CAAC,uCAAuC,CAAC,CAC9C;QACP,oBAAC,sBAAM,mBACO,oBAAoB,EAChC,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,wBAAwB,EAClC,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC;AACJ,CAAC;AA1DD,gDA0DC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Settings\n /\n\nimport as React from \"react\";\nimport type { UnitSystemKey } from \"@itwin/core-quantity\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../hooks/useTranslation\";\n\n/** Props for [[UnitSystemSelector]]\n * @beta\n /\nexport interface UnitSystemSelectorProps {\n selectedUnitSystemKey: UnitSystemKey;\n onUnitSystemSelected: (unitSystem: UnitSystemKey) => void;\n availableUnitSystems: Set<UnitSystemKey>;\n}\n\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).\n * @alpha\n */\nexport function UnitSystemSelector(props: UnitSystemSelectorProps) {\n const { translate } = useTranslation();\n\n const { selectedUnitSystemKey, onUnitSystemSelected, availableUnitSystems } =\n props;\n const handleUnitSystemSelected = React.useCallback(\n (newValue: UnitSystemKey) => {\n onUnitSystemSelected && onUnitSystemSelected(newValue);\n },\n [onUnitSystemSelected]\n );\n\n const displayUnitSystems: SelectOption<UnitSystemKey>[] = [\n ...availableUnitSystems.values(),\n ].map((sys) => {\n switch (sys) {\n case \"imperial\":\n return {\n value: \"imperial\",\n label: translate(\"presentationUnitSystem.BritishImperial\"),\n };\n case \"usCustomary\":\n return {\n value: \"usCustomary\",\n label: translate(\"presentationUnitSystem.USCustomary\"),\n };\n case \"usSurvey\":\n return {\n value: \"usSurvey\",\n label: translate(\"presentationUnitSystem.USSurvey\"),\n };\n case \"metric\":\n default:\n return {\n value: \"metric\",\n label: translate(\"presentationUnitSystem.Metric\"),\n };\n }\n });\n\n const unitSystemKey = availableUnitSystems.has(selectedUnitSystemKey)\n ? selectedUnitSystemKey\n : displayUnitSystems[0].value;\n\n return (\n <div className=\"quantity-unit-system-selector-container\">\n <span className={\"uicore-label\"}>\n {translate(\"presentationUnitSystem.selector-label\")}\n </span>\n <Select\n data-testid=\"unitSystemSelector\"\n value={unitSystemKey}\n options={displayUnitSystems}\n onChange={handleUnitSystemSelected}\n size=\"small\"\n />\n </div>\n );\n}\n"]}

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

	@@ -1 +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;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;~~AAc1D~~;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,~~sBA4Y7B~~;AAsBD;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,YAAY,EAAE,MAAM,GACnB,gBAAgB,CAUlB"}
1	+ {"version":3,"file":"UiSettingsPage.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/ui/UiSettingsPage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAe1D;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,sBAiV7B;AAsBD;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,YAAY,EAAE,MAAM,GACnB,gBAAgB,CAUlB"}

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

@@ -16,6 +16,7 @@ const UiFramework_1 = require("../../UiFramework");
 const ThemeManager_1 = require("../../theme/ThemeManager");
 const SyncUiEventDispatcher_1 = require("../../syncui/SyncUiEventDispatcher");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+const useTranslation_1 = require("../../hooks/useTranslation");
 /** UiSettingsPage displaying the active UI settings. This page lets users set the following settings.
  *
  * - theme - Dark, Light, with or without High contrast, or based on OS preference.
@@ -30,34 +31,7 @@ const itwinui_react_1 = require("@itwin/itwinui-react");
  * @beta
  */
 function UiSettingsPage() {
-    const themeTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.themeTitle"));
-    const themeDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.themeDescription"));
-    const autoHideTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.autoHideTitle"));
-    const autoHideDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.autoHideDescription"));
-    const dragInteractionTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.dragInteractionTitle"));
-    const dragInteractionDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.dragInteractionDescription"));
-    const useProximityOpacityTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.useProximityOpacityTitle"));
-    const useProximityOpacityDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.useProximityOpacityDescription"));
-    const snapWidgetOpacityTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.snapWidgetOpacityTitle"));
-    const snapWidgetOpacityDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.snapWidgetOpacityDescription"));
-    const darkLabel = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.dark"));
-    const lightLabel = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.light"));
-    const darkHCLabel = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.darkHighContrast"));
-    const lightHCLabel = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.lightHighContrast"));
-    const inheritLabel = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.inherit"));
-    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 autoCollapseUnpinnedPanelsTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.autoCollapseUnpinnedPanelsTitle"));
-    const autoCollapseUnpinnedPanelsDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.autoCollapseUnpinnedPanelsDescription"));
-    const animateToolSettingsTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.animateToolSettingsTitle"));
-    const animateToolSettingsDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.animateToolSettingsDescription"));
-    const useToolAsToolSettingsLabelTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.useToolAsToolSettingsLabelTitle"));
-    const useToolAsToolSettingsLabelDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.useToolAsToolSettingsLabelDescription"));
-    const toolbarOpacityTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.toolbarOpacityTitle"));
-    const toolbarOpacityDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.toolbarOpacityDescription"));
+    const { translate } = (0, useTranslation_1.useTranslation)();
     const [theme, setTheme] = React.useState(() => UiFramework_1.UiFramework.getColorTheme());
     const [useDragInteraction, setUseDragInteraction] = React.useState(() => UiFramework_1.UiFramework.useDragInteraction);
     const [showWidgetIcon, setShowWidgetIcon] = React.useState(() => UiFramework_1.UiFramework.showWidgetIcon);
@@ -66,7 +40,9 @@ function UiSettingsPage() {
     const [useToolAsToolSettingsLabel, setUseToolAsToolSettingsLabel] = React.useState(() => UiFramework_1.UiFramework.useToolAsToolSettingsLabel);
     const [widgetOpacity, setWidgetOpacity] = React.useState(() => UiFramework_1.UiFramework.getWidgetOpacity());
     const [autoHideUi, setAutoHideUi] = React.useState(() => UiFramework_1.UiFramework.visibility.autoHideUi);
-    const [useProximityOpacity, setUseProximityOpacity] = React.useState(() => UiFramework_1.UiFramework.visibility.useProximityOpacity);
+    const [useProximityOpacity, setUseProximityOpacity] = React.useState(
+    // eslint-disable-next-line deprecation/deprecation
+    () => UiFramework_1.UiFramework.visibility.useProximityOpacity);
     const [snapWidgetOpacity, setSnapWidgetOpacity] = React.useState(() => UiFramework_1.UiFramework.visibility.snapWidgetOpacity);
     const [toolbarOpacity, setToolbarOpacity] = React.useState(() => UiFramework_1.UiFramework.getToolbarOpacity());
     React.useEffect(() => {
@@ -98,7 +74,9 @@ function UiSettingsPage() {
                     setWidgetOpacity(UiFramework_1.UiFramework.getWidgetOpacity());
                 if (UiFramework_1.UiFramework.visibility.autoHideUi !== autoHideUi)
                     setAutoHideUi(UiFramework_1.UiFramework.visibility.autoHideUi);
+                // eslint-disable-next-line deprecation/deprecation
                 if (UiFramework_1.UiFramework.visibility.useProximityOpacity !== useProximityOpacity)
+                    // eslint-disable-next-line deprecation/deprecation
                     setUseProximityOpacity(UiFramework_1.UiFramework.visibility.useProximityOpacity);
                 if (UiFramework_1.UiFramework.visibility.snapWidgetOpacity !== snapWidgetOpacity)
                     setSnapWidgetOpacity(UiFramework_1.UiFramework.visibility.snapWidgetOpacity);
@@ -125,16 +103,31 @@ function UiSettingsPage() {
         toolbarOpacity,
     ]);
     const defaultThemeOption = {
-        label: systemPreferredLabel.current,
+        label: translate("settings.uiSettingsPage.systemPreferred"),
         value: ThemeManager_1.SYSTEM_PREFERRED_COLOR_THEME,
     };
     const themeOptions = [
         defaultThemeOption,
-        { label: lightLabel.current, value: ThemeManager_1.ColorTheme.Light },
-        { label: darkLabel.current, value: ThemeManager_1.ColorTheme.Dark },
-        { label: lightHCLabel.current, value: ThemeManager_1.ColorTheme.HighContrastLight },
-        { label: darkHCLabel.current, value: ThemeManager_1.ColorTheme.HighContrastDark },
-        { label: inheritLabel.current, value: ThemeManager_1.ColorTheme.Inherit },
+        {
+            label: translate("settings.uiSettingsPage.light"),
+            value: ThemeManager_1.ColorTheme.Light,
+        },
+        {
+            label: translate("settings.uiSettingsPage.dark"),
+            value: ThemeManager_1.ColorTheme.Dark,
+        },
+        {
+            label: translate("settings.uiSettingsPage.lightHighContrast"),
+            value: ThemeManager_1.ColorTheme.HighContrastLight,
+        },
+        {
+            label: translate("settings.uiSettingsPage.darkHighContrast"),
+            value: ThemeManager_1.ColorTheme.HighContrastDark,
+        },
+        {
+            label: translate("settings.uiSettingsPage.inherit"),
+            value: ThemeManager_1.ColorTheme.Inherit,
+        },
     ];
     const onThemeChange = React.useCallback((newValue) => {
         UiFramework_1.UiFramework.setColorTheme(newValue);
@@ -143,6 +136,7 @@ function UiSettingsPage() {
         UiFramework_1.UiFramework.visibility.autoHideUi = !autoHideUi;
     }, [autoHideUi]);
     const onUseProximityOpacityChange = React.useCallback(async () => {
+        // eslint-disable-next-line deprecation/deprecation
         UiFramework_1.UiFramework.visibility.useProximityOpacity = !useProximityOpacity;
     }, [useProximityOpacity]);
     const onSnapWidgetOpacityChange = React.useCallback(async () => {
@@ -177,18 +171,18 @@ function UiSettingsPage() {
         }
     }, []);
     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(SettingsItem, { title: translate("settings.uiSettingsPage.themeTitle"), description: translate("settings.uiSettingsPage.themeDescription"), 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", size: "small" })) }),
-        React.createElement(SettingsItem, { title: autoHideTitle.current, description: autoHideDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: autoHideUi, onChange: onAutoHideChange }) }),
-        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: autoCollapseUnpinnedPanelsTitle.current, description: autoCollapseUnpinnedPanelsDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: autoCollapseUnpinnedPanels, onChange: onAutoCollapseUnpinnedPanelsChange }) }),
-        React.createElement(SettingsItem, { title: animateToolSettingsTitle.current, description: animateToolSettingsDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: animateToolSettings, onChange: OnToggleAnimateToolSettings }) }),
-        React.createElement(SettingsItem, { title: useToolAsToolSettingsLabelTitle.current, description: useToolAsToolSettingsLabelDescription.current, settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: useToolAsToolSettingsLabel, onChange: OnToggleUseToolAsToolSettingsLabel }) }),
-        React.createElement(SettingsItem, { title: toolbarOpacityTitle.current, description: toolbarOpacityDescription.current, settingUi: React.createElement(itwinui_react_1.Slider, { style: { flex: "1" }, values: [toolbarOpacity], step: 0.05, onChange: onToolbarOpacityChange, min: 0.2, max: 1.0, maxLabel: "1.0", tickLabels: ["", "", "", "", ""] }) }),
-        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.2, max: 1.0, maxLabel: "1.0", tickLabels: ["", "", "", "", ""] }) })));
+        React.createElement(SettingsItem, { title: translate("settings.uiSettingsPage.autoHideTitle"), description: translate("settings.uiSettingsPage.autoHideDescription"), settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: autoHideUi, onChange: onAutoHideChange }) }),
+        React.createElement(SettingsItem, { title: translate("settings.uiSettingsPage.dragInteractionTitle"), description: translate("settings.uiSettingsPage.dragInteractionDescription"), settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: useDragInteraction, onChange: onToggleDragInteraction }) }),
+        React.createElement(SettingsItem, { title: translate("settings.uiSettingsPage.useProximityOpacityTitle"), description: translate("settings.uiSettingsPage.useProximityOpacityDescription"), settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: useProximityOpacity, onChange: onUseProximityOpacityChange }) }),
+        React.createElement(SettingsItem, { title: translate("settings.uiSettingsPage.snapWidgetOpacityTitle"), description: translate("settings.uiSettingsPage.snapWidgetOpacityDescription"), settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: snapWidgetOpacity, onChange: onSnapWidgetOpacityChange }) }),
+        React.createElement(SettingsItem, { title: translate("settings.uiSettingsPage.widgetIconTitle"), description: translate("settings.uiSettingsPage.widgetIconDescription"), settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: showWidgetIcon, onChange: onWidgetIconChange }) }),
+        React.createElement(SettingsItem, { title: translate("settings.uiSettingsPage.autoCollapseUnpinnedPanelsTitle"), description: translate("settings.uiSettingsPage.autoCollapseUnpinnedPanelsDescription"), settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: autoCollapseUnpinnedPanels, onChange: onAutoCollapseUnpinnedPanelsChange }) }),
+        React.createElement(SettingsItem, { title: translate("settings.uiSettingsPage.animateToolSettingsTitle"), description: translate("settings.uiSettingsPage.animateToolSettingsDescription"), settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: animateToolSettings, onChange: OnToggleAnimateToolSettings }) }),
+        React.createElement(SettingsItem, { title: translate("settings.uiSettingsPage.useToolAsToolSettingsLabelTitle"), description: translate("settings.uiSettingsPage.useToolAsToolSettingsLabelDescription"), settingUi: React.createElement(itwinui_react_1.ToggleSwitch, { checked: useToolAsToolSettingsLabel, onChange: OnToggleUseToolAsToolSettingsLabel }) }),
+        React.createElement(SettingsItem, { title: translate("settings.uiSettingsPage.toolbarOpacityTitle"), description: translate("settings.uiSettingsPage.toolbarOpacityDescription"), settingUi: React.createElement(itwinui_react_1.Slider, { style: { flex: "1" }, values: [toolbarOpacity], step: 0.05, onChange: onToolbarOpacityChange, min: 0.2, max: 1.0, maxLabel: "1.0", tickLabels: ["", "", "", "", ""] }) }),
+        React.createElement(SettingsItem, { title: translate("settings.uiSettingsPage.widgetOpacityTitle"), description: translate("settings.uiSettingsPage.widgetOpacityDescription"), settingUi: React.createElement(itwinui_react_1.Slider, { style: { flex: "1" }, values: [widgetOpacity], step: 0.05, onChange: onWidgetOpacityChange, min: 0.2, max: 1.0, maxLabel: "1.0", tickLabels: ["", "", "", "", ""] }) })));
 }
 exports.UiSettingsPage = UiSettingsPage;
 function SettingsItem(props) {

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

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

package/lib/cjs/appui-react/shared/ConditionalValue.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+/** @packageDocumentation
+ * @module Item
+ */
+import { ConditionalBooleanValue as _ConditionalBooleanValue, ConditionalStringValue as _ConditionalStringValue } from "@itwin/appui-abstract";
+/** Class used to return a boolean value. The boolean value is refreshed by using the specified function. The syncEventIds define one or more
+ * eventIds that would require the testFunc to be rerun.
+ * @public
+ */
+export type ConditionalBooleanValue = _ConditionalBooleanValue;
+export declare const ConditionalBooleanValue: typeof _ConditionalBooleanValue;
+/** Class used to return a string value. The string value is refreshed by using the specified function. The syncEventIds define one or more
+ * eventIds that would require the stringGetter function to be rerun.
+ * @public
+ */
+export type ConditionalStringValue = _ConditionalStringValue;
+export declare const ConditionalStringValue: typeof _ConditionalStringValue;
+//# sourceMappingURL=ConditionalValue.d.ts.map

package/lib/cjs/appui-react/shared/ConditionalValue.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ConditionalValue.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ConditionalValue.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,EACL,uBAAuB,IAAI,wBAAwB,EACnD,sBAAsB,IAAI,uBAAuB,EAClD,MAAM,uBAAuB,CAAC;AAE/B;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,CAAC;AAE/D,eAAO,MAAM,uBAAuB,iCAA2B,CAAC;AAGhE;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,uBAAuB,CAAC;AAE7D,eAAO,MAAM,sBAAsB,gCAA0B,CAAC"}

package/lib/cjs/appui-react/shared/ConditionalValue.js ADDED Viewed

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConditionalStringValue = exports.ConditionalBooleanValue = void 0;
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Item
+ */
+const appui_abstract_1 = require("@itwin/appui-abstract");
+// eslint-disable-next-line @typescript-eslint/no-redeclare, deprecation/deprecation
+exports.ConditionalBooleanValue = appui_abstract_1.ConditionalBooleanValue;
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+exports.ConditionalStringValue = appui_abstract_1.ConditionalStringValue;
+//# sourceMappingURL=ConditionalValue.js.map

package/lib/cjs/appui-react/shared/ConditionalValue.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ConditionalValue.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ConditionalValue.ts"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG;;GAEG;AACH,0DAG+B;AAO/B,oFAAoF;AACvE,QAAA,uBAAuB,GAAG,wCAAwB,CAAC;AAQhE,2DAA2D;AAC9C,QAAA,sBAAsB,GAAG,uCAAuB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\nimport {\n ConditionalBooleanValue as _ConditionalBooleanValue,\n ConditionalStringValue as _ConditionalStringValue,\n} from \"@itwin/appui-abstract\";\n\n/** Class used to return a boolean value. The boolean value is refreshed by using the specified function. The syncEventIds define one or more\n * eventIds that would require the testFunc to be rerun.\n * @public\n */\nexport type ConditionalBooleanValue = _ConditionalBooleanValue;\n// eslint-disable-next-line @typescript-eslint/no-redeclare, deprecation/deprecation\nexport const ConditionalBooleanValue = _ConditionalBooleanValue;\n\n// eslint-disable-next-line @typescript-eslint/no-redeclare, deprecation/deprecation\n/** Class used to return a string value. The string value is refreshed by using the specified function. The syncEventIds define one or more\n * eventIds that would require the stringGetter function to be rerun.\n * @public\n */\nexport type ConditionalStringValue = _ConditionalStringValue;\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport const ConditionalStringValue = _ConditionalStringValue;\n"]}

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

@@ -2,9 +2,9 @@
  * @module Item
  */
 import type * as React from "react";
-import type { BadgeType, ConditionalBooleanValue, ConditionalStringValue, StringGetter } from "@itwin/appui-abstract";
+import type { ConditionalBooleanValue, ConditionalStringValue, StringGetter } from "@itwin/appui-abstract";
 import type { ItemProps } from "./ItemProps";
-import type { IconSpec } from "@itwin/core-react";
+import type { BadgeType, IconSpec } from "@itwin/core-react";
 /** Base state for any 'stateful' React component
  * @public
  */

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

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

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

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

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

@@ -1,8 +1,8 @@
 /** @packageDocumentation
  * @module Item
  */
-import type { BadgeType, CommandHandler, ConditionalBooleanValue, ConditionalStringValue, StringGetter } from "@itwin/appui-abstract";
-import type { IconProps, IconSpec } from "@itwin/core-react";
+import type { ConditionalBooleanValue, ConditionalStringValue, StringGetter } from "@itwin/appui-abstract";
+import type { BadgeType, IconProps, IconSpec } from "@itwin/core-react";
 /** Definition that specifies properties shared between many ConfigurableUi components.
  * @public
  */
@@ -46,4 +46,15 @@ export interface ToolItemProps extends ItemProps, CommandHandler {
 export interface CommandItemProps extends ItemProps, CommandHandler {
     commandId?: string;
 }
+/** Definition for a command handler.
+ * @public
+ */
+export interface CommandHandler {
+    /** Function to execute */
+    execute?: (args?: any) => any;
+    /** Parameters passed to the function */
+    parameters?: any;
+    /** Function to get the parameters passed to the function */
+    getCommandArgs?: () => any[];
+}
 //# sourceMappingURL=ItemProps.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ItemProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemProps.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EACV,~~SAAS,EACT,cAAc,EACd,~~uBAAuB,EACvB,sBAAsB,EACtB,YAAY,EACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;~~AAE7D~~;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC7C,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC/C,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2KAA2K;IAC3K,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,2FAA2F;IAC3F,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IACvD,6IAA6I;IAC7I,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IAC7D,mJAAmJ;IACnJ,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IACzD,6IAA6I;IAC7I,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,cAAc;IAC9D,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,cAAc;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
1	+ {"version":3,"file":"ItemProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemProps.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EACV,uBAAuB,EACvB,sBAAsB,EACtB,YAAY,EACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxE;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC7C,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC/C,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2KAA2K;IAC3K,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,2FAA2F;IAC3F,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IACvD,6IAA6I;IAC7I,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IAC7D,mJAAmJ;IACnJ,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IACzD,6IAA6I;IAC7I,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,cAAc;IAC9D,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,cAAc;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,0BAA0B;IAC1B,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,wCAAwC;IACxC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,GAAG,EAAE,CAAC;CAC9B"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemProps.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Item\n /\n\nimport type {\n ~~BadgeType,\n CommandHandler,\n~~ ConditionalBooleanValue,\n ConditionalStringValue,\n StringGetter,\n} from \"@itwin/appui-abstract\";\nimport type { IconProps, IconSpec } from \"@itwin/core-react\";\n\n/* Definition that specifies properties shared between many ConfigurableUi components.\n * @public\n /\nexport interface ItemProps extends IconProps {\n /* if true component will be hidden - defaults to false /\n isHidden?: boolean \| ConditionalBooleanValue;\n /* if true component will be disabled - defaults to false /\n isDisabled?: boolean \| ConditionalBooleanValue;\n /* if set, component will be considered \"active\" an will display an \"active stripe\" - defaults to false /\n isActive?: boolean;\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. /\n isPressed?: boolean;\n /* can be used by application to store miscellaneous data. /\n applicationData?: any;\n /* Badge to be overlaid on the item. /\n badgeType?: BadgeType;\n /* abstract icon definition, used when create itemDef from abstract item (ie. MenuItem) /\n icon?: IconSpec;\n\n /* if set, it is used to explicitly set the label shown by a component. /\n label?: string \| StringGetter \| ConditionalStringValue;\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. /\n labelKey?: string;\n\n /* if set, it is used to explicitly set the description shown by a component. /\n description?: string \| StringGetter \| ConditionalStringValue;\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. /\n descriptionKey?: string;\n /* used to explicitly set the tooltip shown by a component. /\n tooltip?: string \| StringGetter \| ConditionalStringValue;\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. /\n tooltipKey?: string;\n}\n\n/* Properties for a Tool item with a tool id.\n * @public\n /\nexport interface ToolItemProps extends ItemProps, CommandHandler {\n toolId: string;\n}\n\n/* Properties for a Command item.\n * @public\n */\nexport interface CommandItemProps extends ItemProps, CommandHandler {\n commandId?: string;\n}\n"]}
1	+ {"version":3,"file":"ItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemProps.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Item\n /\n\nimport type {\n ConditionalBooleanValue,\n ConditionalStringValue,\n StringGetter,\n} from \"@itwin/appui-abstract\";\nimport type { BadgeType, IconProps, IconSpec } from \"@itwin/core-react\";\n/* Definition that specifies properties shared between many ConfigurableUi components.\n * @public\n /\nexport interface ItemProps extends IconProps {\n /* if true component will be hidden - defaults to false /\n isHidden?: boolean \| ConditionalBooleanValue;\n /* if true component will be disabled - defaults to false /\n isDisabled?: boolean \| ConditionalBooleanValue;\n /* if set, component will be considered \"active\" an will display an \"active stripe\" - defaults to false /\n isActive?: boolean;\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. /\n isPressed?: boolean;\n /* can be used by application to store miscellaneous data. /\n applicationData?: any;\n /* Badge to be overlaid on the item. /\n badgeType?: BadgeType;\n /* abstract icon definition, used when create itemDef from abstract item (ie. MenuItem) /\n icon?: IconSpec;\n\n /* if set, it is used to explicitly set the label shown by a component. /\n label?: string \| StringGetter \| ConditionalStringValue;\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. /\n labelKey?: string;\n\n /* if set, it is used to explicitly set the description shown by a component. /\n description?: string \| StringGetter \| ConditionalStringValue;\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. /\n descriptionKey?: string;\n /* used to explicitly set the tooltip shown by a component. /\n tooltip?: string \| StringGetter \| ConditionalStringValue;\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. /\n tooltipKey?: string;\n}\n\n/* Properties for a Tool item with a tool id.\n * @public\n /\nexport interface ToolItemProps extends ItemProps, CommandHandler {\n toolId: string;\n}\n\n/* Properties for a Command item.\n * @public\n /\nexport interface CommandItemProps extends ItemProps, CommandHandler {\n commandId?: string;\n}\n\n/* Definition for a command handler.\n * @public\n /\nexport interface CommandHandler {\n /* Function to execute /\n execute?: (args?: any) => any;\n /* Parameters passed to the function /\n parameters?: any;\n /* Function to get the parameters passed to the function */\n getCommandArgs?: () => any[];\n}\n"]}

package/lib/cjs/appui-react/shared/MenuItem.d.ts CHANGED Viewed

@@ -6,10 +6,29 @@ import type { AbstractMenuItemProps } from "@itwin/appui-abstract";
 import type { IconSpec } from "@itwin/core-react";
 import type { ActionButtonItemDef } from "./ActionButtonItemDef";
 import { ItemDefBase } from "./ItemDefBase";
+import type { CommandItemProps, ItemProps } from "./ItemProps";
+import type { ConditionalStringValue } from "./ConditionalValue";
 /** Menu Item Properties
  * @public
+ * @deprecated in 4.11.x. Please use {@link CursorMenuItemProps}.
  */
 export type MenuItemProps = AbstractMenuItemProps;
+/**
+ * Properties for context menu items.
+ * @public
+ */
+export interface CursorMenuItemProps extends ItemProps {
+    /** The id for the menu item. */
+    id: string;
+    /** The item to execute when this item is invoked. Either 'item' or 'submenu' must be specified. */
+    item?: CommandItemProps;
+    /** Nested array of item props. Either 'item' or 'submenu' must be specified. */
+    submenu?: CursorMenuItemProps[];
+    /** Icon to display on right side of the menu item.
+     * Name of icon WebFont entry or if specifying an imported SVG symbol use "webSvg:" prefix  to imported symbol Id.
+     */
+    iconRight?: string | ConditionalStringValue;
+}
 /** Menu Item
  * @alpha
  */
@@ -19,7 +38,7 @@ export declare class MenuItem extends ItemDefBase {
     private _submenu;
     private _onSelection?;
     /** onSelection is an optional parameter typically supplied to allow menu parent to close context menu when a menu item is selected. */
-    constructor(props: MenuItemProps, onSelection?: () => void);
+    constructor(props: CursorMenuItemProps, onSelection?: () => void);
     get id(): string;
     get submenu(): MenuItem[];
     get actionItem(): ActionButtonItemDef | undefined;
@@ -30,7 +49,7 @@ export declare class MenuItem extends ItemDefBase {
  * @alpha
  */
 export declare class MenuItemHelpers {
-    static createMenuItems(itemPropsList: MenuItemProps[], onSelection?: () => void): MenuItem[];
+    static createMenuItems(itemPropsList: CursorMenuItemProps[], onSelection?: () => void): MenuItem[];
     static createMenuItemNodes(itemList: MenuItem[]): React.ReactNode[];
     private static createMenuItemNode;
 }

package/lib/cjs/appui-react/shared/MenuItem.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/MenuItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGlD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;~~AAE5C;;GAEG~~;AACH,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC;AAElD;;GAEG;AACH,qBAAa,QAAS,SAAQ,WAAW;IACvC,OAAO,CAAC,GAAG,CAAM;IACjB,OAAO,CAAC,WAAW,CAAC,CAAsB;IAC1C,OAAO,CAAC,QAAQ,CAAa;IAC7B,OAAO,CAAC,YAAY,CAAC,CAAa;IAElC,uIAAuI;gBAC3H,KAAK,EAAE,~~aAAa~~,EAAE,WAAW,CAAC,EAAE,MAAM,IAAI;IA+~~B1D~~,IAAW,EAAE,IAAI,MAAM,CAEtB;IAED,IAAW,OAAO,IAAI,QAAQ,EAAE,CAE/B;IAED,IAAW,UAAU,IAAI,mBAAmB,GAAG,SAAS,CAEvD;IAEM,aAAa,CAAC,EAAE,QAAQ,CAAC;IAEzB,UAAU,IAAI,IAAI;CAS1B;AAED;;GAEG;AACH,qBAAa,eAAe;WACZ,eAAe,CAC3B,aAAa,EAAE,~~aAAa~~,EAAE,~~EAC9B~~,WAAW,CAAC,EAAE,MAAM,IAAI,GACvB,QAAQ,EAAE;WAQC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE;IAY1E,OAAO,CAAC,MAAM,CAAC,kBAAkB;CAgDlC"}
1	+ {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/MenuItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGlD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC;AAElD;;;GAGG;AACH,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,gCAAgC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,mGAAmG;IACnG,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,gFAAgF;IAChF,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAAC;CAC7C;AAED;;GAEG;AACH,qBAAa,QAAS,SAAQ,WAAW;IACvC,OAAO,CAAC,GAAG,CAAM;IACjB,OAAO,CAAC,WAAW,CAAC,CAAsB;IAC1C,OAAO,CAAC,QAAQ,CAAa;IAC7B,OAAO,CAAC,YAAY,CAAC,CAAa;IAElC,uIAAuI;gBAC3H,KAAK,EAAE,mBAAmB,EAAE,WAAW,CAAC,EAAE,MAAM,IAAI;IA+BhE,IAAW,EAAE,IAAI,MAAM,CAEtB;IAED,IAAW,OAAO,IAAI,QAAQ,EAAE,CAE/B;IAED,IAAW,UAAU,IAAI,mBAAmB,GAAG,SAAS,CAEvD;IAEM,aAAa,CAAC,EAAE,QAAQ,CAAC;IAEzB,UAAU,IAAI,IAAI;CAS1B;AAED;;GAEG;AACH,qBAAa,eAAe;WACZ,eAAe,CAC3B,aAAa,EAAE,mBAAmB,EAAE,EACpC,WAAW,CAAC,EAAE,MAAM,IAAI,GACvB,QAAQ,EAAE;WAQC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE;IAY1E,OAAO,CAAC,MAAM,CAAC,kBAAkB;CAgDlC"}