@itwin/appui-react 4.10.0 → 4.12.0

package/lib/cjs/appui-react/preview/new-toolbars/useOverflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverflow.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/useOverflow.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 Toolbar\n */\n\nimport * as React from \"react\";\nimport type { SizeProps } from \"@itwin/core-react\";\nimport { useResizeObserver } from \"@itwin/core-react\";\n\ntype Orientation = \"horizontal\" | \"vertical\";\n\n/** @internal */\nexport const useOverflow = <\n  TContainer extends HTMLElement,\n  TComponent extends HTMLElement\n>(\n  allItems: ReadonlyArray<string>,\n  orientation: Orientation,\n  getItemSize: (item: string) => SizeProps,\n  getOverflowSize: () => SizeProps\n) => {\n  const [visible, setVisible] = React.useState(allItems.length);\n  const [calculate, setCalculate] = React.useState(false);\n  const containerSizeRef = React.useRef<SizeProps>();\n  const componentSizeRef = React.useRef<SizeProps>();\n\n  const [prevOrientation, setPrevOrientation] = React.useState(orientation);\n  if (prevOrientation !== orientation) {\n    setPrevOrientation(orientation);\n    setCalculate(true);\n  }\n\n  React.useLayoutEffect(() => {\n    setCalculate(false);\n    if (!calculate) return;\n\n    const containerSize = containerSizeRef.current\n      ? getLength(containerSizeRef.current, orientation)\n      : undefined;\n    if (containerSize === undefined) return;\n\n    const componentSize = componentSizeRef.current\n      ? getLength(componentSizeRef.current, orientation)\n      : undefined;\n    if (componentSize === undefined) return;\n\n    const itemSizes = allItems.map((item) => {\n      const size = getItemSize(item);\n      return getLength(size, orientation);\n    });\n    const overflowSize = getLength(getOverflowSize(), orientation);\n\n    const otherSize = itemSizes.reduce((acc, size) => acc + size, 0);\n    if (otherSize < containerSize) {\n      // No overflow.\n      setVisible(itemSizes.length);\n      return;\n    }\n\n    let totalSize = overflowSize;\n    if (totalSize >= containerSize) {\n      // Render only overflow.\n      setVisible(0);\n      return;\n    }\n\n    let newVisible = 0;\n    for (const size of itemSizes) {\n      totalSize += size;\n      if (totalSize >= containerSize) {\n        break;\n      }\n      newVisible++;\n    }\n    setVisible(newVisible);\n  }, [calculate, allItems, getItemSize, getOverflowSize, orientation]);\n  const containerRoRef = useResizeObserver<TContainer>(\n    React.useCallback(\n      (width, height) => {\n        const length = containerSizeRef.current\n          ? getLength(containerSizeRef.current, orientation)\n          : undefined;\n        containerSizeRef.current = { width, height };\n        const newLength = getLength(containerSizeRef.current, orientation);\n\n        if (newLength === length) return;\n        setCalculate(true);\n      },\n      [orientation]\n    )\n  );\n  const componentRoRef = useResizeObserver<TComponent>(\n    React.useCallback(\n      (width, height) => {\n        const length = componentSizeRef.current\n          ? getLength(componentSizeRef.current, orientation)\n          : undefined;\n        componentSizeRef.current = { width, height };\n        const newLength = getLength(componentSizeRef.current, orientation);\n\n        if (newLength === length) return;\n        setCalculate(true);\n      },\n      [orientation]\n    )\n  );\n\n  const overflow = calculate || visible < allItems.length;\n  const visibleItems = calculate ? allItems.length : visible;\n  return [containerRoRef, componentRoRef, visibleItems, overflow] as const;\n};\n\nfunction getLength(\n  size: { width: number; height: number },\n  orientation: Orientation\n) {\n  return orientation === \"horizontal\" ? size.width : size.height;\n}\n"]}

package/lib/cjs/appui-react/preview/widget-action-dropdown/MoreButton.js

@@ -56,8 +56,9 @@ const order = [
 ];
 /** @internal */
 function useDropdownFeatures(features) {
+    var _a;
     const { widgetActionDropdown } = (0, PreviewFeatures_1.usePreviewFeatures)();
-    const threshold = widgetActionDropdown?.threshold ?? Infinity;
+    const threshold = (_a = widgetActionDropdown === null || widgetActionDropdown === void 0 ? void 0 : widgetActionDropdown.threshold) !== null && _a !== void 0 ? _a : Infinity;
     const isDropdown = features.length > threshold;
     if (!isDropdown)
         return [features, false];

package/lib/cjs/appui-react/preview/widget-action-dropdown/MoreButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreButton.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/widget-action-dropdown/MoreButton.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,sDAA6C;AAC7C,oEAA6D;AAC7D,wDAAoD;AACpD,uDAA0D;AAC1D,wDAAwD;AACxD,+DAA0D;AAC1D,4DAAoE;AAGpE,gBAAgB;AAChB,SAAgB,UAAU,CAAC,KAAkC;IAC3D,OAAO,CACL,oBAAC,4BAAY,IACX,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC;YACtB,oBAAC,mCAA2B,CAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE;gBAC9D,oBAAC,oBAAoB,OAAG;gBACvB,KAAK,CAAC,QAAQ,CACsB;SACxC;QAGD,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE;YACrE,oBAAC,qBAAY,IAAC,KAAK,EAAC,cAAc;gBAChC,oBAAC,qCAAe,OAAG,CACN,CACX,CACO,CAChB,CAAC;AACJ,CAAC;AAnBD,gCAmBC;AAED,gBAAgB;AACH,QAAA,2BAA2B,GAAG,KAAK,CAAC,aAAa,CAK5D,SAAS,CAAC,CAAC;AAEb,SAAS,oBAAoB;IAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,mCAA2B,CAAC,CAAC;IAC9D,IAAA,qBAAM,EAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAClB,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAgB,CAAC,CAAC;IAEhD,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAC5B,MAAM,SAAS,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QACpC,IAAI,CAAC,IAAI;YAAE,OAAO,KAAK,CAAC;QACxB,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS;YAAE,OAAO,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IACzB,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,KAAK,GAAoB;IAC7B,KAAK;IACL,UAAU;IACV,QAAQ;IACR,iBAAiB;IACjB,MAAM;IACN,UAAU;CACX,CAAC;AAEF,gBAAgB;AAChB,SAAgB,mBAAmB,CAAC,QAAyB;IAC3D,MAAM,EAAE,oBAAoB,EAAE,GAAG,IAAA,oCAAkB,GAAE,CAAC;IACtD,MAAM,SAAS,GAAG,oBAAoB,EAAE,SAAS,IAAI,QAAQ,CAAC;IAC9D,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;IAC/C,IAAI,CAAC,UAAU;QAAE,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAU,CAAC;IACnD,MAAM,MAAM,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAC/B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAC9C,CAAC;IACF,OAAO,CAAC,MAAM,EAAE,IAAI,CAAU,CAAC;AACjC,CAAC;AATD,kDASC","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 Widget\n */\n\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { SvgMoreVertical } from \"@itwin/itwinui-icons-react\";\nimport { DropdownMenu } from \"@itwin/itwinui-react\";\nimport { TabBarButton } from \"../../layout/widget/Button\";\nimport { usePreviewFeatures } from \"../PreviewFeatures\";\nimport { useLayout } from \"../../layout/base/LayoutStore\";\nimport { PanelSideContext } from \"../../layout/widget-panels/Panel\";\nimport type { WidgetFeature } from \"../../layout/widget/Buttons\";\n\n/** @internal */\nexport function MoreButton(props: React.PropsWithChildren<{}>) {\n  return (\n    <DropdownMenu\n      placement=\"bottom-end\"\n      menuItems={(onClose) => [\n        <WidgetActionDropdownContext.Provider key={0} value={{ onClose }}>\n          <CloseOnPanelCollapse />\n          {props.children}\n        </WidgetActionDropdownContext.Provider>,\n      ]}\n    >\n      {/* TODO: offset is not available for DropdownMenu */}\n      <div style={{ height: \"100%\", display: \"flex\", marginInline: \"0.25em\" }}>\n        <TabBarButton label=\"More actions\">\n          <SvgMoreVertical />\n        </TabBarButton>\n      </div>\n    </DropdownMenu>\n  );\n}\n\n/** @internal */\nexport const WidgetActionDropdownContext = React.createContext<\n  | undefined\n  | {\n      onClose: () => void;\n    }\n>(undefined);\n\nfunction CloseOnPanelCollapse() {\n  const context = React.useContext(WidgetActionDropdownContext);\n  assert(!!context);\n  const side = React.useContext(PanelSideContext);\n\n  const { onClose } = context;\n  const collapsed = useLayout((state) => {\n    if (!side) return false;\n    return state.panels[side].collapsed;\n  });\n  React.useEffect(() => {\n    if (collapsed) onClose();\n  }, [collapsed, onClose]);\n  return null;\n}\n\nconst order: WidgetFeature[] = [\n  \"pin\",\n  \"maximize\",\n  \"popout\",\n  \"horizontalAlign\",\n  \"dock\",\n  \"sendBack\",\n];\n\n/** @internal */\nexport function useDropdownFeatures(features: WidgetFeature[]) {\n  const { widgetActionDropdown } = usePreviewFeatures();\n  const threshold = widgetActionDropdown?.threshold ?? Infinity;\n  const isDropdown = features.length > threshold;\n  if (!isDropdown) return [features, false] as const;\n  const sorted = [...features].sort(\n    (a, b) => order.indexOf(a) - order.indexOf(b)\n  );\n  return [sorted, true] as const;\n}\n"]}
+{"version":3,"file":"MoreButton.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/widget-action-dropdown/MoreButton.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,sDAA6C;AAC7C,oEAA6D;AAC7D,wDAAoD;AACpD,uDAA0D;AAC1D,wDAAwD;AACxD,+DAA0D;AAC1D,4DAAoE;AAGpE,gBAAgB;AAChB,SAAgB,UAAU,CAAC,KAAkC;IAC3D,OAAO,CACL,oBAAC,4BAAY,IACX,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC;YACtB,oBAAC,mCAA2B,CAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE;gBAC9D,oBAAC,oBAAoB,OAAG;gBACvB,KAAK,CAAC,QAAQ,CACsB;SACxC;QAGD,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE;YACrE,oBAAC,qBAAY,IAAC,KAAK,EAAC,cAAc;gBAChC,oBAAC,qCAAe,OAAG,CACN,CACX,CACO,CAChB,CAAC;AACJ,CAAC;AAnBD,gCAmBC;AAED,gBAAgB;AACH,QAAA,2BAA2B,GAAG,KAAK,CAAC,aAAa,CAK5D,SAAS,CAAC,CAAC;AAEb,SAAS,oBAAoB;IAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,mCAA2B,CAAC,CAAC;IAC9D,IAAA,qBAAM,EAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAClB,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAgB,CAAC,CAAC;IAEhD,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAC5B,MAAM,SAAS,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QACpC,IAAI,CAAC,IAAI;YAAE,OAAO,KAAK,CAAC;QACxB,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS;YAAE,OAAO,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IACzB,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,KAAK,GAAoB;IAC7B,KAAK;IACL,UAAU;IACV,QAAQ;IACR,iBAAiB;IACjB,MAAM;IACN,UAAU;CACX,CAAC;AAEF,gBAAgB;AAChB,SAAgB,mBAAmB,CAAC,QAAyB;;IAC3D,MAAM,EAAE,oBAAoB,EAAE,GAAG,IAAA,oCAAkB,GAAE,CAAC;IACtD,MAAM,SAAS,GAAG,MAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,SAAS,mCAAI,QAAQ,CAAC;IAC9D,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;IAC/C,IAAI,CAAC,UAAU;QAAE,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAU,CAAC;IACnD,MAAM,MAAM,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAC/B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAC9C,CAAC;IACF,OAAO,CAAC,MAAM,EAAE,IAAI,CAAU,CAAC;AACjC,CAAC;AATD,kDASC","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 Widget\n */\n\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { SvgMoreVertical } from \"@itwin/itwinui-icons-react\";\nimport { DropdownMenu } from \"@itwin/itwinui-react\";\nimport { TabBarButton } from \"../../layout/widget/Button\";\nimport { usePreviewFeatures } from \"../PreviewFeatures\";\nimport { useLayout } from \"../../layout/base/LayoutStore\";\nimport { PanelSideContext } from \"../../layout/widget-panels/Panel\";\nimport type { WidgetFeature } from \"../../layout/widget/Buttons\";\n\n/** @internal */\nexport function MoreButton(props: React.PropsWithChildren<{}>) {\n  return (\n    <DropdownMenu\n      placement=\"bottom-end\"\n      menuItems={(onClose) => [\n        <WidgetActionDropdownContext.Provider key={0} value={{ onClose }}>\n          <CloseOnPanelCollapse />\n          {props.children}\n        </WidgetActionDropdownContext.Provider>,\n      ]}\n    >\n      {/* TODO: offset is not available for DropdownMenu */}\n      <div style={{ height: \"100%\", display: \"flex\", marginInline: \"0.25em\" }}>\n        <TabBarButton label=\"More actions\">\n          <SvgMoreVertical />\n        </TabBarButton>\n      </div>\n    </DropdownMenu>\n  );\n}\n\n/** @internal */\nexport const WidgetActionDropdownContext = React.createContext<\n  | undefined\n  | {\n      onClose: () => void;\n    }\n>(undefined);\n\nfunction CloseOnPanelCollapse() {\n  const context = React.useContext(WidgetActionDropdownContext);\n  assert(!!context);\n  const side = React.useContext(PanelSideContext);\n\n  const { onClose } = context;\n  const collapsed = useLayout((state) => {\n    if (!side) return false;\n    return state.panels[side].collapsed;\n  });\n  React.useEffect(() => {\n    if (collapsed) onClose();\n  }, [collapsed, onClose]);\n  return null;\n}\n\nconst order: WidgetFeature[] = [\n  \"pin\",\n  \"maximize\",\n  \"popout\",\n  \"horizontalAlign\",\n  \"dock\",\n  \"sendBack\",\n];\n\n/** @internal */\nexport function useDropdownFeatures(features: WidgetFeature[]) {\n  const { widgetActionDropdown } = usePreviewFeatures();\n  const threshold = widgetActionDropdown?.threshold ?? Infinity;\n  const isDropdown = features.length > threshold;\n  if (!isDropdown) return [features, false] as const;\n  const sorted = [...features].sort(\n    (a, b) => order.indexOf(a) - order.indexOf(b)\n  );\n  return [sorted, true] as const;\n}\n"]}

package/lib/cjs/appui-react/redux/FrameworkState.d.ts

@@ -18,7 +18,7 @@ export interface FrameworkState {
 export declare const FrameworkReducer: (state: import("./redux-ts").CombinedReducerState<{
     configurableUiState: typeof ConfigurableUiReducer;
     sessionState: typeof SessionStateReducer;
-}>, action: import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetSnapMode, number>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetTheme, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetToolPrompt, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetWidgetOpacity, number>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetDragInteraction, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetShowWidgetIcon, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.AutoCollapseUnpinnedPanels, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetViewOverlayDisplay, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.AnimateToolSettings, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.UseToolAsToolSettingsLabel, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetToolbarOpacity, number>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetActiveIModelId, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetAvailableSelectionScopes, import("./redux-ts").DeepReadonlyArray<import("./SessionState").PresentationSelectionScope>>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetDefaultIModelViewportControlId, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetDefaultViewId, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetDefaultViewState, any>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetNumItemsSelected, number>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetIModelConnection, any>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetSelectionScope, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.UpdateCursorMenu, import("./redux-ts").DeepReadonlyObject<import("./SessionState").CursorMenuData>>>) => import("./redux-ts").CombinedReducerState<{
+}>, action: import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetSnapMode, number>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetTheme, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetToolPrompt, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetWidgetOpacity, number>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetDragInteraction, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetShowWidgetIcon, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.AutoCollapseUnpinnedPanels, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetViewOverlayDisplay, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.AnimateToolSettings, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.UseToolAsToolSettingsLabel, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetToolbarOpacity, number>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetActiveIModelId, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetAvailableSelectionScopes, import("./redux-ts").DeepReadonlyArray<import("./SessionState").PresentationSelectionScope>>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetDefaultIModelViewportControlId, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetDefaultViewId, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetDefaultViewState, any>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetNumItemsSelected, number>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetIModelConnection, any>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetSelectionScope, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.UpdateCursorMenu, import("./redux-ts").DeepReadonlyObject<import("./SessionState").CursorMenuData> | import("./redux-ts").DeepReadonlyObject<import("./SessionState").CursorMenuPayload>>>) => import("./redux-ts").CombinedReducerState<{
     configurableUiState: typeof ConfigurableUiReducer;
     sessionState: typeof SessionStateReducer;
 }>;

package/lib/cjs/appui-react/redux/SessionState.d.ts

@@ -2,7 +2,7 @@
  * @module State
  */
 import type { XAndY } from "@itwin/core-geometry";
-import type { MenuItemProps } from "../shared/MenuItem";
+import type { CursorMenuItemProps, MenuItemProps } from "../shared/MenuItem";
 import type { ActionsUnion, DeepReadonly } from "./redux-ts";
 /** PresentationSelectionScope holds the id and the localized label for a selection scope supported for a specific iModel.
  * Added to avoid an api-extract error caused by using SelectionScope.
@@ -15,11 +15,22 @@ export interface PresentationSelectionScope {
 /** Definition of data added to Redux store to define cursor menu.  If menuItems are empty the menu control is not displayed.
  * To close the menu clear the menuItems or pass in undefined as the CursorData.
  * @public
+ * @deprecated in 4.11.x use {@link CursorMenuPayload} instead.
  */
 export interface CursorMenuData {
+    position: XAndY;
+    childWindowId?: string;
     items: MenuItemProps[];
+}
+/**
+ * Definition of data added to Redux store to define cursor menu.  If menuItems are empty the menu control is not displayed.
+ * To close the menu clear the menuItems or pass in undefined as the CursorData.
+ * @public
+ */
+export interface CursorMenuPayload {
     position: XAndY;
     childWindowId?: string;
+    items: CursorMenuItemProps[];
 }
 /** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.
  *  Since these are also used as sync ids they should be in lowercase.
@@ -49,6 +60,7 @@ export interface SessionState {
     defaultViewState: any;
     iModelConnection: any;
     cursorMenuData: CursorMenuData | undefined;
+    cursorMenuPayload: CursorMenuPayload | undefined;
 }
 /** An interface that allows redux connected object to dispatch changes to the SessionState reducer.
  * @beta
@@ -76,7 +88,7 @@ export declare const SessionStateActions: {
     setNumItemsSelected: (numSelected: number) => import("./redux-ts").ActionWithPayload<SessionStateActionId.SetNumItemsSelected, number>;
     setIModelConnection: (iModelConnection: any) => import("./redux-ts").ActionWithPayload<SessionStateActionId.SetIModelConnection, any>;
     setSelectionScope: (activeSelectionScope: string) => import("./redux-ts").ActionWithPayload<SessionStateActionId.SetSelectionScope, string>;
-    updateCursorMenu: (cursorMenuData: CursorMenuData) => import("./redux-ts").ActionWithPayload<SessionStateActionId.UpdateCursorMenu, import("./redux-ts").DeepReadonlyObject<CursorMenuData>>;
+    updateCursorMenu: (cursorMenuData: CursorMenuData | CursorMenuPayload) => import("./redux-ts").ActionWithPayload<SessionStateActionId.UpdateCursorMenu, import("./redux-ts").DeepReadonlyObject<CursorMenuData> | import("./redux-ts").DeepReadonlyObject<CursorMenuPayload>>;
 };
 /** Object that contains available actions that modify SessionState. Parent control's props should
  * extend from SessionStateActionsProps before using this in Redux 'connect' function.
@@ -91,7 +103,7 @@ export declare const sessionStateMapDispatchToProps: {
     setNumItemsSelected: (numSelected: number) => import("./redux-ts").ActionWithPayload<SessionStateActionId.SetNumItemsSelected, number>;
     setIModelConnection: (iModelConnection: any) => import("./redux-ts").ActionWithPayload<SessionStateActionId.SetIModelConnection, any>;
     setSelectionScope: (activeSelectionScope: string) => import("./redux-ts").ActionWithPayload<SessionStateActionId.SetSelectionScope, string>;
-    updateCursorMenu: (cursorMenuData: CursorMenuData) => import("./redux-ts").ActionWithPayload<SessionStateActionId.UpdateCursorMenu, import("./redux-ts").DeepReadonlyObject<CursorMenuData>>;
+    updateCursorMenu: (cursorMenuData: CursorMenuData | CursorMenuPayload) => import("./redux-ts").ActionWithPayload<SessionStateActionId.UpdateCursorMenu, import("./redux-ts").DeepReadonlyObject<CursorMenuData> | import("./redux-ts").DeepReadonlyObject<CursorMenuPayload>>;
 };
 /** Union of SessionState Redux actions
  * @public

package/lib/cjs/appui-react/redux/SessionState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionState.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/redux/SessionState.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAK7D;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,oBAAY,oBAAoB;IAC9B,mBAAmB,wCAAwC;IAC3D,2BAA2B,gDAAgD;IAC3E,iBAAiB,qCAAqC;IACtD,iBAAiB,qCAAqC;IACtD,mBAAmB,uCAAuC;IAC1D,iCAAiC,wCAAwC;IACzE,gBAAgB,oCAAoC;IACpD,mBAAmB,wCAAwC;IAC3D,gBAAgB,oCAAoC;CACrD;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,wBAAwB,EAAE,0BAA0B,EAAE,CAAC;IACvD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,8BAA8B,EAAE,MAAM,GAAG,SAAS,CAAC;IACnD,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,gBAAgB,EAAE,GAAG,CAAC;IACtB,gBAAgB,EAAE,GAAG,CAAC;IACtB,cAAc,EAAE,cAAc,GAAG,SAAS,CAAC;CAC5C;AAwBD;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,iBAAiB,EAAE,OAAO,mBAAmB,CAAC,iBAAiB,CAAC;IAChE,2BAA2B,EAAE,OAAO,mBAAmB,CAAC,2BAA2B,CAAC;IACpF,iCAAiC,EAAE,OAAO,mBAAmB,CAAC,iCAAiC,CAAC;IAChG,gBAAgB,EAAE,OAAO,mBAAmB,CAAC,gBAAgB,CAAC;IAC9D,mBAAmB,EAAE,OAAO,mBAAmB,CAAC,mBAAmB,CAAC;IACpE,mBAAmB,EAAE,OAAO,mBAAmB,CAAC,mBAAmB,CAAC;IACpE,mBAAmB,EAAE,OAAO,mBAAmB,CAAC,mBAAmB,CAAC;IACpE,iBAAiB,EAAE,OAAO,mBAAmB,CAAC,iBAAiB,CAAC;IAChE,gBAAgB,EAAE,OAAO,mBAAmB,CAAC,gBAAgB,CAAC;CAC/D;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB;kCAGjB,MAAM;4DAIU,0BAA0B,EAAE;iEAKI,MAAM;+BAKxC,MAAM;qCAInB,GAAG;uCAEkB,MAAM;4CAIpB,GAAG;8CAIC,MAAM;uCAOZ,cAAc;CAElC,CAAC;AAEF;;;GAGG;AAEH,eAAO,MAAM,8BAA8B;kCA5C5B,MAAM;4DAIU,0BAA0B,EAAE;iEAKI,MAAM;+BAKxC,MAAM;qCAInB,GAAG;uCAEkB,MAAM;4CAIpB,GAAG;8CAIC,MAAM;uCAOZ,cAAc;CASqC,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhF;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,0BAA6B,EAClC,MAAM,EAAE,wBAAwB,GAC/B,YAAY,CAAC,YAAY,CAAC,CA+C5B"}
+{"version":3,"file":"SessionState.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/redux/SessionState.ts"],"names":[],"mappings":"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"}

package/lib/cjs/appui-react/redux/SessionState.js

@@ -44,6 +44,7 @@ const initialState = {
     defaultViewState: undefined,
     iModelConnection: undefined,
     cursorMenuData: undefined,
+    cursorMenuPayload: undefined,
 };
 /** An object with a function that creates each SessionStateReducer that can be handled by our reducer.
  * @public
@@ -69,6 +70,7 @@ exports.SessionStateActions = {
     (activeSelectionScope) => (0, redux_ts_1.createAction)(SessionStateActionId.SetSelectionScope, activeSelectionScope),
     updateCursorMenu: 
     // istanbul ignore next
+    // eslint-disable-next-line deprecation/deprecation
     (cursorMenuData) => (0, redux_ts_1.createAction)(SessionStateActionId.UpdateCursorMenu, cursorMenuData),
 };
 /** Object that contains available actions that modify SessionState. Parent control's props should
@@ -125,7 +127,12 @@ function SessionStateReducer(state = initialState, action) {
             return { ...state, iModelConnection: action.payload };
         }
         case SessionStateActionId.UpdateCursorMenu: {
-            return { ...state, cursorMenuData: action.payload };
+            return {
+                ...state,
+                cursorMenuPayload: action.payload,
+                // eslint-disable-next-line deprecation/deprecation
+                cursorMenuData: action.payload,
+            };
         }
     }
     return state;

package/lib/cjs/appui-react/redux/SessionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionState.js","sourceRoot":"","sources":["../../../../src/appui-react/redux/SessionState.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 State\n */\n\n// The following definitions are causing extract-api issues on linux so for now just using any until we can figure out the issue.\nimport type { XAndY } from \"@itwin/core-geometry\";\n// import { IModelConnection, ViewState } from \"@itwin/core-frontend\";\nimport type { MenuItemProps } from \"../shared/MenuItem\";\nimport type { ActionsUnion, DeepReadonly } from \"./redux-ts\";\nimport { createAction } from \"./redux-ts\";\n\n// cSpell:ignore configurableui snapmode toolprompt sessionstate imodelid viewid viewportid rulesetid\n\n/** PresentationSelectionScope holds the id and the localized label for a selection scope supported for a specific iModel.\n * Added to avoid an api-extract error caused by using SelectionScope.\n * @public\n */\nexport interface PresentationSelectionScope {\n  id: string;\n  label: string;\n}\n\n/** Definition of data added to Redux store to define cursor menu.  If menuItems are empty the menu control is not displayed.\n * To close the menu clear the menuItems or pass in undefined as the CursorData.\n * @public\n */\nexport interface CursorMenuData {\n  items: MenuItemProps[];\n  position: XAndY;\n  childWindowId?: string;\n}\n\n/** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.\n *  Since these are also used as sync ids they should be in lowercase.\n * @public\n */\nexport enum SessionStateActionId {\n  SetNumItemsSelected = \"sessionstate:set-num-items-selected\",\n  SetAvailableSelectionScopes = \"sessionstate:set-available-selection-scopes\",\n  SetSelectionScope = \"sessionstate:set-selection-scope\",\n  SetActiveIModelId = \"sessionstate:set-active-imodelid\",\n  SetIModelConnection = \"sessionstate:set-imodel-connection\",\n  SetDefaultIModelViewportControlId = \"sessionstate:set-default-viewportid\",\n  SetDefaultViewId = \"sessionstate:set-default-viewid\",\n  SetDefaultViewState = \"sessionstate:set-default-view-state\",\n  UpdateCursorMenu = \"sessionstate:update-cursor-menu\",\n}\n\n/** The portion of state managed by the SessionStateReducer.\n * @public\n */\nexport interface SessionState {\n  numItemsSelected: number;\n  availableSelectionScopes: PresentationSelectionScope[];\n  activeSelectionScope: string;\n  iModelId: string;\n  defaultIModelViewportControlId: string | undefined;\n  defaultViewId: string | undefined;\n  defaultViewState: any;\n  iModelConnection: any;\n  cursorMenuData: CursorMenuData | undefined;\n}\n\nconst defaultSelectionScope = {\n  id: \"element\",\n  label: \"Element\",\n} as PresentationSelectionScope;\n\n/** used on first call of SessionStateReducer */\nconst initialState: SessionState = {\n  /** number of selected items in Presentation Selection */\n  numItemsSelected: 0,\n  /** initialize to only support \"Element\" scope, this will be overwritten when iModelConnection is established */\n  availableSelectionScopes: [defaultSelectionScope],\n  /** initialize to active selection scope to \"Element\", this will be overwritten when iModelConnection is established */\n  activeSelectionScope: defaultSelectionScope.id,\n  /** set to iModelId if an iModel is active else it is an empty string, so initialize to empty string */\n  iModelId: \"\",\n  defaultIModelViewportControlId: undefined,\n  defaultViewId: undefined,\n  defaultViewState: undefined,\n  iModelConnection: undefined,\n  cursorMenuData: undefined,\n};\n\n/** An interface that allows redux connected object to dispatch changes to the SessionState reducer.\n * @beta\n */\nexport interface SessionStateActionsProps {\n  setActiveIModelId: typeof SessionStateActions.setActiveIModelId;\n  setAvailableSelectionScopes: typeof SessionStateActions.setAvailableSelectionScopes;\n  setDefaultIModelViewportControlId: typeof SessionStateActions.setDefaultIModelViewportControlId;\n  setDefaultViewId: typeof SessionStateActions.setDefaultViewId;\n  setDefaultViewState: typeof SessionStateActions.setDefaultViewState;\n  setIModelConnection: typeof SessionStateActions.setIModelConnection;\n  setNumItemsSelected: typeof SessionStateActions.setNumItemsSelected;\n  setSelectionScope: typeof SessionStateActions.setSelectionScope;\n  updateCursorMenu: typeof SessionStateActions.updateCursorMenu;\n}\n\n/** An object with a function that creates each SessionStateReducer that can be handled by our reducer.\n * @public\n */\nexport const SessionStateActions = {\n  setActiveIModelId:\n    // istanbul ignore next\n    (iModelId: string) =>\n      createAction(SessionStateActionId.SetActiveIModelId, iModelId),\n  setAvailableSelectionScopes:\n    // istanbul ignore next\n    (availableSelectionScopes: PresentationSelectionScope[]) =>\n      createAction(\n        SessionStateActionId.SetAvailableSelectionScopes,\n        availableSelectionScopes\n      ),\n  setDefaultIModelViewportControlId: (iModelViewportControlId: string) =>\n    createAction(\n      SessionStateActionId.SetDefaultIModelViewportControlId,\n      iModelViewportControlId\n    ),\n  setDefaultViewId: (viewId: string) =>\n    createAction(SessionStateActionId.SetDefaultViewId, viewId),\n  setDefaultViewState:\n    // istanbul ignore next\n    (viewState: any) =>\n      createAction(SessionStateActionId.SetDefaultViewState, viewState),\n  setNumItemsSelected: (numSelected: number) =>\n    createAction(SessionStateActionId.SetNumItemsSelected, numSelected),\n  setIModelConnection:\n    // istanbul ignore next\n    (iModelConnection: any) =>\n      createAction(SessionStateActionId.SetIModelConnection, iModelConnection),\n  setSelectionScope:\n    // istanbul ignore next\n    (activeSelectionScope: string) =>\n      createAction(\n        SessionStateActionId.SetSelectionScope,\n        activeSelectionScope\n      ),\n  updateCursorMenu:\n    // istanbul ignore next\n    (cursorMenuData: CursorMenuData) =>\n      createAction(SessionStateActionId.UpdateCursorMenu, cursorMenuData),\n};\n\n/** Object that contains available actions that modify SessionState. Parent control's props should\n * extend from SessionStateActionsProps before using this in Redux 'connect' function.\n * @beta\n */\n// ...SessionStateActionsProps\nexport const sessionStateMapDispatchToProps = { ...SessionStateActions };\n\n/** Union of SessionState Redux actions\n * @public\n */\nexport type SessionStateActionsUnion = ActionsUnion<typeof SessionStateActions>;\n\n/** Handles actions to update SessionState.\n * @public\n */\nexport function SessionStateReducer(\n  state: SessionState = initialState,\n  action: SessionStateActionsUnion\n): DeepReadonly<SessionState> {\n  switch (action.type) {\n    case SessionStateActionId.SetNumItemsSelected: {\n      // istanbul ignore else\n      if (undefined !== action.payload)\n        return { ...state, numItemsSelected: action.payload };\n      else return { ...state, numItemsSelected: 0 };\n    }\n    case SessionStateActionId.SetAvailableSelectionScopes: {\n      const payloadArray: PresentationSelectionScope[] = [];\n      action.payload.forEach((scope) => payloadArray.push(scope));\n      // istanbul ignore else\n      if (undefined !== action.payload)\n        return { ...state, availableSelectionScopes: payloadArray };\n      else\n        return { ...state, availableSelectionScopes: [defaultSelectionScope] };\n    }\n    case SessionStateActionId.SetSelectionScope: {\n      // istanbul ignore else\n      if (undefined !== action.payload)\n        return { ...state, activeSelectionScope: action.payload };\n      else return { ...state, activeSelectionScope: defaultSelectionScope.id };\n    }\n    case SessionStateActionId.SetActiveIModelId: {\n      // istanbul ignore else\n      if (undefined !== action.payload)\n        return { ...state, iModelId: action.payload };\n      else return { ...state, iModelId: \"\" };\n    }\n    case SessionStateActionId.SetDefaultIModelViewportControlId: {\n      return { ...state, defaultIModelViewportControlId: action.payload };\n    }\n    case SessionStateActionId.SetDefaultViewId: {\n      return { ...state, defaultViewId: action.payload };\n    }\n    case SessionStateActionId.SetDefaultViewState: {\n      return { ...state, defaultViewState: action.payload };\n    }\n    case SessionStateActionId.SetIModelConnection: {\n      return { ...state, iModelConnection: action.payload };\n    }\n    case SessionStateActionId.UpdateCursorMenu: {\n      return { ...state, cursorMenuData: action.payload };\n    }\n  }\n\n  return state;\n}\n"]}
+{"version":3,"file":"SessionState.js","sourceRoot":"","sources":["../../../../src/appui-react/redux/SessionState.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 State\n */\n\n// The following definitions are causing extract-api issues on linux so for now just using any until we can figure out the issue.\nimport type { XAndY } from \"@itwin/core-geometry\";\n// import { IModelConnection, ViewState } from \"@itwin/core-frontend\";\nimport type { CursorMenuItemProps, MenuItemProps } from \"../shared/MenuItem\";\nimport type { ActionsUnion, DeepReadonly } from \"./redux-ts\";\nimport { createAction } from \"./redux-ts\";\n// cSpell:ignore configurableui snapmode toolprompt sessionstate imodelid viewid viewportid rulesetid\n\n/** PresentationSelectionScope holds the id and the localized label for a selection scope supported for a specific iModel.\n * Added to avoid an api-extract error caused by using SelectionScope.\n * @public\n */\nexport interface PresentationSelectionScope {\n  id: string;\n  label: string;\n}\n\n/** Definition of data added to Redux store to define cursor menu.  If menuItems are empty the menu control is not displayed.\n * To close the menu clear the menuItems or pass in undefined as the CursorData.\n * @public\n * @deprecated in 4.11.x use {@link CursorMenuPayload} instead.\n */\nexport interface CursorMenuData {\n  position: XAndY;\n  childWindowId?: string;\n  // eslint-disable-next-line deprecation/deprecation\n  items: MenuItemProps[];\n}\n\n/**\n * Definition of data added to Redux store to define cursor menu.  If menuItems are empty the menu control is not displayed.\n * To close the menu clear the menuItems or pass in undefined as the CursorData.\n * @public\n */\nexport interface CursorMenuPayload {\n  position: XAndY;\n  childWindowId?: string;\n  items: CursorMenuItemProps[];\n}\n\n/** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.\n *  Since these are also used as sync ids they should be in lowercase.\n * @public\n */\nexport enum SessionStateActionId {\n  SetNumItemsSelected = \"sessionstate:set-num-items-selected\",\n  SetAvailableSelectionScopes = \"sessionstate:set-available-selection-scopes\",\n  SetSelectionScope = \"sessionstate:set-selection-scope\",\n  SetActiveIModelId = \"sessionstate:set-active-imodelid\",\n  SetIModelConnection = \"sessionstate:set-imodel-connection\",\n  SetDefaultIModelViewportControlId = \"sessionstate:set-default-viewportid\",\n  SetDefaultViewId = \"sessionstate:set-default-viewid\",\n  SetDefaultViewState = \"sessionstate:set-default-view-state\",\n  UpdateCursorMenu = \"sessionstate:update-cursor-menu\",\n}\n\n/** The portion of state managed by the SessionStateReducer.\n * @public\n */\nexport interface SessionState {\n  numItemsSelected: number;\n  availableSelectionScopes: PresentationSelectionScope[];\n  activeSelectionScope: string;\n  iModelId: string;\n  defaultIModelViewportControlId: string | undefined;\n  defaultViewId: string | undefined;\n  defaultViewState: any;\n  iModelConnection: any;\n  // eslint-disable-next-line deprecation/deprecation\n  cursorMenuData: CursorMenuData | undefined; // @deprecated in 4.11.x use {@link CursorMenuPayload} instead\n  cursorMenuPayload: CursorMenuPayload | undefined;\n}\n\nconst defaultSelectionScope = {\n  id: \"element\",\n  label: \"Element\",\n} as PresentationSelectionScope;\n\n/** used on first call of SessionStateReducer */\nconst initialState: SessionState = {\n  /** number of selected items in Presentation Selection */\n  numItemsSelected: 0,\n  /** initialize to only support \"Element\" scope, this will be overwritten when iModelConnection is established */\n  availableSelectionScopes: [defaultSelectionScope],\n  /** initialize to active selection scope to \"Element\", this will be overwritten when iModelConnection is established */\n  activeSelectionScope: defaultSelectionScope.id,\n  /** set to iModelId if an iModel is active else it is an empty string, so initialize to empty string */\n  iModelId: \"\",\n  defaultIModelViewportControlId: undefined,\n  defaultViewId: undefined,\n  defaultViewState: undefined,\n  iModelConnection: undefined,\n  cursorMenuData: undefined, // @deprecated in 4.11.x use {@link SessionState.cursorMenuPayload} instead\n  cursorMenuPayload: undefined,\n};\n\n/** An interface that allows redux connected object to dispatch changes to the SessionState reducer.\n * @beta\n */\nexport interface SessionStateActionsProps {\n  setActiveIModelId: typeof SessionStateActions.setActiveIModelId;\n  setAvailableSelectionScopes: typeof SessionStateActions.setAvailableSelectionScopes;\n  setDefaultIModelViewportControlId: typeof SessionStateActions.setDefaultIModelViewportControlId;\n  setDefaultViewId: typeof SessionStateActions.setDefaultViewId;\n  setDefaultViewState: typeof SessionStateActions.setDefaultViewState;\n  setIModelConnection: typeof SessionStateActions.setIModelConnection;\n  setNumItemsSelected: typeof SessionStateActions.setNumItemsSelected;\n  setSelectionScope: typeof SessionStateActions.setSelectionScope;\n  updateCursorMenu: typeof SessionStateActions.updateCursorMenu;\n}\n\n/** An object with a function that creates each SessionStateReducer that can be handled by our reducer.\n * @public\n */\nexport const SessionStateActions = {\n  setActiveIModelId:\n    // istanbul ignore next\n    (iModelId: string) =>\n      createAction(SessionStateActionId.SetActiveIModelId, iModelId),\n  setAvailableSelectionScopes:\n    // istanbul ignore next\n    (availableSelectionScopes: PresentationSelectionScope[]) =>\n      createAction(\n        SessionStateActionId.SetAvailableSelectionScopes,\n        availableSelectionScopes\n      ),\n  setDefaultIModelViewportControlId: (iModelViewportControlId: string) =>\n    createAction(\n      SessionStateActionId.SetDefaultIModelViewportControlId,\n      iModelViewportControlId\n    ),\n  setDefaultViewId: (viewId: string) =>\n    createAction(SessionStateActionId.SetDefaultViewId, viewId),\n  setDefaultViewState:\n    // istanbul ignore next\n    (viewState: any) =>\n      createAction(SessionStateActionId.SetDefaultViewState, viewState),\n  setNumItemsSelected: (numSelected: number) =>\n    createAction(SessionStateActionId.SetNumItemsSelected, numSelected),\n  setIModelConnection:\n    // istanbul ignore next\n    (iModelConnection: any) =>\n      createAction(SessionStateActionId.SetIModelConnection, iModelConnection),\n  setSelectionScope:\n    // istanbul ignore next\n    (activeSelectionScope: string) =>\n      createAction(\n        SessionStateActionId.SetSelectionScope,\n        activeSelectionScope\n      ),\n  updateCursorMenu:\n    // istanbul ignore next\n    // eslint-disable-next-line deprecation/deprecation\n    (cursorMenuData: CursorMenuData | CursorMenuPayload) =>\n      createAction(SessionStateActionId.UpdateCursorMenu, cursorMenuData),\n};\n\n/** Object that contains available actions that modify SessionState. Parent control's props should\n * extend from SessionStateActionsProps before using this in Redux 'connect' function.\n * @beta\n */\n// ...SessionStateActionsProps\nexport const sessionStateMapDispatchToProps = { ...SessionStateActions };\n\n/** Union of SessionState Redux actions\n * @public\n */\nexport type SessionStateActionsUnion = ActionsUnion<typeof SessionStateActions>;\n\n/** Handles actions to update SessionState.\n * @public\n */\nexport function SessionStateReducer(\n  state: SessionState = initialState,\n  action: SessionStateActionsUnion\n): DeepReadonly<SessionState> {\n  switch (action.type) {\n    case SessionStateActionId.SetNumItemsSelected: {\n      // istanbul ignore else\n      if (undefined !== action.payload)\n        return { ...state, numItemsSelected: action.payload };\n      else return { ...state, numItemsSelected: 0 };\n    }\n    case SessionStateActionId.SetAvailableSelectionScopes: {\n      const payloadArray: PresentationSelectionScope[] = [];\n      action.payload.forEach((scope) => payloadArray.push(scope));\n      // istanbul ignore else\n      if (undefined !== action.payload)\n        return { ...state, availableSelectionScopes: payloadArray };\n      else\n        return { ...state, availableSelectionScopes: [defaultSelectionScope] };\n    }\n    case SessionStateActionId.SetSelectionScope: {\n      // istanbul ignore else\n      if (undefined !== action.payload)\n        return { ...state, activeSelectionScope: action.payload };\n      else return { ...state, activeSelectionScope: defaultSelectionScope.id };\n    }\n    case SessionStateActionId.SetActiveIModelId: {\n      // istanbul ignore else\n      if (undefined !== action.payload)\n        return { ...state, iModelId: action.payload };\n      else return { ...state, iModelId: \"\" };\n    }\n    case SessionStateActionId.SetDefaultIModelViewportControlId: {\n      return { ...state, defaultIModelViewportControlId: action.payload };\n    }\n    case SessionStateActionId.SetDefaultViewId: {\n      return { ...state, defaultViewId: action.payload };\n    }\n    case SessionStateActionId.SetDefaultViewState: {\n      return { ...state, defaultViewState: action.payload };\n    }\n    case SessionStateActionId.SetIModelConnection: {\n      return { ...state, iModelConnection: action.payload };\n    }\n    case SessionStateActionId.UpdateCursorMenu: {\n      return {\n        ...state,\n        cursorMenuPayload: action.payload as CursorMenuPayload,\n        // eslint-disable-next-line deprecation/deprecation\n        cursorMenuData: action.payload as CursorMenuData,\n      };\n    }\n  }\n\n  return state;\n}\n"]}

package/lib/cjs/appui-react/selection/SelectionContextItemDef.js

@@ -62,12 +62,12 @@ function isNoSelectionActive() {
             UiFramework_1.UiFramework.store.getState()[UiFramework_1.UiFramework.frameworkStateKey].frameworkState
                 .sessionState.numItemsSelected;
     // istanbul ignore if
-    if (activeContentControl?.viewport) {
+    if (activeContentControl === null || activeContentControl === void 0 ? void 0 : activeContentControl.viewport) {
         const hiddenElementsSet = activeContentControl.viewport.neverDrawn;
         const selectedElementsSet = activeContentControl.viewport.view.iModel.selectionSet.elements;
         // TODO: add check for categories, subcategories and models
         if (selectionCount > 0 ||
-            ![...selectedElementsSet].every((value) => hiddenElementsSet?.has(value)))
+            ![...selectedElementsSet].every((value) => hiddenElementsSet === null || hiddenElementsSet === void 0 ? void 0 : hiddenElementsSet.has(value)))
             return false;
     }
     return true;

package/lib/cjs/appui-react/selection/SelectionContextItemDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionContextItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/selection/SelectionContextItemDef.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 Tools\n */\n\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport { SessionStateActionId } from \"../redux/SessionState\";\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\nimport type { BaseItemState } from \"../shared/ItemDefBase\";\nimport { SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\nimport { GroupItemDef } from \"../toolbar/GroupItem\";\nimport { UiFramework } from \"../UiFramework\";\nimport svgModelIsolate from \"@bentley/icons-generic/icons/model-isolate.svg\";\nimport svgLayersIsolate from \"@bentley/icons-generic/icons/layers-isolate.svg\";\nimport svgAssetIsolate from \"@bentley/icons-generic/icons/asset-isolate.svg\";\nimport svgIsolate from \"@bentley/icons-generic/icons/isolate.svg\";\nimport svgModelHide from \"@bentley/icons-generic/icons/model-hide.svg\";\nimport svgLayersHide from \"@bentley/icons-generic/icons/layers-hide.svg\";\nimport svgAssetClassificationHide from \"@bentley/icons-generic/icons/asset-classification-hide.svg\";\nimport svgVisibilitySemiTransparent from \"@bentley/icons-generic/icons/visibility-semi-transparent.svg\";\nimport svgVisibilityHide from \"@bentley/icons-generic/icons/visibility-hide_2.svg\";\nimport svgVisibility from \"@bentley/icons-generic/icons/visibility.svg\";\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function getFeatureOverrideSyncEventIds(): string[] {\n  return [\n    SyncUiEventId.ActiveContentChanged,\n    SyncUiEventId.ActiveViewportChanged,\n    SyncUiEventId.FeatureOverridesChanged,\n    SyncUiEventId.ViewedModelsChanged,\n  ];\n}\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function getSelectionContextSyncEventIds(): string[] {\n  return [\n    SyncUiEventId.SelectionSetChanged,\n    SyncUiEventId.ActiveContentChanged,\n    SyncUiEventId.ActiveViewportChanged,\n    SessionStateActionId.SetNumItemsSelected,\n    SyncUiEventId.FeatureOverridesChanged,\n    SyncUiEventId.ViewedModelsChanged,\n  ];\n}\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function isNoSelectionActive(): boolean {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let selectionCount = 0;\n  // istanbul ignore if\n  if (!UiFramework.frameworkStateKey)\n    selectionCount =\n      UiFramework.store.getState()[UiFramework.frameworkStateKey].frameworkState\n        .sessionState.numItemsSelected;\n\n  // istanbul ignore if\n  if (activeContentControl?.viewport) {\n    const hiddenElementsSet = activeContentControl.viewport.neverDrawn;\n    const selectedElementsSet =\n      activeContentControl.viewport.view.iModel.selectionSet.elements;\n    // TODO: add check for categories, subcategories and models\n    if (\n      selectionCount > 0 ||\n      ![...selectedElementsSet].every((value) => hiddenElementsSet?.has(value))\n    )\n      return false;\n  }\n  return true;\n}\n\n/** return ConditionalBooleanValue object used to show items if selection set is active.\n * @beta\n */\nexport function areNoFeatureOverridesActive(): boolean {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  // istanbul ignore next\n  if (activeContentControl && activeContentControl.viewport)\n    return !UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(\n      activeContentControl.viewport\n    );\n\n  return true;\n}\n\n/** return ConditionalBooleanValue object used to show item if feature overrides are active.\n * @beta\n */\nexport function getIsHiddenIfFeatureOverridesActive(): ConditionalBooleanValue {\n  return new ConditionalBooleanValue(\n    areNoFeatureOverridesActive,\n    getFeatureOverrideSyncEventIds()\n  );\n}\n\n/** return ConditionalBooleanValue object used to show items if selection set is active.\n * @beta\n */\nexport function getIsHiddenIfSelectionNotActive(): ConditionalBooleanValue {\n  return new ConditionalBooleanValue(\n    isNoSelectionActive,\n    getSelectionContextSyncEventIds()\n  );\n}\n\n/** return state with isVisible set to true is SectionSet is active.\n * @beta\n */\n// istanbul ignore next\nexport function featureOverridesActiveStateFunc(\n  state: Readonly<BaseItemState>\n): BaseItemState {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let isVisible = false;\n\n  // istanbul ignore next\n  if (activeContentControl && activeContentControl.viewport)\n    isVisible =\n      UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(\n        activeContentControl.viewport\n      );\n\n  return { ...state, isVisible };\n}\n\n/** return state with isVisible set to true is SectionSet is active.\n * @beta\n */\n// istanbul ignore next\nexport function selectionContextStateFunc(\n  state: Readonly<BaseItemState>\n): BaseItemState {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let isVisible = false;\n\n  let selectionCount = 0;\n  if (!UiFramework.frameworkStateKey)\n    selectionCount =\n      UiFramework.store.getState()[UiFramework.frameworkStateKey].frameworkState\n        .sessionState.numItemsSelected;\n\n  if (\n    activeContentControl &&\n    activeContentControl.viewport &&\n    (activeContentControl.viewport.view.iModel.selectionSet.size > 0 ||\n      selectionCount > 0)\n  )\n    isVisible = true;\n  return { ...state, isVisible };\n}\n\n/** Utility Class that provides definitions for tools dependent on current selection. These definitions can be used to populate toolbars.\n * @public\n */\n// istanbul ignore next\nexport class SelectionContextToolDefinitions {\n  public static get isolateModelsInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateModel\",\n      iconSpec: svgModelIsolate,\n      labelKey: \"UiFramework:tools.isolateModels\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsModel(),\n    });\n  }\n\n  public static get isolateCategoriesInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateCategory\",\n      iconSpec: svgLayersIsolate,\n      labelKey: \"UiFramework:tools.isolateCategories\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsCategory(),\n    });\n  }\n\n  public static get isolateElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateSelected\",\n      iconSpec: svgAssetIsolate,\n      labelKey: \"UiFramework:tools.isolateSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelected(),\n    });\n  }\n\n  public static get isolateSelectionToolGroup() {\n    return new GroupItemDef({\n      groupId: \"UiFramework.IsolateSelectionGroup\",\n      labelKey: \"UiFramework:tools.isolate\",\n      iconSpec: svgIsolate,\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      items: [\n        this.isolateElementsItemDef,\n        this.isolateCategoriesInSelectionItemDef,\n        this.isolateModelsInSelectionItemDef,\n      ],\n      itemsInColumn: 3,\n    });\n  }\n\n  public static get hideModelsInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideModel\",\n      iconSpec: svgModelHide,\n      labelKey: \"UiFramework:tools.hideModels\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsModel(),\n    });\n  }\n\n  public static get hideCategoriesInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideCategory\",\n      iconSpec: svgLayersHide,\n      labelKey: \"UiFramework:tools.hideCategories\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsCategory(),\n    });\n  }\n\n  public static get hideElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideSelected\",\n      iconSpec: svgAssetClassificationHide,\n      labelKey: \"UiFramework:tools.hideSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processHideSelected(),\n    });\n  }\n\n  public static get hideSectionToolGroup() {\n    return new GroupItemDef({\n      groupId: \"UiFramework.HideSelectionGroup\",\n      labelKey: \"UiFramework:tools.hide\",\n      iconSpec: svgVisibilityHide,\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      items: [\n        this.hideElementsItemDef,\n        this.hideCategoriesInSelectionItemDef,\n        this.hideModelsInSelectionItemDef,\n      ],\n      itemsInColumn: 3,\n    });\n  }\n\n  public static get emphasizeElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.EmphasizeSelected\",\n      iconSpec: svgVisibilitySemiTransparent,\n      labelKey: \"UiFramework:tools.emphasizeSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processEmphasizeSelected(),\n    });\n  }\n\n  public static get clearHideIsolateEmphasizeElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.ClearHideIsolateEmphasize\",\n      iconSpec: svgVisibility,\n      labelKey: \"UiFramework:tools.clearVisibility\",\n      isHidden: getIsHiddenIfFeatureOverridesActive(),\n      execute: async () => {\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearEmphasize();\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideModels();\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideCategories();\n      },\n    });\n  }\n}\n"]}
+{"version":3,"file":"SelectionContextItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/selection/SelectionContextItemDef.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 Tools\n */\n\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport { SessionStateActionId } from \"../redux/SessionState\";\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\nimport type { BaseItemState } from \"../shared/ItemDefBase\";\nimport { SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\nimport { GroupItemDef } from \"../toolbar/GroupItem\";\nimport { UiFramework } from \"../UiFramework\";\nimport svgModelIsolate from \"@bentley/icons-generic/icons/model-isolate.svg\";\nimport svgLayersIsolate from \"@bentley/icons-generic/icons/layers-isolate.svg\";\nimport svgAssetIsolate from \"@bentley/icons-generic/icons/asset-isolate.svg\";\nimport svgIsolate from \"@bentley/icons-generic/icons/isolate.svg\";\nimport svgModelHide from \"@bentley/icons-generic/icons/model-hide.svg\";\nimport svgLayersHide from \"@bentley/icons-generic/icons/layers-hide.svg\";\nimport svgAssetClassificationHide from \"@bentley/icons-generic/icons/asset-classification-hide.svg\";\nimport svgVisibilitySemiTransparent from \"@bentley/icons-generic/icons/visibility-semi-transparent.svg\";\nimport svgVisibilityHide from \"@bentley/icons-generic/icons/visibility-hide_2.svg\";\nimport svgVisibility from \"@bentley/icons-generic/icons/visibility.svg\";\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function getFeatureOverrideSyncEventIds(): string[] {\n  return [\n    SyncUiEventId.ActiveContentChanged,\n    SyncUiEventId.ActiveViewportChanged,\n    SyncUiEventId.FeatureOverridesChanged,\n    SyncUiEventId.ViewedModelsChanged,\n  ];\n}\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function getSelectionContextSyncEventIds(): string[] {\n  return [\n    SyncUiEventId.SelectionSetChanged,\n    SyncUiEventId.ActiveContentChanged,\n    SyncUiEventId.ActiveViewportChanged,\n    SessionStateActionId.SetNumItemsSelected,\n    SyncUiEventId.FeatureOverridesChanged,\n    SyncUiEventId.ViewedModelsChanged,\n  ];\n}\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function isNoSelectionActive(): boolean {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let selectionCount = 0;\n  // istanbul ignore if\n  if (!UiFramework.frameworkStateKey)\n    selectionCount =\n      UiFramework.store.getState()[UiFramework.frameworkStateKey].frameworkState\n        .sessionState.numItemsSelected;\n\n  // istanbul ignore if\n  if (activeContentControl?.viewport) {\n    const hiddenElementsSet = activeContentControl.viewport.neverDrawn;\n    const selectedElementsSet =\n      activeContentControl.viewport.view.iModel.selectionSet.elements;\n    // TODO: add check for categories, subcategories and models\n    if (\n      selectionCount > 0 ||\n      ![...selectedElementsSet].every((value) => hiddenElementsSet?.has(value))\n    )\n      return false;\n  }\n  return true;\n}\n\n/** return ConditionalBooleanValue object used to show items if selection set is active.\n * @beta\n */\nexport function areNoFeatureOverridesActive(): boolean {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  // istanbul ignore next\n  if (activeContentControl && activeContentControl.viewport)\n    return !UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(\n      activeContentControl.viewport\n    );\n\n  return true;\n}\n\n/** return ConditionalBooleanValue object used to show item if feature overrides are active.\n * @beta\n */\nexport function getIsHiddenIfFeatureOverridesActive(): ConditionalBooleanValue {\n  return new ConditionalBooleanValue(\n    areNoFeatureOverridesActive,\n    getFeatureOverrideSyncEventIds()\n  );\n}\n\n/** return ConditionalBooleanValue object used to show items if selection set is active.\n * @beta\n */\nexport function getIsHiddenIfSelectionNotActive(): ConditionalBooleanValue {\n  return new ConditionalBooleanValue(\n    isNoSelectionActive,\n    getSelectionContextSyncEventIds()\n  );\n}\n\n/** return state with isVisible set to true is SectionSet is active.\n * @beta\n */\n// istanbul ignore next\nexport function featureOverridesActiveStateFunc(\n  state: Readonly<BaseItemState>\n): BaseItemState {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let isVisible = false;\n\n  // istanbul ignore next\n  if (activeContentControl && activeContentControl.viewport)\n    isVisible =\n      UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(\n        activeContentControl.viewport\n      );\n\n  return { ...state, isVisible };\n}\n\n/** return state with isVisible set to true is SectionSet is active.\n * @beta\n */\n// istanbul ignore next\nexport function selectionContextStateFunc(\n  state: Readonly<BaseItemState>\n): BaseItemState {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let isVisible = false;\n\n  let selectionCount = 0;\n  if (!UiFramework.frameworkStateKey)\n    selectionCount =\n      UiFramework.store.getState()[UiFramework.frameworkStateKey].frameworkState\n        .sessionState.numItemsSelected;\n\n  if (\n    activeContentControl &&\n    activeContentControl.viewport &&\n    (activeContentControl.viewport.view.iModel.selectionSet.size > 0 ||\n      selectionCount > 0)\n  )\n    isVisible = true;\n  return { ...state, isVisible };\n}\n\n/** Utility Class that provides definitions for tools dependent on current selection. These definitions can be used to populate toolbars.\n * @public\n */\n// istanbul ignore next\nexport class SelectionContextToolDefinitions {\n  public static get isolateModelsInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateModel\",\n      iconSpec: svgModelIsolate,\n      labelKey: \"UiFramework:tools.isolateModels\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsModel(),\n    });\n  }\n\n  public static get isolateCategoriesInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateCategory\",\n      iconSpec: svgLayersIsolate,\n      labelKey: \"UiFramework:tools.isolateCategories\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsCategory(),\n    });\n  }\n\n  public static get isolateElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateSelected\",\n      iconSpec: svgAssetIsolate,\n      labelKey: \"UiFramework:tools.isolateSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelected(),\n    });\n  }\n\n  public static get isolateSelectionToolGroup() {\n    return new GroupItemDef({\n      groupId: \"UiFramework.IsolateSelectionGroup\",\n      labelKey: \"UiFramework:tools.isolate\",\n      iconSpec: svgIsolate,\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      items: [\n        this.isolateElementsItemDef,\n        this.isolateCategoriesInSelectionItemDef,\n        this.isolateModelsInSelectionItemDef,\n      ],\n      itemsInColumn: 3,\n    });\n  }\n\n  public static get hideModelsInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideModel\",\n      iconSpec: svgModelHide,\n      labelKey: \"UiFramework:tools.hideModels\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsModel(),\n    });\n  }\n\n  public static get hideCategoriesInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideCategory\",\n      iconSpec: svgLayersHide,\n      labelKey: \"UiFramework:tools.hideCategories\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsCategory(),\n    });\n  }\n\n  public static get hideElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideSelected\",\n      iconSpec: svgAssetClassificationHide,\n      labelKey: \"UiFramework:tools.hideSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processHideSelected(),\n    });\n  }\n\n  public static get hideSectionToolGroup() {\n    return new GroupItemDef({\n      groupId: \"UiFramework.HideSelectionGroup\",\n      labelKey: \"UiFramework:tools.hide\",\n      iconSpec: svgVisibilityHide,\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      items: [\n        this.hideElementsItemDef,\n        this.hideCategoriesInSelectionItemDef,\n        this.hideModelsInSelectionItemDef,\n      ],\n      itemsInColumn: 3,\n    });\n  }\n\n  public static get emphasizeElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.EmphasizeSelected\",\n      iconSpec: svgVisibilitySemiTransparent,\n      labelKey: \"UiFramework:tools.emphasizeSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processEmphasizeSelected(),\n    });\n  }\n\n  public static get clearHideIsolateEmphasizeElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.ClearHideIsolateEmphasize\",\n      iconSpec: svgVisibility,\n      labelKey: \"UiFramework:tools.clearVisibility\",\n      isHidden: getIsHiddenIfFeatureOverridesActive(),\n      execute: async () => {\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearEmphasize();\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideModels();\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideCategories();\n      },\n    });\n  }\n}\n"]}

package/lib/cjs/appui-react/settings/quantityformatting/QuantityFormat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuantityFormat.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/QuantityFormat.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,sBAAsB,CAAC;AAM9B,OAAO,KAAK,EAGV,aAAa,EACd,MAAM,sBAAsB,CAAC;AAM9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAkB1D;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C,mBAAmB,EAAE,eAAe,CAAC;IACrC,oBAAoB,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED;;;;;GAKG;AACH,wBAAgB,sCAAsC,CACpD,YAAY,EAAE,MAAM,EACpB,IAAI,CAAC,EAAE,OAAO,CAAC,gCAAgC,CAAC,GAC/C,gBAAgB,CAqBlB;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,mBAAmB,EACnB,oBAAoB,GACrB,EAAE,gCAAgC,qBA0TlC"}
+{"version":3,"file":"QuantityFormat.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/QuantityFormat.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,sBAAsB,CAAC;AAM9B,OAAO,KAAK,EAGV,aAAa,EACd,MAAM,sBAAsB,CAAC;AAM9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAmB1D;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C,mBAAmB,EAAE,eAAe,CAAC;IACrC,oBAAoB,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED;;;;;GAKG;AACH,wBAAgB,sCAAsC,CACpD,YAAY,EAAE,MAAM,EACpB,IAAI,CAAC,EAAE,OAAO,CAAC,gCAAgC,CAAC,GAC/C,gBAAgB,CAqBlB;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,mBAAmB,EACnB,oBAAoB,GACrB,EAAE,gCAAgC,qBAkTlC"}

package/lib/cjs/appui-react/settings/quantityformatting/QuantityFormat.js

@@ -19,6 +19,7 @@ const UiFramework_1 = require("../../UiFramework");
 const UnitSystemSelector_1 = require("./UnitSystemSelector");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const useTranslation_1 = require("../../hooks/useTranslation");
 function formatAreEqual(obj1, obj2) {
     const compare = new core_geometry_1.DeepCompare();
     return compare.compare(obj1, obj2);
@@ -36,8 +37,7 @@ function getQuantityFormatsSettingsManagerEntry(itemPriority, opts) {
         tabId: "uifw:Quantity",
         label: UiFramework_1.UiFramework.translate("settings.quantity-formatting.label"),
         subLabel: UiFramework_1.UiFramework.translate("settings.quantity-formatting.subLabel"),
-        page: (React.createElement(QuantityFormatSettingsPage, { initialQuantityType: initialQuantityType ?? core_frontend_1.QuantityType.Length, availableUnitSystems: availableUnitSystems ??
-                new Set(["metric", "imperial", "usCustomary", "usSurvey"]) })),
+        page: (React.createElement(QuantityFormatSettingsPage, { initialQuantityType: initialQuantityType !== null && initialQuantityType !== void 0 ? initialQuantityType : core_frontend_1.QuantityType.Length, availableUnitSystems: availableUnitSystems !== null && availableUnitSystems !== void 0 ? availableUnitSystems : new Set(["metric", "imperial", "usCustomary", "usSurvey"]) })),
         isDisabled: false,
         icon: React.createElement(itwinui_icons_react_1.SvgMeasure, null),
         tooltip: UiFramework_1.UiFramework.translate("settings.quantity-formatting.tooltip"),
@@ -49,15 +49,13 @@ exports.getQuantityFormatsSettingsManagerEntry = getQuantityFormatsSettingsManag
  * @beta
  */
 function QuantityFormatSettingsPage({ initialQuantityType, availableUnitSystems, }) {
+    const { translate } = (0, useTranslation_1.useTranslation)();
     const [activeUnitSystemKey, setActiveUnitSystemKey] = React.useState(core_frontend_1.IModelApp.quantityFormatter.activeUnitSystem);
     const [activeQuantityType, setActiveQuantityType] = React.useState((0, core_frontend_1.getQuantityTypeKey)(initialQuantityType));
     const [activeFormatterSpec, setActiveFormatterSpec] = React.useState(core_frontend_1.IModelApp.quantityFormatter.findFormatterSpecByQuantityType((0, core_frontend_1.getQuantityTypeKey)(activeQuantityType)));
     const [saveEnabled, setSaveEnabled] = React.useState(false);
     const [clearEnabled, setClearEnabled] = React.useState(core_frontend_1.IModelApp.quantityFormatter.hasActiveOverride(initialQuantityType, true));
     const newQuantityTypeRef = React.useRef();
-    const formatSectionLabel = React.useRef(UiFramework_1.UiFramework.translate("settings.quantity-formatting.formatSectionLabel"));
-    const setButtonLabel = React.useRef(UiFramework_1.UiFramework.translate("settings.quantity-formatting.setButtonLabel"));
-    const clearButtonLabel = React.useRef(UiFramework_1.UiFramework.translate("settings.quantity-formatting.clearButtonLabel"));
     React.useEffect(() => {
         const handleUnitSystemChanged = () => {
             // istanbul ignore else
@@ -164,7 +162,7 @@ function QuantityFormatSettingsPage({ initialQuantityType, availableUnitSystems,
     }, [activeUnitSystemKey, processNewUnitSystem, saveChanges]);
     return (React.createElement("div", { className: "quantity-formatting-container" },
         React.createElement(UnitSystemSelector_1.UnitSystemSelector, { selectedUnitSystemKey: activeUnitSystemKey, availableUnitSystems: availableUnitSystems, onUnitSystemSelected: handleUnitSystemSelected }),
-        React.createElement("span", { className: "uifw-quantity-format-section-label" }, formatSectionLabel.current),
+        React.createElement("span", { className: "uifw-quantity-format-section-label" }, translate("settings.quantity-formatting.formatSectionLabel")),
         React.createElement("div", { className: "uifw-quantity-types-container" },
             React.createElement("div", { className: "left-panel" },
                 React.createElement(core_react_1.Listbox, { id: "uifw-quantity-types-list", className: "uifw-quantity-types", onListboxValueChange: onListboxValueChange, selectedValue: activeQuantityType }, [...core_frontend_1.IModelApp.quantityFormatter.quantityTypesRegistry.keys()].map((key) => {
@@ -181,8 +179,8 @@ function QuantityFormatSettingsPage({ initialQuantityType, availableUnitSystems,
                 React.createElement("div", { className: "uifw-quantity-types-formats" },
                     React.createElement(imodel_components_react_1.QuantityFormatPanel, { onFormatChange: handleOnFormatChanged, quantityType: activeQuantityType })),
                 React.createElement("div", { className: "components-button-panel" },
-                    React.createElement(itwinui_react_1.Button, { styleType: "cta", onClick: handleOnFormatSave, disabled: !saveEnabled }, setButtonLabel.current),
-                    React.createElement(itwinui_react_1.Button, { styleType: "default", onClick: handleOnFormatReset, disabled: !clearEnabled }, clearButtonLabel.current))))))));
+                    React.createElement(itwinui_react_1.Button, { styleType: "cta", onClick: handleOnFormatSave, disabled: !saveEnabled }, translate("settings.quantity-formatting.setButtonLabel")),
+                    React.createElement(itwinui_react_1.Button, { styleType: "default", onClick: handleOnFormatReset, disabled: !clearEnabled }, translate("settings.quantity-formatting.clearButtonLabel")))))))));
 }
 exports.QuantityFormatSettingsPage = QuantityFormatSettingsPage;
 function SaveFormatModalDialog({ formatProps, quantityType, onDialogCloseArgs, onDialogClose, }) {

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

@@ -1 +1 @@
-{"version":3,"file":"QuantityFormat.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/QuantityFormat.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 \"./QuantityFormat.scss\";\nimport * as React from \"react\";\nimport { DeepCompare } from \"@itwin/core-geometry\";\nimport type {\n  QuantityFormatsChangedArgs,\n  QuantityTypeArg,\n  QuantityTypeKey,\n} from \"@itwin/core-frontend\";\nimport {\n  getQuantityTypeKey,\n  IModelApp,\n  QuantityType,\n} from \"@itwin/core-frontend\";\nimport type {\n  FormatProps,\n  FormatterSpec,\n  UnitSystemKey,\n} from \"@itwin/core-quantity\";\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\nimport {\n  FormatSample,\n  QuantityFormatPanel,\n} from \"@itwin/imodel-components-react\";\nimport type { SettingsTabEntry } from \"@itwin/core-react\";\nimport {\n  Dialog,\n  Listbox,\n  ListboxItem,\n  useSaveBeforeActivatingNewSettingsTab,\n  useSaveBeforeClosingSettingsContainer,\n} from \"@itwin/core-react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport { UnitSystemSelector } from \"./UnitSystemSelector\";\nimport { Button } from \"@itwin/itwinui-react\";\nimport { SvgMeasure } from \"@itwin/itwinui-icons-react\";\n\nfunction formatAreEqual(obj1: FormatProps, obj2: FormatProps) {\n  const compare = new DeepCompare();\n  return compare.compare(obj1, obj2);\n}\n\n/** Options to initialize the settings page that allows users to set Quantity formatting overrides.\n * @beta\n */\nexport interface QuantityFormatterSettingsOptions {\n  initialQuantityType: QuantityTypeArg;\n  availableUnitSystems: Set<UnitSystemKey>;\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 * @param opts - Options to initialize the settings page that allows users to set Quantity formatting overrides.\n * @beta\n */\nexport function getQuantityFormatsSettingsManagerEntry(\n  itemPriority: number,\n  opts?: Partial<QuantityFormatterSettingsOptions>\n): SettingsTabEntry {\n  const { availableUnitSystems, initialQuantityType } = { ...opts };\n  return {\n    itemPriority,\n    tabId: \"uifw:Quantity\",\n    label: UiFramework.translate(\"settings.quantity-formatting.label\"),\n    subLabel: UiFramework.translate(\"settings.quantity-formatting.subLabel\"),\n    page: (\n      <QuantityFormatSettingsPage\n        initialQuantityType={initialQuantityType ?? QuantityType.Length}\n        availableUnitSystems={\n          availableUnitSystems ??\n          new Set([\"metric\", \"imperial\", \"usCustomary\", \"usSurvey\"])\n        }\n      />\n    ),\n    isDisabled: false,\n    icon: <SvgMeasure />,\n    tooltip: UiFramework.translate(\"settings.quantity-formatting.tooltip\"),\n    pageWillHandleCloseRequest: true,\n  };\n}\n\n/** UI Component shown in settings page to set the active Presentation Unit System and to set format overrides.\n * @beta\n */\nexport function QuantityFormatSettingsPage({\n  initialQuantityType,\n  availableUnitSystems,\n}: QuantityFormatterSettingsOptions) {\n  const [activeUnitSystemKey, setActiveUnitSystemKey] = React.useState(\n    IModelApp.quantityFormatter.activeUnitSystem\n  );\n  const [activeQuantityType, setActiveQuantityType] = React.useState(\n    getQuantityTypeKey(initialQuantityType)\n  );\n  const [activeFormatterSpec, setActiveFormatterSpec] = React.useState<\n    FormatterSpec | undefined\n  >(\n    IModelApp.quantityFormatter.findFormatterSpecByQuantityType(\n      getQuantityTypeKey(activeQuantityType)\n    )\n  );\n  const [saveEnabled, setSaveEnabled] = React.useState(false);\n  const [clearEnabled, setClearEnabled] = React.useState(\n    IModelApp.quantityFormatter.hasActiveOverride(initialQuantityType, true)\n  );\n  const newQuantityTypeRef = React.useRef<QuantityTypeKey>();\n  const formatSectionLabel = React.useRef(\n    UiFramework.translate(\"settings.quantity-formatting.formatSectionLabel\")\n  );\n  const setButtonLabel = React.useRef(\n    UiFramework.translate(\"settings.quantity-formatting.setButtonLabel\")\n  );\n  const clearButtonLabel = React.useRef(\n    UiFramework.translate(\"settings.quantity-formatting.clearButtonLabel\")\n  );\n\n  React.useEffect(() => {\n    const handleUnitSystemChanged = (): void => {\n      // istanbul ignore else\n      if (\n        activeUnitSystemKey !== IModelApp.quantityFormatter.activeUnitSystem\n      ) {\n        setActiveUnitSystemKey(IModelApp.quantityFormatter.activeUnitSystem);\n        setActiveFormatterSpec(\n          IModelApp.quantityFormatter.findFormatterSpecByQuantityType(\n            activeQuantityType\n          )\n        );\n        setSaveEnabled(false);\n        setClearEnabled(\n          IModelApp.quantityFormatter.hasActiveOverride(\n            activeQuantityType,\n            true\n          )\n        );\n      }\n    };\n\n    IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.addListener(\n      handleUnitSystemChanged\n    );\n    return () => {\n      IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.removeListener(\n        handleUnitSystemChanged\n      );\n    };\n  }, [activeQuantityType, activeUnitSystemKey]);\n\n  React.useEffect(() => {\n    const handleFormatChanged = (args: QuantityFormatsChangedArgs): void => {\n      if (!newQuantityTypeRef.current) {\n        const quantityKey =\n          IModelApp.quantityFormatter.getQuantityTypeKey(activeQuantityType);\n        // istanbul ignore else\n        if (args.quantityType === quantityKey) {\n          setActiveFormatterSpec(\n            IModelApp.quantityFormatter.findFormatterSpecByQuantityType(\n              activeQuantityType\n            )\n          );\n          setSaveEnabled(false);\n          setClearEnabled(\n            IModelApp.quantityFormatter.hasActiveOverride(\n              activeQuantityType,\n              true\n            )\n          );\n        }\n      }\n      newQuantityTypeRef.current = undefined;\n    };\n    IModelApp.quantityFormatter.onQuantityFormatsChanged.addListener(\n      handleFormatChanged\n    );\n    return () => {\n      IModelApp.quantityFormatter.onQuantityFormatsChanged.removeListener(\n        handleFormatChanged\n      );\n    };\n  }, [activeQuantityType]);\n\n  const saveChanges = React.useCallback(\n    (afterSaveFunction: (args: any) => void, args?: any) => {\n      // istanbul ignore else\n      if (activeFormatterSpec) {\n        const formatProps = activeFormatterSpec.format.toJSON();\n        const formatPropsInUse = IModelApp.quantityFormatter\n          .findFormatterSpecByQuantityType(activeQuantityType)!\n          .format.toJSON();\n        if (\n          formatPropsInUse &&\n          !formatAreEqual(formatProps, formatPropsInUse)\n        ) {\n          UiFramework.dialogs.modal.open(\n            <SaveFormatModalDialog\n              formatProps={formatProps}\n              quantityType={activeQuantityType}\n              onDialogCloseArgs={args}\n              onDialogClose={afterSaveFunction}\n            />,\n            \"saveQuantityFormat\"\n          );\n          return;\n        }\n      }\n      afterSaveFunction(args);\n    },\n    [activeFormatterSpec, activeQuantityType]\n  );\n\n  useSaveBeforeActivatingNewSettingsTab(\n    UiFramework.settingsManager,\n    saveChanges\n  );\n  useSaveBeforeClosingSettingsContainer(\n    UiFramework.settingsManager,\n    saveChanges\n  );\n\n  const processListboxValueChange = React.useCallback(\n    (newQuantityType: QuantityTypeKey) => {\n      const volumeFormatterSpec =\n        IModelApp.quantityFormatter.findFormatterSpecByQuantityType(\n          newQuantityType\n        );\n      setActiveFormatterSpec(volumeFormatterSpec);\n      setActiveQuantityType(newQuantityType);\n      setSaveEnabled(false);\n      setClearEnabled(\n        IModelApp.quantityFormatter.hasActiveOverride(newQuantityType, true)\n      );\n    },\n    []\n  );\n\n  const onListboxValueChange = React.useCallback(\n    (newQuantityType: string) => {\n      // istanbul ignore else\n      if (activeFormatterSpec) {\n        const formatProps = activeFormatterSpec.format.toJSON();\n        const formatPropsInUse = IModelApp.quantityFormatter\n          .findFormatterSpecByQuantityType(activeQuantityType)!\n          .format.toJSON();\n        if (\n          formatPropsInUse &&\n          !formatAreEqual(formatProps, formatPropsInUse)\n        ) {\n          newQuantityTypeRef.current = newQuantityType;\n          UiFramework.dialogs.modal.open(\n            <SaveFormatModalDialog\n              formatProps={formatProps}\n              quantityType={activeQuantityType}\n              onDialogCloseArgs={newQuantityType}\n              onDialogClose={processListboxValueChange}\n            />,\n            \"saveQuantityFormat\"\n          );\n          return;\n        }\n      }\n      processListboxValueChange(newQuantityType);\n    },\n    [activeFormatterSpec, activeQuantityType, processListboxValueChange]\n  );\n\n  const handleOnFormatChanged = React.useCallback(\n    async (formatProps: FormatProps) => {\n      // istanbul ignore else\n      if (activeFormatterSpec) {\n        const newSpec =\n          await IModelApp.quantityFormatter.generateFormatterSpecByType(\n            activeQuantityType,\n            formatProps\n          );\n        const formatPropsInUse =\n          IModelApp.quantityFormatter.getFormatPropsByQuantityType(\n            activeQuantityType\n          );\n        // istanbul ignore else\n        if (formatPropsInUse)\n          setSaveEnabled(!formatAreEqual(formatProps, formatPropsInUse));\n        setActiveFormatterSpec(newSpec);\n      }\n    },\n    [activeFormatterSpec, activeQuantityType]\n  );\n\n  const handleOnFormatSave = React.useCallback(async () => {\n    // istanbul ignore else\n    if (activeFormatterSpec) {\n      const format = activeFormatterSpec.format.toJSON();\n      await IModelApp.quantityFormatter.setOverrideFormat(\n        activeQuantityType,\n        format\n      );\n      setClearEnabled(true);\n    }\n  }, [activeFormatterSpec, activeQuantityType]);\n\n  const handleOnFormatReset = React.useCallback(async () => {\n    await IModelApp.quantityFormatter.clearOverrideFormats(activeQuantityType);\n    setClearEnabled(false);\n  }, [activeQuantityType]);\n\n  const processNewUnitSystem = React.useCallback(\n    async (unitSystem: UnitSystemKey) => {\n      await IModelApp.quantityFormatter.setActiveUnitSystem(unitSystem);\n    },\n    []\n  );\n\n  const handleUnitSystemSelected = React.useCallback(\n    async (unitSystem: UnitSystemKey) => {\n      if (unitSystem === activeUnitSystemKey) return;\n      saveChanges(processNewUnitSystem, unitSystem);\n    },\n    [activeUnitSystemKey, processNewUnitSystem, saveChanges]\n  );\n\n  return (\n    <div className=\"quantity-formatting-container\">\n      <UnitSystemSelector\n        selectedUnitSystemKey={activeUnitSystemKey}\n        availableUnitSystems={availableUnitSystems}\n        onUnitSystemSelected={handleUnitSystemSelected}\n      />\n      <span className=\"uifw-quantity-format-section-label\">\n        {formatSectionLabel.current}\n      </span>\n      <div className=\"uifw-quantity-types-container\">\n        <div className=\"left-panel\">\n          <Listbox\n            id=\"uifw-quantity-types-list\"\n            className=\"uifw-quantity-types\"\n            onListboxValueChange={onListboxValueChange}\n            selectedValue={activeQuantityType}\n          >\n            {[...IModelApp.quantityFormatter.quantityTypesRegistry.keys()].map(\n              (key) => {\n                const entry =\n                  IModelApp.quantityFormatter.quantityTypesRegistry.get(key)!;\n                const description = entry.description;\n                const label = entry.label;\n                return (\n                  <ListboxItem\n                    key={entry.key}\n                    className=\"quantity-type-list-entry\"\n                    value={entry.key}\n                  >\n                    <span\n                      className=\"map-source-list-entry-name\"\n                      title={description}\n                    >\n                      {label}\n                    </span>\n                  </ListboxItem>\n                );\n              }\n            )}\n          </Listbox>\n        </div>\n        <div className=\"right-panel\">\n          {activeFormatterSpec && (\n            <>\n              <div className=\"uifw-quantity-types-right-top\">\n                <div className=\"uifw-quantity-types-right-top-sample\">\n                  <FormatSample\n                    formatSpec={activeFormatterSpec}\n                    initialMagnitude={1234.56}\n                    hideLabels\n                  />\n                </div>\n              </div>\n              <div className=\"uifw-quantity-types-formats\">\n                <QuantityFormatPanel\n                  onFormatChange={handleOnFormatChanged}\n                  quantityType={activeQuantityType}\n                />\n              </div>\n              <div className=\"components-button-panel\">\n                <Button\n                  styleType=\"cta\"\n                  onClick={handleOnFormatSave}\n                  disabled={!saveEnabled}\n                >\n                  {setButtonLabel.current}\n                </Button>\n                <Button\n                  styleType=\"default\"\n                  onClick={handleOnFormatReset}\n                  disabled={!clearEnabled}\n                >\n                  {clearButtonLabel.current}\n                </Button>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction SaveFormatModalDialog({\n  formatProps,\n  quantityType,\n  onDialogCloseArgs,\n  onDialogClose,\n}: {\n  formatProps: FormatProps;\n  quantityType: QuantityTypeKey;\n  onDialogCloseArgs?: any;\n  onDialogClose: (args?: any) => void;\n}) {\n  const [isOpen, setIsOpen] = React.useState(true);\n\n  const handleClose = React.useCallback(() => {\n    setIsOpen(false);\n    UiFramework.dialogs.modal.close();\n    onDialogClose && onDialogClose(onDialogCloseArgs);\n  }, [onDialogClose, onDialogCloseArgs]);\n\n  const handleOK = React.useCallback(() => {\n    void IModelApp.quantityFormatter.setOverrideFormat(\n      quantityType,\n      formatProps\n    );\n    handleClose();\n  }, [formatProps, handleClose, quantityType]);\n\n  const handleCancel = React.useCallback(() => {\n    handleClose();\n  }, [handleClose]);\n\n  return (\n    <Dialog\n      title={\"Save Format Changes\"}\n      opened={isOpen}\n      resizable={false}\n      movable={false}\n      modal={true}\n      buttonCluster={[\n        { type: DialogButtonType.Yes, onClick: handleOK },\n        { type: DialogButtonType.No, onClick: handleCancel },\n      ]}\n      onEscape={handleCancel}\n      onClose={handleCancel}\n      onOutsideClick={handleCancel}\n      minHeight={150}\n      maxHeight={400}\n      maxWidth={400}\n      minWidth={200}\n    >\n      <div className=\"modal-dialog2\">\n        Do you want to save changes to format before changing to another type?\n      </div>\n    </Dialog>\n  );\n}\n"]}
+{"version":3,"file":"QuantityFormat.js","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/QuantityFormat.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 \"./QuantityFormat.scss\";\nimport * as React from \"react\";\nimport { DeepCompare } from \"@itwin/core-geometry\";\nimport type {\n  QuantityFormatsChangedArgs,\n  QuantityTypeArg,\n  QuantityTypeKey,\n} from \"@itwin/core-frontend\";\nimport {\n  getQuantityTypeKey,\n  IModelApp,\n  QuantityType,\n} from \"@itwin/core-frontend\";\nimport type {\n  FormatProps,\n  FormatterSpec,\n  UnitSystemKey,\n} from \"@itwin/core-quantity\";\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\nimport {\n  FormatSample,\n  QuantityFormatPanel,\n} from \"@itwin/imodel-components-react\";\nimport type { SettingsTabEntry } from \"@itwin/core-react\";\nimport {\n  Dialog,\n  Listbox,\n  ListboxItem,\n  useSaveBeforeActivatingNewSettingsTab,\n  useSaveBeforeClosingSettingsContainer,\n} from \"@itwin/core-react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport { UnitSystemSelector } from \"./UnitSystemSelector\";\nimport { Button } from \"@itwin/itwinui-react\";\nimport { SvgMeasure } from \"@itwin/itwinui-icons-react\";\nimport { useTranslation } from \"../../hooks/useTranslation\";\n\nfunction formatAreEqual(obj1: FormatProps, obj2: FormatProps) {\n  const compare = new DeepCompare();\n  return compare.compare(obj1, obj2);\n}\n\n/** Options to initialize the settings page that allows users to set Quantity formatting overrides.\n * @beta\n */\nexport interface QuantityFormatterSettingsOptions {\n  initialQuantityType: QuantityTypeArg;\n  availableUnitSystems: Set<UnitSystemKey>;\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 * @param opts - Options to initialize the settings page that allows users to set Quantity formatting overrides.\n * @beta\n */\nexport function getQuantityFormatsSettingsManagerEntry(\n  itemPriority: number,\n  opts?: Partial<QuantityFormatterSettingsOptions>\n): SettingsTabEntry {\n  const { availableUnitSystems, initialQuantityType } = { ...opts };\n  return {\n    itemPriority,\n    tabId: \"uifw:Quantity\",\n    label: UiFramework.translate(\"settings.quantity-formatting.label\"),\n    subLabel: UiFramework.translate(\"settings.quantity-formatting.subLabel\"),\n    page: (\n      <QuantityFormatSettingsPage\n        initialQuantityType={initialQuantityType ?? QuantityType.Length}\n        availableUnitSystems={\n          availableUnitSystems ??\n          new Set([\"metric\", \"imperial\", \"usCustomary\", \"usSurvey\"])\n        }\n      />\n    ),\n    isDisabled: false,\n    icon: <SvgMeasure />,\n    tooltip: UiFramework.translate(\"settings.quantity-formatting.tooltip\"),\n    pageWillHandleCloseRequest: true,\n  };\n}\n\n/** UI Component shown in settings page to set the active Presentation Unit System and to set format overrides.\n * @beta\n */\nexport function QuantityFormatSettingsPage({\n  initialQuantityType,\n  availableUnitSystems,\n}: QuantityFormatterSettingsOptions) {\n  const { translate } = useTranslation();\n  const [activeUnitSystemKey, setActiveUnitSystemKey] = React.useState(\n    IModelApp.quantityFormatter.activeUnitSystem\n  );\n  const [activeQuantityType, setActiveQuantityType] = React.useState(\n    getQuantityTypeKey(initialQuantityType)\n  );\n  const [activeFormatterSpec, setActiveFormatterSpec] = React.useState<\n    FormatterSpec | undefined\n  >(\n    IModelApp.quantityFormatter.findFormatterSpecByQuantityType(\n      getQuantityTypeKey(activeQuantityType)\n    )\n  );\n  const [saveEnabled, setSaveEnabled] = React.useState(false);\n  const [clearEnabled, setClearEnabled] = React.useState(\n    IModelApp.quantityFormatter.hasActiveOverride(initialQuantityType, true)\n  );\n  const newQuantityTypeRef = React.useRef<QuantityTypeKey>();\n\n  React.useEffect(() => {\n    const handleUnitSystemChanged = (): void => {\n      // istanbul ignore else\n      if (\n        activeUnitSystemKey !== IModelApp.quantityFormatter.activeUnitSystem\n      ) {\n        setActiveUnitSystemKey(IModelApp.quantityFormatter.activeUnitSystem);\n        setActiveFormatterSpec(\n          IModelApp.quantityFormatter.findFormatterSpecByQuantityType(\n            activeQuantityType\n          )\n        );\n        setSaveEnabled(false);\n        setClearEnabled(\n          IModelApp.quantityFormatter.hasActiveOverride(\n            activeQuantityType,\n            true\n          )\n        );\n      }\n    };\n\n    IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.addListener(\n      handleUnitSystemChanged\n    );\n    return () => {\n      IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.removeListener(\n        handleUnitSystemChanged\n      );\n    };\n  }, [activeQuantityType, activeUnitSystemKey]);\n\n  React.useEffect(() => {\n    const handleFormatChanged = (args: QuantityFormatsChangedArgs): void => {\n      if (!newQuantityTypeRef.current) {\n        const quantityKey =\n          IModelApp.quantityFormatter.getQuantityTypeKey(activeQuantityType);\n        // istanbul ignore else\n        if (args.quantityType === quantityKey) {\n          setActiveFormatterSpec(\n            IModelApp.quantityFormatter.findFormatterSpecByQuantityType(\n              activeQuantityType\n            )\n          );\n          setSaveEnabled(false);\n          setClearEnabled(\n            IModelApp.quantityFormatter.hasActiveOverride(\n              activeQuantityType,\n              true\n            )\n          );\n        }\n      }\n      newQuantityTypeRef.current = undefined;\n    };\n    IModelApp.quantityFormatter.onQuantityFormatsChanged.addListener(\n      handleFormatChanged\n    );\n    return () => {\n      IModelApp.quantityFormatter.onQuantityFormatsChanged.removeListener(\n        handleFormatChanged\n      );\n    };\n  }, [activeQuantityType]);\n\n  const saveChanges = React.useCallback(\n    (afterSaveFunction: (args: any) => void, args?: any) => {\n      // istanbul ignore else\n      if (activeFormatterSpec) {\n        const formatProps = activeFormatterSpec.format.toJSON();\n        const formatPropsInUse = IModelApp.quantityFormatter\n          .findFormatterSpecByQuantityType(activeQuantityType)!\n          .format.toJSON();\n        if (\n          formatPropsInUse &&\n          !formatAreEqual(formatProps, formatPropsInUse)\n        ) {\n          UiFramework.dialogs.modal.open(\n            <SaveFormatModalDialog\n              formatProps={formatProps}\n              quantityType={activeQuantityType}\n              onDialogCloseArgs={args}\n              onDialogClose={afterSaveFunction}\n            />,\n            \"saveQuantityFormat\"\n          );\n          return;\n        }\n      }\n      afterSaveFunction(args);\n    },\n    [activeFormatterSpec, activeQuantityType]\n  );\n\n  useSaveBeforeActivatingNewSettingsTab(\n    UiFramework.settingsManager,\n    saveChanges\n  );\n  useSaveBeforeClosingSettingsContainer(\n    UiFramework.settingsManager,\n    saveChanges\n  );\n\n  const processListboxValueChange = React.useCallback(\n    (newQuantityType: QuantityTypeKey) => {\n      const volumeFormatterSpec =\n        IModelApp.quantityFormatter.findFormatterSpecByQuantityType(\n          newQuantityType\n        );\n      setActiveFormatterSpec(volumeFormatterSpec);\n      setActiveQuantityType(newQuantityType);\n      setSaveEnabled(false);\n      setClearEnabled(\n        IModelApp.quantityFormatter.hasActiveOverride(newQuantityType, true)\n      );\n    },\n    []\n  );\n\n  const onListboxValueChange = React.useCallback(\n    (newQuantityType: string) => {\n      // istanbul ignore else\n      if (activeFormatterSpec) {\n        const formatProps = activeFormatterSpec.format.toJSON();\n        const formatPropsInUse = IModelApp.quantityFormatter\n          .findFormatterSpecByQuantityType(activeQuantityType)!\n          .format.toJSON();\n        if (\n          formatPropsInUse &&\n          !formatAreEqual(formatProps, formatPropsInUse)\n        ) {\n          newQuantityTypeRef.current = newQuantityType;\n          UiFramework.dialogs.modal.open(\n            <SaveFormatModalDialog\n              formatProps={formatProps}\n              quantityType={activeQuantityType}\n              onDialogCloseArgs={newQuantityType}\n              onDialogClose={processListboxValueChange}\n            />,\n            \"saveQuantityFormat\"\n          );\n          return;\n        }\n      }\n      processListboxValueChange(newQuantityType);\n    },\n    [activeFormatterSpec, activeQuantityType, processListboxValueChange]\n  );\n\n  const handleOnFormatChanged = React.useCallback(\n    async (formatProps: FormatProps) => {\n      // istanbul ignore else\n      if (activeFormatterSpec) {\n        const newSpec =\n          await IModelApp.quantityFormatter.generateFormatterSpecByType(\n            activeQuantityType,\n            formatProps\n          );\n        const formatPropsInUse =\n          IModelApp.quantityFormatter.getFormatPropsByQuantityType(\n            activeQuantityType\n          );\n        // istanbul ignore else\n        if (formatPropsInUse)\n          setSaveEnabled(!formatAreEqual(formatProps, formatPropsInUse));\n        setActiveFormatterSpec(newSpec);\n      }\n    },\n    [activeFormatterSpec, activeQuantityType]\n  );\n\n  const handleOnFormatSave = React.useCallback(async () => {\n    // istanbul ignore else\n    if (activeFormatterSpec) {\n      const format = activeFormatterSpec.format.toJSON();\n      await IModelApp.quantityFormatter.setOverrideFormat(\n        activeQuantityType,\n        format\n      );\n      setClearEnabled(true);\n    }\n  }, [activeFormatterSpec, activeQuantityType]);\n\n  const handleOnFormatReset = React.useCallback(async () => {\n    await IModelApp.quantityFormatter.clearOverrideFormats(activeQuantityType);\n    setClearEnabled(false);\n  }, [activeQuantityType]);\n\n  const processNewUnitSystem = React.useCallback(\n    async (unitSystem: UnitSystemKey) => {\n      await IModelApp.quantityFormatter.setActiveUnitSystem(unitSystem);\n    },\n    []\n  );\n\n  const handleUnitSystemSelected = React.useCallback(\n    async (unitSystem: UnitSystemKey) => {\n      if (unitSystem === activeUnitSystemKey) return;\n      saveChanges(processNewUnitSystem, unitSystem);\n    },\n    [activeUnitSystemKey, processNewUnitSystem, saveChanges]\n  );\n\n  return (\n    <div className=\"quantity-formatting-container\">\n      <UnitSystemSelector\n        selectedUnitSystemKey={activeUnitSystemKey}\n        availableUnitSystems={availableUnitSystems}\n        onUnitSystemSelected={handleUnitSystemSelected}\n      />\n      <span className=\"uifw-quantity-format-section-label\">\n        {translate(\"settings.quantity-formatting.formatSectionLabel\")}\n      </span>\n      <div className=\"uifw-quantity-types-container\">\n        <div className=\"left-panel\">\n          <Listbox\n            id=\"uifw-quantity-types-list\"\n            className=\"uifw-quantity-types\"\n            onListboxValueChange={onListboxValueChange}\n            selectedValue={activeQuantityType}\n          >\n            {[...IModelApp.quantityFormatter.quantityTypesRegistry.keys()].map(\n              (key) => {\n                const entry =\n                  IModelApp.quantityFormatter.quantityTypesRegistry.get(key)!;\n                const description = entry.description;\n                const label = entry.label;\n                return (\n                  <ListboxItem\n                    key={entry.key}\n                    className=\"quantity-type-list-entry\"\n                    value={entry.key}\n                  >\n                    <span\n                      className=\"map-source-list-entry-name\"\n                      title={description}\n                    >\n                      {label}\n                    </span>\n                  </ListboxItem>\n                );\n              }\n            )}\n          </Listbox>\n        </div>\n        <div className=\"right-panel\">\n          {activeFormatterSpec && (\n            <>\n              <div className=\"uifw-quantity-types-right-top\">\n                <div className=\"uifw-quantity-types-right-top-sample\">\n                  <FormatSample\n                    formatSpec={activeFormatterSpec}\n                    initialMagnitude={1234.56}\n                    hideLabels\n                  />\n                </div>\n              </div>\n              <div className=\"uifw-quantity-types-formats\">\n                <QuantityFormatPanel\n                  onFormatChange={handleOnFormatChanged}\n                  quantityType={activeQuantityType}\n                />\n              </div>\n              <div className=\"components-button-panel\">\n                <Button\n                  styleType=\"cta\"\n                  onClick={handleOnFormatSave}\n                  disabled={!saveEnabled}\n                >\n                  {translate(\"settings.quantity-formatting.setButtonLabel\")}\n                </Button>\n                <Button\n                  styleType=\"default\"\n                  onClick={handleOnFormatReset}\n                  disabled={!clearEnabled}\n                >\n                  {translate(\"settings.quantity-formatting.clearButtonLabel\")}\n                </Button>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction SaveFormatModalDialog({\n  formatProps,\n  quantityType,\n  onDialogCloseArgs,\n  onDialogClose,\n}: {\n  formatProps: FormatProps;\n  quantityType: QuantityTypeKey;\n  onDialogCloseArgs?: any;\n  onDialogClose: (args?: any) => void;\n}) {\n  const [isOpen, setIsOpen] = React.useState(true);\n\n  const handleClose = React.useCallback(() => {\n    setIsOpen(false);\n    UiFramework.dialogs.modal.close();\n    onDialogClose && onDialogClose(onDialogCloseArgs);\n  }, [onDialogClose, onDialogCloseArgs]);\n\n  const handleOK = React.useCallback(() => {\n    void IModelApp.quantityFormatter.setOverrideFormat(\n      quantityType,\n      formatProps\n    );\n    handleClose();\n  }, [formatProps, handleClose, quantityType]);\n\n  const handleCancel = React.useCallback(() => {\n    handleClose();\n  }, [handleClose]);\n\n  return (\n    <Dialog\n      title={\"Save Format Changes\"}\n      opened={isOpen}\n      resizable={false}\n      movable={false}\n      modal={true}\n      buttonCluster={[\n        { type: DialogButtonType.Yes, onClick: handleOK },\n        { type: DialogButtonType.No, onClick: handleCancel },\n      ]}\n      onEscape={handleCancel}\n      onClose={handleCancel}\n      onOutsideClick={handleCancel}\n      minHeight={150}\n      maxHeight={400}\n      maxWidth={400}\n      minWidth={200}\n    >\n      <div className=\"modal-dialog2\">\n        Do you want to save changes to format before changing to another type?\n      </div>\n    </Dialog>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"UnitSystemSelector.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/UnitSystemSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAI1D;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,qBAAqB,EAAE,aAAa,CAAC;IACrC,oBAAoB,EAAE,CAAC,UAAU,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1D,oBAAoB,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBA2DhE"}
+{"version":3,"file":"UnitSystemSelector.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/quantityformatting/UnitSystemSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAK1D;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,qBAAqB,EAAE,aAAa,CAAC;IACrC,oBAAoB,EAAE,CAAC,UAAU,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1D,oBAAoB,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBA0DhE"}