@itwin/grouping-mapping-widget 0.11.1 → 0.13.0

package/lib/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,CAAC,MAAM,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;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAsB,EAAE;IAC5D,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;IAC7D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,2FAA2F,CAC5F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,CAAC,MAAM,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;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAsB,EAAE;IAC5D,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;IAC7D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,2FAA2F,CAC5F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\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/esm/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/esm/widget/components/customUI/GroupQueryBuilderCustomUI.js

@@ -2,58 +2,77 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-import React, { useEffect, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { useActiveIModelConnection } from "@itwin/appui-react";
 import { Presentation } from "@itwin/presentation-frontend";
 import { KeySet } from "@itwin/presentation-common";
-import { PropertyGridWrapper } from "../property-grid/PropertyGridWrapper";
-import { PropertyGridWrapperContext } from "../context/PropertyGridWrapperContext";
-import { Button } from "@itwin/itwinui-react";
 import "./GroupQueryBuilderCustomUI.scss";
-export const GroupQueryBuilderCustomUI = ({ isUpdating, resetView, updateQuery }) => {
+import { QueryBuilder } from "../QueryBuilder";
+import { DEFAULT_PROPERTY_GRID_RULESET, PresentationPropertyDataProvider, } from "@itwin/presentation-components";
+import { VirtualizedPropertyGridWithDataProvider } from "@itwin/components-react";
+import { ResizableContainerObserver } from "@itwin/core-react";
+import { PropertyGridWrapperContext } from "../context/PropertyGridWrapperContext";
+import { PropertyAction } from "../PropertyAction";
+import { Alert, Button } from "@itwin/itwinui-react";
+const createPropertyDataProvider = (keys, iModelConnection) => {
+    const dataProvider = new PresentationPropertyDataProvider({
+        imodel: iModelConnection,
+        ruleset: DEFAULT_PROPERTY_GRID_RULESET,
+    });
+    dataProvider.keys = keys;
+    dataProvider.isNestedPropertyCategoryGroupingEnabled = true;
+    return dataProvider;
+};
+export const GroupQueryBuilderCustomUI = ({ updateQuery, isUpdating, resetView, }) => {
     const iModelConnection = useActiveIModelConnection();
-    const [keysState, setKeysState] = useState(new KeySet());
-    const [selected, setSelected] = useState(false);
-    const [queryBuilder, setQueryBuilder] = useState();
+    if (!iModelConnection) {
+        throw new Error("This component requires an active iModelConnection.");
+    }
+    const [size, setSize] = useState({ width: 0, height: 0 });
+    const [dataProvider, setDataProvider] = useState(undefined);
     const [currentPropertyList, setCurrentPropertyList] = useState([]);
+    const [selectionKeySet, setSelectionKeyset] = useState(new KeySet());
+    const [queryBuilder, setQueryBuilder] = useState();
     useEffect(() => {
-        if (!iModelConnection) {
-            throw new Error("This component requires an active iModelConnection.");
-        }
-    }, [iModelConnection]);
-    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 KeySet(selection);
-            setKeysState(keys);
+            setSelectionKeyset(keys);
+            const dataProvider = createPropertyDataProvider(keys, iModelConnection);
+            setDataProvider(dataProvider);
+            setQueryBuilder(new QueryBuilder(dataProvider));
         };
         return iModelConnection
-            ? Presentation.selection.selectionChange.addListener(_onSelectionChanged) :
-            () => { };
+            ? 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.createElement("div", { className: "gmw-find-similar-container" },
-        React.createElement(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.createElement(PropertyGridWrapper, { keys: keysState, imodel: iModelConnection })),
-        selected && (React.createElement("div", { className: "gmw-button-container" },
-            React.createElement(Button, { styleType: "default", size: "small", className: "gmw-reset-button", onClick: _onClickResetButton }, "Reset")))));
+    const resize = useCallback((width, height) => setSize({ width, height }), []);
+    const propertyContextValues = useMemo(() => ({
+        currentPropertyList,
+        setCurrentPropertyList,
+        queryBuilder,
+        setQuery: updateQuery,
+        isUpdating: isUpdating !== null && isUpdating !== void 0 ? isUpdating : false,
+    }), [currentPropertyList, isUpdating, queryBuilder, updateQuery]);
+    const actionButtonRenderers = useMemo(() => [
+        ({ property }) => (React.createElement(PropertyAction, { property: property })),
+    ], []);
+    return (React.createElement("div", { className: "gmw-select-query-generator-container" }, !dataProvider || selectionKeySet.size === 0 ? (React.createElement(Alert, { type: 'informational' }, "Please select on an element within the viewer first, then select properties to generate a group query.")) :
+        React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "gmw-select-property-grid-container" },
+                React.createElement(ResizableContainerObserver, { onResize: resize }),
+                React.createElement(PropertyGridWrapperContext.Provider, { value: propertyContextValues },
+                    React.createElement(VirtualizedPropertyGridWithDataProvider, { dataProvider: dataProvider, width: size.width, height: size.height, actionButtonRenderers: actionButtonRenderers }))),
+            React.createElement("div", { className: "gmw-select-reset-button" },
+                React.createElement(Button, { styleType: "default", size: "small", onClick: onClickResetButton }, "Reset")))));
 };
 //# sourceMappingURL=GroupQueryBuilderCustomUI.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GroupQueryBuilderCustomUI.js","sourceRoot":"","sources":["../../../../../src/widget/components/customUI/GroupQueryBuilderCustomUI.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AACnF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,kCAAkC,CAAC;AAK1C,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAyB,EAAE,EAAE;IACzG,MAAM,gBAAgB,GAAG,yBAAyB,EAAE,CAAC;IAErD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,IAAI,MAAM,EAAE,CAAC,CAAC;IACjE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEzD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAA4B,CAAC;IAC7E,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAC;IAErF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,gBAAgB,EAAE;YACrB,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;SACxE;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,mBAAmB,GAAG,KAAK,EAC/B,GAA6B,EAC7B,iBAAqC,EACrC,EAAE;YACF,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,sBAAsB,CAAC,EAAE,CAAC,CAAC;YAE3B,MAAM,SAAS,GAAG,iBAAiB,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;YACxE,MAAM,IAAI,GAAG,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC;YACnC,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC;QAEF,OAAO,gBAAgB;YACrB,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,eAAe,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC;YAC3E,GAAG,EAAE,GAAG,CAAC,CAAC;IACd,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,mBAAmB,GAAG,KAAK,IAAI,EAAE;QACrC,WAAW,CAAC,EAAE,CAAC,CAAC;QAChB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAE,CAAC;QAC3B,sBAAsB,CAAC,EAAE,CAAC,CAAC;QAC3B,IAAI,SAAS;YACX,MAAM,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;YAC5B,+BAA+B;YAC/B,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CACjB,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACzC,oBAAC,0BAA0B,CAAC,QAAQ,IAClC,KAAK,EAAE;gBACL,mBAAmB;gBACnB,sBAAsB;gBACtB,YAAY;gBACZ,eAAe;gBACf,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,CAAC,KAAK,IAAI,EAAE,GAAG,CAAC,CAAC;gBACzC,QAAQ,EAAE,WAAW;gBACrB,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,KAAK;aAChC;YACD,oBAAC,mBAAmB,IAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,gBAAgB,GAAI,CAC9B;QAEpC,QAAQ,IAAI,CACV,6BAAK,SAAS,EAAC,sBAAsB;YACnC,oBAAC,MAAM,IACL,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,mBAAmB,YAGrB,CACL,CACP,CAEE,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\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/esm/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/esm/widget/components/customUI/ManualGroupingCustomUI.js

@@ -3,13 +3,13 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 import React from "react";
-import { Button, LabeledTextarea, Text } from "@itwin/itwinui-react";
+import { Alert, Button, LabeledTextarea } from "@itwin/itwinui-react";
 import { LoadingSpinner } from "../utils";
 import "./ManualGroupingCustomUI.scss";
 export const ManualGroupingCustomUI = ({ updateQuery, isUpdating, resetView, }) => {
     const [manualInput, setManualInput] = React.useState("");
     return (React.createElement("div", { className: 'gmw-manual-form' },
-        React.createElement(Text, null, "Generate group using an ECSQL query. Please select ECInstanceId and ECClassId columns in the query."),
+        React.createElement(Alert, { type: 'informational' }, "Generate group using an ECSQL query. Please select ECInstanceId and ECClassId columns in the query."),
         React.createElement(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.createElement("div", { className: 'gmw-manual-actions' },
             isUpdating && React.createElement(LoadingSpinner, null),

package/lib/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,+BAA+B,CAAC;AAGvC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,WAAW,EACX,UAAU,EACV,SAAS,GACa,EAAE,EAAE;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzD,OAAO,CACL,6BAAK,SAAS,EAAC,iBAAiB;QAC9B,oBAAC,IAAI,8GAEE;QACP,oBAAC,eAAe,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,6BAAK,SAAS,EAAC,oBAAoB;YAChC,UAAU,IAAI,oBAAC,cAAc,OAAG;YACjC,oBAAC,MAAM,IAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,YAE5D;YACT,oBAAC,MAAM,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","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,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,+BAA+B,CAAC;AAGvC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,WAAW,EACX,UAAU,EACV,SAAS,GACa,EAAE,EAAE;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzD,OAAO,CACL,6BAAK,SAAS,EAAC,iBAAiB;QAC9B,oBAAC,KAAK,IAAC,IAAI,EAAC,eAAe,0GAEnB;QACR,oBAAC,eAAe,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,6BAAK,SAAS,EAAC,oBAAoB;YAChC,UAAU,IAAI,oBAAC,cAAc,OAAG;YACjC,oBAAC,MAAM,IAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,YAE5D;YACT,oBAAC,MAAM,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","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/esm/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/esm/widget/components/customUI/SearchGroupingCustomUI.js

@@ -3,7 +3,7 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 import React from "react";
-import { Button, LabeledTextarea, Text } from "@itwin/itwinui-react";
+import { Alert, Button, LabeledTextarea } from "@itwin/itwinui-react";
 import { LoadingSpinner } from "../utils";
 import "./SearchGroupingCustomUI.scss";
 export const SearchGroupingCustomUI = ({ updateQuery, isUpdating, resetView, }) => {
@@ -70,7 +70,7 @@ export const SearchGroupingCustomUI = ({ updateQuery, isUpdating, resetView, })
         updateQuery(generatedSearchQuery);
     };
     return (React.createElement("div", { className: 'gmw-search-form' },
-        React.createElement(Text, null, "Generate a query by keywords. Keywords wrapped in double quotes will be considered a required criteria."),
+        React.createElement(Alert, { type: 'informational' }, "Generate a query by keywords. Keywords wrapped in double quotes will be considered a required criteria."),
         React.createElement(LabeledTextarea, { label: 'Query Keywords', required: true, value: searchInput, onChange: (event) => setSearchInput(event.target.value), disabled: isUpdating, placeholder: `E.g. "red" chair` }),
         React.createElement("div", { className: 'gmw-search-actions' },
             isUpdating && React.createElement(LoadingSpinner, null),

package/lib/esm/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/esm/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/esm/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/esm/widget/components/groupsHelpers.js

@@ -4,59 +4,39 @@
 *--------------------------------------------------------------------------------------------*/
 import { FeatureOverrideType } from "@itwin/core-common";
 import { toaster } from "@itwin/itwinui-react";
-import { clearEmphasizedOverriddenElements, emphasizeElements, getHiliteIds, hideElements, hideElementsByQuery, overrideElements, zoomToElements } from "./viewerUtils";
+import { KeySet } from "@itwin/presentation-common";
+import { clearEmphasizedOverriddenElements, emphasizeElements, getHiliteIds, hideElements, overrideElements, zoomToElements } from "./viewerUtils";
 const goldenAngle = 180 * (3 - Math.sqrt(5));
 export const getGroupColor = function (index) {
     return `hsl(${index * goldenAngle + 60}, 100%, 50%)`;
 };
 export 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) {
-                    toaster.warning(`${group.groupName}'s query is valid but produced no results.`);
-                }
-                currentIds = await getHiliteIds(query, iModelConnection);
-                hilitedElementsQueryCache.current.set(query, currentIds);
-            }
-            catch {
-                toaster.negative(`Could not hide/show ${group.groupName}. Query could not be resolved.`);
-            }
+        if (!distinctQueries.has(group.query)) {
+            distinctQueries.add(group.query);
+            promises.push(getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache));
         }
-        allIds = allIds.concat(currentIds);
     }
+    const results = await Promise.all(promises);
+    const allIds = results.flatMap((result) => result.ids);
     return allIds;
 };
 export 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 : [];
-            hideElements(hilitedIds);
-        }
-        else {
-            try {
-                const queryRowCount = await iModelConnection.queryRowCount(query);
-                if (queryRowCount === 0) {
-                    toaster.warning(`${viewGroup.groupName}'s query is valid but produced no results.`);
-                }
-                const hiliteIds = await hideElementsByQuery(query, iModelConnection, false);
-                hilitedElementsQueryCache.current.set(query, hiliteIds);
-            }
-            catch {
-                toaster.negative(`Could not hide/show ${viewGroup.groupName}. Query could not be resolved.`);
-            }
+        if (!distinctQueries.has(viewGroup.query)) {
+            distinctQueries.add(viewGroup.query);
+            promises.push(hideGroup(iModelConnection, viewGroup, hilitedElementsQueryCache));
         }
     }
+    await Promise.all(promises);
+};
+export const hideGroup = async (iModelConnection, viewGroup, hilitedElementsQueryCache) => {
+    const result = await getHiliteIdsAndKeysetFromGroup(iModelConnection, viewGroup, hilitedElementsQueryCache);
+    hideElements(result.ids);
 };
 export const visualizeGroupColors = async (iModelConnection, groups, viewGroups, hiddenGroupsIds, hilitedElementsQueryCache, doEmphasizeElements = true) => {
     clearEmphasizedOverriddenElements();
@@ -65,7 +45,8 @@ export const visualizeGroupColors = async (iModelConnection, groups, viewGroups,
         const index = viewGroups.length > groups.length
             ? viewGroups.findIndex((g) => g.id === group.id)
             : groups.findIndex((g) => g.id === group.id);
-        const hilitedIds = await getHiliteIdsFromGroups(iModelConnection, [group], hilitedElementsQueryCache);
+        const result = await getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache);
+        const hilitedIds = result.ids;
         overrideElements(hilitedIds, getGroupColor(index), FeatureOverrideType.ColorAndAlpha);
         doEmphasizeElements && emphasizeElements(hilitedIds, undefined);
         if (!hiddenGroupsIds.includes(group.id)) {
@@ -74,4 +55,24 @@ export const visualizeGroupColors = async (iModelConnection, groups, viewGroups,
     }
     await zoomToElements(allIds);
 };
+export 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 KeySet(), ids: [] });
+    }
+    try {
+        const queryRowCount = await iModelConnection.queryRowCount(query);
+        if (queryRowCount === 0) {
+            toaster.warning(`${group.groupName}'s query is valid but produced no results.`);
+        }
+        const result = await getHiliteIds(query, iModelConnection);
+        hilitedElementsQueryCache.current.set(query, result);
+        return result;
+    }
+    catch {
+        toaster.negative(`Query could not be resolved.`);
+        return ({ keySet: new KeySet(), ids: [] });
+    }
+};
 //# sourceMappingURL=groupsHelpers.js.map

package/lib/esm/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"]}

package/lib/esm/widget/components/utils.d.ts

@@ -1,13 +1,7 @@
 import "./utils.scss";
 import React from "react";
 import type { IModelConnection } from "@itwin/core-frontend";
-export interface WidgetHeaderProps {
-    title: string;
-    disabled?: boolean;
-    returnFn?: () => void;
-}
-export declare const WidgetHeader: ({ title, disabled, returnFn, }: WidgetHeaderProps) => JSX.Element;
-export declare const handleInputChange: <T>(e: React.ChangeEvent<HTMLInputElement>, values: T, setValues: React.Dispatch<React.SetStateAction<T>>) => void;
+export declare const handleInputChange: <T>(e: React.ChangeEvent<HTMLInputElement>, values: T, setValues: (newValues: T) => void) => void;
 export declare const fetchIdsFromQuery: (query: string, iModelConnection: IModelConnection) => Promise<string[]>;
 export declare const handleError: (errorStatus: number) => void;
 export declare const LoadingOverlay: () => JSX.Element;

package/lib/esm/widget/components/utils.js

@@ -2,17 +2,10 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-import { SvgChevronLeft } from "@itwin/itwinui-icons-react";
 import { ProgressRadial, Text, toaster } from "@itwin/itwinui-react";
 import "./utils.scss";
 import React from "react";
 import { QueryRowFormat } from "@itwin/core-common";
-export const WidgetHeader = ({ title, disabled = false, returnFn, }) => {
-    return (React.createElement("div", { className: 'gmw-widget-header-container' },
-        returnFn && (React.createElement("div", { className: disabled ? "gmw-chevron-disabled" : "gmw-chevron", onClick: disabled ? undefined : returnFn },
-            React.createElement(SvgChevronLeft, null))),
-        React.createElement(Text, { className: 'gmw-title', variant: 'title' }, title)));
-};
 export const handleInputChange = (e, values, setValues) => {
     const { name, value } = e.target;
     setValues({

package/lib/esm/widget/components/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/widget/components/utils.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 { SvgChevronLeft } from \"@itwin/itwinui-icons-react\";\nimport { ProgressRadial, Text, toaster } from \"@itwin/itwinui-react\";\nimport \"./utils.scss\";\nimport React from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { QueryRowFormat } from \"@itwin/core-common\";\n\nexport interface WidgetHeaderProps {\n  title: string;\n  disabled?: boolean;\n  returnFn?: () => void;\n}\n\nexport const WidgetHeader = ({\n  title,\n  disabled = false,\n  returnFn,\n}: WidgetHeaderProps) => {\n  return (\n    <div className='gmw-widget-header-container'>\n      {returnFn && (\n        <div\n          className={disabled ? \"gmw-chevron-disabled\" : \"gmw-chevron\"}\n          onClick={disabled ? undefined : returnFn}\n        >\n          <SvgChevronLeft />\n        </div>\n      )}\n      <Text className='gmw-title' variant='title'>\n        {title}\n      </Text>\n    </div>\n  );\n};\n\nexport const handleInputChange = <T,>(\n  e: React.ChangeEvent<HTMLInputElement>,\n  values: T,\n  setValues: React.Dispatch<React.SetStateAction<T>>,\n) => {\n  const { name, value } = e.target;\n\n  setValues({\n    ...values,\n    [name]: value,\n  });\n};\n\nexport const fetchIdsFromQuery = async (\n  query: string,\n  iModelConnection: IModelConnection,\n) => {\n  if (query === \"\") {\n    return [];\n  }\n  const ids: string[] = [];\n  const rowIterator = iModelConnection.query(query, undefined, {\n    rowFormat: QueryRowFormat.UseJsPropertyNames,\n  });\n  while (true) {\n    const { done, value } = await rowIterator.next();\n    if (done) {\n      break;\n    }\n    if (Object.keys(value).includes(\"id\")) {\n      ids.push(value.id);\n    } else if (Object.keys(value).includes(\"element.id\")) {\n      ids.push(value[\"element.id\"]);\n    } else if (Object.keys(value).includes(\"eCInstanceId\")) {\n      ids.push(value.eCInstanceId);\n    }\n  }\n  return ids;\n};\n\nexport const handleError = (errorStatus: number) => {\n  let errorMessage = \"Error! \";\n  switch (errorStatus) {\n    case 401:\n      errorMessage += `You are unauthorized to do this operation.`;\n      break;\n    case 403:\n      errorMessage += `You don't have permission to access the requested resource.`;\n      break;\n    case 404:\n      errorMessage += `The requested resource was not found.`;\n      break;\n    case 409:\n      errorMessage += `This property name is already being used.`;\n      break;\n    case 422:\n      errorMessage += `Unable to process the request.`;\n      break;\n    case 429:\n      errorMessage += `Too many requests.`;\n      break;\n    case 500:\n      errorMessage += `Internal server error.`;\n      break;\n    case 502:\n      errorMessage += `Bad gateway.`;\n      break;\n    case 503:\n      errorMessage += `Service unavailable.`;\n      break;\n    default:\n      errorMessage += `Something went wrong!`;\n  }\n  toaster.negative(errorMessage);\n\n};\n\nexport const LoadingOverlay = () => (\n  <div className='gmw-center-overlay'>\n    <Text>Loading</Text>\n    <ProgressRadial indeterminate />\n    <Text>Please wait...</Text>\n  </div>\n);\n\ninterface EmptyMessageProps {\n  message: string;\n}\n\nexport const EmptyMessage = ({ message }: EmptyMessageProps) => (\n  <div className='gmw-center-overlay'>\n    <Text>{message}</Text>\n  </div>\n);\n\nexport const LoadingSpinner = () => {\n  return (\n    <div className=\"gmw-loading-spinner\">\n      <ProgressRadial size=\"small\" indeterminate />\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/widget/components/utils.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 { ProgressRadial, Text, toaster } from \"@itwin/itwinui-react\";\nimport \"./utils.scss\";\nimport React from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { QueryRowFormat } from \"@itwin/core-common\";\n\nexport const handleInputChange = <T,>(\n  e: React.ChangeEvent<HTMLInputElement>,\n  values: T,\n  setValues: (newValues: T) => void,\n) => {\n  const { name, value } = e.target;\n\n  setValues({\n    ...values,\n    [name]: value,\n  });\n};\n\nexport const fetchIdsFromQuery = async (\n  query: string,\n  iModelConnection: IModelConnection,\n) => {\n  if (query === \"\") {\n    return [];\n  }\n  const ids: string[] = [];\n  const rowIterator = iModelConnection.query(query, undefined, {\n    rowFormat: QueryRowFormat.UseJsPropertyNames,\n  });\n  while (true) {\n    const { done, value } = await rowIterator.next();\n    if (done) {\n      break;\n    }\n    if (Object.keys(value).includes(\"id\")) {\n      ids.push(value.id);\n    } else if (Object.keys(value).includes(\"element.id\")) {\n      ids.push(value[\"element.id\"]);\n    } else if (Object.keys(value).includes(\"eCInstanceId\")) {\n      ids.push(value.eCInstanceId);\n    }\n  }\n  return ids;\n};\n\nexport const handleError = (errorStatus: number) => {\n  let errorMessage = \"Error! \";\n  switch (errorStatus) {\n    case 401:\n      errorMessage += `You are unauthorized to do this operation.`;\n      break;\n    case 403:\n      errorMessage += `You don't have permission to access the requested resource.`;\n      break;\n    case 404:\n      errorMessage += `The requested resource was not found.`;\n      break;\n    case 409:\n      errorMessage += `This property name is already being used.`;\n      break;\n    case 422:\n      errorMessage += `Unable to process the request.`;\n      break;\n    case 429:\n      errorMessage += `Too many requests.`;\n      break;\n    case 500:\n      errorMessage += `Internal server error.`;\n      break;\n    case 502:\n      errorMessage += `Bad gateway.`;\n      break;\n    case 503:\n      errorMessage += `Service unavailable.`;\n      break;\n    default:\n      errorMessage += `Something went wrong!`;\n  }\n  toaster.negative(errorMessage);\n\n};\n\nexport const LoadingOverlay = () => (\n  <div className='gmw-center-overlay'>\n    <Text>Loading</Text>\n    <ProgressRadial indeterminate />\n    <Text>Please wait...</Text>\n  </div>\n);\n\ninterface EmptyMessageProps {\n  message: string;\n}\n\nexport const EmptyMessage = ({ message }: EmptyMessageProps) => (\n  <div className='gmw-center-overlay'>\n    <Text>{message}</Text>\n  </div>\n);\n\nexport const LoadingSpinner = () => {\n  return (\n    <div className=\"gmw-loading-spinner\">\n      <ProgressRadial size=\"small\" indeterminate />\n    </div>\n  );\n};\n"]}