npm - @itwin/appui-react - Versions diffs - 3.0.0-dev.84 → 3.0.0-dev.88 - Mend

@itwin/appui-react 3.0.0-dev.84 → 3.0.0-dev.88

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

Files changed (699) hide show

package/lib/esm/appui-react/settings/quantityformatting/QuantityFormat.scss CHANGED Viewed

@@ -1,126 +1,126 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-.quantity-formatting-container {
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  width: 100%;
-  background: $buic-background-dialog;
-  *,
-  *:before,
-  *:after {
-    box-sizing: inherit;
-  }
-  .quantity-unit-system-selector-container {
-    padding: 20px 20px;
-    display: flex;
-    flex-direction: column;
-    >span.uicore-label {
-      font-size: 18px;
-    }
-    >select.uicore-inputs-select {
-      width: fit-content;
-      min-width: 185px;
-      margin-top: 10px;
-      height: 2em;
-    }
-  }
-  .uifw-quantity-format-section-label {
-    font-size: 18px;
-    margin-left: 20px;
-  }
-  .uifw-quantity-types-container {
-    display: flex;
-    height: 100%;
-    width: auto;
-    >.left-panel {
-      flex-direction: column;
-      min-width: 260px;
-      width: auto;
-      padding: 10px 50px 20px 20px;
-      height: auto;
-      ul.core-listbox.uifw-quantity-types {
-        height: 100%;
-        li.core-listbox-item {
-          line-height: 2em;
-        }
-      }
-    }
-    >.right-panel {
-      display: flex;
-      flex-direction: column;
-      width: auto;
-      height: auto;
-      min-width: 410px;
-      padding: 10px 20px 20px 0;
-      .uifw-quantity-types-right-top {
-        display: flex;
-        padding-bottom: 10px;
-        .uifw-quantity-types-right-top-sample {
-          display: grid;
-          grid-template-columns: auto 1fr;
-          row-gap: 0;
-          column-gap: 6px;
-          align-items: center;
-          .components-quantity-persistence-input {
-            width: 6.5em;
-            &.iui-input {
-              padding: $uicore-iui-input-padding;
-            }
-          }
-          span.components-quantity-formatted-sample {
-            margin-left: 10px;
-          }
-          >span.components-inline {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            gap: 4px;
-            margin-right: 10px;
-          }
-        }
-      }
-      .uifw-quantity-types-formats {
-        display: flex;
-        flex-direction: column;
-        border: 1px solid $buic-inputs-border;
-        border-radius: 3px;
-        height: auto;
-        overflow-y: auto;
-        box-sizing: border-box;
-        padding: 6px;
-        flex: 1 1 auto;
-      }
-      .components-button-panel {
-        padding-top: 6px;
-        display: flex;
-        justify-content: flex-end;
-        gap: 6px;
-      }
-    }
-  }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+.quantity-formatting-container {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  background: $buic-background-dialog;
+  *,
+  *:before,
+  *:after {
+    box-sizing: inherit;
+  }
+  .quantity-unit-system-selector-container {
+    padding: 20px 20px;
+    display: flex;
+    flex-direction: column;
+    >span.uicore-label {
+      font-size: 18px;
+    }
+    >select.uicore-inputs-select {
+      width: fit-content;
+      min-width: 185px;
+      margin-top: 10px;
+      height: 2em;
+    }
+  }
+  .uifw-quantity-format-section-label {
+    font-size: 18px;
+    margin-left: 20px;
+  }
+  .uifw-quantity-types-container {
+    display: flex;
+    height: 100%;
+    width: auto;
+    >.left-panel {
+      flex-direction: column;
+      min-width: 260px;
+      width: auto;
+      padding: 10px 50px 20px 20px;
+      height: auto;
+      ul.core-listbox.uifw-quantity-types {
+        height: 100%;
+        li.core-listbox-item {
+          line-height: 2em;
+        }
+      }
+    }
+    >.right-panel {
+      display: flex;
+      flex-direction: column;
+      width: auto;
+      height: auto;
+      min-width: 410px;
+      padding: 10px 20px 20px 0;
+      .uifw-quantity-types-right-top {
+        display: flex;
+        padding-bottom: 10px;
+        .uifw-quantity-types-right-top-sample {
+          display: grid;
+          grid-template-columns: auto 1fr;
+          row-gap: 0;
+          column-gap: 6px;
+          align-items: center;
+          .components-quantity-persistence-input {
+            width: 6.5em;
+            &.iui-input {
+              padding: $uicore-iui-input-padding;
+            }
+          }
+          span.components-quantity-formatted-sample {
+            margin-left: 10px;
+          }
+          >span.components-inline {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            gap: 4px;
+            margin-right: 10px;
+          }
+        }
+      }
+      .uifw-quantity-types-formats {
+        display: flex;
+        flex-direction: column;
+        border: 1px solid $buic-inputs-border;
+        border-radius: 3px;
+        height: auto;
+        overflow-y: auto;
+        box-sizing: border-box;
+        padding: 6px;
+        flex: 1 1 auto;
+      }
+      .components-button-panel {
+        padding-top: 6px;
+        display: flex;
+        justify-content: flex-end;
+        gap: 6px;
+      }
+    }
+  }
 }

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

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

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

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

package/lib/esm/appui-react/settings/ui/UiSettingsPage.scss CHANGED Viewed

@@ -1,67 +1,67 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/base/base";
-@import "~@itwin/itwinui-css/scss/style/typography";
-// cspell:ignore leftpanel rightpanel
-$settings-leftpanel-width: 225px;
-$settings-rightpanel-width: 220px;
-.components-settings-container {
-  height: calc(100% - 50px);
-  overflow: hidden;
-}
-.uifw-settings {
-  background: $buic-background-dialog;
-  color: $buic-text-color;
-  border-radius: 3px;
-  font-size: $iui-font-size;
-  display: flex;
-  flex-direction: column;
-}
-.uifw-settings-item {
-  display: flex;
-  >.panel {
-    flex: 1;
-    display: flex;
-    box-sizing: border-box;
-  }
-  >.left-panel {
-    flex-direction: column;
-    min-width: $settings-leftpanel-width;
-    padding: 20px 15px 20px 15px;
-    >.title {
-      font-size: 18px;
-    }
-    >.description {
-      margin-top: 10px;
-      font-size: 12px;
-      color: $buic-text-color-muted;
-    }
-  }
-  >.right-panel {
-    display: flex;
-    align-items: center;
-    min-width: $settings-rightpanel-width;
-    padding: 30px 50px 30px 30px;
-    .toggle {
-      margin-right: 10px;
-    }
-    .select-theme-container {
-      flex: 1;
-    }
-  }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/core-react/lib/cjs/core-react/base/base";
+@import "~@itwin/itwinui-css/scss/style/typography";
+// cspell:ignore leftpanel rightpanel
+$settings-leftpanel-width: 225px;
+$settings-rightpanel-width: 220px;
+.components-settings-container {
+  height: calc(100% - 50px);
+  overflow: hidden;
+}
+.uifw-settings {
+  background: $buic-background-dialog;
+  color: $buic-text-color;
+  border-radius: 3px;
+  font-size: $iui-font-size;
+  display: flex;
+  flex-direction: column;
+}
+.uifw-settings-item {
+  display: flex;
+  >.panel {
+    flex: 1;
+    display: flex;
+    box-sizing: border-box;
+  }
+  >.left-panel {
+    flex-direction: column;
+    min-width: $settings-leftpanel-width;
+    padding: 20px 15px 20px 15px;
+    >.title {
+      font-size: 18px;
+    }
+    >.description {
+      margin-top: 10px;
+      font-size: 12px;
+      color: $buic-text-color-muted;
+    }
+  }
+  >.right-panel {
+    display: flex;
+    align-items: center;
+    min-width: $settings-rightpanel-width;
+    padding: 30px 50px 30px 30px;
+    .toggle {
+      margin-right: 10px;
+    }
+    .select-theme-container {
+      flex: 1;
+    }
+  }
 }

package/lib/esm/appui-react/shared/ActionButtonItemDef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionButtonItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ActionButtonItemDef.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C;;GAEG;AACH,MAAM,OAAgB,mBAAoB,SAAQ,WAAW;IAY3D,YAAY,SAAoB,EAAE,cAAmC;QACnE,KAAK,CAAC,SAAS,CAAC,CAAC;QAoBnB,qFAAqF;QAC9E,oBAAe,GAAG,CAAC,IAAe,EAAE,EAAE;YAC3C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;QAgBF,gBAAgB;QACT,WAAM,GAAG,CAAC,KAAc,EAAU,EAAE;YACzC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,WAAW,EAAE,CAAC;YACjH,OAAO,GAAG,CAAC;QACb,CAAC,CAAC;QAzCA,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;YACxD,IAAI,IAAI,CAAC,eAAe,CAAC,cAAc;gBACrC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,CAAC,CAAC;;gBAEpE,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;SACjE;QAED,uBAAuB;QACvB,IAAI,IAAI,CAAC,eAAe;YACtB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAOD,sDAAsD;IAC/C,YAAY,CAAC,WAAwB;QAC1C,IAAI,SAAS,GAAG,mBAAmB,CAAC,iBAAiB,CAAC;QACtD,IAAI,IAAI,CAAC,IAAI;YACX,SAAS,GAAG,CAAC,WAAW,KAAK,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QAE5F,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,WAAW;QACvB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC7D,CAAC;IAQD,gBAAgB;IACT,gBAAgB,CAAC,KAAc;QACpC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,8CAA8C;YACjE,OAAO,IAAI,CAAC;QAEd,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAE/B,OAAO,CACL,oBAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,IAAI,EAChB,WAAW,EAAE,IAAI,CAAC,eAAe,GACjC,CACH,CAAC;IACJ,CAAC;;AA/DD,qDAAqD;AACvC,qCAAiB,GAAG,EAAE,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 as React from \"react\";\nimport { CommandHandler, OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport { Orientation, SizeProps } from \"@itwin/core-react\";\nimport { ActionItemButton } from \"../toolbar/ActionItemButton\";\nimport { ItemDefBase } from \"./ItemDefBase\";\nimport { ItemProps } from \"./ItemProps\";\n\n/** Abstract base class that is used by classes to execute an action when pressed.\n * @public\n /\nexport abstract class ActionButtonItemDef extends ItemDefBase {\n private _onItemExecuted?: OnItemExecutedFunc;\n\n /* Command Handler for the action button /\n protected _commandHandler?: CommandHandler;\n /* Parameters passed to the Command Handler /\n public parameters?: any;\n /* Size of the action button, as set by handleSizeKnown /\n public size?: SizeProps;\n /* The default button size for all action buttons /\n public static defaultButtonSize = 42;\n\n constructor(itemProps: ItemProps, onItemExecuted?: OnItemExecutedFunc) {\n super(itemProps);\n\n this.execute = this.execute.bind(this);\n this._onItemExecuted = onItemExecuted;\n }\n\n /* Called when the action button is invoked by a click or touch /\n public execute(): void {\n if (this._commandHandler && this._commandHandler.execute) {\n if (this._commandHandler.getCommandArgs)\n this._commandHandler.execute(this._commandHandler.getCommandArgs());\n else\n this._commandHandler.execute(this._commandHandler.parameters);\n }\n\n // istanbul ignore else\n if (this._onItemExecuted)\n 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 = (orientation === Orientation.Horizontal) ? this.size.width : this.size.height;\n\n return dimension;\n }\n\n /* @internal /\n public static getRandomId(): string {\n return (Math.floor(Math.random() 100) + 1000).toString();\n }\n\n /** @internal /\n public getKey = (index?: number): string => {\n const key = (!!this.id) ? this.id : (index !== undefined) ? index.toString() : ActionButtonItemDef.getRandomId();\n return key;\n };\n\n /* @internal */\n public toolbarReactNode(index?: number): React.ReactNode {\n if (!this.isVisible) // eslint-disable-line deprecation/deprecation\n return null;\n\n const key = this.getKey(index);\n\n return (\n <ActionItemButton\n key={key}\n actionItem={this}\n onSizeKnown={this.handleSizeKnown}\n />\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ActionButtonItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ActionButtonItemDef.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C;;GAEG;AACH,MAAM,OAAgB,mBAAoB,SAAQ,WAAW;IAY3D,YAAY,SAAoB,EAAE,cAAmC;QACnE,KAAK,CAAC,SAAS,CAAC,CAAC;QAoBnB,qFAAqF;QAC9E,oBAAe,GAAG,CAAC,IAAe,EAAE,EAAE;YAC3C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;QAgBF,gBAAgB;QACT,WAAM,GAAG,CAAC,KAAc,EAAU,EAAE;YACzC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,WAAW,EAAE,CAAC;YACjH,OAAO,GAAG,CAAC;QACb,CAAC,CAAC;QAzCA,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;YACxD,IAAI,IAAI,CAAC,eAAe,CAAC,cAAc;gBACrC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,CAAC,CAAC;;gBAEpE,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;SACjE;QAED,uBAAuB;QACvB,IAAI,IAAI,CAAC,eAAe;YACtB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAOD,sDAAsD;IAC/C,YAAY,CAAC,WAAwB;QAC1C,IAAI,SAAS,GAAG,mBAAmB,CAAC,iBAAiB,CAAC;QACtD,IAAI,IAAI,CAAC,IAAI;YACX,SAAS,GAAG,CAAC,WAAW,KAAK,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QAE5F,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,WAAW;QACvB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC7D,CAAC;IAQD,gBAAgB;IACT,gBAAgB,CAAC,KAAc;QACpC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,8CAA8C;YACjE,OAAO,IAAI,CAAC;QAEd,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAE/B,OAAO,CACL,oBAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,IAAI,EAChB,WAAW,EAAE,IAAI,CAAC,eAAe,GACjC,CACH,CAAC;IACJ,CAAC;;AA/DD,qDAAqD;AACvC,qCAAiB,GAAG,EAAE,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module Item\r\n /\r\n\r\nimport as React from \"react\";\r\nimport { CommandHandler, OnItemExecutedFunc } from \"@itwin/appui-abstract\";\r\nimport { Orientation, SizeProps } from \"@itwin/core-react\";\r\nimport { ActionItemButton } from \"../toolbar/ActionItemButton\";\r\nimport { ItemDefBase } from \"./ItemDefBase\";\r\nimport { ItemProps } from \"./ItemProps\";\r\n\r\n/** Abstract base class that is used by classes to execute an action when pressed.\r\n * @public\r\n /\r\nexport abstract class ActionButtonItemDef extends ItemDefBase {\r\n private _onItemExecuted?: OnItemExecutedFunc;\r\n\r\n /* Command Handler for the action button /\r\n protected _commandHandler?: CommandHandler;\r\n /* Parameters passed to the Command Handler /\r\n public parameters?: any;\r\n /* Size of the action button, as set by handleSizeKnown /\r\n public size?: SizeProps;\r\n /* The default button size for all action buttons /\r\n public static defaultButtonSize = 42;\r\n\r\n constructor(itemProps: ItemProps, onItemExecuted?: OnItemExecutedFunc) {\r\n super(itemProps);\r\n\r\n this.execute = this.execute.bind(this);\r\n this._onItemExecuted = onItemExecuted;\r\n }\r\n\r\n /* Called when the action button is invoked by a click or touch /\r\n public execute(): void {\r\n if (this._commandHandler && this._commandHandler.execute) {\r\n if (this._commandHandler.getCommandArgs)\r\n this._commandHandler.execute(this._commandHandler.getCommandArgs());\r\n else\r\n this._commandHandler.execute(this._commandHandler.parameters);\r\n }\r\n\r\n // istanbul ignore else\r\n if (this._onItemExecuted)\r\n this._onItemExecuted(this);\r\n }\r\n\r\n /* Called when the size of the action button is initialized and the size is known /\r\n public handleSizeKnown = (size: SizeProps) => {\r\n this.size = size;\r\n };\r\n\r\n /* Determines the dimension in a given orientation /\r\n public getDimension(orientation: Orientation): number {\r\n let dimension = ActionButtonItemDef.defaultButtonSize;\r\n if (this.size)\r\n dimension = (orientation === Orientation.Horizontal) ? this.size.width : this.size.height;\r\n\r\n return dimension;\r\n }\r\n\r\n /* @internal /\r\n public static getRandomId(): string {\r\n return (Math.floor(Math.random() 100) + 1000).toString();\r\n }\r\n\r\n /** @internal /\r\n public getKey = (index?: number): string => {\r\n const key = (!!this.id) ? this.id : (index !== undefined) ? index.toString() : ActionButtonItemDef.getRandomId();\r\n return key;\r\n };\r\n\r\n /* @internal */\r\n public toolbarReactNode(index?: number): React.ReactNode {\r\n if (!this.isVisible) // eslint-disable-line deprecation/deprecation\r\n return null;\r\n\r\n const key = this.getKey(index);\r\n\r\n return (\r\n <ActionItemButton\r\n key={key}\r\n actionItem={this}\r\n onSizeKnown={this.handleSizeKnown}\r\n />\r\n );\r\n }\r\n}\r\n"]}

package/lib/esm/appui-react/shared/AnyItemDef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnyItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/AnyItemDef.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;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 { GroupItemDef } from \"../toolbar/GroupItem\";\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\nimport { CommandItemDef } from \"./CommandItemDef\";\nimport { ToolItemDef } from \"./ToolItemDef\";\n\n/* Union of all Item definitions that can be specified in a GroupItem\n * @public\n */\nexport type AnyItemDef = GroupItemDef \| CommandItemDef \| ToolItemDef \| ActionButtonItemDef;\n"]}
1	+ {"version":3,"file":"AnyItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/AnyItemDef.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module Item\r\n /\r\n\r\nimport { GroupItemDef } from \"../toolbar/GroupItem\";\r\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\r\nimport { CommandItemDef } from \"./CommandItemDef\";\r\nimport { ToolItemDef } from \"./ToolItemDef\";\r\n\r\n/* Union of all Item definitions that can be specified in a GroupItem\r\n * @public\r\n */\r\nexport type AnyItemDef = GroupItemDef \| CommandItemDef \| ToolItemDef \| ActionButtonItemDef;\r\n"]}

package/lib/esm/appui-react/shared/AnyToolbarItemDef.js.map CHANGED Viewed

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

package/lib/esm/appui-react/shared/CommandItemDef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/CommandItemDef.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAGH,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,mBAAmB;IAKrD,YAAY,gBAAkC,EAAE,cAAmC;QACjF,KAAK,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;QAHnC,cAAS,GAAW,EAAE,CAAC;QAK5B,IAAI,gBAAgB,CAAC,OAAO,EAAE;YAC5B,IAAI,CAAC,eAAe,GAAG,EAAE,OAAO,EAAE,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,CAAC,UAAU,EAAE,cAAc,EAAE,gBAAgB,CAAC,cAAc,EAAE,CAAC;SACxJ;QAED,IAAI,gBAAgB,CAAC,SAAS;YAC5B,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC;aACzC;YACH,cAAc,CAAC,IAAI,EAAE,CAAC;YACtB,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC,eAAe,GAAG,cAAc,CAAC,IAAI,CAAC;SACvE;IACH,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;;AArBc,mBAAI,GAAG,CAAC,CAAC;AACV,8BAAe,GAAG,UAAU,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 { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\nimport { CommandItemProps } from \"./ItemProps\";\n\n/* An Item that executes a Command.\n * @public\n */\nexport class CommandItemDef extends ActionButtonItemDef {\n private static _sId = 0;\n public static commandIdPrefix = \"Command-\";\n public commandId: string = \"\";\n\n constructor(commandItemProps: CommandItemProps, onItemExecuted?: OnItemExecutedFunc) {\n super(commandItemProps, onItemExecuted);\n\n if (commandItemProps.execute) {\n this._commandHandler = { execute: commandItemProps.execute, parameters: commandItemProps.parameters, getCommandArgs: commandItemProps.getCommandArgs };\n }\n\n if (commandItemProps.commandId)\n 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"]}
1	+ {"version":3,"file":"CommandItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/CommandItemDef.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAGH,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,mBAAmB;IAKrD,YAAY,gBAAkC,EAAE,cAAmC;QACjF,KAAK,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;QAHnC,cAAS,GAAW,EAAE,CAAC;QAK5B,IAAI,gBAAgB,CAAC,OAAO,EAAE;YAC5B,IAAI,CAAC,eAAe,GAAG,EAAE,OAAO,EAAE,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,CAAC,UAAU,EAAE,cAAc,EAAE,gBAAgB,CAAC,cAAc,EAAE,CAAC;SACxJ;QAED,IAAI,gBAAgB,CAAC,SAAS;YAC5B,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC;aACzC;YACH,cAAc,CAAC,IAAI,EAAE,CAAC;YACtB,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC,eAAe,GAAG,cAAc,CAAC,IAAI,CAAC;SACvE;IACH,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;;AArBc,mBAAI,GAAG,CAAC,CAAC;AACV,8BAAe,GAAG,UAAU,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module Item\r\n /\r\n\r\nimport { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\r\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\r\nimport { CommandItemProps } from \"./ItemProps\";\r\n\r\n/* An Item that executes a Command.\r\n * @public\r\n */\r\nexport class CommandItemDef extends ActionButtonItemDef {\r\n private static _sId = 0;\r\n public static commandIdPrefix = \"Command-\";\r\n public commandId: string = \"\";\r\n\r\n constructor(commandItemProps: CommandItemProps, onItemExecuted?: OnItemExecutedFunc) {\r\n super(commandItemProps, onItemExecuted);\r\n\r\n if (commandItemProps.execute) {\r\n this._commandHandler = { execute: commandItemProps.execute, parameters: commandItemProps.parameters, getCommandArgs: commandItemProps.getCommandArgs };\r\n }\r\n\r\n if (commandItemProps.commandId)\r\n this.commandId = commandItemProps.commandId;\r\n else {\r\n CommandItemDef._sId++;\r\n this.commandId = CommandItemDef.commandIdPrefix + CommandItemDef._sId;\r\n }\r\n }\r\n\r\n public get id(): string {\r\n return this.commandId;\r\n }\r\n}\r\n"]}

package/lib/esm/appui-react/shared/CustomItemDef.js.map CHANGED Viewed

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

package/lib/esm/appui-react/shared/CustomItemProps.js.map CHANGED Viewed

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

package/lib/esm/appui-react/shared/GroupItemProps.js.map CHANGED Viewed

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