@itwin/grouping-mapping-widget 0.11.1 → 0.13.0

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

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePropertiesContext = exports.PropertiesContext = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const React = __importStar(require("react"));
+exports.PropertiesContext = React.createContext({
+    showGroupColor: false,
+    setGroupProperties: () => { },
+    setCalculatedProperties: () => { },
+    setCustomCalculationProperties: () => { },
+    setShowGroupColor: () => { },
+});
+const usePropertiesContext = () => {
+    const context = React.useContext(exports.PropertiesContext);
+    if (!context) {
+        throw new Error("usePropertiesContext should be used within a PropertiesContext provider");
+    }
+    return context;
+};
+exports.usePropertiesContext = usePropertiesContext;
+//# sourceMappingURL=PropertiesContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertiesContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/PropertiesContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAclB,QAAA,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAa;IAC/D,cAAc,EAAE,KAAK;IACrB,kBAAkB,EAAE,GAAG,EAAE,GAAG,CAAC;IAC7B,uBAAuB,EAAE,GAAG,EAAE,GAAG,CAAC;IAClC,8BAA8B,EAAE,GAAG,EAAE,GAAG,CAAC;IACzC,iBAAiB,EAAE,GAAG,EAAE,GAAG,CAAC;CAC7B,CAAC,CAAC;AAEI,MAAM,oBAAoB,GAAG,GAAe,EAAE;IACnD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAiB,CAAC,CAAC;IACpD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,yEAAyE,CAC1E,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,oBAAoB,wBAQ/B","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 { CalculatedProperty, CustomCalculation, GroupProperty } from \"@itwin/insights-client\";\n\nexport interface Properties {\n  showGroupColor: boolean;\n  groupProperties?: GroupProperty[];\n  calculatedProperties?: CalculatedProperty[];\n  customCalculationProperties?: CustomCalculation[];\n  setGroupProperties: (groupProperties: GroupProperty[]) => void;\n  setCalculatedProperties: (calculatedProperties: CalculatedProperty[]) => void;\n  setCustomCalculationProperties: (customCalculationProperties: CustomCalculation[]) => void;\n  setShowGroupColor: (showGroupColor: boolean | ((showGroupColor: boolean) => boolean)) => void;\n}\n\nexport const PropertiesContext = React.createContext<Properties>({\n  showGroupColor: false,\n  setGroupProperties: () => { },\n  setCalculatedProperties: () => { },\n  setCustomCalculationProperties: () => { },\n  setShowGroupColor: () => { },\n});\n\nexport const usePropertiesContext = (): Properties => {\n  const context = React.useContext(PropertiesContext);\n  if (!context) {\n    throw new Error(\n      \"usePropertiesContext should be used within a PropertiesContext provider\"\n    );\n  }\n  return context;\n};\n"]}

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

@@ -3,12 +3,10 @@ import type { PropertyRecord } from "@itwin/appui-abstract";
 import type { QueryBuilder } from "../QueryBuilder";
 export interface PropertySelection {
     currentPropertyList: PropertyRecord[];
-    setCurrentPropertyList: (value: PropertyRecord[]) => void;
+    setCurrentPropertyList: (value: PropertyRecord[] | ((value: PropertyRecord[]) => PropertyRecord[])) => void;
     setQuery: (value: string) => void;
     queryBuilder?: QueryBuilder;
-    setQueryBuilder: (value: QueryBuilder | undefined) => void;
     isUpdating: boolean;
-    resetView: () => Promise<void>;
 }
 export declare const PropertyGridWrapperContext: React.Context<PropertySelection>;
 export declare const usePropertyGridWrapper: () => PropertySelection;

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

@@ -29,9 +29,7 @@ exports.PropertyGridWrapperContext = React.createContext({
     currentPropertyList: [],
     setCurrentPropertyList: () => [],
     setQuery: () => "",
-    setQueryBuilder: () => undefined,
     isUpdating: false,
-    resetView: async () => { },
 });
 const usePropertyGridWrapper = () => {
     const context = React.useContext(exports.PropertyGridWrapperContext);

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridWrapperContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/PropertyGridWrapperContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAclB,QAAA,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAoB;IAC/E,mBAAmB,EAAE,EAAE;IACvB,sBAAsB,EAAE,GAAG,EAAE,CAAC,EAAE;IAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE;IAClB,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS;IAChC,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,KAAK,IAAI,EAAE,GAAG,CAAC;CAC3B,CAAC,CAAC;AAEI,MAAM,sBAAsB,GAAG,GAAsB,EAAE;IAC5D,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,kCAA0B,CAAC,CAAC;IAC7D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,2FAA2F,CAC5F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,sBAAsB,0BAQjC","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 { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { QueryBuilder } from \"../QueryBuilder\";\n\nexport interface PropertySelection {\n  currentPropertyList: PropertyRecord[];\n  setCurrentPropertyList: (value: PropertyRecord[]) => void;\n  setQuery: (value: string) => void;\n  queryBuilder?: QueryBuilder;\n  setQueryBuilder: (value: QueryBuilder | undefined) => void;\n  isUpdating: boolean;\n  resetView: () => Promise<void>;\n}\n\nexport const PropertyGridWrapperContext = React.createContext<PropertySelection>({\n  currentPropertyList: [],\n  setCurrentPropertyList: () => [],\n  setQuery: () => \"\",\n  setQueryBuilder: () => undefined,\n  isUpdating: false,\n  resetView: async () => { },\n});\n\nexport const usePropertyGridWrapper = (): PropertySelection => {\n  const context = React.useContext(PropertyGridWrapperContext);\n  if (!context) {\n    throw new Error(\n      \"usePropertyGridWrapperContext should be used within a PropertyGridWrapperContext provider\"\n    );\n  }\n  return context;\n};\n"]}
+{"version":3,"file":"PropertyGridWrapperContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/PropertyGridWrapperContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAYlB,QAAA,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAoB;IAC/E,mBAAmB,EAAE,EAAE;IACvB,sBAAsB,EAAE,GAAG,EAAE,CAAC,EAAE;IAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE;IAClB,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEI,MAAM,sBAAsB,GAAG,GAAsB,EAAE;IAC5D,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,kCAA0B,CAAC,CAAC;IAC7D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,2FAA2F,CAC5F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,sBAAsB,0BAQjC","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 { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { QueryBuilder } from \"../QueryBuilder\";\n\nexport interface PropertySelection {\n  currentPropertyList: PropertyRecord[];\n  setCurrentPropertyList: (value: PropertyRecord[] | ((value: PropertyRecord[]) => PropertyRecord[])) => void;\n  setQuery: (value: string) => void;\n  queryBuilder?: QueryBuilder;\n  isUpdating: boolean;\n}\n\nexport const PropertyGridWrapperContext = React.createContext<PropertySelection>({\n  currentPropertyList: [],\n  setCurrentPropertyList: () => [],\n  setQuery: () => \"\",\n  isUpdating: false,\n});\n\nexport const usePropertyGridWrapper = (): PropertySelection => {\n  const context = React.useContext(PropertyGridWrapperContext);\n  if (!context) {\n    throw new Error(\n      \"usePropertyGridWrapperContext should be used within a PropertyGridWrapperContext provider\"\n    );\n  }\n  return context;\n};\n"]}

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

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

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

@@ -28,55 +28,74 @@ 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");
-const PropertyGridWrapper_1 = require("../property-grid/PropertyGridWrapper");
+require("./GroupQueryBuilderCustomUI.scss");
+const QueryBuilder_1 = require("../QueryBuilder");
+const presentation_components_1 = require("@itwin/presentation-components");
+const components_react_1 = require("@itwin/components-react");
+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");
-require("./GroupQueryBuilderCustomUI.scss");
-const GroupQueryBuilderCustomUI = ({ isUpdating, resetView, updateQuery }) => {
+const createPropertyDataProvider = (keys, iModelConnection) => {
+    const dataProvider = new presentation_components_1.PresentationPropertyDataProvider({
+        imodel: iModelConnection,
+        ruleset: presentation_components_1.DEFAULT_PROPERTY_GRID_RULESET,
+    });
+    dataProvider.keys = keys;
+    dataProvider.isNestedPropertyCategoryGroupingEnabled = true;
+    return dataProvider;
+};
+const GroupQueryBuilderCustomUI = ({ updateQuery, isUpdating, resetView, }) => {
     const iModelConnection = appui_react_1.useActiveIModelConnection();
-    const [keysState, setKeysState] = react_1.useState(new presentation_common_1.KeySet());
-    const [selected, setSelected] = react_1.useState(false);
-    const [queryBuilder, setQueryBuilder] = react_1.useState();
+    if (!iModelConnection) {
+        throw new Error("This component requires an active iModelConnection.");
+    }
+    const [size, setSize] = react_1.useState({ width: 0, height: 0 });
+    const [dataProvider, setDataProvider] = react_1.useState(undefined);
     const [currentPropertyList, setCurrentPropertyList] = react_1.useState([]);
+    const [selectionKeySet, setSelectionKeyset] = react_1.useState(new presentation_common_1.KeySet());
+    const [queryBuilder, setQueryBuilder] = react_1.useState();
     react_1.useEffect(() => {
-        if (!iModelConnection) {
-            throw new Error("This component requires an active iModelConnection.");
-        }
-    }, [iModelConnection]);
-    react_1.useEffect(() => {
-        const _onSelectionChanged = async (evt, selectionProvider) => {
-            setSelected(true);
-            setCurrentPropertyList([]);
+        const onSelectionChanged = async (evt, selectionProvider) => {
             const selection = selectionProvider.getSelection(evt.imodel, evt.level);
             const keys = new presentation_common_1.KeySet(selection);
-            setKeysState(keys);
+            setSelectionKeyset(keys);
+            const dataProvider = createPropertyDataProvider(keys, iModelConnection);
+            setDataProvider(dataProvider);
+            setQueryBuilder(new QueryBuilder_1.QueryBuilder(dataProvider));
         };
         return iModelConnection
-            ? presentation_frontend_1.Presentation.selection.selectionChange.addListener(_onSelectionChanged) :
-            () => { };
+            ? presentation_frontend_1.Presentation.selection.selectionChange.addListener(onSelectionChanged)
+            : () => { };
     }, [iModelConnection]);
-    const _onClickResetButton = async () => {
+    const onClickResetButton = async () => {
+        queryBuilder === null || queryBuilder === void 0 ? void 0 : queryBuilder.resetQueryBuilder();
         updateQuery("");
-        queryBuilder === null || queryBuilder === void 0 ? void 0 : queryBuilder.resetQuery();
         setCurrentPropertyList([]);
         if (resetView)
             await resetView().catch((e) => 
             /* eslint-disable no-console */
             console.error(e));
     };
-    return (react_1.default.createElement("div", { className: "gmw-find-similar-container" },
-        react_1.default.createElement(PropertyGridWrapperContext_1.PropertyGridWrapperContext.Provider, { value: {
-                currentPropertyList,
-                setCurrentPropertyList,
-                queryBuilder,
-                setQueryBuilder,
-                resetView: resetView !== null && resetView !== void 0 ? resetView : (async () => { }),
-                setQuery: updateQuery,
-                isUpdating: isUpdating !== null && isUpdating !== void 0 ? isUpdating : false,
-            } },
-            react_1.default.createElement(PropertyGridWrapper_1.PropertyGridWrapper, { keys: keysState, imodel: iModelConnection })),
-        selected && (react_1.default.createElement("div", { className: "gmw-button-container" },
-            react_1.default.createElement(itwinui_react_1.Button, { styleType: "default", size: "small", className: "gmw-reset-button", onClick: _onClickResetButton }, "Reset")))));
+    const resize = react_1.useCallback((width, height) => setSize({ width, height }), []);
+    const propertyContextValues = react_1.useMemo(() => ({
+        currentPropertyList,
+        setCurrentPropertyList,
+        queryBuilder,
+        setQuery: updateQuery,
+        isUpdating: isUpdating !== null && isUpdating !== void 0 ? isUpdating : false,
+    }), [currentPropertyList, isUpdating, queryBuilder, updateQuery]);
+    const actionButtonRenderers = react_1.useMemo(() => [
+        ({ property }) => (react_1.default.createElement(PropertyAction_1.PropertyAction, { property: property })),
+    ], []);
+    return (react_1.default.createElement("div", { className: "gmw-select-query-generator-container" }, !dataProvider || selectionKeySet.size === 0 ? (react_1.default.createElement(itwinui_react_1.Alert, { type: 'informational' }, "Please select on an element within the viewer first, then select properties to generate a group query.")) :
+        react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: "gmw-select-property-grid-container" },
+                react_1.default.createElement(core_react_1.ResizableContainerObserver, { onResize: resize }),
+                react_1.default.createElement(PropertyGridWrapperContext_1.PropertyGridWrapperContext.Provider, { value: propertyContextValues },
+                    react_1.default.createElement(components_react_1.VirtualizedPropertyGridWithDataProvider, { dataProvider: dataProvider, width: size.width, height: size.height, actionButtonRenderers: actionButtonRenderers }))),
+            react_1.default.createElement("div", { className: "gmw-select-reset-button" },
+                react_1.default.createElement(itwinui_react_1.Button, { styleType: "default", size: "small", onClick: onClickResetButton }, "Reset")))));
 };
 exports.GroupQueryBuilderCustomUI = GroupQueryBuilderCustomUI;
 //# sourceMappingURL=GroupQueryBuilderCustomUI.js.map

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, { useEffect, useState } from \"react\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport type { ISelectionProvider, SelectionChangeEventArgs } from \"@itwin/presentation-frontend\";\nimport { KeySet } from \"@itwin/presentation-common\";\nimport { PropertyGridWrapper } from \"../property-grid/PropertyGridWrapper\";\nimport { PropertyGridWrapperContext } from \"../context/PropertyGridWrapperContext\";\nimport { Button } from \"@itwin/itwinui-react\";\nimport \"./GroupQueryBuilderCustomUI.scss\";\nimport type { QueryBuilder } from \"../QueryBuilder\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { GroupingCustomUIProps } from \"./GroupingMappingCustomUI\";\n\nexport const GroupQueryBuilderCustomUI = ({ isUpdating, resetView, updateQuery }: GroupingCustomUIProps) => {\n  const iModelConnection = useActiveIModelConnection();\n\n  const [keysState, setKeysState] = useState<KeySet>(new KeySet());\n  const [selected, setSelected] = useState<boolean>(false);\n\n  const [queryBuilder, setQueryBuilder] = useState<QueryBuilder | undefined>();\n  const [currentPropertyList, setCurrentPropertyList] = useState<PropertyRecord[]>([]);\n\n  useEffect(() => {\n    if (!iModelConnection) {\n      throw new Error(\"This component requires an active iModelConnection.\");\n    }\n  }, [iModelConnection]);\n\n  useEffect(() => {\n    const _onSelectionChanged = async (\n      evt: SelectionChangeEventArgs,\n      selectionProvider: ISelectionProvider\n    ) => {\n      setSelected(true);\n      setCurrentPropertyList([]);\n\n      const selection = selectionProvider.getSelection(evt.imodel, evt.level);\n      const keys = new KeySet(selection);\n      setKeysState(keys);\n    };\n\n    return iModelConnection\n      ? Presentation.selection.selectionChange.addListener(_onSelectionChanged) :\n      () => { };\n  }, [iModelConnection]);\n\n  const _onClickResetButton = async () => {\n    updateQuery(\"\");\n    queryBuilder?.resetQuery();\n    setCurrentPropertyList([]);\n    if (resetView)\n      await resetView().catch((e) =>\n        /* eslint-disable no-console */\n        console.error(e)\n      );\n  };\n\n  return (\n    <div className=\"gmw-find-similar-container\">\n      <PropertyGridWrapperContext.Provider\n        value={{\n          currentPropertyList,\n          setCurrentPropertyList,\n          queryBuilder,\n          setQueryBuilder,\n          resetView: resetView ?? (async () => { }),\n          setQuery: updateQuery,\n          isUpdating: isUpdating ?? false,\n        }}>\n        <PropertyGridWrapper keys={keysState} imodel={iModelConnection} />\n      </PropertyGridWrapperContext.Provider>\n      {\n        selected && (\n          <div className=\"gmw-button-container\">\n            <Button\n              styleType=\"default\"\n              size=\"small\"\n              className=\"gmw-reset-button\"\n              onClick={_onClickResetButton}\n            >\n              Reset\n            </Button>\n          </div>\n        )\n      }\n    </div >\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 { 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"]}

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

@@ -2,23 +2,31 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-@import '~@itwin/itwinui-css/scss/variables';
+@import "~@itwin/itwinui-css/scss/variables";
 
-.gmw-find-similar-container {
-  color: var(--buic-foreground-body);
-}
-
-.gmw-button-container {
-  text-align: right;
-}
-
-.gmw-reset-button {
-  margin-left: 10px;
-}
-
-.gmw-select-element-hint {
+.gmw-select-query-generator-container {
   display: flex;
-  height: 300px;
-  justify-content: center;
-  align-items: center;
+  flex-grow: 1;
+  flex-direction: column;
+  min-height: 0;
+  overflow: auto;
+  .gmw-select-element-hint {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-grow: 1;
+  }
+  .gmw-select-property-grid-container {
+    display: flex;
+    flex: 1 1;
+    min-width: 0;
+    min-height: 0;
+    justify-content: center;
+    align-items: center;
+  }
+  .gmw-select-reset-button {
+    display: flex;
+    justify-content: right;
+    margin-top: $iui-baseline;
+  }
 }

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

@@ -15,7 +15,7 @@ require("./ManualGroupingCustomUI.scss");
 const ManualGroupingCustomUI = ({ updateQuery, isUpdating, resetView, }) => {
     const [manualInput, setManualInput] = react_1.default.useState("");
     return (react_1.default.createElement("div", { className: 'gmw-manual-form' },
-        react_1.default.createElement(itwinui_react_1.Text, null, "Generate group using an ECSQL query. Please select ECInstanceId and ECClassId columns in the query."),
+        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"` }),
         react_1.default.createElement("div", { className: 'gmw-manual-actions' },
             isUpdating && react_1.default.createElement(utils_1.LoadingSpinner, null),

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,wDAAqE;AACrE,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,oBAAI,8GAEE;QACP,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 { Button, LabeledTextarea, Text } 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      <Text>\n        Generate group using an ECSQL query. Please select ECInstanceId and ECClassId columns in the query.\n      </Text>\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,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"]}

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

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

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

@@ -76,7 +76,7 @@ const SearchGroupingCustomUI = ({ updateQuery, isUpdating, resetView, }) => {
         updateQuery(generatedSearchQuery);
     };
     return (react_1.default.createElement("div", { className: 'gmw-search-form' },
-        react_1.default.createElement(itwinui_react_1.Text, null, "Generate a query by keywords. Keywords wrapped in double quotes will be considered a required criteria."),
+        react_1.default.createElement(itwinui_react_1.Alert, { type: 'informational' }, "Generate a query by keywords. Keywords wrapped in double quotes will be considered a required criteria."),
         react_1.default.createElement(itwinui_react_1.LabeledTextarea, { label: 'Query Keywords', required: true, value: searchInput, onChange: (event) => setSearchInput(event.target.value), disabled: isUpdating, placeholder: `E.g. "red" chair` }),
         react_1.default.createElement("div", { className: 'gmw-search-actions' },
             isUpdating && react_1.default.createElement(utils_1.LoadingSpinner, null),

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

@@ -1 +1 @@
-{"version":3,"file":"SearchGroupingCustomUI.js","sourceRoot":"","sources":["../../../../../src/widget/components/customUI/SearchGroupingCustomUI.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 from \"react\";\nimport { Button, LabeledTextarea, Text } from \"@itwin/itwinui-react\";\nimport type { GroupingCustomUIProps } from \"./GroupingMappingCustomUI\";\nimport { LoadingSpinner } from \"../utils\";\nimport \"./SearchGroupingCustomUI.scss\";\n\nexport const SearchGroupingCustomUI = ({\n  updateQuery,\n  isUpdating,\n  resetView,\n}: GroupingCustomUIProps) => {\n  const [searchInput, setSearchInput] = React.useState(\"\");\n  const isWrappedInQuotes = (text: string) => {\n    return text.startsWith(`\"`) && text.endsWith(`\"`);\n  };\n\n  const needsAndOperator = (\n    token: string,\n    index: number,\n    searchQuery: string[],\n  ) =>\n    isWrappedInQuotes(token) ||\n    (index === 1 && isWrappedInQuotes(searchQuery[0]));\n\n  const generateSearchQuery = (searchQuery: string[]) => {\n    if (searchQuery.length === 0) {\n      updateQuery(\"\");\n      return;\n    }\n\n    let generatedSearchQuery = `SELECT be.ECInstanceId, be.ECClassId FROM bis.geometricelement3d be `;\n    generatedSearchQuery += `LEFT JOIN bis.SpatialCategory cat ON be.Category.Id = cat.ECInstanceID LEFT JOIN ecdbmeta.ECClassDef ecc ON be.ECClassId = ecc.ECInstanceId `;\n    generatedSearchQuery += `LEFT JOIN bis.PhysicalType pt ON be.TypeDefinition.Id = pt.ECInstanceID`;\n    generatedSearchQuery += ` WHERE `;\n    generatedSearchQuery += `((${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } be.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")}) OR (${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } be.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")})) OR ((${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } cat.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")}) OR (${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } cat.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")})) OR (${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } ecc.name LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")})`;\n    // Physical Types\n    generatedSearchQuery += ` OR ((${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } pt.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")}) OR (${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } pt.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")})) `;\n\n    updateQuery(generatedSearchQuery);\n  };\n\n  return (\n    <div className='gmw-search-form'>\n      <Text>\n        Generate a query by keywords. Keywords wrapped in double quotes will be\n        considered a required criteria.\n      </Text>\n      <LabeledTextarea\n        label='Query Keywords'\n        required\n        value={searchInput}\n        onChange={(event) => setSearchInput(event.target.value)}\n        disabled={isUpdating}\n        placeholder={`E.g. \"red\" chair`}\n      />\n      <div className='gmw-search-actions'>\n        {isUpdating && <LoadingSpinner />}\n        <Button\n          disabled={isUpdating}\n          onClick={() =>\n            generateSearchQuery(\n              searchInput\n                ? searchInput\n                  .replace(/(\\r\\n|\\n|\\r)/gm, \"\")\n                  .trim()\n                  .split(\" \")\n                : [],\n            )\n          }\n        >\n          Apply\n        </Button>\n        <Button\n          disabled={isUpdating}\n          onClick={async () => {\n            updateQuery(\"\");\n            setSearchInput(\"\");\n            if (resetView) {\n              await resetView();\n            }\n          }}\n        >\n          Clear\n        </Button>\n      </div>\n    </div>\n  );\n};\n\n"]}
+{"version":3,"file":"SearchGroupingCustomUI.js","sourceRoot":"","sources":["../../../../../src/widget/components/customUI/SearchGroupingCustomUI.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 from \"react\";\nimport { Alert, Button, LabeledTextarea } from \"@itwin/itwinui-react\";\nimport type { GroupingCustomUIProps } from \"./GroupingMappingCustomUI\";\nimport { LoadingSpinner } from \"../utils\";\nimport \"./SearchGroupingCustomUI.scss\";\n\nexport const SearchGroupingCustomUI = ({\n  updateQuery,\n  isUpdating,\n  resetView,\n}: GroupingCustomUIProps) => {\n  const [searchInput, setSearchInput] = React.useState(\"\");\n  const isWrappedInQuotes = (text: string) => {\n    return text.startsWith(`\"`) && text.endsWith(`\"`);\n  };\n\n  const needsAndOperator = (\n    token: string,\n    index: number,\n    searchQuery: string[],\n  ) =>\n    isWrappedInQuotes(token) ||\n    (index === 1 && isWrappedInQuotes(searchQuery[0]));\n\n  const generateSearchQuery = (searchQuery: string[]) => {\n    if (searchQuery.length === 0) {\n      updateQuery(\"\");\n      return;\n    }\n\n    let generatedSearchQuery = `SELECT be.ECInstanceId, be.ECClassId FROM bis.geometricelement3d be `;\n    generatedSearchQuery += `LEFT JOIN bis.SpatialCategory cat ON be.Category.Id = cat.ECInstanceID LEFT JOIN ecdbmeta.ECClassDef ecc ON be.ECClassId = ecc.ECInstanceId `;\n    generatedSearchQuery += `LEFT JOIN bis.PhysicalType pt ON be.TypeDefinition.Id = pt.ECInstanceID`;\n    generatedSearchQuery += ` WHERE `;\n    generatedSearchQuery += `((${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } be.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")}) OR (${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } be.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")})) OR ((${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } cat.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")}) OR (${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } cat.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")})) OR (${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } ecc.name LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")})`;\n    // Physical Types\n    generatedSearchQuery += ` OR ((${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } pt.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")}) OR (${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } pt.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")})) `;\n\n    updateQuery(generatedSearchQuery);\n  };\n\n  return (\n    <div className='gmw-search-form'>\n      <Alert type='informational'>\n        Generate a query by keywords. Keywords wrapped in double quotes will be\n        considered a required criteria.\n      </Alert>\n      <LabeledTextarea\n        label='Query Keywords'\n        required\n        value={searchInput}\n        onChange={(event) => setSearchInput(event.target.value)}\n        disabled={isUpdating}\n        placeholder={`E.g. \"red\" chair`}\n      />\n      <div className='gmw-search-actions'>\n        {isUpdating && <LoadingSpinner />}\n        <Button\n          disabled={isUpdating}\n          onClick={() =>\n            generateSearchQuery(\n              searchInput\n                ? searchInput\n                  .replace(/(\\r\\n|\\n|\\r)/gm, \"\")\n                  .trim()\n                  .split(\" \")\n                : [],\n            )\n          }\n        >\n          Apply\n        </Button>\n        <Button\n          disabled={isUpdating}\n          onClick={async () => {\n            updateQuery(\"\");\n            setSearchInput(\"\");\n            if (resetView) {\n              await resetView();\n            }\n          }}\n        >\n          Clear\n        </Button>\n      </div>\n    </div>\n  );\n};\n\n"]}

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

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

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

@@ -1,7 +1,10 @@
 import type { IModelConnection } from "@itwin/core-frontend";
 import type { Group } from "@itwin/insights-client";
+import type { QueryCacheItem } from "./context/GroupHilitedElementsContext";
 export declare const getGroupColor: (index: number) => string;
-export declare const getHiliteIdsFromGroups: (iModelConnection: IModelConnection, groups: Group[], hilitedElementsQueryCache: React.MutableRefObject<Map<string, string[]>>) => Promise<string[]>;
-export declare const hideGroups: (iModelConnection: IModelConnection, viewGroups: Group[], hilitedElementsQueryCache: React.MutableRefObject<Map<string, string[]>>) => Promise<void>;
-export declare const visualizeGroupColors: (iModelConnection: IModelConnection, groups: Group[], viewGroups: Group[], hiddenGroupsIds: string[], hilitedElementsQueryCache: React.MutableRefObject<Map<string, string[]>>, doEmphasizeElements?: boolean) => Promise<void>;
+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 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

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.visualizeGroupColors = exports.hideGroups = exports.getHiliteIdsFromGroups = exports.getGroupColor = void 0;
+exports.getHiliteIdsAndKeysetFromGroup = exports.visualizeGroupColors = exports.hideGroup = exports.hideGroups = exports.getHiliteIdsFromGroups = exports.getGroupColor = void 0;
 /*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 const core_common_1 = require("@itwin/core-common");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+const presentation_common_1 = require("@itwin/presentation-common");
 const viewerUtils_1 = require("./viewerUtils");
 const goldenAngle = 180 * (3 - Math.sqrt(5));
 const getGroupColor = function (index) {
@@ -14,56 +15,36 @@ const getGroupColor = function (index) {
 };
 exports.getGroupColor = getGroupColor;
 const getHiliteIdsFromGroups = async (iModelConnection, groups, hilitedElementsQueryCache) => {
-    var _a;
-    let allIds = [];
+    const distinctQueries = new Set();
+    const promises = [];
     for (const group of groups) {
-        const query = group.query;
-        let currentIds = [];
-        if (hilitedElementsQueryCache.current.has(query)) {
-            currentIds = (_a = hilitedElementsQueryCache.current.get(query)) !== null && _a !== void 0 ? _a : [];
-        }
-        else {
-            try {
-                const queryRowCount = await iModelConnection.queryRowCount(query);
-                if (queryRowCount === 0) {
-                    itwinui_react_1.toaster.warning(`${group.groupName}'s query is valid but produced no results.`);
-                }
-                currentIds = await viewerUtils_1.getHiliteIds(query, iModelConnection);
-                hilitedElementsQueryCache.current.set(query, currentIds);
-            }
-            catch {
-                itwinui_react_1.toaster.negative(`Could not hide/show ${group.groupName}. Query could not be resolved.`);
-            }
+        if (!distinctQueries.has(group.query)) {
+            distinctQueries.add(group.query);
+            promises.push(exports.getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache));
         }
-        allIds = allIds.concat(currentIds);
     }
+    const results = await Promise.all(promises);
+    const allIds = results.flatMap((result) => result.ids);
     return allIds;
 };
 exports.getHiliteIdsFromGroups = getHiliteIdsFromGroups;
 const hideGroups = async (iModelConnection, viewGroups, hilitedElementsQueryCache) => {
-    var _a;
+    const distinctQueries = new Set();
+    const promises = [];
     for (const viewGroup of viewGroups) {
-        const query = viewGroup.query;
-        if (hilitedElementsQueryCache.current.has(query)) {
-            const hilitedIds = (_a = hilitedElementsQueryCache.current.get(query)) !== null && _a !== void 0 ? _a : [];
-            viewerUtils_1.hideElements(hilitedIds);
-        }
-        else {
-            try {
-                const queryRowCount = await iModelConnection.queryRowCount(query);
-                if (queryRowCount === 0) {
-                    itwinui_react_1.toaster.warning(`${viewGroup.groupName}'s query is valid but produced no results.`);
-                }
-                const hiliteIds = await viewerUtils_1.hideElementsByQuery(query, iModelConnection, false);
-                hilitedElementsQueryCache.current.set(query, hiliteIds);
-            }
-            catch {
-                itwinui_react_1.toaster.negative(`Could not hide/show ${viewGroup.groupName}. Query could not be resolved.`);
-            }
+        if (!distinctQueries.has(viewGroup.query)) {
+            distinctQueries.add(viewGroup.query);
+            promises.push(exports.hideGroup(iModelConnection, viewGroup, hilitedElementsQueryCache));
         }
     }
+    await Promise.all(promises);
 };
 exports.hideGroups = hideGroups;
+const hideGroup = async (iModelConnection, viewGroup, hilitedElementsQueryCache) => {
+    const result = await exports.getHiliteIdsAndKeysetFromGroup(iModelConnection, viewGroup, hilitedElementsQueryCache);
+    viewerUtils_1.hideElements(result.ids);
+};
+exports.hideGroup = hideGroup;
 const visualizeGroupColors = async (iModelConnection, groups, viewGroups, hiddenGroupsIds, hilitedElementsQueryCache, doEmphasizeElements = true) => {
     viewerUtils_1.clearEmphasizedOverriddenElements();
     let allIds = [];
@@ -71,7 +52,8 @@ const visualizeGroupColors = async (iModelConnection, groups, viewGroups, hidden
         const index = viewGroups.length > groups.length
             ? viewGroups.findIndex((g) => g.id === group.id)
             : groups.findIndex((g) => g.id === group.id);
-        const hilitedIds = await exports.getHiliteIdsFromGroups(iModelConnection, [group], hilitedElementsQueryCache);
+        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)) {
@@ -81,4 +63,25 @@ const visualizeGroupColors = async (iModelConnection, groups, viewGroups, hidden
     await viewerUtils_1.zoomToElements(allIds);
 };
 exports.visualizeGroupColors = visualizeGroupColors;
+const getHiliteIdsAndKeysetFromGroup = async (iModelConnection, group, hilitedElementsQueryCache) => {
+    var _a;
+    const query = group.query;
+    if (hilitedElementsQueryCache.current.has(query)) {
+        return (_a = hilitedElementsQueryCache.current.get(query)) !== null && _a !== void 0 ? _a : ({ keySet: new presentation_common_1.KeySet(), ids: [] });
+    }
+    try {
+        const queryRowCount = await iModelConnection.queryRowCount(query);
+        if (queryRowCount === 0) {
+            itwinui_react_1.toaster.warning(`${group.groupName}'s query is valid but produced no results.`);
+        }
+        const result = await viewerUtils_1.getHiliteIds(query, iModelConnection);
+        hilitedElementsQueryCache.current.set(query, result);
+        return result;
+    }
+    catch {
+        itwinui_react_1.toaster.negative(`Query could not be resolved.`);
+        return ({ keySet: new presentation_common_1.KeySet(), ids: [] });
+    }
+};
+exports.getHiliteIdsAndKeysetFromGroup = getHiliteIdsAndKeysetFromGroup;
 //# sourceMappingURL=groupsHelpers.js.map

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 { clearEmphasizedOverriddenElements, emphasizeElements, getHiliteIds, hideElements, hideElementsByQuery, 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, string[]>>\n) => {\n  let allIds: string[] = [];\n  for (const group of groups) {\n    const query = group.query;\n    let currentIds: string[] = [];\n    if (hilitedElementsQueryCache.current.has(query)) {\n      currentIds = hilitedElementsQueryCache.current.get(query) ?? [];\n    } else {\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        currentIds = await getHiliteIds(query, iModelConnection);\n        hilitedElementsQueryCache.current.set(query, currentIds);\n      } catch {\n        toaster.negative(\n          `Could not hide/show ${group.groupName}. Query could not be resolved.`\n        );\n      }\n    }\n    allIds = allIds.concat(currentIds);\n  }\n  return allIds;\n};\n\nexport const hideGroups = async (\n  iModelConnection: IModelConnection,\n  viewGroups: Group[],\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, string[]>>\n) => {\n  for (const viewGroup of viewGroups) {\n    const query = viewGroup.query;\n    if (hilitedElementsQueryCache.current.has(query)) {\n      const hilitedIds = hilitedElementsQueryCache.current.get(query) ?? [];\n      hideElements(hilitedIds);\n    } else {\n      try {\n        const queryRowCount = await iModelConnection.queryRowCount(query);\n        if (queryRowCount === 0) {\n          toaster.warning(\n            `${viewGroup.groupName}'s query is valid but produced no results.`\n          );\n        }\n        const hiliteIds = await hideElementsByQuery(\n          query,\n          iModelConnection,\n          false\n        );\n        hilitedElementsQueryCache.current.set(query, hiliteIds);\n      } catch {\n        toaster.negative(\n          `Could not hide/show ${viewGroup.groupName}. Query could not be resolved.`\n        );\n      }\n    }\n  }\n};\n\nexport const visualizeGroupColors = async (\n  iModelConnection: IModelConnection,\n  groups: Group[],\n  viewGroups: Group[],\n  hiddenGroupsIds: string[],\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, string[]>>,\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 hilitedIds = await getHiliteIdsFromGroups(iModelConnection, [group], hilitedElementsQueryCache);\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"]}
+{"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"]}