@itwin/grouping-mapping-widget 0.13.0 → 0.15.0

package/lib/cjs/widget/components/context/GroupHilitedElementsContext.d.ts

@@ -8,11 +8,11 @@ export interface QueryCacheItem {
 }
 export interface GroupHilitedElements {
     hilitedElementsQueryCache: MutableRefObject<Map<string, QueryCacheItem>>;
-    hiddenGroupsIds: string[];
+    hiddenGroupsIds: Set<string>;
     showGroupColor: boolean;
     groups: Group[];
     setGroups: (groups: Group[]) => void;
-    setHiddenGroupsIds: (hiddenGroupIds: string[]) => void;
+    setHiddenGroupsIds: (hiddenGroupIds: Set<string>) => void;
     setShowGroupColor: (showGroupColor: boolean | ((showGroupColor: boolean) => boolean)) => void;
 }
 export declare const GroupHilitedElementsContext: React.Context<GroupHilitedElements>;

package/lib/cjs/widget/components/context/GroupHilitedElementsContext.js

@@ -27,7 +27,7 @@ exports.useGroupHilitedElementsContext = exports.GroupHilitedElementsContext = v
 const React = __importStar(require("react"));
 exports.GroupHilitedElementsContext = React.createContext({
     hilitedElementsQueryCache: { current: new Map() },
-    hiddenGroupsIds: [],
+    hiddenGroupsIds: new Set(),
     showGroupColor: false,
     groups: [],
     setGroups: () => { },

package/lib/cjs/widget/components/context/GroupHilitedElementsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupHilitedElementsContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/GroupHilitedElementsContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAkBlB,QAAA,2BAA2B,GAAG,KAAK,CAAC,aAAa,CAAuB;IACnF,yBAAyB,EAAE,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE;IACjD,eAAe,EAAE,EAAE;IACnB,cAAc,EAAE,KAAK;IACrB,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC;IACpB,kBAAkB,EAAE,GAAG,EAAE,GAAG,CAAC;IAC7B,iBAAiB,EAAE,GAAG,EAAE,GAAG,CAAC;CAC7B,CAAC,CAAC;AAEI,MAAM,8BAA8B,GAAG,GAAyB,EAAE;IACvE,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,mCAA2B,CAAC,CAAC;IAC9D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,6FAA6F,CAC9F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,8BAA8B,kCAQzC","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*--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport type { MutableRefObject } from \"react\";\nimport type { Group } from \"@itwin/insights-client\";\nimport type { KeySet } from \"@itwin/presentation-common\";\nexport interface QueryCacheItem {\n  keySet: KeySet;\n  ids: string[];\n}\nexport interface GroupHilitedElements {\n  hilitedElementsQueryCache: MutableRefObject<Map<string, QueryCacheItem>>;\n  hiddenGroupsIds: string[];\n  showGroupColor: boolean;\n  groups: Group[];\n  setGroups: (groups: Group[]) => void;\n  setHiddenGroupsIds: (hiddenGroupIds: string[]) => void;\n  setShowGroupColor: (showGroupColor: boolean | ((showGroupColor: boolean) => boolean)) => void;\n}\n\nexport const GroupHilitedElementsContext = React.createContext<GroupHilitedElements>({\n  hilitedElementsQueryCache: { current: new Map() },\n  hiddenGroupsIds: [],\n  showGroupColor: false,\n  groups: [],\n  setGroups: () => { },\n  setHiddenGroupsIds: () => { },\n  setShowGroupColor: () => { },\n});\n\nexport const useGroupHilitedElementsContext = (): GroupHilitedElements => {\n  const context = React.useContext(GroupHilitedElementsContext);\n  if (!context) {\n    throw new Error(\n      \"useGroupHilitedElementsContext should be used within a GroupHilitedElementsContext provider\"\n    );\n  }\n  return context;\n};\n"]}
+{"version":3,"file":"GroupHilitedElementsContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/GroupHilitedElementsContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAkBlB,QAAA,2BAA2B,GAAG,KAAK,CAAC,aAAa,CAAuB;IACnF,yBAAyB,EAAE,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE;IACjD,eAAe,EAAE,IAAI,GAAG,EAAE;IAC1B,cAAc,EAAE,KAAK;IACrB,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC;IACpB,kBAAkB,EAAE,GAAG,EAAE,GAAG,CAAC;IAC7B,iBAAiB,EAAE,GAAG,EAAE,GAAG,CAAC;CAC7B,CAAC,CAAC;AAEI,MAAM,8BAA8B,GAAG,GAAyB,EAAE;IACvE,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,mCAA2B,CAAC,CAAC;IAC9D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,6FAA6F,CAC9F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,8BAA8B,kCAQzC","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*--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport type { MutableRefObject } from \"react\";\nimport type { Group } from \"@itwin/insights-client\";\nimport type { KeySet } from \"@itwin/presentation-common\";\nexport interface QueryCacheItem {\n  keySet: KeySet;\n  ids: string[];\n}\nexport interface GroupHilitedElements {\n  hilitedElementsQueryCache: MutableRefObject<Map<string, QueryCacheItem>>;\n  hiddenGroupsIds: Set<string>;\n  showGroupColor: boolean;\n  groups: Group[];\n  setGroups: (groups: Group[]) => void;\n  setHiddenGroupsIds: (hiddenGroupIds: Set<string>) => void;\n  setShowGroupColor: (showGroupColor: boolean | ((showGroupColor: boolean) => boolean)) => void;\n}\n\nexport const GroupHilitedElementsContext = React.createContext<GroupHilitedElements>({\n  hilitedElementsQueryCache: { current: new Map() },\n  hiddenGroupsIds: new Set(),\n  showGroupColor: false,\n  groups: [],\n  setGroups: () => { },\n  setHiddenGroupsIds: () => { },\n  setShowGroupColor: () => { },\n});\n\nexport const useGroupHilitedElementsContext = (): GroupHilitedElements => {\n  const context = React.useContext(GroupHilitedElementsContext);\n  if (!context) {\n    throw new Error(\n      \"useGroupHilitedElementsContext should be used within a GroupHilitedElementsContext provider\"\n    );\n  }\n  return context;\n};\n"]}

package/lib/cjs/widget/components/context/GroupingApiConfigContext.d.ts

@@ -1,10 +1,12 @@
 import type { AccessToken } from "@itwin/core-bentley";
+import type { IModelConnection } from "@itwin/core-frontend";
 import * as React from "react";
 export declare type ClientPrefix = "" | "dev" | "qa" | undefined;
 export declare type GetAccessTokenFn = () => Promise<AccessToken>;
 export interface GroupingMappingApiConfig {
     getAccessToken: GetAccessTokenFn;
     iModelId: string;
+    iModelConnection?: IModelConnection;
     prefix?: ClientPrefix;
 }
 export declare const GroupingMappingApiConfigContext: React.Context<GroupingMappingApiConfig>;

package/lib/cjs/widget/components/context/GroupingApiConfigContext.js

@@ -26,6 +26,7 @@ exports.GroupingMappingApiConfigContext = react_1.createContext({
     getAccessToken: async () => "",
     iModelId: "",
     prefix: undefined,
+    iModelConnection: undefined,
 });
 const useGroupingMappingApiConfig = () => {
     const context = React.useContext(exports.GroupingMappingApiConfigContext);

package/lib/cjs/widget/components/context/GroupingApiConfigContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupingApiConfigContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/GroupingApiConfigContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,6CAA+B;AAC/B,iCAAsC;AAUzB,QAAA,+BAA+B,GAC1C,qBAAa,CAA2B;IACtC,cAAc,EAAE,KAAK,IAAI,EAAE,CAAC,EAAE;IAC9B,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,SAAS;CAClB,CAAC,CAAC;AAEE,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,uCAA+B,CAAC,CAAC;IAClE,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,8FAA8F,CAC/F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,2BAA2B,+BAQtC","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*--------------------------------------------------------------------------------------------*/\nimport type { AccessToken } from \"@itwin/core-bentley\";\nimport * as React from \"react\";\nimport { createContext } from \"react\";\n\nexport type ClientPrefix = \"\" | \"dev\" | \"qa\" | undefined;\nexport type GetAccessTokenFn = () => Promise<AccessToken>;\nexport interface GroupingMappingApiConfig {\n  getAccessToken: GetAccessTokenFn;\n  iModelId: string;\n  prefix?: ClientPrefix;\n}\n\nexport const GroupingMappingApiConfigContext =\n  createContext<GroupingMappingApiConfig>({\n    getAccessToken: async () => \"\",\n    iModelId: \"\",\n    prefix: undefined,\n  });\n\nexport const useGroupingMappingApiConfig = () => {\n  const context = React.useContext(GroupingMappingApiConfigContext);\n  if (!context) {\n    throw new Error(\n      \"useGroupingMappingApiConfig should be used within a GroupingMappingApiConfigContext provider\"\n    );\n  }\n  return context;\n};\n"]}
+{"version":3,"file":"GroupingApiConfigContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/GroupingApiConfigContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMA,6CAA+B;AAC/B,iCAAsC;AAWzB,QAAA,+BAA+B,GAC1C,qBAAa,CAA2B;IACtC,cAAc,EAAE,KAAK,IAAI,EAAE,CAAC,EAAE;IAC9B,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,SAAS;IACjB,gBAAgB,EAAE,SAAS;CAC5B,CAAC,CAAC;AAEE,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,uCAA+B,CAAC,CAAC;IAClE,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,8FAA8F,CAC/F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,2BAA2B,+BAQtC","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*--------------------------------------------------------------------------------------------*/\nimport type { AccessToken } from \"@itwin/core-bentley\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport * as React from \"react\";\nimport { createContext } from \"react\";\n\nexport type ClientPrefix = \"\" | \"dev\" | \"qa\" | undefined;\nexport type GetAccessTokenFn = () => Promise<AccessToken>;\nexport interface GroupingMappingApiConfig {\n  getAccessToken: GetAccessTokenFn;\n  iModelId: string;\n  iModelConnection?: IModelConnection;\n  prefix?: ClientPrefix;\n}\n\nexport const GroupingMappingApiConfigContext =\n  createContext<GroupingMappingApiConfig>({\n    getAccessToken: async () => \"\",\n    iModelId: \"\",\n    prefix: undefined,\n    iModelConnection: undefined,\n  });\n\nexport const useGroupingMappingApiConfig = () => {\n  const context = React.useContext(GroupingMappingApiConfigContext);\n  if (!context) {\n    throw new Error(\n      \"useGroupingMappingApiConfig should be used within a GroupingMappingApiConfigContext provider\"\n    );\n  }\n  return context;\n};\n"]}

package/lib/cjs/widget/components/customUI/GroupQueryBuilderCustomUI.js

@@ -25,7 +25,6 @@ exports.GroupQueryBuilderCustomUI = void 0;
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 const react_1 = __importStar(require("react"));
-const appui_react_1 = require("@itwin/appui-react");
 const presentation_frontend_1 = require("@itwin/presentation-frontend");
 const presentation_common_1 = require("@itwin/presentation-common");
 require("./GroupQueryBuilderCustomUI.scss");
@@ -36,6 +35,7 @@ const core_react_1 = require("@itwin/core-react");
 const PropertyGridWrapperContext_1 = require("../context/PropertyGridWrapperContext");
 const PropertyAction_1 = require("../PropertyAction");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+const GroupingApiConfigContext_1 = require("../context/GroupingApiConfigContext");
 const createPropertyDataProvider = (keys, iModelConnection) => {
     const dataProvider = new presentation_components_1.PresentationPropertyDataProvider({
         imodel: iModelConnection,
@@ -46,7 +46,7 @@ const createPropertyDataProvider = (keys, iModelConnection) => {
     return dataProvider;
 };
 const GroupQueryBuilderCustomUI = ({ updateQuery, isUpdating, resetView, }) => {
-    const iModelConnection = appui_react_1.useActiveIModelConnection();
+    const { iModelConnection } = GroupingApiConfigContext_1.useGroupingMappingApiConfig();
     if (!iModelConnection) {
         throw new Error("This component requires an active iModelConnection.");
     }

package/lib/cjs/widget/components/customUI/GroupQueryBuilderCustomUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupQueryBuilderCustomUI.js","sourceRoot":"","sources":["../../../../../src/widget/components/customUI/GroupQueryBuilderCustomUI.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*--------------------------------------------------------------------------------------------*/\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport type {\n  ISelectionProvider,\n  SelectionChangeEventArgs,\n} from \"@itwin/presentation-frontend\";\nimport { KeySet } from \"@itwin/presentation-common\";\nimport \"./GroupQueryBuilderCustomUI.scss\";\nimport { QueryBuilder } from \"../QueryBuilder\";\nimport type { GroupingCustomUIProps } from \"./GroupingMappingCustomUI\";\nimport {\n  DEFAULT_PROPERTY_GRID_RULESET,\n  PresentationPropertyDataProvider,\n} from \"@itwin/presentation-components\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { ActionButtonRendererProps } from \"@itwin/components-react\";\nimport { VirtualizedPropertyGridWithDataProvider } from \"@itwin/components-react\";\nimport { ResizableContainerObserver } from \"@itwin/core-react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyGridWrapperContext } from \"../context/PropertyGridWrapperContext\";\nimport { PropertyAction } from \"../PropertyAction\";\nimport { Alert, Button } from \"@itwin/itwinui-react\";\n\nconst createPropertyDataProvider = (\n  keys: KeySet,\n  iModelConnection: IModelConnection\n): PresentationPropertyDataProvider => {\n  const dataProvider = new PresentationPropertyDataProvider({\n    imodel: iModelConnection,\n    ruleset: DEFAULT_PROPERTY_GRID_RULESET,\n  });\n  dataProvider.keys = keys;\n  dataProvider.isNestedPropertyCategoryGroupingEnabled = true;\n  return dataProvider;\n};\n\ninterface ContainerDimensions {\n  width: number;\n  height: number;\n}\n\nexport const GroupQueryBuilderCustomUI = ({\n  updateQuery,\n  isUpdating,\n  resetView,\n}: GroupingCustomUIProps) => {\n  const iModelConnection = useActiveIModelConnection();\n  if (!iModelConnection) {\n    throw new Error(\"This component requires an active iModelConnection.\");\n  }\n  const [size, setSize] = useState<ContainerDimensions>({ width: 0, height: 0 });\n  const [dataProvider, setDataProvider] =\n    useState<PresentationPropertyDataProvider | undefined>(undefined);\n  const [currentPropertyList, setCurrentPropertyList] = useState<PropertyRecord[]>([]);\n  const [selectionKeySet, setSelectionKeyset] = useState<KeySet>(new KeySet());\n  const [queryBuilder, setQueryBuilder] = useState<QueryBuilder | undefined>();\n\n  useEffect(() => {\n    const onSelectionChanged = async (\n      evt: SelectionChangeEventArgs,\n      selectionProvider: ISelectionProvider\n    ) => {\n      const selection = selectionProvider.getSelection(evt.imodel, evt.level);\n      const keys = new KeySet(selection);\n      setSelectionKeyset(keys);\n      const dataProvider = createPropertyDataProvider(keys, iModelConnection);\n      setDataProvider(dataProvider);\n      setQueryBuilder(new QueryBuilder(dataProvider));\n    };\n\n    return iModelConnection\n      ? Presentation.selection.selectionChange.addListener(onSelectionChanged)\n      : () => { };\n  }, [iModelConnection]);\n\n  const onClickResetButton = async () => {\n    queryBuilder?.resetQueryBuilder();\n    updateQuery(\"\");\n    setCurrentPropertyList([]);\n    if (resetView)\n      await resetView().catch((e) =>\n        /* eslint-disable no-console */\n        console.error(e)\n      );\n  };\n\n  const resize = useCallback((width, height) => setSize({ width, height }), []);\n\n  const propertyContextValues = useMemo(\n    () => ({\n      currentPropertyList,\n      setCurrentPropertyList,\n      queryBuilder,\n      setQuery: updateQuery,\n      isUpdating: isUpdating ?? false,\n    }),\n    [currentPropertyList, isUpdating, queryBuilder, updateQuery]\n  );\n\n  const actionButtonRenderers = useMemo(\n    () => [\n      ({ property }: ActionButtonRendererProps) => (\n        <PropertyAction property={property} />\n      ),\n    ],\n    []\n  );\n\n  return (\n    <div className=\"gmw-select-query-generator-container\">\n      {!dataProvider || selectionKeySet.size === 0 ? (\n        <Alert type='informational'>\n          Please select on an element within the viewer first, then select properties to generate a group query.\n        </Alert>\n      ) :\n        <>\n          <div className=\"gmw-select-property-grid-container\">\n            <ResizableContainerObserver onResize={resize} />\n            <PropertyGridWrapperContext.Provider value={propertyContextValues}>\n              <VirtualizedPropertyGridWithDataProvider\n                dataProvider={dataProvider}\n                width={size.width}\n                height={size.height}\n                actionButtonRenderers={actionButtonRenderers}\n              />\n            </PropertyGridWrapperContext.Provider>\n          </div>\n          <div className=\"gmw-select-reset-button\">\n            <Button\n              styleType=\"default\"\n              size=\"small\"\n              onClick={onClickResetButton}\n            >\n              Reset\n            </Button>\n          </div>\n        </>\n      }\n    </div>\n  );\n};\n\n"]}
+{"version":3,"file":"GroupQueryBuilderCustomUI.js","sourceRoot":"","sources":["../../../../../src/widget/components/customUI/GroupQueryBuilderCustomUI.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*--------------------------------------------------------------------------------------------*/\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport type {\n  ISelectionProvider,\n  SelectionChangeEventArgs,\n} from \"@itwin/presentation-frontend\";\nimport { KeySet } from \"@itwin/presentation-common\";\nimport \"./GroupQueryBuilderCustomUI.scss\";\nimport { QueryBuilder } from \"../QueryBuilder\";\nimport type { GroupingCustomUIProps } from \"./GroupingMappingCustomUI\";\nimport {\n  DEFAULT_PROPERTY_GRID_RULESET,\n  PresentationPropertyDataProvider,\n} from \"@itwin/presentation-components\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { ActionButtonRendererProps } from \"@itwin/components-react\";\nimport { VirtualizedPropertyGridWithDataProvider } from \"@itwin/components-react\";\nimport { ResizableContainerObserver } from \"@itwin/core-react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyGridWrapperContext } from \"../context/PropertyGridWrapperContext\";\nimport { PropertyAction } from \"../PropertyAction\";\nimport { Alert, Button } from \"@itwin/itwinui-react\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\n\nconst createPropertyDataProvider = (\n  keys: KeySet,\n  iModelConnection: IModelConnection\n): PresentationPropertyDataProvider => {\n  const dataProvider = new PresentationPropertyDataProvider({\n    imodel: iModelConnection,\n    ruleset: DEFAULT_PROPERTY_GRID_RULESET,\n  });\n  dataProvider.keys = keys;\n  dataProvider.isNestedPropertyCategoryGroupingEnabled = true;\n  return dataProvider;\n};\n\ninterface ContainerDimensions {\n  width: number;\n  height: number;\n}\n\nexport const GroupQueryBuilderCustomUI = ({\n  updateQuery,\n  isUpdating,\n  resetView,\n}: GroupingCustomUIProps) => {\n  const { iModelConnection } = useGroupingMappingApiConfig();\n  if (!iModelConnection) {\n    throw new Error(\"This component requires an active iModelConnection.\");\n  }\n  const [size, setSize] = useState<ContainerDimensions>({ width: 0, height: 0 });\n  const [dataProvider, setDataProvider] =\n    useState<PresentationPropertyDataProvider | undefined>(undefined);\n  const [currentPropertyList, setCurrentPropertyList] = useState<PropertyRecord[]>([]);\n  const [selectionKeySet, setSelectionKeyset] = useState<KeySet>(new KeySet());\n  const [queryBuilder, setQueryBuilder] = useState<QueryBuilder | undefined>();\n\n  useEffect(() => {\n    const onSelectionChanged = async (\n      evt: SelectionChangeEventArgs,\n      selectionProvider: ISelectionProvider\n    ) => {\n      const selection = selectionProvider.getSelection(evt.imodel, evt.level);\n      const keys = new KeySet(selection);\n      setSelectionKeyset(keys);\n      const dataProvider = createPropertyDataProvider(keys, iModelConnection);\n      setDataProvider(dataProvider);\n      setQueryBuilder(new QueryBuilder(dataProvider));\n    };\n\n    return iModelConnection\n      ? Presentation.selection.selectionChange.addListener(onSelectionChanged)\n      : () => { };\n  }, [iModelConnection]);\n\n  const onClickResetButton = async () => {\n    queryBuilder?.resetQueryBuilder();\n    updateQuery(\"\");\n    setCurrentPropertyList([]);\n    if (resetView)\n      await resetView().catch((e) =>\n        /* eslint-disable no-console */\n        console.error(e)\n      );\n  };\n\n  const resize = useCallback((width, height) => setSize({ width, height }), []);\n\n  const propertyContextValues = useMemo(\n    () => ({\n      currentPropertyList,\n      setCurrentPropertyList,\n      queryBuilder,\n      setQuery: updateQuery,\n      isUpdating: isUpdating ?? false,\n    }),\n    [currentPropertyList, isUpdating, queryBuilder, updateQuery]\n  );\n\n  const actionButtonRenderers = useMemo(\n    () => [\n      ({ property }: ActionButtonRendererProps) => (\n        <PropertyAction property={property} />\n      ),\n    ],\n    []\n  );\n\n  return (\n    <div className=\"gmw-select-query-generator-container\">\n      {!dataProvider || selectionKeySet.size === 0 ? (\n        <Alert type='informational'>\n          Please select on an element within the viewer first, then select properties to generate a group query.\n        </Alert>\n      ) :\n        <>\n          <div className=\"gmw-select-property-grid-container\">\n            <ResizableContainerObserver onResize={resize} />\n            <PropertyGridWrapperContext.Provider value={propertyContextValues}>\n              <VirtualizedPropertyGridWithDataProvider\n                dataProvider={dataProvider}\n                width={size.width}\n                height={size.height}\n                actionButtonRenderers={actionButtonRenderers}\n              />\n            </PropertyGridWrapperContext.Provider>\n          </div>\n          <div className=\"gmw-select-reset-button\">\n            <Button\n              styleType=\"default\"\n              size=\"small\"\n              onClick={onClickResetButton}\n            >\n              Reset\n            </Button>\n          </div>\n        </>\n      }\n    </div>\n  );\n};\n\n"]}

package/lib/cjs/widget/components/customUI/GroupingMappingCustomUI.d.ts

@@ -88,5 +88,9 @@ export interface GroupingCustomUIProps {
      * To reset the viewer.
      */
     resetView?: () => Promise<void>;
+    /**
+     * The initial query for the Group being edited.
+     */
+    initialEditModeQuery?: string;
 }
 //# sourceMappingURL=GroupingMappingCustomUI.d.ts.map

package/lib/cjs/widget/components/customUI/GroupingMappingCustomUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupingMappingCustomUI.js","sourceRoot":"","sources":["../../../../../src/widget/components/customUI/GroupingMappingCustomUI.ts"],"names":[],"mappings":";;;AAOA,IAAY,2BAGX;AAHD,WAAY,2BAA2B;IACrC,qFAAQ,CAAA;IACR,mFAAO,CAAA;AACT,CAAC,EAHW,2BAA2B,GAA3B,mCAA2B,KAA3B,mCAA2B,QAGtC","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*--------------------------------------------------------------------------------------------*/\nimport type { Group, Mapping } from \"@itwin/insights-client\";\nimport type { ReactElement } from \"react\";\n\nexport enum GroupingMappingCustomUIType {\n  Grouping,\n  Context,\n}\n\nexport type GroupingMappingCustomUI = GroupingCustomUI | ContextCustomUI;\n\n/** Custom UI Definitions. */\n\nexport interface IGroupingMappingCustomUI {\n  /**\n   * See GroupingMappingCustomUIType.\n   */\n  type: GroupingMappingCustomUIType;\n  /**\n   * Unique identifier of the custom UI.\n   */\n  name: string;\n  /**\n   * Display label in the widget.\n   */\n  displayLabel: string;\n  /**\n   * Optional icon, will be shown before display label in widget.\n   */\n  icon?: ReactElement;\n}\n\n/**\n * Context custom UI type definition.\n */\nexport interface ContextCustomUI extends IGroupingMappingCustomUI {\n  /**\n   * See GroupingMappingCustomUIType.\n   */\n  type: GroupingMappingCustomUIType.Context;\n  /**\n   * User defined component for UI interaction with grouping mapping widget.\n   */\n  uiComponent?:  React.ComponentType<ContextCustomUIProps>;\n  /**\n   * Callback function for context custom UI menu item click event.\n   */\n  onClick?: (group: Group, mapping: Mapping, iModelId: string) => void;\n}\n\n/**\n * Group custom UI type definition.\n */\nexport interface GroupingCustomUI extends IGroupingMappingCustomUI {\n  /**\n   * See GroupingMappingCustomUIType.\n   */\n  type: GroupingMappingCustomUIType.Grouping;\n  /**\n   * Custom UI Component to build query interactively. Refer to SearchGroupingCustomUI/ManualGroupingCustomUI.\n   */\n  uiComponent: (props: GroupingCustomUIProps) => JSX.Element;\n}\n\n/** Custom UI Component props definitions. */\n\n/**\n * Context custom UI component arguments definition.\n */\nexport interface ContextCustomUIProps {\n  /**\n   * IModel Id.\n   */\n  iModelId: string;\n  /**\n   * Mapping Id.\n   */\n  mappingId: string;\n  /**\n   * Group Id.\n   */\n  groupId: string;\n}\n\n/**\n * Group custom UI component arguments definition.\n */\nexport interface GroupingCustomUIProps {\n  /**\n   * To validate and update current query.\n   */\n  updateQuery: (query: string) => void;\n  /**\n   * To get the query loading status.\n   */\n  isUpdating?: boolean;\n  /**\n   * To reset the viewer.\n   */\n  resetView?: () => Promise<void>;\n}\n"]}
+{"version":3,"file":"GroupingMappingCustomUI.js","sourceRoot":"","sources":["../../../../../src/widget/components/customUI/GroupingMappingCustomUI.ts"],"names":[],"mappings":";;;AAOA,IAAY,2BAGX;AAHD,WAAY,2BAA2B;IACrC,qFAAQ,CAAA;IACR,mFAAO,CAAA;AACT,CAAC,EAHW,2BAA2B,GAA3B,mCAA2B,KAA3B,mCAA2B,QAGtC","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*--------------------------------------------------------------------------------------------*/\nimport type { Group, Mapping } from \"@itwin/insights-client\";\nimport type { ReactElement } from \"react\";\n\nexport enum GroupingMappingCustomUIType {\n  Grouping,\n  Context,\n}\n\nexport type GroupingMappingCustomUI = GroupingCustomUI | ContextCustomUI;\n\n/** Custom UI Definitions. */\n\nexport interface IGroupingMappingCustomUI {\n  /**\n   * See GroupingMappingCustomUIType.\n   */\n  type: GroupingMappingCustomUIType;\n  /**\n   * Unique identifier of the custom UI.\n   */\n  name: string;\n  /**\n   * Display label in the widget.\n   */\n  displayLabel: string;\n  /**\n   * Optional icon, will be shown before display label in widget.\n   */\n  icon?: ReactElement;\n}\n\n/**\n * Context custom UI type definition.\n */\nexport interface ContextCustomUI extends IGroupingMappingCustomUI {\n  /**\n   * See GroupingMappingCustomUIType.\n   */\n  type: GroupingMappingCustomUIType.Context;\n  /**\n   * User defined component for UI interaction with grouping mapping widget.\n   */\n  uiComponent?: React.ComponentType<ContextCustomUIProps>;\n  /**\n   * Callback function for context custom UI menu item click event.\n   */\n  onClick?: (group: Group, mapping: Mapping, iModelId: string) => void;\n}\n\n/**\n * Group custom UI type definition.\n */\nexport interface GroupingCustomUI extends IGroupingMappingCustomUI {\n  /**\n   * See GroupingMappingCustomUIType.\n   */\n  type: GroupingMappingCustomUIType.Grouping;\n  /**\n   * Custom UI Component to build query interactively. Refer to SearchGroupingCustomUI/ManualGroupingCustomUI.\n   */\n  uiComponent: (props: GroupingCustomUIProps) => JSX.Element;\n}\n\n/** Custom UI Component props definitions. */\n\n/**\n * Context custom UI component arguments definition.\n */\nexport interface ContextCustomUIProps {\n  /**\n   * IModel Id.\n   */\n  iModelId: string;\n  /**\n   * Mapping Id.\n   */\n  mappingId: string;\n  /**\n   * Group Id.\n   */\n  groupId: string;\n}\n\n/**\n * Group custom UI component arguments definition.\n */\nexport interface GroupingCustomUIProps {\n  /**\n   * To validate and update current query.\n   */\n  updateQuery: (query: string) => void;\n  /**\n   * To get the query loading status.\n   */\n  isUpdating?: boolean;\n  /**\n   * To reset the viewer.\n   */\n  resetView?: () => Promise<void>;\n  /**\n   * The initial query for the Group being edited.\n   */\n  initialEditModeQuery?: string;\n\n}\n"]}

package/lib/cjs/widget/components/customUI/ManualGroupingCustomUI.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import "./ManualGroupingCustomUI.scss";
 import type { GroupingCustomUIProps } from "./GroupingMappingCustomUI";
-export declare const ManualGroupingCustomUI: ({ updateQuery, isUpdating, resetView, }: GroupingCustomUIProps) => JSX.Element;
+export declare const ManualGroupingCustomUI: ({ updateQuery, isUpdating, resetView, initialEditModeQuery, }: GroupingCustomUIProps) => JSX.Element;
 //# sourceMappingURL=ManualGroupingCustomUI.d.ts.map

package/lib/cjs/widget/components/customUI/ManualGroupingCustomUI.js

@@ -12,8 +12,8 @@ const react_1 = __importDefault(require("react"));
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const utils_1 = require("../utils");
 require("./ManualGroupingCustomUI.scss");
-const ManualGroupingCustomUI = ({ updateQuery, isUpdating, resetView, }) => {
-    const [manualInput, setManualInput] = react_1.default.useState("");
+const ManualGroupingCustomUI = ({ updateQuery, isUpdating, resetView, initialEditModeQuery, }) => {
+    const [manualInput, setManualInput] = react_1.default.useState(initialEditModeQuery !== null && initialEditModeQuery !== void 0 ? initialEditModeQuery : "");
     return (react_1.default.createElement("div", { className: 'gmw-manual-form' },
         react_1.default.createElement(itwinui_react_1.Alert, { type: 'informational' }, "Generate group using an ECSQL query. Please select ECInstanceId and ECClassId columns in the query."),
         react_1.default.createElement(itwinui_react_1.LabeledTextarea, { label: 'Query', required: true, value: manualInput, onChange: (event) => setManualInput(event.target.value), disabled: isUpdating, placeholder: `E.g. "SELECT ECInstanceId, ECClassId FROM BisCore:PhysicalElement"` }),

package/lib/cjs/widget/components/customUI/ManualGroupingCustomUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManualGroupingCustomUI.js","sourceRoot":"","sources":["../../../../../src/widget/components/customUI/ManualGroupingCustomUI.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,wDAAsE;AACtE,oCAA0C;AAC1C,yCAAuC;AAGhC,MAAM,sBAAsB,GAAG,CAAC,EACrC,WAAW,EACX,UAAU,EACV,SAAS,GACa,EAAE,EAAE;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzD,OAAO,CACL,uCAAK,SAAS,EAAC,iBAAiB;QAC9B,8BAAC,qBAAK,IAAC,IAAI,EAAC,eAAe,0GAEnB;QACR,8BAAC,+BAAe,IACd,KAAK,EAAC,OAAO,EACb,QAAQ,QACR,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACvD,QAAQ,EAAE,UAAU,EACpB,WAAW,EAAE,oEAAoE,GACjF;QACF,uCAAK,SAAS,EAAC,oBAAoB;YAChC,UAAU,IAAI,8BAAC,sBAAc,OAAG;YACjC,8BAAC,sBAAM,IAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,YAE5D;YACT,8BAAC,sBAAM,IACL,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,KAAK,IAAI,EAAE;oBAClB,WAAW,CAAC,EAAE,CAAC,CAAC;oBAChB,cAAc,CAAC,EAAE,CAAC,CAAC;oBACnB,IAAI,SAAS,EAAE;wBACb,MAAM,SAAS,EAAE,CAAC;qBACnB;gBACH,CAAC,YAGM,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,sBAAsB,0BAwCjC","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*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport { Alert, Button, LabeledTextarea } from \"@itwin/itwinui-react\";\nimport { LoadingSpinner } from \"../utils\";\nimport \"./ManualGroupingCustomUI.scss\";\nimport type { GroupingCustomUIProps } from \"./GroupingMappingCustomUI\";\n\nexport const ManualGroupingCustomUI = ({\n  updateQuery,\n  isUpdating,\n  resetView,\n}: GroupingCustomUIProps) => {\n  const [manualInput, setManualInput] = React.useState(\"\");\n\n  return (\n    <div className='gmw-manual-form'>\n      <Alert type='informational'>\n        Generate group using an ECSQL query. Please select ECInstanceId and ECClassId columns in the query.\n      </Alert>\n      <LabeledTextarea\n        label='Query'\n        required\n        value={manualInput}\n        onChange={(event) => setManualInput(event.target.value)}\n        disabled={isUpdating}\n        placeholder={`E.g. \"SELECT ECInstanceId, ECClassId FROM BisCore:PhysicalElement\"`}\n      />\n      <div className='gmw-manual-actions'>\n        {isUpdating && <LoadingSpinner />}\n        <Button disabled={isUpdating} onClick={() => updateQuery(manualInput)}>\n          Apply\n        </Button>\n        <Button\n          disabled={isUpdating}\n          onClick={async () => {\n            updateQuery(\"\");\n            setManualInput(\"\");\n            if (resetView) {\n              await resetView();\n            }\n          }}\n        >\n          Clear\n        </Button>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ManualGroupingCustomUI.js","sourceRoot":"","sources":["../../../../../src/widget/components/customUI/ManualGroupingCustomUI.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,wDAAsE;AACtE,oCAA0C;AAC1C,yCAAuC;AAGhC,MAAM,sBAAsB,GAAG,CAAC,EACrC,WAAW,EACX,UAAU,EACV,SAAS,EACT,oBAAoB,GACE,EAAE,EAAE;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,EAAE,CAAC,CAAC;IAEjF,OAAO,CACL,uCAAK,SAAS,EAAC,iBAAiB;QAC9B,8BAAC,qBAAK,IAAC,IAAI,EAAC,eAAe,0GAEnB;QACR,8BAAC,+BAAe,IACd,KAAK,EAAC,OAAO,EACb,QAAQ,QACR,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACvD,QAAQ,EAAE,UAAU,EACpB,WAAW,EAAE,oEAAoE,GACjF;QACF,uCAAK,SAAS,EAAC,oBAAoB;YAChC,UAAU,IAAI,8BAAC,sBAAc,OAAG;YACjC,8BAAC,sBAAM,IAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,YAE5D;YACT,8BAAC,sBAAM,IACL,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,KAAK,IAAI,EAAE;oBAClB,WAAW,CAAC,EAAE,CAAC,CAAC;oBAChB,cAAc,CAAC,EAAE,CAAC,CAAC;oBACnB,IAAI,SAAS,EAAE;wBACb,MAAM,SAAS,EAAE,CAAC;qBACnB;gBACH,CAAC,YAGM,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,sBAAsB,0BAyCjC","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*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport { Alert, Button, LabeledTextarea } from \"@itwin/itwinui-react\";\nimport { LoadingSpinner } from \"../utils\";\nimport \"./ManualGroupingCustomUI.scss\";\nimport type { GroupingCustomUIProps } from \"./GroupingMappingCustomUI\";\n\nexport const ManualGroupingCustomUI = ({\n  updateQuery,\n  isUpdating,\n  resetView,\n  initialEditModeQuery,\n}: GroupingCustomUIProps) => {\n  const [manualInput, setManualInput] = React.useState(initialEditModeQuery ?? \"\");\n\n  return (\n    <div className='gmw-manual-form'>\n      <Alert type='informational'>\n        Generate group using an ECSQL query. Please select ECInstanceId and ECClassId columns in the query.\n      </Alert>\n      <LabeledTextarea\n        label='Query'\n        required\n        value={manualInput}\n        onChange={(event) => setManualInput(event.target.value)}\n        disabled={isUpdating}\n        placeholder={`E.g. \"SELECT ECInstanceId, ECClassId FROM BisCore:PhysicalElement\"`}\n      />\n      <div className='gmw-manual-actions'>\n        {isUpdating && <LoadingSpinner />}\n        <Button disabled={isUpdating} onClick={() => updateQuery(manualInput)}>\n          Apply\n        </Button>\n        <Button\n          disabled={isUpdating}\n          onClick={async () => {\n            updateQuery(\"\");\n            setManualInput(\"\");\n            if (resetView) {\n              await resetView();\n            }\n          }}\n        >\n          Clear\n        </Button>\n      </div>\n    </div>\n  );\n};\n"]}

package/lib/cjs/widget/components/customUI/ManualGroupingCustomUI.scss

@@ -9,7 +9,6 @@
   flex-direction: column;
   gap: $iui-baseline;
   overflow: auto;
-  margin-top: $iui-baseline;
   > .gmw-manual-actions {
     display: flex;
     justify-content: flex-end;

package/lib/cjs/widget/components/customUI/SearchGroupingCustomUI.scss

@@ -9,7 +9,6 @@
   flex-direction: column;
   gap: $iui-baseline;
   overflow: auto;
-  margin-top: $iui-baseline;
   > .gmw-search-actions {
     display: flex;
     justify-content: flex-end;

package/lib/cjs/widget/components/groupsHelpers.d.ts

@@ -5,6 +5,6 @@ export declare const getGroupColor: (index: number) => string;
 export declare const getHiliteIdsFromGroups: (iModelConnection: IModelConnection, groups: Group[], hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>) => Promise<string[]>;
 export declare const hideGroups: (iModelConnection: IModelConnection, viewGroups: Group[], hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>) => Promise<void>;
 export declare const hideGroup: (iModelConnection: IModelConnection, viewGroup: Group, hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>) => Promise<void>;
-export declare const visualizeGroupColors: (iModelConnection: IModelConnection, groups: Group[], viewGroups: Group[], hiddenGroupsIds: string[], hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>, doEmphasizeElements?: boolean) => Promise<void>;
+export declare const visualizeGroupColors: (iModelConnection: IModelConnection, groups: Group[], hiddenGroupsIds: Set<string>, hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>, doEmphasizeElements?: boolean) => Promise<void>;
 export declare const getHiliteIdsAndKeysetFromGroup: (iModelConnection: IModelConnection, group: Group, hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>) => Promise<QueryCacheItem>;
 //# sourceMappingURL=groupsHelpers.d.ts.map

package/lib/cjs/widget/components/groupsHelpers.js

@@ -45,21 +45,18 @@ const hideGroup = async (iModelConnection, viewGroup, hilitedElementsQueryCache)
     viewerUtils_1.hideElements(result.ids);
 };
 exports.hideGroup = hideGroup;
-const visualizeGroupColors = async (iModelConnection, groups, viewGroups, hiddenGroupsIds, hilitedElementsQueryCache, doEmphasizeElements = true) => {
+const processGroupVisualization = async (iModelConnection, group, hiddenGroupsIds, hilitedElementsQueryCache, doEmphasizeElements, groupColor) => {
+    const result = await exports.getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache);
+    const hilitedIds = result.ids;
+    viewerUtils_1.overrideElements(hilitedIds, groupColor, core_common_1.FeatureOverrideType.ColorAndAlpha);
+    doEmphasizeElements && viewerUtils_1.emphasizeElements(hilitedIds, undefined);
+    return hiddenGroupsIds.has(group.id) ? [] : hilitedIds;
+};
+const visualizeGroupColors = async (iModelConnection, groups, hiddenGroupsIds, hilitedElementsQueryCache, doEmphasizeElements = true) => {
     viewerUtils_1.clearEmphasizedOverriddenElements();
-    let allIds = [];
-    for (const group of viewGroups) {
-        const index = viewGroups.length > groups.length
-            ? viewGroups.findIndex((g) => g.id === group.id)
-            : groups.findIndex((g) => g.id === group.id);
-        const result = await exports.getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache);
-        const hilitedIds = result.ids;
-        viewerUtils_1.overrideElements(hilitedIds, exports.getGroupColor(index), core_common_1.FeatureOverrideType.ColorAndAlpha);
-        doEmphasizeElements && viewerUtils_1.emphasizeElements(hilitedIds, undefined);
-        if (!hiddenGroupsIds.includes(group.id)) {
-            allIds = allIds.concat(hilitedIds);
-        }
-    }
+    const allIdsPromises = groups.map(async (group, index) => processGroupVisualization(iModelConnection, group, hiddenGroupsIds, hilitedElementsQueryCache, doEmphasizeElements, exports.getGroupColor(index)));
+    const allIdsArrays = await Promise.all(allIdsPromises);
+    const allIds = allIdsArrays.flat();
     await viewerUtils_1.zoomToElements(allIds);
 };
 exports.visualizeGroupColors = visualizeGroupColors;

package/lib/cjs/widget/components/groupsHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"groupsHelpers.js","sourceRoot":"","sources":["../../../../src/widget/components/groupsHelpers.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*--------------------------------------------------------------------------------------------*/\nimport { FeatureOverrideType } from \"@itwin/core-common\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { Group } from \"@itwin/insights-client\";\nimport { toaster } from \"@itwin/itwinui-react\";\nimport { KeySet } from \"@itwin/presentation-common\";\nimport type { QueryCacheItem } from \"./context/GroupHilitedElementsContext\";\nimport { clearEmphasizedOverriddenElements, emphasizeElements, getHiliteIds, hideElements, overrideElements, zoomToElements } from \"./viewerUtils\";\n\nconst goldenAngle = 180 * (3 - Math.sqrt(5));\n\nexport const getGroupColor = function (index: number) {\n  return `hsl(${index * goldenAngle + 60}, 100%, 50%)`;\n};\n\nexport const getHiliteIdsFromGroups = async (\n  iModelConnection: IModelConnection,\n  groups: Group[],\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>\n) => {\n  const distinctQueries = new Set<string>();\n  const promises: Promise<{ ids: string[] }>[] = [];\n  for (const group of groups) {\n    if (!distinctQueries.has(group.query)) {\n      distinctQueries.add(group.query);\n      promises.push(getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache));\n    }\n  }\n  const results = await Promise.all(promises);\n  const allIds = results.flatMap((result) => result.ids);\n  return allIds;\n};\n\nexport const hideGroups = async (\n  iModelConnection: IModelConnection,\n  viewGroups: Group[],\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>\n) => {\n  const distinctQueries = new Set<string>();\n  const promises: Promise<void>[] = [];\n\n  for (const viewGroup of viewGroups) {\n    if (!distinctQueries.has(viewGroup.query)) {\n      distinctQueries.add(viewGroup.query);\n      promises.push(hideGroup(iModelConnection, viewGroup, hilitedElementsQueryCache));\n    }\n  }\n  await Promise.all(promises);\n};\n\nexport const hideGroup = async (\n  iModelConnection: IModelConnection,\n  viewGroup: Group,\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>\n) => {\n  const result = await getHiliteIdsAndKeysetFromGroup(iModelConnection, viewGroup, hilitedElementsQueryCache);\n  hideElements(result.ids);\n};\n\nexport const visualizeGroupColors = async (\n  iModelConnection: IModelConnection,\n  groups: Group[],\n  viewGroups: Group[],\n  hiddenGroupsIds: string[],\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>,\n  doEmphasizeElements: boolean = true\n) => {\n  clearEmphasizedOverriddenElements();\n  let allIds: string[] = [];\n  for (const group of viewGroups) {\n    const index =\n      viewGroups.length > groups.length\n        ? viewGroups.findIndex((g) => g.id === group.id)\n        : groups.findIndex((g) => g.id === group.id);\n    const result = await getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache);\n    const hilitedIds = result.ids;\n    overrideElements(\n      hilitedIds,\n      getGroupColor(index),\n      FeatureOverrideType.ColorAndAlpha,\n    );\n    doEmphasizeElements && emphasizeElements(hilitedIds, undefined);\n    if (!hiddenGroupsIds.includes(group.id)) {\n      allIds = allIds.concat(hilitedIds);\n    }\n  }\n\n  await zoomToElements(allIds);\n};\n\nexport const getHiliteIdsAndKeysetFromGroup = async (\n  iModelConnection: IModelConnection,\n  group: Group,\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>\n) => {\n  const query = group.query;\n  if (hilitedElementsQueryCache.current.has(query)) {\n    return hilitedElementsQueryCache.current.get(query) ?? ({ keySet: new KeySet(), ids: [] });\n  }\n  try {\n    const queryRowCount = await iModelConnection.queryRowCount(query);\n    if (queryRowCount === 0) {\n      toaster.warning(\n        `${group.groupName}'s query is valid but produced no results.`\n      );\n    }\n    const result = await getHiliteIds(query, iModelConnection);\n    hilitedElementsQueryCache.current.set(query, result);\n    return result;\n  } catch {\n    toaster.negative(\n      `Query could not be resolved.`\n    );\n    return ({ keySet: new KeySet(), ids: [] });\n  }\n\n};\n"]}
+{"version":3,"file":"groupsHelpers.js","sourceRoot":"","sources":["../../../../src/widget/components/groupsHelpers.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*--------------------------------------------------------------------------------------------*/\nimport { FeatureOverrideType } from \"@itwin/core-common\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { Group } from \"@itwin/insights-client\";\nimport { toaster } from \"@itwin/itwinui-react\";\nimport { KeySet } from \"@itwin/presentation-common\";\nimport type { QueryCacheItem } from \"./context/GroupHilitedElementsContext\";\nimport { clearEmphasizedOverriddenElements, emphasizeElements, getHiliteIds, hideElements, overrideElements, zoomToElements } from \"./viewerUtils\";\n\nconst goldenAngle = 180 * (3 - Math.sqrt(5));\n\nexport const getGroupColor = function (index: number) {\n  return `hsl(${index * goldenAngle + 60}, 100%, 50%)`;\n};\n\nexport const getHiliteIdsFromGroups = async (\n  iModelConnection: IModelConnection,\n  groups: Group[],\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>\n) => {\n  const distinctQueries = new Set<string>();\n  const promises: Promise<{ ids: string[] }>[] = [];\n  for (const group of groups) {\n    if (!distinctQueries.has(group.query)) {\n      distinctQueries.add(group.query);\n      promises.push(getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache));\n    }\n  }\n  const results = await Promise.all(promises);\n  const allIds = results.flatMap((result) => result.ids);\n  return allIds;\n};\n\nexport const hideGroups = async (\n  iModelConnection: IModelConnection,\n  viewGroups: Group[],\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>\n) => {\n  const distinctQueries = new Set<string>();\n  const promises: Promise<void>[] = [];\n\n  for (const viewGroup of viewGroups) {\n    if (!distinctQueries.has(viewGroup.query)) {\n      distinctQueries.add(viewGroup.query);\n      promises.push(hideGroup(iModelConnection, viewGroup, hilitedElementsQueryCache));\n    }\n  }\n  await Promise.all(promises);\n};\n\nexport const hideGroup = async (\n  iModelConnection: IModelConnection,\n  viewGroup: Group,\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>\n) => {\n  const result = await getHiliteIdsAndKeysetFromGroup(iModelConnection, viewGroup, hilitedElementsQueryCache);\n  hideElements(result.ids);\n};\n\nconst processGroupVisualization = async (\n  iModelConnection: IModelConnection,\n  group: Group,\n  hiddenGroupsIds: Set<string>,\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>,\n  doEmphasizeElements: boolean,\n  groupColor: string\n) => {\n  const result = await getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache);\n  const hilitedIds = result.ids;\n  overrideElements(hilitedIds, groupColor, FeatureOverrideType.ColorAndAlpha);\n\n  doEmphasizeElements && emphasizeElements(hilitedIds, undefined);\n\n  return hiddenGroupsIds.has(group.id) ? [] : hilitedIds;\n};\n\nexport const visualizeGroupColors = async (\n  iModelConnection: IModelConnection,\n  groups: Group[],\n  hiddenGroupsIds: Set<string>,\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>,\n  doEmphasizeElements: boolean = true\n) => {\n  clearEmphasizedOverriddenElements();\n\n  const allIdsPromises = groups.map(async (group, index) =>\n    processGroupVisualization(\n      iModelConnection,\n      group,\n      hiddenGroupsIds,\n      hilitedElementsQueryCache,\n      doEmphasizeElements,\n      getGroupColor(index)\n    )\n  );\n\n  const allIdsArrays = await Promise.all(allIdsPromises);\n  const allIds = allIdsArrays.flat();\n\n  await zoomToElements(allIds);\n};\n\nexport const getHiliteIdsAndKeysetFromGroup = async (\n  iModelConnection: IModelConnection,\n  group: Group,\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>\n) => {\n  const query = group.query;\n  if (hilitedElementsQueryCache.current.has(query)) {\n    return hilitedElementsQueryCache.current.get(query) ?? ({ keySet: new KeySet(), ids: [] });\n  }\n  try {\n    const queryRowCount = await iModelConnection.queryRowCount(query);\n    if (queryRowCount === 0) {\n      toaster.warning(\n        `${group.groupName}'s query is valid but produced no results.`\n      );\n    }\n    const result = await getHiliteIds(query, iModelConnection);\n    hilitedElementsQueryCache.current.set(query, result);\n    return result;\n  } catch {\n    toaster.negative(\n      `Query could not be resolved.`\n    );\n    return ({ keySet: new KeySet(), ids: [] });\n  }\n\n};\n"]}

package/lib/cjs/widget/hooks/useVisualization.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { IModelConnection } from "@itwin/core-frontend";
+export declare const useVisualization: (shouldVisualize: boolean, iModelConnection: IModelConnection, query: string, queryGenerationType: string) => {
+    isRendering: boolean;
+    setIsRendering: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    simpleSelectionQuery: string;
+    setSimpleSelectionQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
+    clearPresentationSelection: () => false | void;
+    resetView: () => Promise<void>;
+};
+//# sourceMappingURL=useVisualization.d.ts.map

package/lib/cjs/widget/hooks/useVisualization.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVisualization = void 0;
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const presentation_frontend_1 = require("@itwin/presentation-frontend");
+const react_1 = require("react");
+const GroupHilitedElementsContext_1 = require("../components/context/GroupHilitedElementsContext");
+const groupsHelpers_1 = require("../components/groupsHelpers");
+const viewerUtils_1 = require("../components/viewerUtils");
+const useVisualization = (shouldVisualize, iModelConnection, query, queryGenerationType) => {
+    const [isRendering, setIsRendering] = react_1.useState(false);
+    const { showGroupColor, groups, hiddenGroupsIds, hilitedElementsQueryCache } = GroupHilitedElementsContext_1.useGroupHilitedElementsContext();
+    const [simpleSelectionQuery, setSimpleSelectionQuery] = react_1.useState("");
+    const resetView = react_1.useCallback(async () => {
+        if (!shouldVisualize)
+            return;
+        if (showGroupColor) {
+            await groupsHelpers_1.visualizeGroupColors(iModelConnection, groups, hiddenGroupsIds, hilitedElementsQueryCache);
+        }
+        else {
+            viewerUtils_1.clearOverriddenElements();
+        }
+        viewerUtils_1.clearEmphasizedElements();
+    }, [groups, hiddenGroupsIds, hilitedElementsQueryCache, iModelConnection, showGroupColor, shouldVisualize]);
+    react_1.useEffect(() => {
+        if (!shouldVisualize)
+            return;
+        const removeListener = presentation_frontend_1.Presentation.selection.selectionChange.addListener(async (evt, selectionProvider) => {
+            if (queryGenerationType === "Selection") {
+                const selection = selectionProvider.getSelection(evt.imodel, evt.level);
+                const query = selection.instanceKeys.size > 0
+                    ? `SELECT ECInstanceId FROM ${selection.instanceKeys.keys().next().value}`
+                    : "";
+                setSimpleSelectionQuery(query);
+            }
+        });
+        return removeListener;
+    }, [iModelConnection, queryGenerationType, shouldVisualize]);
+    react_1.useEffect(() => {
+        if (!shouldVisualize)
+            return;
+        const reemphasize = async () => {
+            try {
+                if (!query || query === "") {
+                    return;
+                }
+                setIsRendering(true);
+                viewerUtils_1.transparentOverriddenElements();
+                const resolvedHiliteIds = await viewerUtils_1.visualizeElementsByQuery(query, "red", iModelConnection);
+                await viewerUtils_1.zoomToElements(resolvedHiliteIds);
+            }
+            catch {
+                itwinui_react_1.toaster.negative("Sorry, we have failed to generate a valid query. 😔");
+            }
+            finally {
+                setIsRendering(false);
+            }
+        };
+        void reemphasize();
+    }, [iModelConnection, query, shouldVisualize]);
+    const clearPresentationSelection = react_1.useCallback(() => shouldVisualize && presentation_frontend_1.Presentation.selection.clearSelection("GroupingMappingWidget", iModelConnection), [iModelConnection, shouldVisualize]);
+    react_1.useEffect(() => {
+        clearPresentationSelection();
+    }, [clearPresentationSelection, iModelConnection]);
+    return { isRendering, setIsRendering, simpleSelectionQuery, setSimpleSelectionQuery, clearPresentationSelection, resetView };
+};
+exports.useVisualization = useVisualization;
+//# sourceMappingURL=useVisualization.js.map

package/lib/cjs/widget/hooks/useVisualization.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisualization.js","sourceRoot":"","sources":["../../../../src/widget/hooks/useVisualization.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*--------------------------------------------------------------------------------------------*/\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { toaster } from \"@itwin/itwinui-react\";\nimport type { ISelectionProvider, SelectionChangeEventArgs } from \"@itwin/presentation-frontend\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useGroupHilitedElementsContext } from \"../components/context/GroupHilitedElementsContext\";\nimport { visualizeGroupColors } from \"../components/groupsHelpers\";\nimport { clearEmphasizedElements, clearOverriddenElements, transparentOverriddenElements, visualizeElementsByQuery, zoomToElements } from \"../components/viewerUtils\";\n\nexport const useVisualization = (shouldVisualize: boolean, iModelConnection: IModelConnection, query: string, queryGenerationType: string) => {\n  const [isRendering, setIsRendering] = useState<boolean>(false);\n  const { showGroupColor, groups, hiddenGroupsIds, hilitedElementsQueryCache } = useGroupHilitedElementsContext();\n  const [simpleSelectionQuery, setSimpleSelectionQuery] = useState<string>(\"\");\n\n  const resetView = useCallback(async () => {\n    if (!shouldVisualize) return;\n    if (showGroupColor) {\n      await visualizeGroupColors(iModelConnection, groups, hiddenGroupsIds, hilitedElementsQueryCache);\n    } else {\n      clearOverriddenElements();\n    }\n    clearEmphasizedElements();\n  }, [groups, hiddenGroupsIds, hilitedElementsQueryCache, iModelConnection, showGroupColor, shouldVisualize]);\n\n  useEffect(() => {\n    if (!shouldVisualize) return;\n    const removeListener = Presentation.selection.selectionChange.addListener(\n      async (\n        evt: SelectionChangeEventArgs,\n        selectionProvider: ISelectionProvider,\n      ) => {\n        if (queryGenerationType === \"Selection\") {\n          const selection = selectionProvider.getSelection(\n            evt.imodel,\n            evt.level,\n          );\n          const query = selection.instanceKeys.size > 0\n            ? `SELECT ECInstanceId FROM ${selection.instanceKeys.keys().next().value}`\n            : \"\";\n          setSimpleSelectionQuery(query);\n        }\n      },\n    );\n    return removeListener;\n  }, [iModelConnection, queryGenerationType, shouldVisualize]);\n\n  useEffect(() => {\n    if (!shouldVisualize) return;\n    const reemphasize = async () => {\n      try {\n        if (!query || query === \"\") {\n          return;\n        }\n        setIsRendering(true);\n        transparentOverriddenElements();\n        const resolvedHiliteIds = await visualizeElementsByQuery(\n          query,\n          \"red\",\n          iModelConnection,\n        );\n        await zoomToElements(resolvedHiliteIds);\n      } catch {\n        toaster.negative(\"Sorry, we have failed to generate a valid query. 😔\");\n      } finally {\n        setIsRendering(false);\n      }\n    };\n\n    void reemphasize();\n  }, [iModelConnection, query, shouldVisualize]);\n\n  const clearPresentationSelection = useCallback(() =>\n    shouldVisualize && Presentation.selection.clearSelection(\n      \"GroupingMappingWidget\",\n      iModelConnection,\n    ), [iModelConnection, shouldVisualize]);\n\n  useEffect(() => {\n    clearPresentationSelection();\n  }, [clearPresentationSelection, iModelConnection]);\n\n  return { isRendering, setIsRendering, simpleSelectionQuery, setSimpleSelectionQuery, clearPresentationSelection, resetView };\n\n};\n"]}

package/lib/esm/grouping-mapping-widget.d.ts

@@ -9,10 +9,13 @@ export { Mappings, MappingsProps } from "./widget/components/Mapping";
 export { MappingAction, MappingActionProps } from "./widget/components/MappingAction";
 export { GroupingMappingContext, GroupingMappingContextProps } from "./widget/components/GroupingMappingContext";
 export { Groupings, GroupingProps } from "./widget/components/Grouping";
+export { GroupsVisualization, GroupsVisualizationProps } from "./widget/components/GroupsVisualization";
 export { GroupAction, GroupActionProps } from "./widget/components/GroupAction";
 export { PropertyMenu, PropertyMenuProps } from "./widget/components/PropertyMenu";
+export { PropertyMenuWithVisualization, PropertyMenuWithVisualizationProps } from "./widget/components/PropertyMenuWithVisualization";
 export { GroupPropertyAction, GroupPropertyActionProps } from "./widget/components/GroupPropertyAction";
 export { CalculatedPropertyAction, CalculatedPropertyActionProps } from "./widget/components/CalculatedPropertyAction";
+export { CalculatedPropertyActionWithVisuals, CalculatedPropertyActionWithVisualsProps } from "./widget/components/CalculatedPropertyActionWithVisuals";
 export { CustomCalculationAction, CustomCalculationActionProps } from "./widget/components/CustomCalculationAction";
 export { SearchGroupingCustomUI } from "./widget/components/customUI/SearchGroupingCustomUI";
 export { ManualGroupingCustomUI } from "./widget/components/customUI/ManualGroupingCustomUI";

package/lib/esm/grouping-mapping-widget.js

@@ -13,10 +13,13 @@ export { Mappings } from "./widget/components/Mapping";
 export { MappingAction } from "./widget/components/MappingAction";
 export { GroupingMappingContext } from "./widget/components/GroupingMappingContext";
 export { Groupings } from "./widget/components/Grouping";
+export { GroupsVisualization } from "./widget/components/GroupsVisualization";
 export { GroupAction } from "./widget/components/GroupAction";
 export { PropertyMenu } from "./widget/components/PropertyMenu";
+export { PropertyMenuWithVisualization } from "./widget/components/PropertyMenuWithVisualization";
 export { GroupPropertyAction } from "./widget/components/GroupPropertyAction";
 export { CalculatedPropertyAction } from "./widget/components/CalculatedPropertyAction";
+export { CalculatedPropertyActionWithVisuals } from "./widget/components/CalculatedPropertyActionWithVisuals";
 export { CustomCalculationAction } from "./widget/components/CustomCalculationAction";
 export { SearchGroupingCustomUI } from "./widget/components/customUI/SearchGroupingCustomUI";
 export { ManualGroupingCustomUI } from "./widget/components/customUI/ManualGroupingCustomUI";

package/lib/esm/grouping-mapping-widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"grouping-mapping-widget.js","sourceRoot":"","sources":["../../src/grouping-mapping-widget.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,gDAAgD;AAChD,cAAc,gCAAgC,CAAC;AAE/C,0EAA0E;AAC1E,OAAO,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AAC3J,OAAO,EAA4D,+BAA+B,EAAE,2BAA2B,EAAE,MAAM,sDAAsD,CAAC;AAC9L,cAAc,wBAAwB,CAAC;AAEvC,yCAAyC;AACzC,OAAO,EAAE,QAAQ,EAAiB,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAsB,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAA+B,MAAM,4CAA4C,CAAC;AACjH,OAAO,EAAE,SAAS,EAAiB,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,WAAW,EAAoB,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAA4B,MAAM,yCAAyC,CAAC;AACxG,OAAO,EAAE,wBAAwB,EAAiC,MAAM,8CAA8C,CAAC;AACvH,OAAO,EAAE,uBAAuB,EAAgC,MAAM,6CAA6C,CAAC;AACpH,OAAO,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,wDAAwD,CAAC;AACnG,OAAO,EAA2B,2BAA2B,EAAkF,MAAM,sDAAsD,CAAC;AAE5M,gCAAgC;AAChC,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** UI Provider for iTwin Viewer Applications */\nexport * from \"./widget/GroupingMappingWidget\";\n\n/** Interfaces for providing custom MappingClient and API configuration */\nexport { createDefaultMappingClient, createMappingClient, MappingClientContext, useMappingClient } from \"./widget/components/context/MappingClientContext\";\nexport { ClientPrefix, GetAccessTokenFn, GroupingMappingApiConfig, GroupingMappingApiConfigContext, useGroupingMappingApiConfig } from \"./widget/components/context/GroupingApiConfigContext\";\nexport * from \"@itwin/insights-client\";\n\n/** Internal components for custom UIs */\nexport { Mappings, MappingsProps } from \"./widget/components/Mapping\";\nexport { MappingAction, MappingActionProps } from \"./widget/components/MappingAction\";\nexport { GroupingMappingContext, GroupingMappingContextProps } from \"./widget/components/GroupingMappingContext\";\nexport { Groupings, GroupingProps } from \"./widget/components/Grouping\";\nexport { GroupAction, GroupActionProps } from \"./widget/components/GroupAction\";\nexport { PropertyMenu, PropertyMenuProps } from \"./widget/components/PropertyMenu\";\nexport { GroupPropertyAction, GroupPropertyActionProps } from \"./widget/components/GroupPropertyAction\";\nexport { CalculatedPropertyAction, CalculatedPropertyActionProps } from \"./widget/components/CalculatedPropertyAction\";\nexport { CustomCalculationAction, CustomCalculationActionProps } from \"./widget/components/CustomCalculationAction\";\nexport { SearchGroupingCustomUI } from \"./widget/components/customUI/SearchGroupingCustomUI\";\nexport { ManualGroupingCustomUI } from \"./widget/components/customUI/ManualGroupingCustomUI\";\nexport { GroupQueryBuilderCustomUI } from \"./widget/components/customUI/GroupQueryBuilderCustomUI\";\nexport { GroupingMappingCustomUI, GroupingMappingCustomUIType, ContextCustomUI, GroupingCustomUI, GroupingCustomUIProps, ContextCustomUIProps } from \"./widget/components/customUI/GroupingMappingCustomUI\";\n\n/** Formula DataType resolver */\nexport { resolveFormulaDataType } from \"./formula/FormulaDataTypeResolver\";\nexport { DataType, PropertyMap } from \"./formula/Types\";\nexport { IResult } from \"./formula/IResult\";\n"]}
+{"version":3,"file":"grouping-mapping-widget.js","sourceRoot":"","sources":["../../src/grouping-mapping-widget.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,gDAAgD;AAChD,cAAc,gCAAgC,CAAC;AAE/C,0EAA0E;AAC1E,OAAO,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AAC3J,OAAO,EAA4D,+BAA+B,EAAE,2BAA2B,EAAE,MAAM,sDAAsD,CAAC;AAC9L,cAAc,wBAAwB,CAAC;AAEvC,yCAAyC;AACzC,OAAO,EAAE,QAAQ,EAAiB,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAsB,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAA+B,MAAM,4CAA4C,CAAC;AACjH,OAAO,EAAE,SAAS,EAAiB,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAA4B,MAAM,yCAAyC,CAAC;AACxG,OAAO,EAAE,WAAW,EAAoB,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AACnF,OAAO,EAAE,6BAA6B,EAAsC,MAAM,mDAAmD,CAAC;AACtI,OAAO,EAAE,mBAAmB,EAA4B,MAAM,yCAAyC,CAAC;AACxG,OAAO,EAAE,wBAAwB,EAAiC,MAAM,8CAA8C,CAAC;AACvH,OAAO,EAAE,mCAAmC,EAA4C,MAAM,yDAAyD,CAAC;AACxJ,OAAO,EAAE,uBAAuB,EAAgC,MAAM,6CAA6C,CAAC;AACpH,OAAO,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,wDAAwD,CAAC;AACnG,OAAO,EAA2B,2BAA2B,EAAkF,MAAM,sDAAsD,CAAC;AAE5M,gCAAgC;AAChC,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** UI Provider for iTwin Viewer Applications */\nexport * from \"./widget/GroupingMappingWidget\";\n\n/** Interfaces for providing custom MappingClient and API configuration */\nexport { createDefaultMappingClient, createMappingClient, MappingClientContext, useMappingClient } from \"./widget/components/context/MappingClientContext\";\nexport { ClientPrefix, GetAccessTokenFn, GroupingMappingApiConfig, GroupingMappingApiConfigContext, useGroupingMappingApiConfig } from \"./widget/components/context/GroupingApiConfigContext\";\nexport * from \"@itwin/insights-client\";\n\n/** Internal components for custom UIs */\nexport { Mappings, MappingsProps } from \"./widget/components/Mapping\";\nexport { MappingAction, MappingActionProps } from \"./widget/components/MappingAction\";\nexport { GroupingMappingContext, GroupingMappingContextProps } from \"./widget/components/GroupingMappingContext\";\nexport { Groupings, GroupingProps } from \"./widget/components/Grouping\";\nexport { GroupsVisualization, GroupsVisualizationProps } from \"./widget/components/GroupsVisualization\";\nexport { GroupAction, GroupActionProps } from \"./widget/components/GroupAction\";\nexport { PropertyMenu, PropertyMenuProps } from \"./widget/components/PropertyMenu\";\nexport { PropertyMenuWithVisualization, PropertyMenuWithVisualizationProps } from \"./widget/components/PropertyMenuWithVisualization\";\nexport { GroupPropertyAction, GroupPropertyActionProps } from \"./widget/components/GroupPropertyAction\";\nexport { CalculatedPropertyAction, CalculatedPropertyActionProps } from \"./widget/components/CalculatedPropertyAction\";\nexport { CalculatedPropertyActionWithVisuals, CalculatedPropertyActionWithVisualsProps } from \"./widget/components/CalculatedPropertyActionWithVisuals\";\nexport { CustomCalculationAction, CustomCalculationActionProps } from \"./widget/components/CustomCalculationAction\";\nexport { SearchGroupingCustomUI } from \"./widget/components/customUI/SearchGroupingCustomUI\";\nexport { ManualGroupingCustomUI } from \"./widget/components/customUI/ManualGroupingCustomUI\";\nexport { GroupQueryBuilderCustomUI } from \"./widget/components/customUI/GroupQueryBuilderCustomUI\";\nexport { GroupingMappingCustomUI, GroupingMappingCustomUIType, ContextCustomUI, GroupingCustomUI, GroupingCustomUIProps, ContextCustomUIProps } from \"./widget/components/customUI/GroupingMappingCustomUI\";\n\n/** Formula DataType resolver */\nexport { resolveFormulaDataType } from \"./formula/FormulaDataTypeResolver\";\nexport { DataType, PropertyMap } from \"./formula/Types\";\nexport { IResult } from \"./formula/IResult\";\n"]}

package/lib/esm/test/GroupingMappingCustomUI.test.js

@@ -178,7 +178,7 @@ describe("Groupings View", () => {
         // Click on the context ui
         await user.click(contextMenuItems[0]);
         // Callback should have been called with correct parameters
-        expect(onClickRenderContextCustomUIMock).toBeCalledWith(mockedUIComponent, mockGroups.groups[0]);
+        expect(onClickRenderContextCustomUIMock).toBeCalledWith(mockedUIComponent, mockGroups.groups[0], mockContextUI.displayLabel);
     });
     it("Set up both grouping and context custom UI", async () => {
         // Arange
@@ -230,7 +230,7 @@ describe("Groupings View", () => {
         // Click on the context ui
         await user.click(contextMenuItems[1]);
         // Callback should have been called with correct parameters
-        expect(onClickRenderContextCustomUIMock).toBeCalledWith(mockedContextUIComponent, mockGroups.groups[0]);
+        expect(onClickRenderContextCustomUIMock).toBeCalledWith(mockedContextUIComponent, mockGroups.groups[0], mockContextUI.displayLabel);
     });
 });
 //# sourceMappingURL=GroupingMappingCustomUI.test.js.map