@itwin/appui-react 5.0.5 → 5.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"UiSettingsPage.js","sourceRoot":"","sources":["../../../../src/appui-react/settings/ui/UiSettingsPage.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EACL,qBAAqB,EACrB,aAAa,GACd,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EACL,UAAU,EACV,4BAA4B,GAC7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAE5E,4CAA4C;AAE5C;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC;IAC5E,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAChE,GAAG,EAAE,CAAC,WAAW,CAAC,kBAAkB,CACrC,CAAC;IACF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACxD,GAAG,EAAE,CAAC,WAAW,CAAC,cAAc,CACjC,CAAC;IACF,MAAM,CAAC,0BAA0B,EAAE,6BAA6B,CAAC,GAC/D,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,0BAA0B,CAAC,CAAC;IAC/D,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAClE,GAAG,EAAE,CAAC,WAAW,CAAC,mBAAmB,CACtC,CAAC;IACF,MAAM,CAAC,0BAA0B,EAAE,6BAA6B,CAAC,GAC/D,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,0BAA0B,CAAC,CAAC;IAC/D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAC5D,WAAW,CAAC,gBAAgB,EAAE,CAC/B,CAAC;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAChD,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,UAAU,CACxC,CAAC;IACF,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ;IAClE,mDAAmD;IACnD,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,mBAAmB,CACjD,CAAC;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC9D,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,iBAAiB,CAC/C,CAAC;IACF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAC9D,WAAW,CAAC,iBAAiB,EAAE,CAChC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,iBAAiB,GAAG;YACxB,sBAAsB,CAAC,QAAQ;YAC/B,sBAAsB,CAAC,gBAAgB;YACvC,sBAAsB,CAAC,iBAAiB;YACxC,sBAAsB,CAAC,kBAAkB;YACzC,sBAAsB,CAAC,0BAA0B;YACjD,sBAAsB,CAAC,mBAAmB;YAC1C,sBAAsB,CAAC,0BAA0B;YACjD,sBAAsB,CAAC,iBAAiB;YACxC,aAAa,CAAC,4BAA4B;SAC3C,CAAC;QAEF,OAAO,qBAAqB,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YAC9D,IACE,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAa,EAAW,EAAE,CAChD,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CACzB,EACD,CAAC;gBACD,IAAI,WAAW,CAAC,aAAa,EAAE,KAAK,KAAK;oBACvC,QAAQ,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC;gBACxC,IAAI,WAAW,CAAC,UAAU,CAAC,UAAU,KAAK,UAAU;oBAClD,aAAa,CAAC,WAAW,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;gBACnD,IAAI,WAAW,CAAC,kBAAkB,KAAK,kBAAkB;oBACvD,qBAAqB,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;gBACxD,IAAI,WAAW,CAAC,cAAc,KAAK,cAAc;oBAC/C,iBAAiB,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;gBAChD,IACE,WAAW,CAAC,0BAA0B,KAAK,0BAA0B;oBAErE,6BAA6B,CAAC,WAAW,CAAC,0BAA0B,CAAC,CAAC;gBACxE,IAAI,WAAW,CAAC,gBAAgB,EAAE,KAAK,aAAa;oBAClD,gBAAgB,CAAC,WAAW,CAAC,gBAAgB,EAAE,CAAC,CAAC;gBACnD,IAAI,WAAW,CAAC,UAAU,CAAC,UAAU,KAAK,UAAU;oBAClD,aAAa,CAAC,WAAW,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;gBACnD,mDAAmD;gBACnD,IAAI,WAAW,CAAC,UAAU,CAAC,mBAAmB,KAAK,mBAAmB;oBACpE,mDAAmD;oBACnD,sBAAsB,CAAC,WAAW,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;gBACrE,IAAI,WAAW,CAAC,UAAU,CAAC,iBAAiB,KAAK,iBAAiB;oBAChE,oBAAoB,CAAC,WAAW,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;gBACjE,IAAI,WAAW,CAAC,mBAAmB,KAAK,mBAAmB;oBACzD,sBAAsB,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;gBAC1D,IACE,WAAW,CAAC,0BAA0B,KAAK,0BAA0B;oBAErE,6BAA6B,CAAC,WAAW,CAAC,0BAA0B,CAAC,CAAC;gBACxE,IAAI,WAAW,CAAC,iBAAiB,EAAE,KAAK,cAAc;oBACpD,iBAAiB,CAAC,WAAW,CAAC,iBAAiB,EAAE,CAAC,CAAC;YACvD,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE;QACD,0BAA0B;QAC1B,UAAU;QACV,cAAc;QACd,iBAAiB;QACjB,KAAK;QACL,kBAAkB;QAClB,mBAAmB;QACnB,aAAa;QACb,mBAAmB;QACnB,0BAA0B;QAC1B,cAAc;KACf,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG;QACzB,KAAK,EAAE,SAAS,CAAC,yCAAyC,CAAC;QAC3D,KAAK,EAAE,4BAA4B;KACpC,CAAC;IACF,MAAM,YAAY,GAA2B;QAC3C,kBAAkB;QAClB;YACE,KAAK,EAAE,SAAS,CAAC,+BAA+B,CAAC;YACjD,KAAK,EAAE,UAAU,CAAC,KAAK;SACxB;QACD;YACE,KAAK,EAAE,SAAS,CAAC,8BAA8B,CAAC;YAChD,KAAK,EAAE,UAAU,CAAC,IAAI;SACvB;QACD;YACE,KAAK,EAAE,SAAS,CAAC,2CAA2C,CAAC;YAC7D,KAAK,EAAE,UAAU,CAAC,iBAAiB;SACpC;QACD;YACE,KAAK,EAAE,SAAS,CAAC,0CAA0C,CAAC;YAC5D,KAAK,EAAE,UAAU,CAAC,gBAAgB;SACnC;QACD;YACE,KAAK,EAAE,SAAS,CAAC,iCAAiC,CAAC;YACnD,KAAK,EAAE,UAAU,CAAC,OAAO;SAC1B;KACF,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE;QAC3D,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QACpD,WAAW,CAAC,UAAU,CAAC,UAAU,GAAG,CAAC,UAAU,CAAC;IAClD,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,2BAA2B,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAC/D,mDAAmD;QACnD,WAAW,CAAC,UAAU,CAAC,mBAAmB,GAAG,CAAC,mBAAmB,CAAC;IACpE,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAC7D,WAAW,CAAC,UAAU,CAAC,iBAAiB,GAAG,CAAC,iBAAiB,CAAC;IAChE,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QACtD,WAAW,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,kCAAkC,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QACtE,WAAW,CAAC,6BAA6B,CAAC,CAAC,0BAA0B,CAAC,CAAC;IACzE,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAC,CAAC;IAEjC,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAC7C,KAAK,EAAE,MAAyB,EAAE,EAAE;QAClC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtB,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,uBAAuB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAC3D,WAAW,CAAC,qBAAqB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,2BAA2B,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAC/D,WAAW,CAAC,sBAAsB,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC3D,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC1B,MAAM,YAAY,GAAG,WAAW,CAAC,aAAa,EAAE,CAAC;IAEjD,MAAM,kCAAkC,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QACtE,WAAW,CAAC,6BAA6B,CAAC,CAAC,0BAA0B,CAAC,CAAC;IACzE,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAC,CAAC;IAEjC,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAC9C,KAAK,EAAE,MAAyB,EAAE,EAAE;QAClC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtB,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,eAAe;QAC5B,oBAAC,YAAY,IACX,KAAK,EAAE,SAAS,CAAC,oCAAoC,CAAC,EACtD,WAAW,EAAE,SAAS,CAAC,0CAA0C,CAAC,EAClE,SAAS,EACP,4CACc,wBAAwB,EACpC,SAAS,EAAC,wBAAwB;gBAElC,oBAAC,MAAM,IACL,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,YAAY,iBACT,cAAc,EAC1B,IAAI,EAAC,OAAO,GACZ,CACE,GAER;QACF,oBAAC,YAAY,IACX,KAAK,EAAE,SAAS,CAAC,uCAAuC,CAAC,EACzD,WAAW,EAAE,SAAS,CAAC,6CAA6C,CAAC,EACrE,SAAS,EACP,oBAAC,YAAY,IAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB,GAAI,GAEnE;QACF,oBAAC,YAAY,IACX,KAAK,EAAE,SAAS,CAAC,8CAA8C,CAAC,EAChE,WAAW,EAAE,SAAS,CACpB,oDAAoD,CACrD,EACD,SAAS,EACP,oBAAC,YAAY,IACX,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,uBAAuB,GACjC,GAEJ;QACF,oBAAC,YAAY,IACX,KAAK,EAAE,SAAS,CAAC,kDAAkD,CAAC,EACpE,WAAW,EAAE,SAAS,CACpB,wDAAwD,CACzD,EACD,SAAS,EACP,oBAAC,YAAY,IACX,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,2BAA2B,GACrC,GAEJ;QACF,oBAAC,YAAY,IACX,KAAK,EAAE,SAAS,CAAC,gDAAgD,CAAC,EAClE,WAAW,EAAE,SAAS,CACpB,sDAAsD,CACvD,EACD,SAAS,EACP,oBAAC,YAAY,IACX,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,yBAAyB,GACnC,GAEJ;QACF,oBAAC,YAAY,IACX,KAAK,EAAE,SAAS,CAAC,yCAAyC,CAAC,EAC3D,WAAW,EAAE,SAAS,CAAC,+CAA+C,CAAC,EACvE,SAAS,EACP,oBAAC,YAAY,IACX,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,kBAAkB,GAC5B,GAEJ;QACF,oBAAC,YAAY,IACX,KAAK,EAAE,SAAS,CACd,yDAAyD,CAC1D,EACD,WAAW,EAAE,SAAS,CACpB,+DAA+D,CAChE,EACD,SAAS,EACP,oBAAC,YAAY,IACX,OAAO,EAAE,0BAA0B,EACnC,QAAQ,EAAE,kCAAkC,GAC5C,GAEJ;QACF,oBAAC,YAAY,IACX,KAAK,EAAE,SAAS,CAAC,kDAAkD,CAAC,EACpE,WAAW,EAAE,SAAS,CACpB,wDAAwD,CACzD,EACD,SAAS,EACP,oBAAC,YAAY,IACX,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,2BAA2B,GACrC,GAEJ;QACF,oBAAC,YAAY,IACX,KAAK,EAAE,SAAS,CACd,yDAAyD,CAC1D,EACD,WAAW,EAAE,SAAS,CACpB,+DAA+D,CAChE,EACD,SAAS,EACP,oBAAC,YAAY,IACX,OAAO,EAAE,0BAA0B,EACnC,QAAQ,EAAE,kCAAkC,GAC5C,GAEJ;QACF,oBAAC,YAAY,IACX,KAAK,EAAE,SAAS,CAAC,6CAA6C,CAAC,EAC/D,WAAW,EAAE,SAAS,CACpB,mDAAmD,CACpD,EACD,SAAS,EACP,oBAAC,MAAM,IACL,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EACpB,MAAM,EAAE,CAAC,cAAc,CAAC,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,sBAAsB,EAChC,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,KAAK,EACd,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAChC,GAEJ;QACF,oBAAC,YAAY,IACX,KAAK,EAAE,SAAS,CAAC,4CAA4C,CAAC,EAC9D,WAAW,EAAE,SAAS,CACpB,kDAAkD,CACnD,EACD,SAAS,EACP,oBAAC,MAAM,IACL,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EACpB,MAAM,EAAE,CAAC,aAAa,CAAC,EACvB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,qBAAqB,EAC/B,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,KAAK,EACd,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAChC,GAEJ,CACE,CACP,CAAC;AACJ,CAAC;AAQD,SAAS,YAAY,CAAC,KAAwB;IAC5C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhD,OAAO,CACL,6BAAK,SAAS,EAAC,oBAAoB;QACjC,6BAAK,SAAS,EAAC,kBAAkB;YAC/B,8BAAM,SAAS,EAAC,OAAO,IAAE,KAAK,CAAQ;YACtC,8BAAM,SAAS,EAAC,aAAa,IAAE,WAAW,CAAQ,CAC9C;QACN,6BAAK,SAAS,EAAC,mBAAmB,IAAE,SAAS,CAAO,CAChD,CACP,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CACvC,YAAoB;IAEpB,OAAO;QACL,YAAY;QACZ,KAAK,EAAE,qBAAqB;QAC5B,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,+BAA+B,CAAC;QAC7D,IAAI,EAAE,oBAAC,iBAAiB,OAAG;QAC3B,IAAI,EAAE,oBAAC,cAAc,OAAG;QACxB,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,iCAAiC,CAAC;KAClE,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Settings\n */\n\nimport { SvgWindowSettings } from \"@itwin/itwinui-icons-react\";\nimport \"./UiSettingsPage.scss\";\nimport * as React from \"react\";\nimport type { SettingsTabEntry } from \"@itwin/core-react\";\nimport { UiFramework } from \"../../UiFramework.js\";\nimport {\n  SyncUiEventDispatcher,\n  SyncUiEventId,\n} from \"../../syncui/SyncUiEventDispatcher.js\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select, Slider, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../hooks/useTranslation.js\";\nimport {\n  ColorTheme,\n  SYSTEM_PREFERRED_COLOR_THEME,\n} from \"../../theme/ThemeId.js\";\nimport { ConfigurableUiActionId } from \"../../redux/ConfigurableUiState.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** UiSettingsPage displaying the active UI settings. This page lets users set the following settings.\n *\n * - theme - Dark, Light, with or without High contrast, or based on OS preference.\n * - auto hide - Starts a timer and blanks out ui components that overlay content if there is no mouse movement for a period of time.\n * - drag interaction - If set, toolbar group buttons require a press and drag or a long press to open. In this mode a child action\n * item is shown as the group button and is activated when button is clicked. If a different child item is selected, it becomes the\n * active group button item.\n * - use proximity - Changes the opacity of toolbar from transparent to opaque as the mouse moves closer.\n * - snap widget opacity - triggers an abrupt change from transparent to opaque for tool and navigation widgets, instead of a gradual change based on mouse location.\n * - widget opacity - determines how transparent floating widgets become when the mouse in not in them.\n * @beta\n * @deprecated in 4.15.0. Use iTwinUI components to build a settings page.\n */\nexport function UiSettingsPage() {\n  const { translate } = useTranslation();\n  const [theme, setTheme] = React.useState(() => UiFramework.getColorTheme());\n  const [useDragInteraction, setUseDragInteraction] = React.useState(\n    () => UiFramework.useDragInteraction\n  );\n  const [showWidgetIcon, setShowWidgetIcon] = React.useState(\n    () => UiFramework.showWidgetIcon\n  );\n  const [autoCollapseUnpinnedPanels, setAutoCollapseUnpinnedPanels] =\n    React.useState(() => UiFramework.autoCollapseUnpinnedPanels);\n  const [animateToolSettings, setAnimateToolSettings] = React.useState(\n    () => UiFramework.animateToolSettings\n  );\n  const [useToolAsToolSettingsLabel, setUseToolAsToolSettingsLabel] =\n    React.useState(() => UiFramework.useToolAsToolSettingsLabel);\n  const [widgetOpacity, setWidgetOpacity] = React.useState(() =>\n    UiFramework.getWidgetOpacity()\n  );\n  const [autoHideUi, setAutoHideUi] = React.useState(\n    () => UiFramework.visibility.autoHideUi\n  );\n  const [useProximityOpacity, setUseProximityOpacity] = React.useState(\n    // eslint-disable-next-line deprecation/deprecation\n    () => UiFramework.visibility.useProximityOpacity\n  );\n  const [snapWidgetOpacity, setSnapWidgetOpacity] = React.useState(\n    () => UiFramework.visibility.snapWidgetOpacity\n  );\n  const [toolbarOpacity, setToolbarOpacity] = React.useState(() =>\n    UiFramework.getToolbarOpacity()\n  );\n\n  React.useEffect(() => {\n    const syncIdsOfInterest = [\n      ConfigurableUiActionId.SetTheme,\n      ConfigurableUiActionId.SetWidgetOpacity,\n      ConfigurableUiActionId.SetShowWidgetIcon,\n      ConfigurableUiActionId.SetDragInteraction,\n      ConfigurableUiActionId.AutoCollapseUnpinnedPanels,\n      ConfigurableUiActionId.AnimateToolSettings,\n      ConfigurableUiActionId.UseToolAsToolSettingsLabel,\n      ConfigurableUiActionId.SetToolbarOpacity,\n      SyncUiEventId.ShowHideManagerSettingChange,\n    ];\n\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener((args) => {\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  }, [\n    autoCollapseUnpinnedPanels,\n    autoHideUi,\n    showWidgetIcon,\n    snapWidgetOpacity,\n    theme,\n    useDragInteraction,\n    useProximityOpacity,\n    widgetOpacity,\n    animateToolSettings,\n    useToolAsToolSettingsLabel,\n    toolbarOpacity,\n  ]);\n\n  const defaultThemeOption = {\n    label: translate(\"settings.uiSettingsPage.systemPreferred\"),\n    value: SYSTEM_PREFERRED_COLOR_THEME,\n  };\n  const themeOptions: SelectOption<string>[] = [\n    defaultThemeOption,\n    {\n      label: translate(\"settings.uiSettingsPage.light\"),\n      value: ColorTheme.Light,\n    },\n    {\n      label: translate(\"settings.uiSettingsPage.dark\"),\n      value: ColorTheme.Dark,\n    },\n    {\n      label: translate(\"settings.uiSettingsPage.lightHighContrast\"),\n      value: ColorTheme.HighContrastLight,\n    },\n    {\n      label: translate(\"settings.uiSettingsPage.darkHighContrast\"),\n      value: ColorTheme.HighContrastDark,\n    },\n    {\n      label: translate(\"settings.uiSettingsPage.inherit\"),\n      value: ColorTheme.Inherit,\n    },\n  ];\n\n  const onThemeChange = React.useCallback((newValue: string) => {\n    UiFramework.setColorTheme(newValue);\n  }, []);\n\n  const onAutoHideChange = React.useCallback(async () => {\n    UiFramework.visibility.autoHideUi = !autoHideUi;\n  }, [autoHideUi]);\n\n  const onUseProximityOpacityChange = React.useCallback(async () => {\n    // eslint-disable-next-line deprecation/deprecation\n    UiFramework.visibility.useProximityOpacity = !useProximityOpacity;\n  }, [useProximityOpacity]);\n\n  const onSnapWidgetOpacityChange = React.useCallback(async () => {\n    UiFramework.visibility.snapWidgetOpacity = !snapWidgetOpacity;\n  }, [snapWidgetOpacity]);\n\n  const onWidgetIconChange = React.useCallback(async () => {\n    UiFramework.setShowWidgetIcon(!showWidgetIcon);\n  }, [showWidgetIcon]);\n\n  const onAutoCollapseUnpinnedPanelsChange = React.useCallback(async () => {\n    UiFramework.setAutoCollapseUnpinnedPanels(!autoCollapseUnpinnedPanels);\n  }, [autoCollapseUnpinnedPanels]);\n\n  const onWidgetOpacityChange = React.useCallback(\n    async (values: readonly number[]) => {\n      if (values.length > 0) {\n        UiFramework.setWidgetOpacity(values[0]);\n      }\n    },\n    []\n  );\n\n  const onToggleDragInteraction = React.useCallback(async () => {\n    UiFramework.setUseDragInteraction(!useDragInteraction);\n  }, [useDragInteraction]);\n\n  const OnToggleAnimateToolSettings = React.useCallback(async () => {\n    UiFramework.setAnimateToolSettings(!animateToolSettings);\n  }, [animateToolSettings]);\n  const currentTheme = UiFramework.getColorTheme();\n\n  const OnToggleUseToolAsToolSettingsLabel = React.useCallback(async () => {\n    UiFramework.setUseToolAsToolSettingsLabel(!useToolAsToolSettingsLabel);\n  }, [useToolAsToolSettingsLabel]);\n\n  const onToolbarOpacityChange = React.useCallback(\n    async (values: readonly number[]) => {\n      if (values.length > 0) {\n        UiFramework.setToolbarOpacity(values[0]);\n      }\n    },\n    []\n  );\n\n  return (\n    <div className=\"uifw-settings\">\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.themeTitle\")}\n        description={translate(\"settings.uiSettingsPage.themeDescription\")}\n        settingUi={\n          <div\n            data-testid=\"select-theme-container\"\n            className=\"select-theme-container\"\n          >\n            <Select\n              value={currentTheme}\n              onChange={onThemeChange}\n              options={themeOptions}\n              data-testid=\"select-theme\"\n              size=\"small\"\n            />\n          </div>\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.autoHideTitle\")}\n        description={translate(\"settings.uiSettingsPage.autoHideDescription\")}\n        settingUi={\n          <ToggleSwitch checked={autoHideUi} onChange={onAutoHideChange} />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.dragInteractionTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.dragInteractionDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={useDragInteraction}\n            onChange={onToggleDragInteraction}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.useProximityOpacityTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.useProximityOpacityDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={useProximityOpacity}\n            onChange={onUseProximityOpacityChange}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.snapWidgetOpacityTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.snapWidgetOpacityDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={snapWidgetOpacity}\n            onChange={onSnapWidgetOpacityChange}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.widgetIconTitle\")}\n        description={translate(\"settings.uiSettingsPage.widgetIconDescription\")}\n        settingUi={\n          <ToggleSwitch\n            checked={showWidgetIcon}\n            onChange={onWidgetIconChange}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\n          \"settings.uiSettingsPage.autoCollapseUnpinnedPanelsTitle\"\n        )}\n        description={translate(\n          \"settings.uiSettingsPage.autoCollapseUnpinnedPanelsDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={autoCollapseUnpinnedPanels}\n            onChange={onAutoCollapseUnpinnedPanelsChange}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.animateToolSettingsTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.animateToolSettingsDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={animateToolSettings}\n            onChange={OnToggleAnimateToolSettings}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\n          \"settings.uiSettingsPage.useToolAsToolSettingsLabelTitle\"\n        )}\n        description={translate(\n          \"settings.uiSettingsPage.useToolAsToolSettingsLabelDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={useToolAsToolSettingsLabel}\n            onChange={OnToggleUseToolAsToolSettingsLabel}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.toolbarOpacityTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.toolbarOpacityDescription\"\n        )}\n        settingUi={\n          <Slider\n            style={{ flex: \"1\" }}\n            values={[toolbarOpacity]}\n            step={0.05}\n            onChange={onToolbarOpacityChange}\n            min={0.2}\n            max={1.0}\n            maxLabel=\"1.0\"\n            tickLabels={[\"\", \"\", \"\", \"\", \"\"]}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.widgetOpacityTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.widgetOpacityDescription\"\n        )}\n        settingUi={\n          <Slider\n            style={{ flex: \"1\" }}\n            values={[widgetOpacity]}\n            step={0.05}\n            onChange={onWidgetOpacityChange}\n            min={0.2}\n            max={1.0}\n            maxLabel=\"1.0\"\n            tickLabels={[\"\", \"\", \"\", \"\", \"\"]}\n          />\n        }\n      />\n    </div>\n  );\n}\n\ninterface SettingsItemProps {\n  title: string;\n  description: string;\n  settingUi: React.ReactNode;\n}\n\nfunction SettingsItem(props: SettingsItemProps) {\n  const { title, description, settingUi } = props;\n\n  return (\n    <div className=\"uifw-settings-item\">\n      <div className=\"panel left-panel\">\n        <span className=\"title\">{title}</span>\n        <span className=\"description\">{description}</span>\n      </div>\n      <div className=\"panel right-panel\">{settingUi}</div>\n    </div>\n  );\n}\n\n/**\n * Return a SettingsTabEntry that can be used to define the available settings that can be set for an application.\n * @param itemPriority - Used to define the order of the entry in the Settings Stage\n * @beta\n */\nexport function getUiSettingsManagerEntry(\n  itemPriority: number\n): SettingsTabEntry {\n  return {\n    itemPriority,\n    tabId: \"uifw:UiStateStorage\",\n    label: UiFramework.translate(\"settings.uiSettingsPage.label\"),\n    icon: <SvgWindowSettings />,\n    page: <UiSettingsPage />,\n    isDisabled: false,\n    tooltip: UiFramework.translate(\"settings.uiSettingsPage.tooltip\"),\n  };\n}\n"]}
+{"version":3,"file":"UiSettingsPage.js","sourceRoot":"","sources":["../../../../src/appui-react/settings/ui/UiSettingsPage.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Settings\n */\n\nimport { SvgWindowSettings } from \"@itwin/itwinui-icons-react\";\nimport \"./UiSettingsPage.scss\";\nimport * as React from \"react\";\nimport type { SettingsTabEntry } from \"@itwin/core-react\";\nimport { UiFramework } from \"../../UiFramework.js\";\nimport {\n  SyncUiEventDispatcher,\n  SyncUiEventId,\n} from \"../../syncui/SyncUiEventDispatcher.js\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select, Slider, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../hooks/useTranslation.js\";\nimport {\n  ColorTheme,\n  SYSTEM_PREFERRED_COLOR_THEME,\n} from \"../../theme/ThemeId.js\";\nimport { ConfigurableUiActionId } from \"../../redux/ConfigurableUiState.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** UiSettingsPage displaying the active UI settings. This page lets users set the following settings.\n *\n * - theme - Dark, Light, with or without High contrast, or based on OS preference.\n * - auto hide - Starts a timer and blanks out ui components that overlay content if there is no mouse movement for a period of time.\n * - drag interaction - If set, toolbar group buttons require a press and drag or a long press to open. In this mode a child action\n * item is shown as the group button and is activated when button is clicked. If a different child item is selected, it becomes the\n * active group button item.\n * - use proximity - Changes the opacity of toolbar from transparent to opaque as the mouse moves closer.\n * - snap widget opacity - triggers an abrupt change from transparent to opaque for tool and navigation widgets, instead of a gradual change based on mouse location.\n * - widget opacity - determines how transparent floating widgets become when the mouse in not in them.\n * @beta\n * @deprecated in 4.15.0. Use iTwinUI components to build a settings page.\n */\nexport function UiSettingsPage() {\n  const { translate } = useTranslation();\n  const [theme, setTheme] = React.useState(() => UiFramework.getColorTheme());\n  const [useDragInteraction, setUseDragInteraction] = React.useState(\n    () => UiFramework.useDragInteraction\n  );\n  const [showWidgetIcon, setShowWidgetIcon] = React.useState(\n    () => UiFramework.showWidgetIcon\n  );\n  const [autoCollapseUnpinnedPanels, setAutoCollapseUnpinnedPanels] =\n    React.useState(() => UiFramework.autoCollapseUnpinnedPanels);\n  const [animateToolSettings, setAnimateToolSettings] = React.useState(\n    () => UiFramework.animateToolSettings\n  );\n  const [useToolAsToolSettingsLabel, setUseToolAsToolSettingsLabel] =\n    React.useState(() => UiFramework.useToolAsToolSettingsLabel);\n  const [widgetOpacity, setWidgetOpacity] = React.useState(() =>\n    UiFramework.getWidgetOpacity()\n  );\n  const [autoHideUi, setAutoHideUi] = React.useState(\n    () => UiFramework.visibility.autoHideUi\n  );\n  const [useProximityOpacity, setUseProximityOpacity] = React.useState(\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    () => UiFramework.visibility.useProximityOpacity\n  );\n  const [snapWidgetOpacity, setSnapWidgetOpacity] = React.useState(\n    () => UiFramework.visibility.snapWidgetOpacity\n  );\n  const [toolbarOpacity, setToolbarOpacity] = React.useState(() =>\n    UiFramework.getToolbarOpacity()\n  );\n\n  React.useEffect(() => {\n    const syncIdsOfInterest = [\n      ConfigurableUiActionId.SetTheme,\n      ConfigurableUiActionId.SetWidgetOpacity,\n      ConfigurableUiActionId.SetShowWidgetIcon,\n      ConfigurableUiActionId.SetDragInteraction,\n      ConfigurableUiActionId.AutoCollapseUnpinnedPanels,\n      ConfigurableUiActionId.AnimateToolSettings,\n      ConfigurableUiActionId.UseToolAsToolSettingsLabel,\n      ConfigurableUiActionId.SetToolbarOpacity,\n      SyncUiEventId.ShowHideManagerSettingChange,\n    ];\n\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener((args) => {\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 @typescript-eslint/no-deprecated\n        if (UiFramework.visibility.useProximityOpacity !== useProximityOpacity)\n          // eslint-disable-next-line @typescript-eslint/no-deprecated\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  }, [\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 @typescript-eslint/no-deprecated\n    UiFramework.visibility.useProximityOpacity = !useProximityOpacity;\n  }, [useProximityOpacity]);\n\n  const onSnapWidgetOpacityChange = React.useCallback(async () => {\n    UiFramework.visibility.snapWidgetOpacity = !snapWidgetOpacity;\n  }, [snapWidgetOpacity]);\n\n  const onWidgetIconChange = React.useCallback(async () => {\n    UiFramework.setShowWidgetIcon(!showWidgetIcon);\n  }, [showWidgetIcon]);\n\n  const onAutoCollapseUnpinnedPanelsChange = React.useCallback(async () => {\n    UiFramework.setAutoCollapseUnpinnedPanels(!autoCollapseUnpinnedPanels);\n  }, [autoCollapseUnpinnedPanels]);\n\n  const onWidgetOpacityChange = React.useCallback(\n    async (values: readonly number[]) => {\n      if (values.length > 0) {\n        UiFramework.setWidgetOpacity(values[0]);\n      }\n    },\n    []\n  );\n\n  const onToggleDragInteraction = React.useCallback(async () => {\n    UiFramework.setUseDragInteraction(!useDragInteraction);\n  }, [useDragInteraction]);\n\n  const OnToggleAnimateToolSettings = React.useCallback(async () => {\n    UiFramework.setAnimateToolSettings(!animateToolSettings);\n  }, [animateToolSettings]);\n  const currentTheme = UiFramework.getColorTheme();\n\n  const OnToggleUseToolAsToolSettingsLabel = React.useCallback(async () => {\n    UiFramework.setUseToolAsToolSettingsLabel(!useToolAsToolSettingsLabel);\n  }, [useToolAsToolSettingsLabel]);\n\n  const onToolbarOpacityChange = React.useCallback(\n    async (values: readonly number[]) => {\n      if (values.length > 0) {\n        UiFramework.setToolbarOpacity(values[0]);\n      }\n    },\n    []\n  );\n\n  return (\n    <div className=\"uifw-settings\">\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.themeTitle\")}\n        description={translate(\"settings.uiSettingsPage.themeDescription\")}\n        settingUi={\n          <div\n            data-testid=\"select-theme-container\"\n            className=\"select-theme-container\"\n          >\n            <Select\n              value={currentTheme}\n              onChange={onThemeChange}\n              options={themeOptions}\n              data-testid=\"select-theme\"\n              size=\"small\"\n            />\n          </div>\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.autoHideTitle\")}\n        description={translate(\"settings.uiSettingsPage.autoHideDescription\")}\n        settingUi={\n          <ToggleSwitch checked={autoHideUi} onChange={onAutoHideChange} />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.dragInteractionTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.dragInteractionDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={useDragInteraction}\n            onChange={onToggleDragInteraction}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.useProximityOpacityTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.useProximityOpacityDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={useProximityOpacity}\n            onChange={onUseProximityOpacityChange}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.snapWidgetOpacityTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.snapWidgetOpacityDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={snapWidgetOpacity}\n            onChange={onSnapWidgetOpacityChange}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.widgetIconTitle\")}\n        description={translate(\"settings.uiSettingsPage.widgetIconDescription\")}\n        settingUi={\n          <ToggleSwitch\n            checked={showWidgetIcon}\n            onChange={onWidgetIconChange}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\n          \"settings.uiSettingsPage.autoCollapseUnpinnedPanelsTitle\"\n        )}\n        description={translate(\n          \"settings.uiSettingsPage.autoCollapseUnpinnedPanelsDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={autoCollapseUnpinnedPanels}\n            onChange={onAutoCollapseUnpinnedPanelsChange}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.animateToolSettingsTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.animateToolSettingsDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={animateToolSettings}\n            onChange={OnToggleAnimateToolSettings}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\n          \"settings.uiSettingsPage.useToolAsToolSettingsLabelTitle\"\n        )}\n        description={translate(\n          \"settings.uiSettingsPage.useToolAsToolSettingsLabelDescription\"\n        )}\n        settingUi={\n          <ToggleSwitch\n            checked={useToolAsToolSettingsLabel}\n            onChange={OnToggleUseToolAsToolSettingsLabel}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.toolbarOpacityTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.toolbarOpacityDescription\"\n        )}\n        settingUi={\n          <Slider\n            style={{ flex: \"1\" }}\n            values={[toolbarOpacity]}\n            step={0.05}\n            onChange={onToolbarOpacityChange}\n            min={0.2}\n            max={1.0}\n            maxLabel=\"1.0\"\n            tickLabels={[\"\", \"\", \"\", \"\", \"\"]}\n          />\n        }\n      />\n      <SettingsItem\n        title={translate(\"settings.uiSettingsPage.widgetOpacityTitle\")}\n        description={translate(\n          \"settings.uiSettingsPage.widgetOpacityDescription\"\n        )}\n        settingUi={\n          <Slider\n            style={{ flex: \"1\" }}\n            values={[widgetOpacity]}\n            step={0.05}\n            onChange={onWidgetOpacityChange}\n            min={0.2}\n            max={1.0}\n            maxLabel=\"1.0\"\n            tickLabels={[\"\", \"\", \"\", \"\", \"\"]}\n          />\n        }\n      />\n    </div>\n  );\n}\n\ninterface SettingsItemProps {\n  title: string;\n  description: string;\n  settingUi: React.ReactNode;\n}\n\nfunction SettingsItem(props: SettingsItemProps) {\n  const { title, description, settingUi } = props;\n\n  return (\n    <div className=\"uifw-settings-item\">\n      <div className=\"panel left-panel\">\n        <span className=\"title\">{title}</span>\n        <span className=\"description\">{description}</span>\n      </div>\n      <div className=\"panel right-panel\">{settingUi}</div>\n    </div>\n  );\n}\n\n/**\n * Return a SettingsTabEntry that can be used to define the available settings that can be set for an application.\n * @param itemPriority - Used to define the order of the entry in the Settings Stage\n * @beta\n */\nexport function getUiSettingsManagerEntry(\n  itemPriority: number\n): SettingsTabEntry {\n  return {\n    itemPriority,\n    tabId: \"uifw:UiStateStorage\",\n    label: UiFramework.translate(\"settings.uiSettingsPage.label\"),\n    icon: <SvgWindowSettings />,\n    page: <UiSettingsPage />,\n    isDisabled: false,\n    tooltip: UiFramework.translate(\"settings.uiSettingsPage.tooltip\"),\n  };\n}\n"]}

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

@@ -7,7 +7,7 @@
  */
 import { Orientation } from "@itwin/components-react";
 import { ItemDefBase } from "./ItemDefBase.js";
-/* eslint-disable deprecation/deprecation */
+/* eslint-disable @typescript-eslint/no-deprecated */
 /** Abstract base class that is used by classes to execute an action when pressed.
  * @public
  * @deprecated in 4.15.0. Use type specific utilities for creating items instead, i.e. `ToolbarItemUtilities.createActionItem`.

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

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

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

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

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

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

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

@@ -6,7 +6,7 @@
  * @module Item
  */
 import { ActionButtonItemDef } from "./ActionButtonItemDef.js";
-/* eslint-disable deprecation/deprecation */
+/* eslint-disable @typescript-eslint/no-deprecated */
 /** An Item that executes a Command.
  * @public
  * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarActionItem}.

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

@@ -1 +1 @@
-{"version":3,"file":"CommandItemDef.js","sourceRoot":"","sources":["../../../src/appui-react/shared/CommandItemDef.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAI/D,4CAA4C;AAE5C;;;GAGG;AACH,MAAM,OAAO,cAAe,SAAQ,mBAAmB;IAKrD,YACE,gBAAkC,EAClC,cAAmC;QAEnC,KAAK,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;QANnC,cAAS,GAAW,EAAE,CAAC;QAQ5B,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC7B,IAAI,CAAC,eAAe,GAAG;gBACrB,OAAO,EAAE,gBAAgB,CAAC,OAAO;gBACjC,UAAU,EAAE,gBAAgB,CAAC,UAAU;gBACvC,cAAc,EAAE,gBAAgB,CAAC,cAAc;aAChD,CAAC;QACJ,CAAC;QAED,IAAI,gBAAgB,CAAC,SAAS;YAAE,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC;aACvE,CAAC;YACJ,cAAc,CAAC,IAAI,EAAE,CAAC;YACtB,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC,eAAe,GAAG,cAAc,CAAC,IAAI,CAAC;QACxE,CAAC;IACH,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;;AA3Bc,mBAAI,GAAG,CAAC,AAAJ,CAAK;AACV,8BAAe,GAAG,UAAU,AAAb,CAAc","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef.js\";\nimport type { CommandItemProps } from \"./ItemProps.js\";\nimport type { ToolbarActionItem } from \"../toolbar/ToolbarItem.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** An Item that executes a Command.\n * @public\n * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarActionItem}.\n */\nexport class CommandItemDef extends ActionButtonItemDef {\n  private static _sId = 0;\n  public static commandIdPrefix = \"Command-\";\n  public commandId: string = \"\";\n\n  constructor(\n    commandItemProps: CommandItemProps,\n    onItemExecuted?: OnItemExecutedFunc\n  ) {\n    super(commandItemProps, onItemExecuted);\n\n    if (commandItemProps.execute) {\n      this._commandHandler = {\n        execute: commandItemProps.execute,\n        parameters: commandItemProps.parameters,\n        getCommandArgs: commandItemProps.getCommandArgs,\n      };\n    }\n\n    if (commandItemProps.commandId) this.commandId = commandItemProps.commandId;\n    else {\n      CommandItemDef._sId++;\n      this.commandId = CommandItemDef.commandIdPrefix + CommandItemDef._sId;\n    }\n  }\n\n  public get id(): string {\n    return this.commandId;\n  }\n}\n"]}
+{"version":3,"file":"CommandItemDef.js","sourceRoot":"","sources":["../../../src/appui-react/shared/CommandItemDef.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAI/D,qDAAqD;AAErD;;;GAGG;AACH,MAAM,OAAO,cAAe,SAAQ,mBAAmB;IAKrD,YACE,gBAAkC,EAClC,cAAmC;QAEnC,KAAK,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;QANnC,cAAS,GAAW,EAAE,CAAC;QAQ5B,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC7B,IAAI,CAAC,eAAe,GAAG;gBACrB,OAAO,EAAE,gBAAgB,CAAC,OAAO;gBACjC,UAAU,EAAE,gBAAgB,CAAC,UAAU;gBACvC,cAAc,EAAE,gBAAgB,CAAC,cAAc;aAChD,CAAC;QACJ,CAAC;QAED,IAAI,gBAAgB,CAAC,SAAS;YAAE,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC;aACvE,CAAC;YACJ,cAAc,CAAC,IAAI,EAAE,CAAC;YACtB,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC,eAAe,GAAG,cAAc,CAAC,IAAI,CAAC;QACxE,CAAC;IACH,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;;AA3Bc,mBAAI,GAAG,CAAC,AAAJ,CAAK;AACV,8BAAe,GAAG,UAAU,AAAb,CAAc","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef.js\";\nimport type { CommandItemProps } from \"./ItemProps.js\";\nimport type { ToolbarActionItem } from \"../toolbar/ToolbarItem.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** An Item that executes a Command.\n * @public\n * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarActionItem}.\n */\nexport class CommandItemDef extends ActionButtonItemDef {\n  private static _sId = 0;\n  public static commandIdPrefix = \"Command-\";\n  public commandId: string = \"\";\n\n  constructor(\n    commandItemProps: CommandItemProps,\n    onItemExecuted?: OnItemExecutedFunc\n  ) {\n    super(commandItemProps, onItemExecuted);\n\n    if (commandItemProps.execute) {\n      this._commandHandler = {\n        execute: commandItemProps.execute,\n        parameters: commandItemProps.parameters,\n        getCommandArgs: commandItemProps.getCommandArgs,\n      };\n    }\n\n    if (commandItemProps.commandId) this.commandId = commandItemProps.commandId;\n    else {\n      CommandItemDef._sId++;\n      this.commandId = CommandItemDef.commandIdPrefix + CommandItemDef._sId;\n    }\n  }\n\n  public get id(): string {\n    return this.commandId;\n  }\n}\n"]}

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

@@ -6,7 +6,7 @@
  * @module Item
  */
 import { ActionButtonItemDef } from "./ActionButtonItemDef.js";
-/* eslint-disable deprecation/deprecation */
+/* eslint-disable @typescript-eslint/no-deprecated */
 /** An Item that renders a React component.
  * @public
  * @deprecated in 4.15.0. Use specific item type utilities instead, i.e. `ToolbarItemUtilities.createCustomItem`.

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

@@ -1 +1 @@
-{"version":3,"file":"CustomItemDef.js","sourceRoot":"","sources":["../../../src/appui-react/shared/CustomItemDef.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAG/D,4CAA4C;AAE5C;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,mBAAmB;IAMpD,YAAY,KAAsB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,KAAK,CAAC,QAAQ;YAAE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;aAC9C,CAAC;YACJ,aAAa,CAAC,IAAI,EAAE,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC;QACpE,CAAC;QAED,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC;IAC7C,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;;AAnBc,kBAAI,GAAG,CAAC,CAAC;AACV,4BAAc,GAAG,SAAS,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type * as React from \"react\";\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef.js\";\nimport type { CustomItemProps } from \"./CustomItemProps.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** An Item that renders a React component.\n * @public\n * @deprecated in 4.15.0. Use specific item type utilities instead, i.e. `ToolbarItemUtilities.createCustomItem`.\n */\nexport class CustomItemDef extends ActionButtonItemDef {\n  private static _sId = 0;\n  public static customIdPrefix = \"Custom-\";\n  public customId: string;\n  public popupPanelNode?: React.ReactNode;\n\n  constructor(props: CustomItemProps) {\n    super(props);\n\n    if (props.customId) this.customId = props.customId;\n    else {\n      CustomItemDef._sId++;\n      this.customId = CustomItemDef.customIdPrefix + CustomItemDef._sId;\n    }\n\n    this.popupPanelNode = props.popupPanelNode;\n  }\n\n  public get id(): string {\n    return this.customId;\n  }\n}\n"]}
+{"version":3,"file":"CustomItemDef.js","sourceRoot":"","sources":["../../../src/appui-react/shared/CustomItemDef.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAG/D,qDAAqD;AAErD;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,mBAAmB;IAMpD,YAAY,KAAsB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,KAAK,CAAC,QAAQ;YAAE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;aAC9C,CAAC;YACJ,aAAa,CAAC,IAAI,EAAE,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC;QACpE,CAAC;QAED,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC;IAC7C,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;;AAnBc,kBAAI,GAAG,CAAC,CAAC;AACV,4BAAc,GAAG,SAAS,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type * as React from \"react\";\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef.js\";\nimport type { CustomItemProps } from \"./CustomItemProps.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** An Item that renders a React component.\n * @public\n * @deprecated in 4.15.0. Use specific item type utilities instead, i.e. `ToolbarItemUtilities.createCustomItem`.\n */\nexport class CustomItemDef extends ActionButtonItemDef {\n  private static _sId = 0;\n  public static customIdPrefix = \"Custom-\";\n  public customId: string;\n  public popupPanelNode?: React.ReactNode;\n\n  constructor(props: CustomItemProps) {\n    super(props);\n\n    if (props.customId) this.customId = props.customId;\n    else {\n      CustomItemDef._sId++;\n      this.customId = CustomItemDef.customIdPrefix + CustomItemDef._sId;\n    }\n\n    this.popupPanelNode = props.popupPanelNode;\n  }\n\n  public get id(): string {\n    return this.customId;\n  }\n}\n"]}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ItemDefBase.js","sourceRoot":"","sources":["../../../src/appui-react/shared/ItemDefBase.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\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.js\";\nimport type { ItemProps } from \"./ItemProps.js\";\nimport type { BadgeType, IconSpec } from \"@itwin/core-react\";\nimport type { BadgeKind } from \"@itwin/core-react/internal\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Base state for any 'stateful' React component.\n * @public\n * @deprecated in 4.15.0. Define a custom state for your React components.\n */\nexport interface BaseItemState {\n  isVisible?: boolean; // Default - true\n  isEnabled?: boolean; // Default - true\n  isActive?: boolean; // Default - false\n  isPressed?: boolean; // Default - false\n}\n\n/** The base class for Items.\n * @public\n * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarItem}.\n */\nexport abstract class ItemDefBase {\n  private _label: string | StringGetter | ConditionalStringValue = \"\";\n  private _tooltip: string | StringGetter | ConditionalStringValue = \"\";\n  private _description: string | StringGetter | ConditionalStringValue = \"\";\n\n  public isPressed: boolean = false;\n  private _isActive: boolean = false;\n  public get isActive(): boolean {\n    return this._isActive;\n  }\n  public set isActive(v: boolean) {\n    this._isActive = v;\n  }\n  public applicationData?: any;\n\n  public isHidden?: boolean | ConditionalBooleanValue;\n  public isDisabled?: boolean | ConditionalBooleanValue;\n\n  /** @deprecated in 4.16.0. Use `badgeKind` property instead. */\n  public badgeType?: BadgeType;\n  public badgeKind?: BadgeKind;\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    me.badgeKind = itemProps.badgeKind;\n\n    if (itemProps.applicationData !== undefined)\n      me.applicationData = itemProps.applicationData;\n    if (itemProps.iconSpec) me.iconSpec = itemProps.iconSpec;\n    if (itemProps.icon) me.iconSpec = itemProps.icon;\n\n    me._label = PropsHelper.getStringSpec(itemProps.label, itemProps.labelKey);\n    me._tooltip = PropsHelper.getStringSpec(\n      itemProps.tooltip,\n      itemProps.tooltipKey\n    );\n    me._description = PropsHelper.getStringSpec(\n      itemProps.description,\n      itemProps.descriptionKey\n    );\n  }\n\n  constructor(itemProps: ItemProps) {\n    ItemDefBase.initializeDef(this, itemProps);\n  }\n\n  public get trayId() {\n    return undefined;\n  }\n  public abstract get id(): string;\n\n  /** Get the label string */\n  public get rawLabel(): string | StringGetter | ConditionalStringValue {\n    return this._label;\n  }\n\n  /** Get the label string */\n  public get label(): string {\n    return PropsHelper.getStringFromSpec(this._label);\n  }\n\n  /** Set the label.\n   * @param v A string or a function to get the string.\n   */\n  public setLabel(v: string | StringGetter | ConditionalStringValue) {\n    this._label = v;\n  }\n\n  /** Get the tooltip string */\n  public get tooltip(): string {\n    return PropsHelper.getStringFromSpec(this._tooltip);\n  }\n\n  /** Set the tooltip.\n   * @param v A string or a function to get the string.\n   */\n  public setTooltip(v: string | StringGetter | ConditionalStringValue) {\n    this._tooltip = v;\n  }\n\n  /** Get the description string */\n  public get description(): string {\n    return PropsHelper.getStringFromSpec(this._description);\n  }\n\n  /** Set the description.\n   * @param v A string or a function to get the string.\n   */\n  public setDescription(v: string | StringGetter | ConditionalStringValue) {\n    this._description = v;\n  }\n}\n"]}
+{"version":3,"file":"ItemDefBase.js","sourceRoot":"","sources":["../../../src/appui-react/shared/ItemDefBase.ts"],"names":[],"mappings":"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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 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.js\";\nimport type { ItemProps } from \"./ItemProps.js\";\nimport type { BadgeType, IconSpec } from \"@itwin/core-react\";\nimport type { BadgeKind } from \"@itwin/core-react/internal\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** Base state for any 'stateful' React component.\n * @public\n * @deprecated in 4.15.0. Define a custom state for your React components.\n */\nexport interface BaseItemState {\n  isVisible?: boolean; // Default - true\n  isEnabled?: boolean; // Default - true\n  isActive?: boolean; // Default - false\n  isPressed?: boolean; // Default - false\n}\n\n/** The base class for Items.\n * @public\n * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarItem}.\n */\nexport abstract class ItemDefBase {\n  private _label: string | StringGetter | ConditionalStringValue = \"\";\n  private _tooltip: string | StringGetter | ConditionalStringValue = \"\";\n  private _description: string | StringGetter | ConditionalStringValue = \"\";\n\n  public isPressed: boolean = false;\n  private _isActive: boolean = false;\n  public get isActive(): boolean {\n    return this._isActive;\n  }\n  public set isActive(v: boolean) {\n    this._isActive = v;\n  }\n  public applicationData?: any;\n\n  public isHidden?: boolean | ConditionalBooleanValue;\n  public isDisabled?: boolean | ConditionalBooleanValue;\n\n  /** @deprecated in 4.16.0. Use `badgeKind` property instead. */\n  public badgeType?: BadgeType;\n  public badgeKind?: BadgeKind;\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    me.badgeKind = itemProps.badgeKind;\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/appui-react/shared/ItemMap.js

@@ -5,7 +5,7 @@
 /** @packageDocumentation
  * @module Item
  */
-/* eslint-disable deprecation/deprecation */
+/* eslint-disable @typescript-eslint/no-deprecated */
 /** Contains a map of Items.
  * @public
  * @deprecated in 4.15.0. Map for deprecated {@link ItemDefBase} class instances. Use `Map` to store your objects.

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

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

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

@@ -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  ConditionalBooleanValue,\n  ConditionalStringValue,\n  StringGetter,\n} from \"@itwin/appui-abstract\";\nimport type { BadgeType, IconProps, IconSpec } from \"@itwin/core-react\";\nimport type { BadgeKind } from \"@itwin/core-react/internal\";\nimport type { ToolbarActionItem } from \"../toolbar/ToolbarItem.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Definition that specifies properties shared between many ConfigurableUi components.\n * @public\n * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarActionItem}.\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   * @deprecated in 4.16.0. Use `badgeKind` property instead.\n   */\n  badgeType?: BadgeType;\n  /** Specifies the kind of badge, if any, to be overlaid on the item. */\n  badgeKind?: BadgeKind;\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 * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarActionItem}.\n */\nexport interface ToolItemProps extends ItemProps, CommandHandler {\n  toolId: string;\n}\n\n/** Properties for a Command item.\n * @public\n * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarActionItem}.\n */\nexport interface CommandItemProps extends ItemProps, CommandHandler {\n  commandId?: string;\n}\n\n/** Definition for a command handler.\n * @public\n * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarActionItem}.\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"]}
+{"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\";\nimport type { BadgeKind } from \"@itwin/core-react/internal\";\nimport type { ToolbarActionItem } from \"../toolbar/ToolbarItem.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** Definition that specifies properties shared between many ConfigurableUi components.\n * @public\n * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarActionItem}.\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   * @deprecated in 4.16.0. Use `badgeKind` property instead.\n   */\n  badgeType?: BadgeType;\n  /** Specifies the kind of badge, if any, to be overlaid on the item. */\n  badgeKind?: BadgeKind;\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 * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarActionItem}.\n */\nexport interface ToolItemProps extends ItemProps, CommandHandler {\n  toolId: string;\n}\n\n/** Properties for a Command item.\n * @public\n * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarActionItem}.\n */\nexport interface CommandItemProps extends ItemProps, CommandHandler {\n  commandId?: string;\n}\n\n/** Definition for a command handler.\n * @public\n * @deprecated in 4.15.0. Use specific item types instead, i.e. {@link ToolbarActionItem}.\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/appui-react/shared/MenuItem.js

@@ -47,7 +47,7 @@ export class MenuItem extends ItemDefBase {
             });
         }
         else {
-            // eslint-disable-next-line deprecation/deprecation
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
             throw new UiError(UiFramework.loggerCategory("MenuItem"), `Either 'item', 'execute' or 'submenu' must be specified for '${props.id}'.`);
         }
         this.iconRightSpec = props.iconRight;

package/lib/appui-react/shared/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../src/appui-react/shared/MenuItem.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 Item\n */\n\nimport * as React from \"react\";\nimport type {\n  AbstractMenuItemProps,\n  StringGetter,\n} from \"@itwin/appui-abstract\";\nimport { ConditionalBooleanValue, UiError } from \"@itwin/appui-abstract\";\nimport type { BadgeType, CommonProps, IconSpec } from \"@itwin/core-react\";\nimport type { BadgeKind } from \"@itwin/core-react/internal\";\nimport { ContextMenuItem, ContextSubMenu } from \"@itwin/core-react\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { ActionButtonItemDef } from \"./ActionButtonItemDef.js\";\nimport { CommandItemDef } from \"./CommandItemDef.js\";\nimport { ItemDefBase } from \"./ItemDefBase.js\";\nimport type { CommandItemProps } from \"./ItemProps.js\";\nimport type { ConditionalStringValue } from \"./ConditionalValue.js\";\n\n/** Properties for context menu items.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface CursorMenuItemProps extends CommonProps {\n  /** The id for the menu item. */\n  id: string;\n  /** Icon to display. */\n  iconNode?: React.ReactNode;\n  /** Icon to display.\n   * @deprecated in 4.16.0. Use {@link CursorMenuItemProps.iconNode} instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  iconSpec?: IconSpec;\n  /** The item to execute when this item is invoked. Either 'item', 'submenu' or `execute` must be specified.\n   * @deprecated in 4.15.0. Use properties of this object instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  item?: CommandItemProps;\n  /** Function to execute. */\n  execute?: () => any;\n  /** Nested array of item props. Either 'item', 'submenu' or 'execute' must be specified. */\n  submenu?: CursorMenuItemProps[];\n  /** Icon to display on right side of the menu item.\n   * Name of icon WebFont entry or if specifying an imported SVG symbol use \"webSvg:\" prefix  to imported symbol Id.\n   */\n  iconRight?: string | ConditionalStringValue;\n\n  // #region \"ItemProps\" properties previously extended from deprecated type.\n\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   * @deprecated in 4.16.0. Use `badgeKind` property instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  badgeType?: BadgeType;\n  /** Specifies the kind of badge, if any, to be overlaid on the item. */\n  badgeKind?: BadgeKind;\n  /** Abstract icon definition. Used when creating itemDef from abstract item (ie. MenuItem).\n   * @deprecated in 4.16.0. Use {@link CursorMenuItemProps.iconNode} instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\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  // #endregion \"ItemProps\"\n}\n\n/* eslint-disable deprecation/deprecation */\n\n/** Menu Item Properties\n * @public\n * @deprecated in 4.11.0. Please use {@link CursorMenuItemProps}.\n */\nexport type MenuItemProps = AbstractMenuItemProps;\n\n/** Menu Item\n * @alpha\n * @deprecated in 4.15.0. Used in a deprecated class {@link MenuItemHelpers}.\n */\nexport class MenuItem extends ItemDefBase {\n  private _id = \"\";\n  private _actionItem?: ActionButtonItemDef;\n  private _submenu: MenuItem[];\n  private _onSelection?: () => void;\n  private _execute?: () => void;\n\n  /** onSelection is an optional parameter typically supplied to allow menu parent to close context menu when a menu item is selected. */\n  constructor(props: CursorMenuItemProps, onSelection?: () => void) {\n    super(props);\n\n    this._id = props.id;\n    this._submenu = new Array<MenuItem>();\n    this._onSelection = onSelection;\n\n    if (props.item) {\n      this._actionItem = new CommandItemDef(props.item);\n\n      // Copy over icon, label & badgeType from the item\n      if (!this.iconSpec) this.iconSpec = this._actionItem.iconSpec;\n      if (!this.label) this.setLabel(this._actionItem.label);\n      if (!this.badgeType) this.badgeType = this._actionItem.badgeType;\n      if (!this.badgeKind) this.badgeKind = this._actionItem.badgeKind;\n      if (!this.isDisabled) this.isDisabled = this._actionItem.isDisabled;\n    } else if (props.execute) {\n      this._execute = props.execute;\n    } else if (props.submenu) {\n      props.submenu.forEach((childProps: CursorMenuItemProps) => {\n        const childItem = new MenuItem(childProps, onSelection);\n        this._submenu.push(childItem);\n      });\n    } else {\n      // eslint-disable-next-line deprecation/deprecation\n      throw new UiError(\n        UiFramework.loggerCategory(\"MenuItem\"),\n        `Either 'item', 'execute' or 'submenu' must be specified for '${props.id}'.`\n      );\n    }\n\n    this.iconRightSpec = props.iconRight;\n  }\n\n  public get id(): string {\n    return this._id;\n  }\n\n  public get submenu(): MenuItem[] {\n    return this._submenu;\n  }\n\n  public get actionItem(): ActionButtonItemDef | undefined {\n    return this._actionItem;\n  }\n\n  public iconRightSpec?: IconSpec;\n\n  public itemPicked(): void {\n    setTimeout(() => {\n      if (this._actionItem) this._actionItem.execute();\n      else if (this._execute) this._execute();\n    });\n\n    if (this._onSelection) this._onSelection();\n  }\n}\n\n/** Menu Item helper methods\n * @alpha\n * @deprecated in 4.15.0. Use {@link @itwin/core-react#ContextMenuItem} and {@link @itwin/core-react#ContextSubMenu} components.\n */\nexport class MenuItemHelpers {\n  public static createMenuItems(\n    itemPropsList: CursorMenuItemProps[],\n    onSelection?: () => void\n  ): MenuItem[] {\n    const menuItems = new Array<MenuItem>();\n    itemPropsList.forEach((itemProps: CursorMenuItemProps) => {\n      menuItems.push(new MenuItem(itemProps, onSelection));\n    });\n    return menuItems;\n  }\n\n  public static createMenuItemNodes(itemList: MenuItem[]): React.ReactNode[] {\n    const itemNodes: React.ReactNode[] = [];\n\n    itemList.forEach((item: MenuItem, index: number) => {\n      const reactItem = this.createMenuItemNode(item, index);\n      if (reactItem) itemNodes.push(reactItem);\n    });\n\n    return itemNodes;\n  }\n\n  private static createMenuItemNode(\n    item: MenuItem,\n    index: number\n  ): React.ReactNode {\n    const label = item.label;\n    const iconSpec = item.iconSpec;\n    const iconRightSpec = item.iconRightSpec;\n    const badgeType = item.badgeType;\n    const badgeKind = item.badgeKind;\n    const isDisabled: boolean = ConditionalBooleanValue.getValue(\n      item.isDisabled\n    );\n\n    if (item.submenu && item.submenu.length > 0) {\n      const items = this.createMenuItemNodes(item.submenu);\n\n      return (\n        <ContextSubMenu\n          key={index}\n          icon={iconSpec}\n          label={label}\n          badgeType={badgeType}\n          badgeKind={badgeKind}\n          disabled={isDisabled}\n        >\n          {items}\n        </ContextSubMenu>\n      );\n    }\n\n    return (\n      <ContextMenuItem\n        key={index}\n        onSelect={() => item.itemPicked()}\n        icon={iconSpec}\n        iconRight={iconRightSpec}\n        badgeType={badgeType}\n        badgeKind={badgeKind}\n        disabled={isDisabled}\n      >\n        {label}\n      </ContextMenuItem>\n    );\n  }\n}\n"]}
+{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../src/appui-react/shared/MenuItem.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 Item\n */\n\nimport * as React from \"react\";\nimport type {\n  AbstractMenuItemProps,\n  StringGetter,\n} from \"@itwin/appui-abstract\";\nimport { ConditionalBooleanValue, UiError } from \"@itwin/appui-abstract\";\nimport type { BadgeType, CommonProps, IconSpec } from \"@itwin/core-react\";\nimport type { BadgeKind } from \"@itwin/core-react/internal\";\nimport { ContextMenuItem, ContextSubMenu } from \"@itwin/core-react\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { ActionButtonItemDef } from \"./ActionButtonItemDef.js\";\nimport { CommandItemDef } from \"./CommandItemDef.js\";\nimport { ItemDefBase } from \"./ItemDefBase.js\";\nimport type { CommandItemProps } from \"./ItemProps.js\";\nimport type { ConditionalStringValue } from \"./ConditionalValue.js\";\n\n/** Properties for context menu items.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface CursorMenuItemProps extends CommonProps {\n  /** The id for the menu item. */\n  id: string;\n  /** Icon to display. */\n  iconNode?: React.ReactNode;\n  /** Icon to display.\n   * @deprecated in 4.16.0. Use {@link CursorMenuItemProps.iconNode} instead.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  iconSpec?: IconSpec;\n  /** The item to execute when this item is invoked. Either 'item', 'submenu' or `execute` must be specified.\n   * @deprecated in 4.15.0. Use properties of this object instead.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  item?: CommandItemProps;\n  /** Function to execute. */\n  execute?: () => any;\n  /** Nested array of item props. Either 'item', 'submenu' or 'execute' must be specified. */\n  submenu?: CursorMenuItemProps[];\n  /** Icon to display on right side of the menu item.\n   * Name of icon WebFont entry or if specifying an imported SVG symbol use \"webSvg:\" prefix  to imported symbol Id.\n   */\n  iconRight?: string | ConditionalStringValue;\n\n  // #region \"ItemProps\" properties previously extended from deprecated type.\n\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   * @deprecated in 4.16.0. Use `badgeKind` property instead.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  badgeType?: BadgeType;\n  /** Specifies the kind of badge, if any, to be overlaid on the item. */\n  badgeKind?: BadgeKind;\n  /** Abstract icon definition. Used when creating itemDef from abstract item (ie. MenuItem).\n   * @deprecated in 4.16.0. Use {@link CursorMenuItemProps.iconNode} instead.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\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  // #endregion \"ItemProps\"\n}\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** Menu Item Properties\n * @public\n * @deprecated in 4.11.0. Please use {@link CursorMenuItemProps}.\n */\nexport type MenuItemProps = AbstractMenuItemProps;\n\n/** Menu Item\n * @alpha\n * @deprecated in 4.15.0. Used in a deprecated class {@link MenuItemHelpers}.\n */\nexport class MenuItem extends ItemDefBase {\n  private _id = \"\";\n  private _actionItem?: ActionButtonItemDef;\n  private _submenu: MenuItem[];\n  private _onSelection?: () => void;\n  private _execute?: () => void;\n\n  /** onSelection is an optional parameter typically supplied to allow menu parent to close context menu when a menu item is selected. */\n  constructor(props: CursorMenuItemProps, onSelection?: () => void) {\n    super(props);\n\n    this._id = props.id;\n    this._submenu = new Array<MenuItem>();\n    this._onSelection = onSelection;\n\n    if (props.item) {\n      this._actionItem = new CommandItemDef(props.item);\n\n      // Copy over icon, label & badgeType from the item\n      if (!this.iconSpec) this.iconSpec = this._actionItem.iconSpec;\n      if (!this.label) this.setLabel(this._actionItem.label);\n      if (!this.badgeType) this.badgeType = this._actionItem.badgeType;\n      if (!this.badgeKind) this.badgeKind = this._actionItem.badgeKind;\n      if (!this.isDisabled) this.isDisabled = this._actionItem.isDisabled;\n    } else if (props.execute) {\n      this._execute = props.execute;\n    } else if (props.submenu) {\n      props.submenu.forEach((childProps: CursorMenuItemProps) => {\n        const childItem = new MenuItem(childProps, onSelection);\n        this._submenu.push(childItem);\n      });\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      throw new UiError(\n        UiFramework.loggerCategory(\"MenuItem\"),\n        `Either 'item', 'execute' or 'submenu' must be specified for '${props.id}'.`\n      );\n    }\n\n    this.iconRightSpec = props.iconRight;\n  }\n\n  public get id(): string {\n    return this._id;\n  }\n\n  public get submenu(): MenuItem[] {\n    return this._submenu;\n  }\n\n  public get actionItem(): ActionButtonItemDef | undefined {\n    return this._actionItem;\n  }\n\n  public iconRightSpec?: IconSpec;\n\n  public itemPicked(): void {\n    setTimeout(() => {\n      if (this._actionItem) this._actionItem.execute();\n      else if (this._execute) this._execute();\n    });\n\n    if (this._onSelection) this._onSelection();\n  }\n}\n\n/** Menu Item helper methods\n * @alpha\n * @deprecated in 4.15.0. Use {@link @itwin/core-react#ContextMenuItem} and {@link @itwin/core-react#ContextSubMenu} components.\n */\nexport class MenuItemHelpers {\n  public static createMenuItems(\n    itemPropsList: CursorMenuItemProps[],\n    onSelection?: () => void\n  ): MenuItem[] {\n    const menuItems = new Array<MenuItem>();\n    itemPropsList.forEach((itemProps: CursorMenuItemProps) => {\n      menuItems.push(new MenuItem(itemProps, onSelection));\n    });\n    return menuItems;\n  }\n\n  public static createMenuItemNodes(itemList: MenuItem[]): React.ReactNode[] {\n    const itemNodes: React.ReactNode[] = [];\n\n    itemList.forEach((item: MenuItem, index: number) => {\n      const reactItem = this.createMenuItemNode(item, index);\n      if (reactItem) itemNodes.push(reactItem);\n    });\n\n    return itemNodes;\n  }\n\n  private static createMenuItemNode(\n    item: MenuItem,\n    index: number\n  ): React.ReactNode {\n    const label = item.label;\n    const iconSpec = item.iconSpec;\n    const iconRightSpec = item.iconRightSpec;\n    const badgeType = item.badgeType;\n    const badgeKind = item.badgeKind;\n    const isDisabled: boolean = ConditionalBooleanValue.getValue(\n      item.isDisabled\n    );\n\n    if (item.submenu && item.submenu.length > 0) {\n      const items = this.createMenuItemNodes(item.submenu);\n\n      return (\n        <ContextSubMenu\n          key={index}\n          icon={iconSpec}\n          label={label}\n          badgeType={badgeType}\n          badgeKind={badgeKind}\n          disabled={isDisabled}\n        >\n          {items}\n        </ContextSubMenu>\n      );\n    }\n\n    return (\n      <ContextMenuItem\n        key={index}\n        onSelect={() => item.itemPicked()}\n        icon={iconSpec}\n        iconRight={iconRightSpec}\n        badgeType={badgeType}\n        badgeKind={badgeKind}\n        disabled={isDisabled}\n      >\n        {label}\n      </ContextMenuItem>\n    );\n  }\n}\n"]}

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

@@ -7,7 +7,7 @@
  */
 import { IModelApp } from "@itwin/core-frontend";
 import { ActionButtonItemDef } from "./ActionButtonItemDef.js";
-/* eslint-disable deprecation/deprecation */
+/* eslint-disable @typescript-eslint/no-deprecated */
 /** An Item that starts the execution of a Tool.
  * @public
  * @deprecated in 4.15.0. Use {@link ToolbarItemUtilities.createForTool} instead.

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

@@ -1 +1 @@
-{"version":3,"file":"ToolItemDef.js","sourceRoot":"","sources":["../../../src/appui-react/shared/ToolItemDef.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAI/D,4CAA4C;AAE5C;;;GAGG;AACH,MAAM,OAAO,WAAY,SAAQ,mBAAmB;IAGlD,YACE,aAA4B,EAC5B,cAAmC;QAEnC,KAAK,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;QANhC,WAAM,GAAW,EAAE,CAAC;QAQzB,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1B,IAAI,CAAC,eAAe,GAAG;gBACrB,OAAO,EAAE,aAAa,CAAC,OAAO;gBAC9B,UAAU,EAAE,aAAa,CAAC,UAAU;gBACpC,cAAc,EAAE,aAAa,CAAC,cAAc;aAC7C,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;IACrC,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,iBAAiB,CAC7B,IAAiB,EACjB,IAAa,EACb,GAAG,IAAW;QAEd,OAAO,IAAI,WAAW,CAAC;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,IAAI,EAAE,IAAI;gBACR,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;oBAC3C,CAAC,CAAC,IAAI,CAAC,QAAQ;oBACf,CAAC,CAAC,SAAS;YACb,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO;YACzB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW;YACnC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC;SAC/D,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type { Tool } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport type { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef.js\";\nimport type { ToolItemProps } from \"./ItemProps.js\";\nimport type { ToolbarItemUtilities } from \"../toolbar/ToolbarItemUtilities.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** An Item that starts the execution of a Tool.\n * @public\n * @deprecated in 4.15.0. Use {@link ToolbarItemUtilities.createForTool} instead.\n */\nexport class ToolItemDef extends ActionButtonItemDef {\n  public toolId: string = \"\";\n\n  constructor(\n    toolItemProps: ToolItemProps,\n    onItemExecuted?: OnItemExecutedFunc\n  ) {\n    super(toolItemProps, onItemExecuted);\n\n    if (toolItemProps.execute) {\n      this._commandHandler = {\n        execute: toolItemProps.execute,\n        parameters: toolItemProps.parameters,\n        getCommandArgs: toolItemProps.getCommandArgs,\n      };\n    }\n\n    this.toolId = toolItemProps.toolId;\n  }\n\n  public get id(): string {\n    return this.toolId;\n  }\n\n  /** Create a ToolItemDef that will run a registered tool.\n   * @deprecated in 4.15.0. Use {@link ToolbarItemUtilities.createForTool} instead.\n   */\n  public static getItemDefForTool(\n    tool: typeof Tool,\n    icon?: string,\n    ...args: any[]\n  ): ToolItemDef {\n    return new ToolItemDef({\n      toolId: tool.toolId,\n      icon: icon\n        ? icon\n        : tool.iconSpec && tool.iconSpec.length > 0\n        ? tool.iconSpec\n        : undefined,\n      label: () => tool.flyover,\n      description: () => tool.description,\n      execute: async () => IModelApp.tools.run(tool.toolId, ...args),\n    });\n  }\n}\n"]}
+{"version":3,"file":"ToolItemDef.js","sourceRoot":"","sources":["../../../src/appui-react/shared/ToolItemDef.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAI/D,qDAAqD;AAErD;;;GAGG;AACH,MAAM,OAAO,WAAY,SAAQ,mBAAmB;IAGlD,YACE,aAA4B,EAC5B,cAAmC;QAEnC,KAAK,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;QANhC,WAAM,GAAW,EAAE,CAAC;QAQzB,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1B,IAAI,CAAC,eAAe,GAAG;gBACrB,OAAO,EAAE,aAAa,CAAC,OAAO;gBAC9B,UAAU,EAAE,aAAa,CAAC,UAAU;gBACpC,cAAc,EAAE,aAAa,CAAC,cAAc;aAC7C,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;IACrC,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,iBAAiB,CAC7B,IAAiB,EACjB,IAAa,EACb,GAAG,IAAW;QAEd,OAAO,IAAI,WAAW,CAAC;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,IAAI,EAAE,IAAI;gBACR,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;oBAC3C,CAAC,CAAC,IAAI,CAAC,QAAQ;oBACf,CAAC,CAAC,SAAS;YACb,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO;YACzB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW;YACnC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC;SAC/D,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport type { Tool } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport type { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef.js\";\nimport type { ToolItemProps } from \"./ItemProps.js\";\nimport type { ToolbarItemUtilities } from \"../toolbar/ToolbarItemUtilities.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** An Item that starts the execution of a Tool.\n * @public\n * @deprecated in 4.15.0. Use {@link ToolbarItemUtilities.createForTool} instead.\n */\nexport class ToolItemDef extends ActionButtonItemDef {\n  public toolId: string = \"\";\n\n  constructor(\n    toolItemProps: ToolItemProps,\n    onItemExecuted?: OnItemExecutedFunc\n  ) {\n    super(toolItemProps, onItemExecuted);\n\n    if (toolItemProps.execute) {\n      this._commandHandler = {\n        execute: toolItemProps.execute,\n        parameters: toolItemProps.parameters,\n        getCommandArgs: toolItemProps.getCommandArgs,\n      };\n    }\n\n    this.toolId = toolItemProps.toolId;\n  }\n\n  public get id(): string {\n    return this.toolId;\n  }\n\n  /** Create a ToolItemDef that will run a registered tool.\n   * @deprecated in 4.15.0. Use {@link ToolbarItemUtilities.createForTool} instead.\n   */\n  public static getItemDefForTool(\n    tool: typeof Tool,\n    icon?: string,\n    ...args: any[]\n  ): ToolItemDef {\n    return new ToolItemDef({\n      toolId: tool.toolId,\n      icon: icon\n        ? icon\n        : tool.iconSpec && tool.iconSpec.length > 0\n        ? tool.iconSpec\n        : undefined,\n      label: () => tool.flyover,\n      description: () => tool.description,\n      execute: async () => IModelApp.tools.run(tool.toolId, ...args),\n    });\n  }\n}\n"]}

package/lib/appui-react/stagepanels/StagePanelConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"StagePanelConfig.js","sourceRoot":"","sources":["../../../src/appui-react/stagepanels/StagePanelConfig.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 Frontstage\n */\n\nimport type { WidgetConfig } from \"../widgets/WidgetConfig.js\";\nimport type { StagePanelState } from \"./StagePanelState.js\";\n\n/** Configuration from which a stage panel is created.\n * @public\n */\nexport interface StagePanelConfig {\n  /** Default Panel state. Controls how the panel is initially displayed. Defaults to StagePanelState.Open. */\n  readonly defaultState?: StagePanelState;\n  /** Maximum size of the panel.\n   * @deprecated in 4.12.0. Please use {@link StagePanelConfig.maxSizeSpec}.\n   */\n  readonly maxSize?: StagePanelMaxSizeSpec; // eslint-disable-line deprecation/deprecation\n  /** Maximum size of the panel. */\n  readonly maxSizeSpec?: StagePanelSizeSpec;\n  /** Minimum size of the panel.\n   *  @deprecated in 4.12.0. Please use {@link StagePanelConfig.minSizeSpec}.\n   */\n  readonly minSize?: number;\n  /** Minimum size of the panel. */\n  readonly minSizeSpec?: StagePanelSizeSpec;\n  /** Indicates whether the panel is pinned. Defaults to true. */\n  readonly pinned?: boolean;\n  /** Indicates whether the panel is resizable. Defaults to true. */\n  readonly resizable?: boolean;\n  /** Default size of the panel.\n   * @deprecated in 4.12.0. Please use {@link StagePanelConfig.sizeSpec}.\n   */\n  readonly size?: number;\n  /** Default size of the panel. */\n  readonly sizeSpec?: StagePanelSizeSpec;\n  /** Configuration of the panel sections. */\n  readonly sections?: StagePanelSectionsConfig;\n}\n\n/** Configuration from which a stage panel section is created.\n * @public\n */\nexport type StagePanelSectionConfig = ReadonlyArray<WidgetConfig>;\n\n/** Configuration from which stage panel sections are created.\n * @public\n */\nexport interface StagePanelSectionsConfig {\n  /** Configuration of the `start` section. */\n  readonly start?: StagePanelSectionConfig;\n  /** Configuration of the `end` section. */\n  readonly end?: StagePanelSectionConfig;\n}\n\n/** Available units of panel max size. Pixels or percentage of App size.\n * @note Percentage of App `height` is used for top/bottom panel and percentage of App `width` is used for left/right panel.\n * @public\n * @deprecated in 4.12.0. Please use {@link StagePanelSizeSpec}.\n */\nexport type StagePanelMaxSizeSpec = number | { percentage: number };\n\n/** Available units of panel size - pixels or percentage of app size.\n * @note Percentage of App `height` is used for top/bottom panel and percentage of app `width` is used for left/right panel.\n * @public\n */\nexport type StagePanelSizeSpec = number | { percentage: number };\n"]}
+{"version":3,"file":"StagePanelConfig.js","sourceRoot":"","sources":["../../../src/appui-react/stagepanels/StagePanelConfig.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 Frontstage\n */\n\nimport type { WidgetConfig } from \"../widgets/WidgetConfig.js\";\nimport type { StagePanelState } from \"./StagePanelState.js\";\n\n/** Configuration from which a stage panel is created.\n * @public\n */\nexport interface StagePanelConfig {\n  /** Default Panel state. Controls how the panel is initially displayed. Defaults to StagePanelState.Open. */\n  readonly defaultState?: StagePanelState;\n  /** Maximum size of the panel.\n   * @deprecated in 4.12.0. Please use {@link StagePanelConfig.maxSizeSpec}.\n   */\n  readonly maxSize?: StagePanelMaxSizeSpec; // eslint-disable-line @typescript-eslint/no-deprecated\n  /** Maximum size of the panel. */\n  readonly maxSizeSpec?: StagePanelSizeSpec;\n  /** Minimum size of the panel.\n   *  @deprecated in 4.12.0. Please use {@link StagePanelConfig.minSizeSpec}.\n   */\n  readonly minSize?: number;\n  /** Minimum size of the panel. */\n  readonly minSizeSpec?: StagePanelSizeSpec;\n  /** Indicates whether the panel is pinned. Defaults to true. */\n  readonly pinned?: boolean;\n  /** Indicates whether the panel is resizable. Defaults to true. */\n  readonly resizable?: boolean;\n  /** Default size of the panel.\n   * @deprecated in 4.12.0. Please use {@link StagePanelConfig.sizeSpec}.\n   */\n  readonly size?: number;\n  /** Default size of the panel. */\n  readonly sizeSpec?: StagePanelSizeSpec;\n  /** Configuration of the panel sections. */\n  readonly sections?: StagePanelSectionsConfig;\n}\n\n/** Configuration from which a stage panel section is created.\n * @public\n */\nexport type StagePanelSectionConfig = ReadonlyArray<WidgetConfig>;\n\n/** Configuration from which stage panel sections are created.\n * @public\n */\nexport interface StagePanelSectionsConfig {\n  /** Configuration of the `start` section. */\n  readonly start?: StagePanelSectionConfig;\n  /** Configuration of the `end` section. */\n  readonly end?: StagePanelSectionConfig;\n}\n\n/** Available units of panel max size. Pixels or percentage of App size.\n * @note Percentage of App `height` is used for top/bottom panel and percentage of App `width` is used for left/right panel.\n * @public\n * @deprecated in 4.12.0. Please use {@link StagePanelSizeSpec}.\n */\nexport type StagePanelMaxSizeSpec = number | { percentage: number };\n\n/** Available units of panel size - pixels or percentage of app size.\n * @note Percentage of App `height` is used for top/bottom panel and percentage of app `width` is used for left/right panel.\n * @public\n */\nexport type StagePanelSizeSpec = number | { percentage: number };\n"]}

package/lib/appui-react/stagepanels/StagePanelDef.js

@@ -18,7 +18,7 @@ import { StagePanelState } from "./StagePanelState.js";
  * @beta
  * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
  */
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 export class PanelStateChangedEvent extends UiEvent {
 }
 /**
@@ -56,7 +56,7 @@ export class StagePanelDef extends WidgetHost {
     get size() {
         const frontstageDef = UiFramework.frontstages.activeFrontstageDef;
         const state = frontstageDef?.nineZoneState;
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         if (!state)
             return this.initialConfig?.size;
         const side = toPanelSide(this.location);

package/lib/appui-react/stagepanels/StagePanelDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"StagePanelDef.js","sourceRoot":"","sources":["../../../src/appui-react/stagepanels/StagePanelDef.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 Frontstage\n */\n\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport type { Draft } from \"immer\";\nimport { produce } from \"immer\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager.js\";\nimport type { NineZoneState } from \"../layout/state/NineZoneState.js\";\nimport type { PanelSide } from \"../layout/widget-panels/PanelTypes.js\";\nimport { WidgetDef } from \"../widgets/WidgetDef.js\";\nimport { WidgetHost } from \"../widgets/WidgetHost.js\";\nimport type {\n  StagePanelConfig,\n  StagePanelSectionConfig,\n  StagePanelSizeSpec,\n} from \"./StagePanelConfig.js\";\nimport { StagePanelLocation } from \"./StagePanelLocation.js\";\nimport { StagePanelSection } from \"./StagePanelSection.js\";\nimport { StagePanelState } from \"./StagePanelState.js\";\n\n/** Panel state changed event args interface.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface PanelStateChangedEventArgs {\n  panelDef: StagePanelDef;\n  panelState: StagePanelState;\n}\n\n/** Panel state changed event class.\n * @beta\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class PanelStateChangedEvent extends UiEvent<PanelStateChangedEventArgs> {}\n\n/** @internal */\nexport interface PanelSizeChangedEventArgs {\n  panelDef: StagePanelDef;\n  size: number | undefined;\n}\n\n/** Panel pinned changed event args interface.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface PanelPinnedChangedEventArgs {\n  panelDef: StagePanelDef;\n  pinned: boolean;\n}\n\n/**\n * A StagePanelDef represents each Stage Panel within a Frontstage.\n * @public\n */\nexport class StagePanelDef extends WidgetHost {\n  private _initialConfig?: StagePanelConfig;\n  private _location: StagePanelLocation = StagePanelLocation.Left;\n  private _start = new StagePanelSectionDef();\n  private _end = new StagePanelSectionDef();\n\n  /** Constructor for PanelDef. */\n  constructor() {\n    super();\n  }\n\n  /** @internal */\n  public static create(config: StagePanelConfig, location: StagePanelLocation) {\n    const def = new StagePanelDef();\n    def.initializeFromConfig(config, location);\n    return def;\n  }\n\n  /** @internal */\n  public initializeFromConfig(\n    config: StagePanelConfig | undefined,\n    location: StagePanelLocation\n  ) {\n    this._location = location;\n    this._initialConfig = config;\n    this._start.initializeFromConfig(config?.sections?.start);\n    this._end.initializeFromConfig(config?.sections?.end);\n  }\n\n  /** @internal */\n  public get initialConfig() {\n    return this._initialConfig;\n  }\n\n  /** Current size of the panel.\n   * @deprecated in 4.12.0. Use {@link StagePanelDef.sizeSpec} instead.\n   */\n  public get size(): number | undefined {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    const state = frontstageDef?.nineZoneState;\n    // eslint-disable-next-line deprecation/deprecation\n    if (!state) return this.initialConfig?.size;\n\n    const side = toPanelSide(this.location);\n    const panel = state.panels[side];\n    return panel.size;\n  }\n\n  public set size(size) {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    if (!frontstageDef) return;\n\n    const side = toPanelSide(this.location);\n    frontstageDef.dispatch({\n      type: \"PANEL_SET_SIZE\",\n      side,\n      size,\n    });\n  }\n\n  /** Current size of the panel */\n  public get sizeSpec(): StagePanelSizeSpec | undefined {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    const state = frontstageDef?.nineZoneState;\n    if (!state) return this.initialConfig?.sizeSpec;\n\n    const side = toPanelSide(this.location);\n    const panel = state.panels[side];\n    return panel.size;\n  }\n\n  public set sizeSpec(size) {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    if (!frontstageDef) return;\n\n    const side = toPanelSide(this.location);\n    frontstageDef.dispatch({\n      type: \"PANEL_SET_SIZE\",\n      side,\n      size,\n    });\n  }\n\n  /** @internal */\n  public handleSizeChanged(size: number | undefined) {\n    InternalFrontstageManager.onPanelSizeChangedEvent.emit({\n      panelDef: this,\n      size,\n    });\n  }\n\n  /** Indicates whether the panel is resizable. */\n  public get resizable(): boolean {\n    return this.defaultResizable;\n  }\n\n  /** Indicates whether the panel is pinned. */\n  public get pinned(): boolean {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    const state = frontstageDef?.nineZoneState;\n    if (!state) return this.defaultPinned;\n\n    const side = toPanelSide(this.location);\n    const panel = state.panels[side];\n    return panel.pinned;\n  }\n\n  public set pinned(pinned: boolean) {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    if (!frontstageDef) return;\n\n    const side = toPanelSide(this.location);\n    frontstageDef.dispatch({\n      type: \"PANEL_SET_PINNED\",\n      side,\n      pinned,\n    });\n  }\n\n  /** @internal */\n  public handlePinnedChanged(pinned: boolean) {\n    UiFramework.frontstages.onPanelPinnedChangedEvent.emit({\n      panelDef: this,\n      pinned,\n    });\n  }\n\n  /** Location of panel. */\n  public get location(): StagePanelLocation {\n    return this._location;\n  }\n\n  /** Panel state. Defaults to PanelState.Open. */\n  public get panelState(): StagePanelState {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    const state = frontstageDef?.nineZoneState;\n    if (!state) return this.defaultState;\n    const side = toPanelSide(this.location);\n    return getPanelState(state, side);\n  }\n\n  public set panelState(panelState: StagePanelState) {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    if (!frontstageDef) return;\n\n    const side = toPanelSide(this.location);\n    const collapsed = panelState === StagePanelState.Open ? false : true;\n    frontstageDef.dispatch({\n      type: \"PANEL_SET_COLLAPSED\",\n      collapsed,\n      side,\n    });\n  }\n\n  /** @internal */\n  public handlePanelStateChanged(panelState: StagePanelState) {\n    UiFramework.frontstages.onPanelStateChangedEvent.emit({\n      panelDef: this,\n      panelState,\n    });\n  }\n\n  /** @internal */\n  public get defaultState() {\n    const defaultState = this._initialConfig?.defaultState;\n    return defaultState ?? StagePanelState.Open;\n  }\n\n  /** @internal */\n  public get defaultPinned() {\n    return this._initialConfig?.pinned ?? true;\n  }\n\n  /** @internal */\n  public get defaultResizable() {\n    return this._initialConfig?.resizable ?? true;\n  }\n\n  /** Gets the list of Widgets. */\n  public override get widgetDefs(): ReadonlyArray<WidgetDef> {\n    return [\n      ...super.widgetDefs,\n      ...this._start.widgetDefs,\n      ...this._end.widgetDefs,\n    ];\n  }\n\n  public override updateDynamicWidgetDefs(\n    stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    _section: StagePanelSection | undefined,\n    allStageWidgetDefs: WidgetDef[]\n  ) {\n    this._start.updateDynamicWidgetDefs(\n      stageId,\n      stageUsage,\n      location,\n      StagePanelSection.Start,\n      allStageWidgetDefs\n    );\n    this._end.updateDynamicWidgetDefs(\n      stageId,\n      stageUsage,\n      location,\n      StagePanelSection.End,\n      allStageWidgetDefs\n    );\n  }\n\n  /** @internal */\n  public getPanelSectionDef(section: StagePanelSection) {\n    switch (section) {\n      case StagePanelSection.Start: {\n        return this._start;\n      }\n      case StagePanelSection.End: {\n        return this._end;\n      }\n    }\n  }\n}\n\n/** @internal */\nexport class StagePanelSectionDef extends WidgetHost {\n  /** @internal */\n  public initializeFromConfig(config: StagePanelSectionConfig | undefined) {\n    config?.forEach((widgetConfig) => {\n      const widgetDef = WidgetDef.create(widgetConfig);\n      this.addWidgetDef(widgetDef);\n    });\n  }\n}\n\n/** @internal */\nexport function toPanelSide(location: StagePanelLocation): PanelSide {\n  switch (location) {\n    case StagePanelLocation.Bottom:\n      return \"bottom\";\n    case StagePanelLocation.Left:\n      return \"left\";\n    case StagePanelLocation.Right:\n      return \"right\";\n    case StagePanelLocation.Top:\n      return \"top\";\n  }\n}\n\n/** @internal */\nexport const setPanelPinned: (\n  nineZone: NineZoneState,\n  side: PanelSide,\n  pinned: boolean\n) => NineZoneState = produce(\n  (nineZone: Draft<NineZoneState>, side: PanelSide, pinned: boolean) => {\n    const panel = nineZone.panels[side];\n    panel.pinned = pinned;\n  }\n);\n\n/** @internal */\nexport function getPanelState(state: NineZoneState, side: PanelSide) {\n  const panel = state.panels[side];\n  return panel.collapsed ? StagePanelState.Minimized : StagePanelState.Open;\n}\n"]}
+{"version":3,"file":"StagePanelDef.js","sourceRoot":"","sources":["../../../src/appui-react/stagepanels/StagePanelDef.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 Frontstage\n */\n\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport type { Draft } from \"immer\";\nimport { produce } from \"immer\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager.js\";\nimport type { NineZoneState } from \"../layout/state/NineZoneState.js\";\nimport type { PanelSide } from \"../layout/widget-panels/PanelTypes.js\";\nimport { WidgetDef } from \"../widgets/WidgetDef.js\";\nimport { WidgetHost } from \"../widgets/WidgetHost.js\";\nimport type {\n  StagePanelConfig,\n  StagePanelSectionConfig,\n  StagePanelSizeSpec,\n} from \"./StagePanelConfig.js\";\nimport { StagePanelLocation } from \"./StagePanelLocation.js\";\nimport { StagePanelSection } from \"./StagePanelSection.js\";\nimport { StagePanelState } from \"./StagePanelState.js\";\n\n/** Panel state changed event args interface.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface PanelStateChangedEventArgs {\n  panelDef: StagePanelDef;\n  panelState: StagePanelState;\n}\n\n/** Panel state changed event class.\n * @beta\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class PanelStateChangedEvent extends UiEvent<PanelStateChangedEventArgs> {}\n\n/** @internal */\nexport interface PanelSizeChangedEventArgs {\n  panelDef: StagePanelDef;\n  size: number | undefined;\n}\n\n/** Panel pinned changed event args interface.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface PanelPinnedChangedEventArgs {\n  panelDef: StagePanelDef;\n  pinned: boolean;\n}\n\n/**\n * A StagePanelDef represents each Stage Panel within a Frontstage.\n * @public\n */\nexport class StagePanelDef extends WidgetHost {\n  private _initialConfig?: StagePanelConfig;\n  private _location: StagePanelLocation = StagePanelLocation.Left;\n  private _start = new StagePanelSectionDef();\n  private _end = new StagePanelSectionDef();\n\n  /** Constructor for PanelDef. */\n  constructor() {\n    super();\n  }\n\n  /** @internal */\n  public static create(config: StagePanelConfig, location: StagePanelLocation) {\n    const def = new StagePanelDef();\n    def.initializeFromConfig(config, location);\n    return def;\n  }\n\n  /** @internal */\n  public initializeFromConfig(\n    config: StagePanelConfig | undefined,\n    location: StagePanelLocation\n  ) {\n    this._location = location;\n    this._initialConfig = config;\n    this._start.initializeFromConfig(config?.sections?.start);\n    this._end.initializeFromConfig(config?.sections?.end);\n  }\n\n  /** @internal */\n  public get initialConfig() {\n    return this._initialConfig;\n  }\n\n  /** Current size of the panel.\n   * @deprecated in 4.12.0. Use {@link StagePanelDef.sizeSpec} instead.\n   */\n  public get size(): number | undefined {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    const state = frontstageDef?.nineZoneState;\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    if (!state) return this.initialConfig?.size;\n\n    const side = toPanelSide(this.location);\n    const panel = state.panels[side];\n    return panel.size;\n  }\n\n  public set size(size) {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    if (!frontstageDef) return;\n\n    const side = toPanelSide(this.location);\n    frontstageDef.dispatch({\n      type: \"PANEL_SET_SIZE\",\n      side,\n      size,\n    });\n  }\n\n  /** Current size of the panel */\n  public get sizeSpec(): StagePanelSizeSpec | undefined {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    const state = frontstageDef?.nineZoneState;\n    if (!state) return this.initialConfig?.sizeSpec;\n\n    const side = toPanelSide(this.location);\n    const panel = state.panels[side];\n    return panel.size;\n  }\n\n  public set sizeSpec(size) {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    if (!frontstageDef) return;\n\n    const side = toPanelSide(this.location);\n    frontstageDef.dispatch({\n      type: \"PANEL_SET_SIZE\",\n      side,\n      size,\n    });\n  }\n\n  /** @internal */\n  public handleSizeChanged(size: number | undefined) {\n    InternalFrontstageManager.onPanelSizeChangedEvent.emit({\n      panelDef: this,\n      size,\n    });\n  }\n\n  /** Indicates whether the panel is resizable. */\n  public get resizable(): boolean {\n    return this.defaultResizable;\n  }\n\n  /** Indicates whether the panel is pinned. */\n  public get pinned(): boolean {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    const state = frontstageDef?.nineZoneState;\n    if (!state) return this.defaultPinned;\n\n    const side = toPanelSide(this.location);\n    const panel = state.panels[side];\n    return panel.pinned;\n  }\n\n  public set pinned(pinned: boolean) {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    if (!frontstageDef) return;\n\n    const side = toPanelSide(this.location);\n    frontstageDef.dispatch({\n      type: \"PANEL_SET_PINNED\",\n      side,\n      pinned,\n    });\n  }\n\n  /** @internal */\n  public handlePinnedChanged(pinned: boolean) {\n    UiFramework.frontstages.onPanelPinnedChangedEvent.emit({\n      panelDef: this,\n      pinned,\n    });\n  }\n\n  /** Location of panel. */\n  public get location(): StagePanelLocation {\n    return this._location;\n  }\n\n  /** Panel state. Defaults to PanelState.Open. */\n  public get panelState(): StagePanelState {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    const state = frontstageDef?.nineZoneState;\n    if (!state) return this.defaultState;\n    const side = toPanelSide(this.location);\n    return getPanelState(state, side);\n  }\n\n  public set panelState(panelState: StagePanelState) {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    if (!frontstageDef) return;\n\n    const side = toPanelSide(this.location);\n    const collapsed = panelState === StagePanelState.Open ? false : true;\n    frontstageDef.dispatch({\n      type: \"PANEL_SET_COLLAPSED\",\n      collapsed,\n      side,\n    });\n  }\n\n  /** @internal */\n  public handlePanelStateChanged(panelState: StagePanelState) {\n    UiFramework.frontstages.onPanelStateChangedEvent.emit({\n      panelDef: this,\n      panelState,\n    });\n  }\n\n  /** @internal */\n  public get defaultState() {\n    const defaultState = this._initialConfig?.defaultState;\n    return defaultState ?? StagePanelState.Open;\n  }\n\n  /** @internal */\n  public get defaultPinned() {\n    return this._initialConfig?.pinned ?? true;\n  }\n\n  /** @internal */\n  public get defaultResizable() {\n    return this._initialConfig?.resizable ?? true;\n  }\n\n  /** Gets the list of Widgets. */\n  public override get widgetDefs(): ReadonlyArray<WidgetDef> {\n    return [\n      ...super.widgetDefs,\n      ...this._start.widgetDefs,\n      ...this._end.widgetDefs,\n    ];\n  }\n\n  public override updateDynamicWidgetDefs(\n    stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    _section: StagePanelSection | undefined,\n    allStageWidgetDefs: WidgetDef[]\n  ) {\n    this._start.updateDynamicWidgetDefs(\n      stageId,\n      stageUsage,\n      location,\n      StagePanelSection.Start,\n      allStageWidgetDefs\n    );\n    this._end.updateDynamicWidgetDefs(\n      stageId,\n      stageUsage,\n      location,\n      StagePanelSection.End,\n      allStageWidgetDefs\n    );\n  }\n\n  /** @internal */\n  public getPanelSectionDef(section: StagePanelSection) {\n    switch (section) {\n      case StagePanelSection.Start: {\n        return this._start;\n      }\n      case StagePanelSection.End: {\n        return this._end;\n      }\n    }\n  }\n}\n\n/** @internal */\nexport class StagePanelSectionDef extends WidgetHost {\n  /** @internal */\n  public initializeFromConfig(config: StagePanelSectionConfig | undefined) {\n    config?.forEach((widgetConfig) => {\n      const widgetDef = WidgetDef.create(widgetConfig);\n      this.addWidgetDef(widgetDef);\n    });\n  }\n}\n\n/** @internal */\nexport function toPanelSide(location: StagePanelLocation): PanelSide {\n  switch (location) {\n    case StagePanelLocation.Bottom:\n      return \"bottom\";\n    case StagePanelLocation.Left:\n      return \"left\";\n    case StagePanelLocation.Right:\n      return \"right\";\n    case StagePanelLocation.Top:\n      return \"top\";\n  }\n}\n\n/** @internal */\nexport const setPanelPinned: (\n  nineZone: NineZoneState,\n  side: PanelSide,\n  pinned: boolean\n) => NineZoneState = produce(\n  (nineZone: Draft<NineZoneState>, side: PanelSide, pinned: boolean) => {\n    const panel = nineZone.panels[side];\n    panel.pinned = pinned;\n  }\n);\n\n/** @internal */\nexport function getPanelState(state: NineZoneState, side: PanelSide) {\n  const panel = state.panels[side];\n  return panel.collapsed ? StagePanelState.Minimized : StagePanelState.Open;\n}\n"]}

package/lib/appui-react/statusbar/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/appui-react/statusbar/Field.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,CAAC;AAgBtB;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,SAAS,cAAc,CAAC,KAAK,EAAE,GAAG;IAClC,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;IACvC,MAAM,UAAU,GAAG,UAAU,CAC3B,sBAAsB,EACtB,cAAc,IAAI,aAAa,EAC/B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO;IACL,iEAAiE;IACjE,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,EAEpB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,CAAC,CAAC,IAGb,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC,CAAC,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 StatusBar\n */\n\nimport type { CommonProps } from \"@itwin/core-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport \"./Field.scss\";\n\n/** Properties of [[StatusBarField]] component.\n * @beta\n * @deprecated in 4.13.0. Props of deprecated component {@link StatusBarField}.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface StatusBarFieldProps extends CommonProps {\n  /** Field content. */\n  children?: React.ReactNode;\n  /** Function called when field is clicked. */\n  onClick?: () => void;\n  /** Title of a field. */\n  title?: string;\n}\n\n/** Field component used in [[StatusBar]] component.\n * @beta\n * @deprecated in 4.13.0. Use [iTwinUI Button](https://itwinui.bentley.com/docs/button) instead.\n */\nexport const StatusBarField = React.forwardRef<\n  HTMLDivElement,\n  StatusBarFieldProps // eslint-disable-line deprecation/deprecation\n>(function StatusBarField(props, ref) {\n  const hasClickAction = !!props.onClick;\n  const classNames = classnames(\n    \"uifw-statusbar-field\",\n    hasClickAction && \"uifw-action\",\n    props.className\n  );\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n    <div\n      ref={ref}\n      className={classNames}\n      title={props.title}\n      style={props.style}\n      onClick={props.onClick}\n      {...{\n        role: \"button\",\n        tabIndex: -1,\n      }}\n    >\n      {props.children}\n    </div>\n  );\n});\n"]}
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/appui-react/statusbar/Field.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,CAAC;AAgBtB;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,SAAS,cAAc,CAAC,KAAK,EAAE,GAAG;IAClC,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;IACvC,MAAM,UAAU,GAAG,UAAU,CAC3B,sBAAsB,EACtB,cAAc,IAAI,aAAa,EAC/B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO;IACL,iEAAiE;IACjE,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,EAEpB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,CAAC,CAAC,IAGb,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC,CAAC,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 StatusBar\n */\n\nimport type { CommonProps } from \"@itwin/core-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport \"./Field.scss\";\n\n/** Properties of [[StatusBarField]] component.\n * @beta\n * @deprecated in 4.13.0. Props of deprecated component {@link StatusBarField}.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface StatusBarFieldProps extends CommonProps {\n  /** Field content. */\n  children?: React.ReactNode;\n  /** Function called when field is clicked. */\n  onClick?: () => void;\n  /** Title of a field. */\n  title?: string;\n}\n\n/** Field component used in [[StatusBar]] component.\n * @beta\n * @deprecated in 4.13.0. Use [iTwinUI Button](https://itwinui.bentley.com/docs/button) instead.\n */\nexport const StatusBarField = React.forwardRef<\n  HTMLDivElement,\n  StatusBarFieldProps // eslint-disable-line @typescript-eslint/no-deprecated\n>(function StatusBarField(props, ref) {\n  const hasClickAction = !!props.onClick;\n  const classNames = classnames(\n    \"uifw-statusbar-field\",\n    hasClickAction && \"uifw-action\",\n    props.className\n  );\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n    <div\n      ref={ref}\n      className={classNames}\n      title={props.title}\n      style={props.style}\n      onClick={props.onClick}\n      {...{\n        role: \"button\",\n        tabIndex: -1,\n      }}\n    >\n      {props.children}\n    </div>\n  );\n});\n"]}