@itwin/grouping-mapping-widget 0.12.0 → 0.14.0

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

@@ -4,7 +4,6 @@ import type { CalculatedProperty, CustomCalculation, Group, GroupProperty, Mappi
 export interface PropertyMenuProps {
     mapping: Mapping;
     group: Group;
-    color: string;
     onClickAddGroupProperty?: () => void;
     onClickModifyGroupProperty?: (groupProperty: GroupProperty) => void;
     onClickAddCalculatedProperty?: () => void;
@@ -15,5 +14,5 @@ export interface PropertyMenuProps {
     hideCalculatedProps?: boolean;
     hideCustomCalculationProps?: boolean;
 }
-export declare const PropertyMenu: ({ mapping, group, color, onClickAddGroupProperty, onClickModifyGroupProperty, onClickAddCalculatedProperty, onClickModifyCalculatedProperty, onClickAddCustomCalculationProperty, onClickModifyCustomCalculation, hideGroupProps, hideCalculatedProps, hideCustomCalculationProps, }: PropertyMenuProps) => JSX.Element;
+export declare const PropertyMenu: ({ mapping, group, onClickAddGroupProperty, onClickModifyGroupProperty, onClickAddCalculatedProperty, onClickModifyCalculatedProperty, onClickAddCustomCalculationProperty, onClickModifyCustomCalculation, hideGroupProps, hideCalculatedProps, hideCustomCalculationProps, }: PropertyMenuProps) => JSX.Element;
 //# sourceMappingURL=PropertyMenu.d.ts.map

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

@@ -24,33 +24,21 @@ exports.PropertyMenu = 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 presentation_frontend_1 = require("@itwin/presentation-frontend");
-const appui_react_1 = require("@itwin/appui-react");
 const react_1 = __importStar(require("react"));
-const viewerUtils_1 = require("./viewerUtils");
 require("./PropertyMenu.scss");
 const GroupPropertyTable_1 = require("./GroupPropertyTable");
-const itwinui_react_1 = require("@itwin/itwinui-react");
 const useFetchData_1 = require("../hooks/useFetchData");
 const MappingClientContext_1 = require("./context/MappingClientContext");
 const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
-const groupsHelpers_1 = require("./groupsHelpers");
-const GroupHilitedElementsContext_1 = require("./context/GroupHilitedElementsContext");
 const PropertiesContext_1 = require("./context/PropertiesContext");
 const CalculatedPropertyTable_1 = require("./CalculatedPropertyTable");
 const CustomCalculationTable_1 = require("./CustomCalculationTable");
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-const GroupInformationPanel_1 = require("./GroupInformationPanel");
-const PropertyMenu = ({ mapping, group, color, onClickAddGroupProperty, onClickModifyGroupProperty, onClickAddCalculatedProperty, onClickModifyCalculatedProperty, onClickAddCustomCalculationProperty, onClickModifyCustomCalculation, hideGroupProps = false, hideCalculatedProps = false, hideCustomCalculationProps = false, }) => {
+const PropertyMenu = ({ mapping, group, onClickAddGroupProperty, onClickModifyGroupProperty, onClickAddCalculatedProperty, onClickModifyCalculatedProperty, onClickAddCustomCalculationProperty, onClickModifyCustomCalculation, hideGroupProps = false, hideCalculatedProps = false, hideCustomCalculationProps = false, }) => {
     const groupId = group.id;
     const mappingId = mapping.id;
     const { getAccessToken, iModelId } = GroupingApiConfigContext_1.useGroupingMappingApiConfig();
-    const { hilitedElementsQueryCache } = GroupHilitedElementsContext_1.useGroupHilitedElementsContext();
     const mappingClient = MappingClientContext_1.useMappingClient();
-    const iModelConnection = appui_react_1.useActiveIModelConnection();
-    const { showGroupColor, setShowGroupColor, groupProperties, setGroupProperties, calculatedProperties, setCalculatedProperties, customCalculationProperties, setCustomCalculationProperties, } = PropertiesContext_1.usePropertiesContext();
-    const [isInformationPanelOpen, setIsInformationPanelOpen] = react_1.useState(false);
-    const [isLoading, setIsLoading] = react_1.useState(false);
+    const { groupProperties, setGroupProperties, calculatedProperties, setCalculatedProperties, customCalculationProperties, setCustomCalculationProperties, } = PropertiesContext_1.usePropertiesContext();
     const fetchGroupProperties = react_1.useMemo(() => {
         return async () => mappingClient.getGroupProperties(await getAccessToken(), iModelId, mappingId, groupId);
     }, [getAccessToken, mappingClient, iModelId, mappingId, groupId]);
@@ -63,41 +51,10 @@ const PropertyMenu = ({ mapping, group, color, onClickAddGroupProperty, onClickM
         return async () => mappingClient.getCustomCalculations(await getAccessToken(), iModelId, mappingId, groupId);
     }, [getAccessToken, mappingClient, iModelId, mappingId, groupId]);
     const { isLoading: isLoadingCustomCalculations, refreshData: refreshCustomCalculations } = useFetchData_1.useCombinedFetchRefresh(fetchCustomCalculations, setCustomCalculationProperties);
-    react_1.useEffect(() => {
-        const initialize = async () => {
-            if (!iModelConnection)
-                return;
-            try {
-                setIsLoading(true);
-                viewerUtils_1.clearEmphasizedOverriddenElements();
-                if (showGroupColor) {
-                    const result = await groupsHelpers_1.getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache);
-                    presentation_frontend_1.Presentation.selection.clearSelection("GroupingMappingWidget", iModelConnection);
-                    viewerUtils_1.visualizeElements(result.ids, color);
-                    await viewerUtils_1.zoomToElements(result.ids);
-                }
-            }
-            catch (error) {
-                itwinui_react_1.toaster.negative("There was an error visualizing group.");
-                /* eslint-disable no-console */
-                console.error(error);
-            }
-            finally {
-                setIsLoading(false);
-            }
-        };
-        void initialize();
-    }, [iModelConnection, group.query, group.groupName, group, hilitedElementsQueryCache, showGroupColor, color]);
-    return (react_1.default.createElement(itwinui_react_1.InformationPanelWrapper, { className: 'gmw-property-menu-wrapper' },
-        react_1.default.createElement("div", { className: 'gmw-property-menu-container' },
-            react_1.default.createElement("div", { className: "gmw-property-menu-toolbar" },
-                react_1.default.createElement(itwinui_react_1.ToggleSwitch, { label: 'Color Group', labelPosition: 'left', disabled: isLoading, checked: showGroupColor, onChange: () => setShowGroupColor((b) => !b) }),
-                react_1.default.createElement(itwinui_react_1.IconButton, { styleType: 'borderless', onClick: () => setIsInformationPanelOpen(true) },
-                    react_1.default.createElement(itwinui_icons_react_1.SvgProperties, null))),
-            !hideGroupProps && (react_1.default.createElement(GroupPropertyTable_1.GroupPropertyTable, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddGroupProperty, onClickModify: onClickModifyGroupProperty, isLoading: isLoadingGroupProperties, groupProperties: groupProperties !== null && groupProperties !== void 0 ? groupProperties : [], refresh: refreshGroupProperties })),
-            !hideCalculatedProps && (react_1.default.createElement(CalculatedPropertyTable_1.CalculatedPropertyTable, { mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddCalculatedProperty, onClickModify: onClickModifyCalculatedProperty, isLoading: isLoadingCalculatedProperties, calculatedProperties: calculatedProperties !== null && calculatedProperties !== void 0 ? calculatedProperties : [], refresh: refreshCalculatedProperties })),
-            !hideCustomCalculationProps && (react_1.default.createElement(CustomCalculationTable_1.CustomCalculationTable, { mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddCustomCalculationProperty, onClickModify: onClickModifyCustomCalculation, isLoading: isLoadingCustomCalculations, customCalculations: customCalculationProperties !== null && customCalculationProperties !== void 0 ? customCalculationProperties : [], refresh: refreshCustomCalculations }))),
-        react_1.default.createElement(GroupInformationPanel_1.GroupInformationPanel, { isOpen: isInformationPanelOpen, onClose: () => setIsInformationPanelOpen(false), query: group.query, groupName: group.groupName })));
+    return (react_1.default.createElement("div", { className: 'gmw-property-menu-wrapper' },
+        !hideGroupProps && (react_1.default.createElement(GroupPropertyTable_1.GroupPropertyTable, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddGroupProperty, onClickModify: onClickModifyGroupProperty, isLoading: isLoadingGroupProperties, groupProperties: groupProperties !== null && groupProperties !== void 0 ? groupProperties : [], refresh: refreshGroupProperties })),
+        !hideCalculatedProps && (react_1.default.createElement(CalculatedPropertyTable_1.CalculatedPropertyTable, { mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddCalculatedProperty, onClickModify: onClickModifyCalculatedProperty, isLoading: isLoadingCalculatedProperties, calculatedProperties: calculatedProperties !== null && calculatedProperties !== void 0 ? calculatedProperties : [], refresh: refreshCalculatedProperties })),
+        !hideCustomCalculationProps && (react_1.default.createElement(CustomCalculationTable_1.CustomCalculationTable, { mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddCustomCalculationProperty, onClickModify: onClickModifyCustomCalculation, isLoading: isLoadingCustomCalculations, customCalculations: customCalculationProperties !== null && customCalculationProperties !== void 0 ? customCalculationProperties : [], refresh: refreshCustomCalculations }))));
 };
 exports.PropertyMenu = PropertyMenu;
 //# sourceMappingURL=PropertyMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyMenu.js","sourceRoot":"","sources":["../../../../src/widget/components/PropertyMenu.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 { Presentation } from \"@itwin/presentation-frontend\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport React, { useEffect, useMemo, useState } from \"react\";\n\nimport {\n  clearEmphasizedOverriddenElements,\n  visualizeElements,\n  zoomToElements,\n} from \"./viewerUtils\";\nimport \"./PropertyMenu.scss\";\nimport { GroupPropertyTable } from \"./GroupPropertyTable\";\nimport {\n  IconButton,\n  InformationPanelWrapper,\n  toaster,\n  ToggleSwitch,\n} from \"@itwin/itwinui-react\";\nimport { useCombinedFetchRefresh } from \"../hooks/useFetchData\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport type { CalculatedProperty, CustomCalculation, Group, GroupProperty, Mapping } from \"@itwin/insights-client\";\nimport { getHiliteIdsAndKeysetFromGroup } from \"./groupsHelpers\";\nimport { useGroupHilitedElementsContext } from \"./context/GroupHilitedElementsContext\";\nimport { usePropertiesContext } from \"./context/PropertiesContext\";\nimport { CalculatedPropertyTable } from \"./CalculatedPropertyTable\";\nimport { CustomCalculationTable } from \"./CustomCalculationTable\";\nimport { SvgProperties } from \"@itwin/itwinui-icons-react\";\nimport { GroupInformationPanel } from \"./GroupInformationPanel\";\n\nexport interface PropertyMenuProps {\n  mapping: Mapping;\n  group: Group;\n  color: string;\n  onClickAddGroupProperty?: () => void;\n  onClickModifyGroupProperty?: (groupProperty: GroupProperty) => void;\n  onClickAddCalculatedProperty?: () => void;\n  onClickModifyCalculatedProperty?: (calculatedProperty: CalculatedProperty) => void;\n  onClickAddCustomCalculationProperty?: () => void;\n  onClickModifyCustomCalculation?: (customCalculation: CustomCalculation) => void;\n  hideGroupProps?: boolean;\n  hideCalculatedProps?: boolean;\n  hideCustomCalculationProps?: boolean;\n}\n\nexport const PropertyMenu = ({\n  mapping,\n  group,\n  color,\n  onClickAddGroupProperty,\n  onClickModifyGroupProperty,\n  onClickAddCalculatedProperty,\n  onClickModifyCalculatedProperty,\n  onClickAddCustomCalculationProperty,\n  onClickModifyCustomCalculation,\n  hideGroupProps = false,\n  hideCalculatedProps = false,\n  hideCustomCalculationProps = false,\n}: PropertyMenuProps) => {\n  const groupId = group.id;\n  const mappingId = mapping.id;\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const { hilitedElementsQueryCache } = useGroupHilitedElementsContext();\n  const mappingClient = useMappingClient();\n  const iModelConnection = useActiveIModelConnection();\n  const {\n    showGroupColor,\n    setShowGroupColor,\n    groupProperties,\n    setGroupProperties,\n    calculatedProperties,\n    setCalculatedProperties,\n    customCalculationProperties,\n    setCustomCalculationProperties,\n  } = usePropertiesContext();\n  const [isInformationPanelOpen, setIsInformationPanelOpen] =\n    useState<boolean>(false);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  const fetchGroupProperties = useMemo(\n    () => {\n      return async () => mappingClient.getGroupProperties(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingGroupProperties, refreshData: refreshGroupProperties } =\n    useCombinedFetchRefresh<GroupProperty>(fetchGroupProperties, setGroupProperties);\n\n  const fetchCalculatedProperties = useMemo(\n    () => {\n      return async () => mappingClient.getCalculatedProperties(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCalculatedProperties, refreshData: refreshCalculatedProperties } =\n    useCombinedFetchRefresh<CalculatedProperty>(fetchCalculatedProperties, setCalculatedProperties);\n\n  const fetchCustomCalculations = useMemo(\n    () => {\n      return async () => mappingClient.getCustomCalculations(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCustomCalculations, refreshData: refreshCustomCalculations } =\n    useCombinedFetchRefresh<CustomCalculation>(fetchCustomCalculations, setCustomCalculationProperties);\n\n  useEffect(() => {\n    const initialize = async () => {\n      if (!iModelConnection) return;\n      try {\n        setIsLoading(true);\n        clearEmphasizedOverriddenElements();\n        if (showGroupColor) {\n          const result = await getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache);\n          Presentation.selection.clearSelection(\n            \"GroupingMappingWidget\",\n            iModelConnection,\n          );\n          visualizeElements(result.ids, color);\n          await zoomToElements(result.ids);\n        }\n      } catch (error) {\n        toaster.negative(\"There was an error visualizing group.\");\n        /* eslint-disable no-console */\n        console.error(error);\n      } finally {\n        setIsLoading(false);\n      }\n    };\n    void initialize();\n  }, [iModelConnection, group.query, group.groupName, group, hilitedElementsQueryCache, showGroupColor, color]);\n\n  return (\n    <InformationPanelWrapper className='gmw-property-menu-wrapper'>\n      <div className='gmw-property-menu-container'>\n        <div className=\"gmw-property-menu-toolbar\">\n          <ToggleSwitch\n            label='Color Group'\n            labelPosition='left'\n            disabled={isLoading}\n            checked={showGroupColor}\n            onChange={() => setShowGroupColor((b) => !b)}\n          ></ToggleSwitch>\n          <IconButton\n            styleType='borderless'\n            onClick={() => setIsInformationPanelOpen(true)}\n          >\n            <SvgProperties />\n          </IconButton>\n        </div>\n        {!hideGroupProps && (\n          <GroupPropertyTable\n            iModelId={iModelId}\n            mappingId={mappingId}\n            groupId={groupId}\n            onClickAdd={onClickAddGroupProperty}\n            onClickModify={onClickModifyGroupProperty}\n            isLoading={isLoadingGroupProperties}\n            groupProperties={groupProperties ?? []}\n            refresh={refreshGroupProperties}\n          />\n        )}\n        {!hideCalculatedProps && (\n          <CalculatedPropertyTable\n            mappingId={mappingId}\n            groupId={groupId}\n            onClickAdd={onClickAddCalculatedProperty}\n            onClickModify={onClickModifyCalculatedProperty}\n            isLoading={isLoadingCalculatedProperties}\n            calculatedProperties={calculatedProperties ?? []}\n            refresh={refreshCalculatedProperties}\n          />\n        )}\n        {!hideCustomCalculationProps && (\n          <CustomCalculationTable\n            mappingId={mappingId}\n            groupId={groupId}\n            onClickAdd={onClickAddCustomCalculationProperty}\n            onClickModify={onClickModifyCustomCalculation}\n            isLoading={isLoadingCustomCalculations}\n            customCalculations={customCalculationProperties ?? []}\n            refresh={refreshCustomCalculations}\n          />\n        )}\n      </div>\n      <GroupInformationPanel\n        isOpen={isInformationPanelOpen}\n        onClose={() => setIsInformationPanelOpen(false)}\n        query={group.query}\n        groupName={group.groupName}\n      />\n    </InformationPanelWrapper>\n  );\n};\n"]}
+{"version":3,"file":"PropertyMenu.js","sourceRoot":"","sources":["../../../../src/widget/components/PropertyMenu.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, { useMemo } from \"react\";\nimport \"./PropertyMenu.scss\";\nimport { GroupPropertyTable } from \"./GroupPropertyTable\";\nimport { useCombinedFetchRefresh } from \"../hooks/useFetchData\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport type { CalculatedProperty, CustomCalculation, Group, GroupProperty, Mapping } from \"@itwin/insights-client\";\nimport { usePropertiesContext } from \"./context/PropertiesContext\";\nimport { CalculatedPropertyTable } from \"./CalculatedPropertyTable\";\nimport { CustomCalculationTable } from \"./CustomCalculationTable\";\n\nexport interface PropertyMenuProps {\n  mapping: Mapping;\n  group: Group;\n  onClickAddGroupProperty?: () => void;\n  onClickModifyGroupProperty?: (groupProperty: GroupProperty) => void;\n  onClickAddCalculatedProperty?: () => void;\n  onClickModifyCalculatedProperty?: (calculatedProperty: CalculatedProperty) => void;\n  onClickAddCustomCalculationProperty?: () => void;\n  onClickModifyCustomCalculation?: (customCalculation: CustomCalculation) => void;\n  hideGroupProps?: boolean;\n  hideCalculatedProps?: boolean;\n  hideCustomCalculationProps?: boolean;\n}\n\nexport const PropertyMenu = ({\n  mapping,\n  group,\n  onClickAddGroupProperty,\n  onClickModifyGroupProperty,\n  onClickAddCalculatedProperty,\n  onClickModifyCalculatedProperty,\n  onClickAddCustomCalculationProperty,\n  onClickModifyCustomCalculation,\n  hideGroupProps = false,\n  hideCalculatedProps = false,\n  hideCustomCalculationProps = false,\n}: PropertyMenuProps) => {\n  const groupId = group.id;\n  const mappingId = mapping.id;\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const {\n    groupProperties,\n    setGroupProperties,\n    calculatedProperties,\n    setCalculatedProperties,\n    customCalculationProperties,\n    setCustomCalculationProperties,\n  } = usePropertiesContext();\n\n  const fetchGroupProperties = useMemo(\n    () => {\n      return async () => mappingClient.getGroupProperties(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingGroupProperties, refreshData: refreshGroupProperties } =\n    useCombinedFetchRefresh<GroupProperty>(fetchGroupProperties, setGroupProperties);\n\n  const fetchCalculatedProperties = useMemo(\n    () => {\n      return async () => mappingClient.getCalculatedProperties(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCalculatedProperties, refreshData: refreshCalculatedProperties } =\n    useCombinedFetchRefresh<CalculatedProperty>(fetchCalculatedProperties, setCalculatedProperties);\n\n  const fetchCustomCalculations = useMemo(\n    () => {\n      return async () => mappingClient.getCustomCalculations(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCustomCalculations, refreshData: refreshCustomCalculations } =\n    useCombinedFetchRefresh<CustomCalculation>(fetchCustomCalculations, setCustomCalculationProperties);\n\n  return (\n    <div className='gmw-property-menu-wrapper'>\n      {!hideGroupProps && (\n        <GroupPropertyTable\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={groupId}\n          onClickAdd={onClickAddGroupProperty}\n          onClickModify={onClickModifyGroupProperty}\n          isLoading={isLoadingGroupProperties}\n          groupProperties={groupProperties ?? []}\n          refresh={refreshGroupProperties}\n        />\n      )}\n      {!hideCalculatedProps && (\n        <CalculatedPropertyTable\n          mappingId={mappingId}\n          groupId={groupId}\n          onClickAdd={onClickAddCalculatedProperty}\n          onClickModify={onClickModifyCalculatedProperty}\n          isLoading={isLoadingCalculatedProperties}\n          calculatedProperties={calculatedProperties ?? []}\n          refresh={refreshCalculatedProperties}\n        />\n      )}\n      {!hideCustomCalculationProps && (\n        <CustomCalculationTable\n          mappingId={mappingId}\n          groupId={groupId}\n          onClickAdd={onClickAddCustomCalculationProperty}\n          onClickModify={onClickModifyCustomCalculation}\n          isLoading={isLoadingCustomCalculations}\n          customCalculations={customCalculationProperties ?? []}\n          refresh={refreshCustomCalculations}\n        />\n      )}\n    </div>\n  );\n};\n"]}

package/lib/cjs/widget/components/PropertyMenu.scss

@@ -7,21 +7,6 @@
 .gmw-property-menu-wrapper {
   display: flex;
   flex-direction: column;
-  height: 100%;
-
-  .gmw-property-header {
-    display: flex;
-    justify-content: space-between;
-  }
-
-  .gmw-property-menu-container {
-    display: flex;
-    flex-direction: column;
-    overflow: auto;
-    gap: $iui-baseline * 2;
-    .gmw-property-menu-toolbar {
-      display: flex;
-      justify-content: space-between;
-    }
-  }
+  flex-grow: 1;
+  gap: $iui-baseline * 2;
 }

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { PropertyMenuProps } from "./PropertyMenu";
+import "./PropertyMenuWithVisualization.scss";
+export interface PropertyMenuWithVisualizationProps extends PropertyMenuProps {
+    color: string;
+}
+export declare const PropertyMenuWithVisualization: ({ group, color, ...rest }: PropertyMenuWithVisualizationProps) => JSX.Element;
+//# sourceMappingURL=PropertyMenuWithVisualization.d.ts.map

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

@@ -0,0 +1,45 @@
+"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.PropertyMenuWithVisualization = 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_1 = __importStar(require("react"));
+const PropertyMenu_1 = require("./PropertyMenu");
+const GroupColorToggle_1 = require("./GroupColorToggle");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const GroupInformationPanel_1 = require("./GroupInformationPanel");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+require("./PropertyMenuWithVisualization.scss");
+const PropertyMenuWithVisualization = ({ group, color, ...rest }) => {
+    const [isInformationPanelOpen, setIsInformationPanelOpen] = react_1.useState(false);
+    return (react_1.default.createElement(itwinui_react_1.InformationPanelWrapper, { className: 'gmw-property-menu-vis-wrapper' },
+        react_1.default.createElement("div", { className: "gmw-property-menu-vis-toolbar" },
+            react_1.default.createElement(GroupColorToggle_1.GroupColorToggle, { group: group, color: color, labelPosition: "left" }),
+            react_1.default.createElement(itwinui_react_1.IconButton, { styleType: 'borderless', onClick: () => setIsInformationPanelOpen(true) },
+                react_1.default.createElement(itwinui_icons_react_1.SvgProperties, null))),
+        react_1.default.createElement(PropertyMenu_1.PropertyMenu, { group: group, ...rest }),
+        react_1.default.createElement(GroupInformationPanel_1.GroupInformationPanel, { isOpen: isInformationPanelOpen, onClose: () => setIsInformationPanelOpen(false), query: group.query, groupName: group.groupName })));
+};
+exports.PropertyMenuWithVisualization = PropertyMenuWithVisualization;
+//# sourceMappingURL=PropertyMenuWithVisualization.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyMenuWithVisualization.js","sourceRoot":"","sources":["../../../../src/widget/components/PropertyMenuWithVisualization.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAAwC;AAExC,iDAA8C;AAC9C,yDAAsD;AACtD,wDAA2E;AAC3E,mEAAgE;AAChE,oEAA2D;AAC3D,gDAA8C;AAMvC,MAAM,6BAA6B,GAAG,CAAC,EAC5C,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EAC4B,EAAE,EAAE;IACvC,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IAErF,OAAO,CACL,8BAAC,uCAAuB,IAAC,SAAS,EAAC,+BAA+B;QAChE,uCAAK,SAAS,EAAC,+BAA+B;YAC5C,8BAAC,mCAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAC,MAAM,GAAG;YACrE,8BAAC,0BAAU,IACT,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,IAAI,CAAC;gBAE9C,8BAAC,mCAAa,OAAG,CACN,CACT;QACN,8BAAC,2BAAY,IAAC,KAAK,EAAE,KAAK,KAAM,IAAI,GAAI;QACxC,8BAAC,6CAAqB,IACpB,MAAM,EAAE,sBAAsB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC,EAC/C,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACsB,CAC3B,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,6BAA6B,iCA2BxC","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, { useState } from \"react\";\nimport type { PropertyMenuProps } from \"./PropertyMenu\";\nimport { PropertyMenu } from \"./PropertyMenu\";\nimport { GroupColorToggle } from \"./GroupColorToggle\";\nimport { IconButton, InformationPanelWrapper } from \"@itwin/itwinui-react\";\nimport { GroupInformationPanel } from \"./GroupInformationPanel\";\nimport { SvgProperties } from \"@itwin/itwinui-icons-react\";\nimport \"./PropertyMenuWithVisualization.scss\";\n\nexport interface PropertyMenuWithVisualizationProps extends PropertyMenuProps {\n  color: string;\n}\n\nexport const PropertyMenuWithVisualization = ({\n  group,\n  color,\n  ...rest\n}: PropertyMenuWithVisualizationProps) => {\n  const [isInformationPanelOpen, setIsInformationPanelOpen] = useState<boolean>(false);\n\n  return (\n    <InformationPanelWrapper className='gmw-property-menu-vis-wrapper'>\n      <div className=\"gmw-property-menu-vis-toolbar\">\n        <GroupColorToggle group={group} color={color} labelPosition=\"left\" />\n        <IconButton\n          styleType='borderless'\n          onClick={() => setIsInformationPanelOpen(true)}\n        >\n          <SvgProperties />\n        </IconButton>\n      </div>\n      <PropertyMenu group={group} {...rest} />\n      <GroupInformationPanel\n        isOpen={isInformationPanelOpen}\n        onClose={() => setIsInformationPanelOpen(false)}\n        query={group.query}\n        groupName={group.groupName}\n      />\n    </InformationPanelWrapper>\n  );\n};\n"]}

package/lib/cjs/widget/components/PropertyMenuWithVisualization.scss

@@ -0,0 +1,16 @@
+/*---------------------------------------------------------------------------------------------
+* 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";
+
+.gmw-property-menu-vis-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: $iui-baseline;
+  flex-grow: 1;
+  .gmw-property-menu-vis-toolbar {
+    display: flex;
+    justify-content: space-between;
+  }
+}

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

@@ -39,9 +39,9 @@ export declare class QueryBuilder {
     private dataProvider;
     private query;
     constructor(provider: PresentationPropertyDataProvider);
-    resetQuery: () => void;
     private isCategory;
     private _propertyMap;
+    resetQueryBuilder: () => void;
     private regenerateQuery;
     addProperty(prop: PropertyRecord): Promise<boolean>;
     removeProperty(prop: PropertyRecord): Promise<void>;

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

@@ -6,12 +6,12 @@ const itwinui_react_1 = require("@itwin/itwinui-react");
 /* This class is to build adaptive and dynamic query for find similar property selections */
 class QueryBuilder {
     constructor(provider) {
-        this.resetQuery = () => {
-            this.query = undefined;
-        };
         this._propertyMap = new Map();
+        this.resetQueryBuilder = () => {
+            this._propertyMap = new Map();
+        };
         this.regenerateQuery = () => {
-            this.resetQuery();
+            this.query = undefined;
             for (const property of this._propertyMap.values()) {
                 this.buildProperty(property.propertyRecord, property.propertiesField);
             }

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

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilder.js","sourceRoot":"","sources":["../../../../src/widget/components/QueryBuilder.ts"],"names":[],"mappings":";;;AAUA,0DAA4D;AAC5D,wDAA+C;AAyC/C,4FAA4F;AAC5F,MAAa,YAAY;IAUvB,YAAY,QAA0C;QAI/C,eAAU,GAAG,GAAG,EAAE;YACvB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACzB,CAAC,CAAA;QAQO,iBAAY,GAA+B,IAAI,GAAG,EAAE,CAAC;QAErD,oBAAe,GAAG,GAAG,EAAE;YAC7B,IAAI,CAAC,UAAU,EAAE,CAAC;YAElB,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE;gBACjD,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,cAAc,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC;aACvE;QACH,CAAC,CAAA;QAwVO,2BAAsB,GAAG,CAAC,OAAqB,EAAE,aAAoC,EAAyB,EAAE;;YACtH,KAAK,MAAM,UAAU,IAAI,OAAO,EAAE;gBAChC,KAAK,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU,EAAE;oBAC7C,MAAM,YAAY,GAAG;wBACnB,GAAG,MAAA,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,aAAa,CAAC,mCAAI,EAAE;wBACnD,GAAG,UAAU,CAAC,SAAS,IAAI,SAAS,CAAC,aAAa,MAAM,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,iBAAiB,EAAE;qBACjH,CAAC;oBACF,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;iBAC1D;aACF;YAED,OAAO,aAAa,CAAC;QACvB,CAAC,CAAA;QAEO,yBAAoB,GAAG,CAAC,SAAiB,EAAE,QAAuB,EAAE,UAAmB,EAAU,EAAE;YACzG,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAC9B,OAAO,SAAS,SAAS,IAAI,QAAQ,CAAC,IAAI,IAAI;oBAC5C,GAAG,YAAY,CAAC,wBAAwB,MAAM;oBAC9C,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,wBAAwB,CAAC,EAAE,CAAC;YAE/E,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC1E,OAAO,GAAG,SAAS,IAAI,QAAQ,CAAC,IAAI,MAAM,aAAa,EAAE,CAAC;QAC5D,CAAC,CAAA;QAnYC,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;IAC/B,CAAC;IAMO,UAAU,CAAC,aAA8B;;QAC/C,MAAM,SAAS,GACb,MAAA,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,sBAAsB,0CAAE,SAAS,CAAC;QACzE,OAAO,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,MAAK,wCAAwC,CAAC;IACtE,CAAC;IAYM,KAAK,CAAC,WAAW,CAAC,IAAoB;;QAC3C,6CAA6C;QAC7C,IAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,WAAW,MAAK,oCAAmB,CAAC,SAAS,EAAE;YAC7D,uBAAO,CAAC,OAAO,CAAC,6CAA6C,CAAC,CAAC;YAC/D,OAAO,KAAK,CAAC;SACd;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE;YAClC,OAAO,KAAK,CAAC;SACd;QAED,MAAM,aAAa,GAAG,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,wBAAwB,CACrE,IAAI,CACL,CAAoB,CAAC;QAEtB,IAAI,CAAC,aAAa,EAAE;YAClB,uBAAO,CAAC,QAAQ,CACd,wDAAwD,CACzD,CAAC;YACF,OAAO,KAAK,CAAC;SACd;QAED,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,EAAE,CAAC,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,CAAC;QACpI,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,KAAK,CAAC,cAAc,CAAC,IAAoB;QAC9C,MAAM,aAAa,GAAG,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,wBAAwB,CACrE,IAAI,CACL,CAAoB,CAAC;QAEtB,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC;IAC/E,CAAC;IAEO,aAAa,CAAC,IAAoB,EAAE,eAAgC;;QAC1E,IAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,WAAW,MAAK,oCAAmB,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE;YAC/F,uBAAO,CAAC,QAAQ,CACd,gEAAgE,CACjE,CAAC;YACF,OAAO;SACR;QAED,SAAS,UAAU,CAAC,GAAW,EAAE,KAAa,EAAE,WAAmB;YACjE,OAAO,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC5C,CAAC;QACD,6CAA6C;QAC7C,IACE,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ;YACnC,IAAI,CAAC,KAAK,CAAC,KAAK,YAAY,MAAM,CAAC;YACrC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAC1C;YACA,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;SACvE;QAED,MAAM,kBAAkB,GAAG,MAAA,eAAe,CAAC,MAAM,0CAAE,kBAAkB,CAAC;QAEtE,wBAAwB;QACxB,MAAM,YAAY,GAChB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,YAAY,CAAC;QACxD,MAAM,UAAU,GAAY,YAAY,IAAI,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;QAE7E,MAAM,QAAQ,GACZ,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,IAAI,CACtB,CAAC,CAAC,EAAE,EAAE;;YACJ,OAAA,CAAA,MAAA,CAAC,CAAC,gBAAgB,0CAAE,IAAI;gBACxB,YAAY,CAAC,2BAA2B;gBACxC,CAAA,MAAA,CAAC,CAAC,gBAAgB,0CAAE,IAAI,MAAK,YAAY,CAAC,0BAA0B,CAAA;SAAA,CACvE,MAAK,SAAS,CAAC;QAElB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,eAAe,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC1D,MAAM,QAAQ,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;YAExD,MAAM,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YAC5D,MAAM,YAAY,GAAG,YAAY;gBAC/B,CAAC,CAAC,UAAU;oBACV,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,YAAY;oBAC9B,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK;gBACzB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;YAClB,MAAM,aAAa,GAAG,YAAY;gBAChC,CAAC,CAAC,UAAU;oBACV,CAAC,CAAC,MAAA,IAAI,CAAC,KAAK,CAAC,YAAY,mCAAI,EAAE;oBAC/B,CAAC,CAAE,IAAI,CAAC,KAAK,CAAC,KAAqB,CAAC,EAAE;gBACxC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YAErB,IACE,CAAC,QAAQ;gBACT,kBAAkB;gBAClB,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAC7B;gBACA,IAAI,CAAC,iBAAiB,CACpB,CAAC,EACD,eAAe,EACf,YAAY,EACZ,aAAa,CACd,CAAC;aACH;iBAAM;gBACL,IAAI,CAAC,kBAAkB,CACrB,CAAC,EACD,SAAS,EACT,YAAY,EACZ,aAAa,EACb,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,EAChC,UAAU,EACV,QAAQ,CACT,CAAC;aACH;SACF;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,UAAU,CAAC,aAA8B;QAC/C,+DAA+D;QAC/D,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;QAC3D,OAAO,QAAQ,KAAK,QAAQ,IAAI,KAAK,KAAK,QAAQ,CAAC;IACrD,CAAC;IAEO,iBAAiB,CACvB,UAAkB,EAClB,aAA8B,EAC9B,YAAoB,EACpB,aAA+B;;QAE/B,MAAM,KAAK,GAAG,CAAC,GAAG,CAAC,MAAA,MAAA,aAAa,CAAC,MAAM,0CAAE,kBAAkB,mCAAI,EAAE,CAAC,CAAC,CAAC;QACpE,KAAK,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;;YAC/B,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,eAAe,0CAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YACrE,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,eAAe,0CAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YACrE,MAAM,YAAY,GAAG,MAAA,IAAI,CAAC,gBAAgB,0CAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YAEnE,MAAM,gBAAgB,GAAG,IAAI,CAAC,qBAAqB;gBACjD,CAAC,CAAC,oBAAoB;gBACtB,CAAC,CAAC,oBAAoB,CAAC;YAEzB,MAAM,gBAAgB,GAAG,IAAI,CAAC,qBAAqB;gBACjD,CAAC,CAAC,oBAAoB;gBACtB,CAAC,CAAC,oBAAoB,CAAC;YAEzB,IAAI,CAAC,eAAe,CAClB,UAAU,EACV,eAAe,EACf,cAAc,EACd,YAAY,EACZ,gBAAgB,CACjB,CAAC;YAEF,IAAI,CAAC,eAAe,CAClB,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,cAAc,CACf,CAAC;YAEF,IAAI,CAAA,MAAA,IAAI,CAAC,eAAe,0CAAE,IAAI;qBACxB,MAAA,aAAa,CAAC,MAAM,0CAAE,gBAAgB,CAAC,IAAI,CAAA,EAAE;gBACjD,IAAI,CAAC,kBAAkB,CACrB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACb,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,EAC9B,KAAK,EACL,KAAK,CACN,CAAC;aACH;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,eAAe,CACrB,UAAkB,EAClB,SAAiB,EACjB,aAAqB,EACrB,aAAqB,EACrB,iBAAyB;QAEzB,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;YAC5B,IAAI,CAAC,KAAK,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;SAC7B;QAED,MAAM,SAAS,GAAc;YAC3B,aAAa;YACb,aAAa;YACb,iBAAiB;SAClB,CAAC;QAEF,MAAM,UAAU,GAAe;YAC7B,SAAS;YACT,UAAU,EAAE,CAAC,SAAS,CAAC;SACxB,CAAC;QAEF,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,IAAI,UAAU,EAAE;YAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;gBACrB,OAAO,EAAE,CAAC,UAAU,CAAC;gBACrB,UAAU,EAAE,EAAE;aACf,CAAC,CAAC;YACH,OAAO;SACR;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAClE,CAAC,CAAC,SAAS,KAAK,SAAS,CAC1B,CAAC;QAEF,IAAI,UAAU,EAAE;YACd,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CACpD,IAAI,CAAC,aAAa,KAAK,aAAa,IAAI,IAAI,CAAC,aAAa,KAAK,aAAa,IAAI,IAAI,CAAC,iBAAiB,KAAK,iBAAiB,CAC7H,CAAC;YAEF,IAAI,CAAC,SAAS;gBACZ,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACxC,OAAO;SACR;QAED,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACzD,CAAC;IAEO,kBAAkB,CACxB,UAAkB,EAClB,SAAiB,EACjB,YAAoB,EACpB,aAA+B,EAC/B,UAAmB,EACnB,UAAmB,EACnB,QAAiB;QAEjB,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;YAC5B,IAAI,CAAC,KAAK,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;SAC7B;QAED,MAAM,SAAS,GAAkB;YAC/B,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,aAAa;YACpB,UAAU;SACX,CAAC;QAEF,MAAM,aAAa,GAAkB;YACnC,SAAS;YACT,UAAU;YACV,QAAQ;YACR,eAAe,EAAE,CAAC,SAAS,CAAC;SAC7B,CAAC;QAEF,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,IAAI,UAAU,EAAE;YAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;gBACrB,OAAO,EAAE,EAAE;gBACX,UAAU,EAAE,CAAC,aAAa,CAAC;aAC5B,CAAC,CAAC;YACH,OAAO;SACR;QAED,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAC7E,CAAC,CAAC,SAAS,KAAK,SAAS,CAC1B,CAAC;QAEF,IAAI,kBAAkB,EAAE;YACtB,MAAM,SAAS,GAAG,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,eAAe,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAClE,IAAI,CAAC,IAAI,KAAK,YAAY,CAC3B,CAAC;YAEF,IAAI,SAAS,EAAE;gBACb,SAAS,CAAC,KAAK,GAAG,aAAa,CAAC;gBAChC,OAAO;aACR;YAED,kBAAkB,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACnD,OAAO;SACR;QAED,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/D,CAAC;IAEM,gBAAgB;;QACrB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IACE,IAAI,CAAC,KAAK,KAAK,SAAS;YACxB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,EACpF;YACA,OAAO,EAAE,CAAC;SACX;QAED,MAAM,aAAa,GAAa,EAAE,CAAC;QACnC,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YAErC,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YACnC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YACzC,MAAM,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC;YAChF,MAAM,UAAU,GAAG,GAAG,aAAa,eAAe,CAAC;YAEnD,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;YAEhE,IAAI,aAAa,GAA0B,IAAI,GAAG,EAAE,CAAC;YACrD,aAAa,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;YAE1E,MAAM,aAAa,GAAa,EAAE,CAAC;YACnC,KAAK,MAAM,QAAQ,IAAI,KAAK,CAAC,UAAU,EAAE;gBACvC,IAAI,QAAQ,CAAC,UAAU,EAAE;oBACvB,IAAI,QAAQ,CAAC,SAAS,KAAK,aAAa;wBACtC,aAAa,CAAC,GAAG,CAAC,4BAA4B,EAAE,CAAC,6CAA6C,UAAU,EAAE,CAAC,CAAC,CAAC;oBAE/G,aAAa,CAAC,GAAG,CAAC,kBAAkB,EAAE,CAAC,wEAAwE,CAAC,CAAC,CAAC;oBAClH,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;oBAC1F,SAAS;iBACV;gBAED,MAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ;oBAClC,CAAC,CAAC,GAAG,QAAQ,CAAC,SAAS,aAAa;oBACpC,CAAC,CAAC,GAAG,QAAQ,CAAC,SAAS,eAAe,CAAC;gBAEzC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC,SAAS,KAAK,aAAa;oBAChF,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC,GAAG,UAAU,MAAM,UAAU,EAAE,CAAC,CAAC,CAAC;gBAE3E,KAAK,MAAM,IAAI,IAAI,QAAQ,CAAC,eAAe,EAAE;oBAC3C,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;iBAC1F;aACF;YAED,MAAM,WAAW,GAAa,EAAE,CAAC;YACjC,KAAK,MAAM,GAAG,IAAI,aAAa,CAAC,IAAI,EAAE,EAAE;gBACtC,WAAW,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO,MAAA,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,0CAAE,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;aAC7E;YAED,MAAM,WAAW,GAAG,SAAS,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YAE3D,aAAa,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,GAAG,WAAW,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;SAC3E;QAED,OAAO,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC;IAEO,YAAY,CAAC,YAAuC,EAAE,SAAiC;QAC7F,IAAI,SAAS,EAAE;YACb,OAAO,UAAU,SAAS,CAAC,SAAS,kBAAkB,SAAS,CAAC,SAAS,mBAAmB,SAAS,CAAC,SAAS,EAAE,CAAC;SACnH;QAED,IAAI,YAAY,EAAE;YAChB,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ;gBACtC,CAAC,CAAC,GAAG,YAAY,CAAC,SAAS,0BAA0B;gBACrD,CAAC,CAAC,GAAG,YAAY,CAAC,SAAS,kBAAkB,YAAY,CAAC,SAAS,YAAY,CAAC;YAElF,OAAO,UAAU,UAAU,SAAS,YAAY,CAAC,SAAS,EAAE,CAAC;SAC9D;QAED,OAAO,EAAE,CAAC;IACZ,CAAC;IA0BO,kBAAkB,CAAC,SAAiB;QAC1C,OAAO,mCAAmC,SAAS,wCAAwC,SAAS,KAAK,CAAC;IAC5G,CAAC;IAEO,OAAO,CAAC,CAAU;QACxB,OAAO,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;;AAtZH,oCAuZC;AAtZyB,uCAA0B,GAChD,iCAAiC,CAAC;AACZ,wCAA2B,GACjD,iCAAiC,CAAC;AACZ,qCAAwB,GAAG,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 type { PresentationPropertyDataProvider } from \"@itwin/presentation-components\";\nimport type {\n  InstanceKey,\n  PropertiesField,\n} from \"@itwin/presentation-common\";\nimport type { Primitives, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { toaster } from \"@itwin/itwinui-react\";\n\nexport interface Query {\n  unions: QueryUnion[];\n}\n\nexport interface QueryUnion {\n  classes: QueryClass[];\n  properties: QueryProperty[];\n}\n\nexport interface QueryClass {\n  // schemaName.className\n  className: string;\n  classJoins: ClassJoin[];\n}\n\nexport interface ClassJoin {\n  classProperty: string;\n  joinClassName: string;\n  joinClassProperty: string;\n}\n\nexport interface QueryProperty {\n  className: string;\n  classProperties: ClassProperty[];\n  isCategory: boolean;\n  isAspect: boolean;\n}\n\nexport interface ClassProperty {\n  name: string;\n  value: Primitives.Value;\n  needsQuote: boolean;\n}\n\nexport interface AddedProperty {\n  propertyRecord: PropertyRecord;\n  propertiesField: PropertiesField;\n}\n\n/* This class is to build adaptive and dynamic query for find similar property selections */\nexport class QueryBuilder {\n  private static readonly MULTI_ASPECT_PRIMARY_CLASS =\n    \"BisCore:ElementOwnsMultiAspects\";\n  private static readonly UNIQUE_ASPECT_PRIMARY_CLASS =\n    \"BisCore:ElementOwnsUniqueAspect\";\n  private static readonly DEFAULT_DOUBLE_PRECISION = 4;\n\n  private dataProvider: PresentationPropertyDataProvider;\n  private query: Query | undefined;\n\n  constructor(provider: PresentationPropertyDataProvider) {\n    this.dataProvider = provider;\n  }\n\n  public resetQuery = () => {\n    this.query = undefined;\n  }\n\n  private isCategory(propertyField: PropertiesField): boolean {\n    const classInfo =\n      propertyField.properties[0].property.navigationPropertyInfo?.classInfo;\n    return classInfo?.name === \"BisCore:GeometricElement3dIsInCategory\";\n  }\n\n  private _propertyMap: Map<string, AddedProperty> = new Map();\n\n  private regenerateQuery = () => {\n    this.resetQuery();\n\n    for (const property of this._propertyMap.values()) {\n      this.buildProperty(property.propertyRecord, property.propertiesField);\n    }\n  }\n\n  public async addProperty(prop: PropertyRecord): Promise<boolean> {\n    // TODO: only handle primitive properties now\n    if (prop.value?.valueFormat !== PropertyValueFormat.Primitive) {\n      toaster.warning(\"Only primitive types are supported for now.\");\n      return false;\n    }\n    if (prop.value.value === undefined) {\n      return false;\n    }\n\n    const propertyField = (await this.dataProvider.getFieldByPropertyRecord(\n      prop,\n    )) as PropertiesField;\n\n    if (!propertyField) {\n      toaster.negative(\n        \"Error. Failed to fetch field for this property record.\",\n      );\n      return false;\n    }\n\n    this._propertyMap.set(JSON.stringify(propertyField.getFieldDescriptor()), { propertyRecord: prop, propertiesField: propertyField });\n    return true;\n  }\n\n  public async removeProperty(prop: PropertyRecord) {\n    const propertyField = (await this.dataProvider.getFieldByPropertyRecord(\n      prop,\n    )) as PropertiesField;\n\n    this._propertyMap.delete(JSON.stringify(propertyField.getFieldDescriptor()));\n  }\n\n  private buildProperty(prop: PropertyRecord, propertiesField: PropertiesField) {\n    if (prop.value?.valueFormat !== PropertyValueFormat.Primitive || prop.value.value === undefined) {\n      toaster.negative(\n        \"Error. An unexpected error has occured while building a query.\",\n      );\n      return;\n    }\n\n    function replaceAll(str: string, match: string, replacement: string) {\n      return str.split(match).join(replacement);\n    }\n    // if property value has single quote, escape\n    if (\n      (typeof prop.value.value === \"string\" ||\n        prop.value.value instanceof String) &&\n      String(prop.value.value).indexOf(\"'\") >= 0\n    ) {\n      prop.value.value = replaceAll(prop.value.value.toString(), \"'\", \"''\");\n    }\n\n    const pathToPrimaryClass = propertiesField.parent?.pathToPrimaryClass;\n\n    // get the special cases\n    const isNavigation: boolean =\n      prop.property.typename.toLowerCase() === \"navigation\";\n    const isCategory: boolean = isNavigation && this.isCategory(propertiesField);\n\n    const isAspect: boolean =\n      pathToPrimaryClass?.find(\n        (a) =>\n          a.relationshipInfo?.name ===\n          QueryBuilder.UNIQUE_ASPECT_PRIMARY_CLASS ||\n          a.relationshipInfo?.name === QueryBuilder.MULTI_ASPECT_PRIMARY_CLASS,\n      ) !== undefined;\n\n    for (let i = 0; i < propertiesField.properties.length; i++) {\n      const property = propertiesField.properties[i].property;\n\n      const className = property.classInfo.name.replace(\":\", \".\");\n      const propertyName = isNavigation\n        ? isCategory\n          ? `${property.name}.CodeValue`\n          : `${property.name}.id`\n        : property.name;\n      const propertyValue = isNavigation\n        ? isCategory\n          ? prop.value.displayValue ?? \"\"\n          : (prop.value.value as InstanceKey).id\n        : prop.value.value;\n\n      if (\n        !isAspect &&\n        pathToPrimaryClass &&\n        pathToPrimaryClass.length > 0\n      ) {\n        this.addRelatedToQuery(\n          i,\n          propertiesField,\n          propertyName,\n          propertyValue,\n        );\n      } else {\n        this.addPropertyToQuery(\n          i,\n          className,\n          propertyName,\n          propertyValue,\n          this.needsQuote(propertiesField),\n          isCategory,\n          isAspect,\n        );\n      }\n    }\n    return true;\n  }\n\n  private needsQuote(propertyField: PropertiesField): boolean {\n    // list of property types that need quote around property value\n    const typeName = propertyField.type.typeName.toLowerCase();\n    return \"string\" === typeName || \"uri\" === typeName;\n  }\n\n  private addRelatedToQuery(\n    unionIndex: number,\n    propertyField: PropertiesField,\n    propertyName: string,\n    propertyValue: Primitives.Value,\n  ) {\n    const paths = [...(propertyField.parent?.pathToPrimaryClass ?? [])];\n    paths.reverse().forEach((path) => {\n      const sourceClassName = path.sourceClassInfo?.name.replace(\":\", \".\");\n      const targetClassName = path.targetClassInfo?.name.replace(\":\", \".\");\n      const relClassName = path.relationshipInfo?.name.replace(\":\", \".\");\n\n      const relClassProperty = path.isForwardRelationship\n        ? `SourceECInstanceId`\n        : `TargetECInstanceId`;\n\n      const relPropertyValue = path.isForwardRelationship\n        ? `TargetECInstanceId`\n        : `SourceECInstanceId`;\n\n      this.addClassToQuery(\n        unionIndex,\n        targetClassName,\n        `ECInstanceId`,\n        relClassName,\n        relPropertyValue\n      );\n\n      this.addClassToQuery(\n        unionIndex,\n        relClassName,\n        relClassProperty,\n        sourceClassName,\n        `ECInstanceId`\n      );\n\n      if (path.sourceClassInfo?.name\n        === propertyField.parent?.contentClassInfo.name) {\n        this.addPropertyToQuery(\n          unionIndex,\n          sourceClassName,\n          propertyName,\n          propertyValue,\n          this.needsQuote(propertyField),\n          false,\n          false,\n        );\n      }\n    });\n  }\n\n  private addClassToQuery(\n    unionIndex: number,\n    className: string,\n    classProperty: string,\n    joinClassName: string,\n    joinClassProperty: string,\n  ) {\n    if (this.query === undefined) {\n      this.query = { unions: [] };\n    }\n\n    const classJoin: ClassJoin = {\n      classProperty,\n      joinClassName,\n      joinClassProperty,\n    };\n\n    const queryClass: QueryClass = {\n      className,\n      classJoins: [classJoin],\n    };\n\n    if (this.query.unions.length <= unionIndex) {\n      this.query.unions.push({\n        classes: [queryClass],\n        properties: [],\n      });\n      return;\n    }\n\n    const foundClass = this.query.unions[unionIndex].classes.find((c) =>\n      c.className === className\n    );\n\n    if (foundClass) {\n      const foundJoin = foundClass.classJoins.find((join) =>\n        join.classProperty === classProperty && join.joinClassName === joinClassName && join.joinClassProperty === joinClassProperty\n      );\n\n      if (!foundJoin)\n        foundClass.classJoins.push(classJoin);\n      return;\n    }\n\n    this.query.unions[unionIndex].classes.push(queryClass);\n  }\n\n  private addPropertyToQuery(\n    unionIndex: number,\n    className: string,\n    propertyName: string,\n    propertyValue: Primitives.Value,\n    needsQuote: boolean,\n    isCategory: boolean,\n    isAspect: boolean,\n  ) {\n    if (this.query === undefined) {\n      this.query = { unions: [] };\n    }\n\n    const queryJoin: ClassProperty = {\n      name: propertyName,\n      value: propertyValue,\n      needsQuote,\n    };\n\n    const queryProperty: QueryProperty = {\n      className,\n      isCategory,\n      isAspect,\n      classProperties: [queryJoin],\n    };\n\n    if (this.query.unions.length <= unionIndex) {\n      this.query.unions.push({\n        classes: [],\n        properties: [queryProperty],\n      });\n      return;\n    }\n\n    const foundPropertyClass = this.query.unions[unionIndex].properties.find((p) =>\n      p.className === className\n    );\n\n    if (foundPropertyClass) {\n      const foundJoin = foundPropertyClass?.classProperties.find((join) =>\n        join.name === propertyName\n      );\n\n      if (foundJoin) {\n        foundJoin.value = propertyValue;\n        return;\n      }\n\n      foundPropertyClass.classProperties.push(queryJoin);\n      return;\n    }\n\n    this.query.unions[unionIndex].properties.push(queryProperty);\n  }\n\n  public buildQueryString() {\n    this.regenerateQuery();\n    if (\n      this.query === undefined ||\n      (this.query.unions.find((u) => u.classes.length === 0 && u.properties.length === 0))\n    ) {\n      return \"\";\n    }\n\n    const unionSegments: string[] = [];\n    for (const union of this.query.unions) {\n\n      const baseClass = union.classes[0];\n      const baseProperty = union.properties[0];\n      const baseClassName = baseClass ? baseClass.className : baseProperty?.className;\n      const baseIdName = `${baseClassName}.ECInstanceId`;\n\n      const selectClause = this.selectClause(baseProperty, baseClass);\n\n      let querySegments: Map<string, string[]> = new Map();\n      querySegments = this.relationalJoinSegments(union.classes, querySegments);\n\n      const whereSegments: string[] = [];\n      for (const property of union.properties) {\n        if (property.isCategory) {\n          if (property.className !== baseClassName)\n            querySegments.set(\"BisCore.GeometricElement3d\", [`BisCore.GeometricElement3d.ECInstanceId = ${baseIdName}`]);\n\n          querySegments.set(\"BisCore.Category\", [`BisCore.Category.ECInstanceId = BisCore.GeometricElement3d.category.id`]);\n          whereSegments.push(this.categoryWhereQuery(property.classProperties[0].value.toString()));\n          continue;\n        }\n\n        const joinIdName = property.isAspect\n          ? `${property.className}.Element.id`\n          : `${property.className}.ECInstanceId`;\n\n        if (!querySegments.has(property.className) && property.className !== baseClassName)\n          querySegments.set(property.className, [`${joinIdName} = ${baseIdName}`]);\n\n        for (const prop of property.classProperties) {\n          whereSegments.push(this.propertyQuerySegment(property.className, prop, prop.needsQuote));\n        }\n      }\n\n      const joinClauses: string[] = [];\n      for (const key of querySegments.keys()) {\n        joinClauses.push(`JOIN ${key} ON ${querySegments.get(key)?.join(\" AND \")}`);\n      }\n\n      const whereClause = `WHERE ${whereSegments.join(\" AND \")}`;\n\n      unionSegments.push([selectClause, ...joinClauses, whereClause].join(\" \"));\n    }\n\n    return unionSegments.join(\" UNION \");\n  }\n\n  private selectClause(baseProperty: QueryProperty | undefined, baseClass: QueryClass | undefined) {\n    if (baseClass) {\n      return `SELECT ${baseClass.className}.ECInstanceId, ${baseClass.className}.ECClassId FROM ${baseClass.className}`;\n    }\n\n    if (baseProperty) {\n      const baseIdName = baseProperty.isAspect\n        ? `${baseProperty.className}.Element.id ECInstanceId`\n        : `${baseProperty.className}.ECInstanceId, ${baseProperty.className}.ECClassId`;\n\n      return `SELECT ${baseIdName} FROM ${baseProperty.className}`;\n    }\n\n    return \"\";\n  }\n\n  private relationalJoinSegments = (classes: QueryClass[], querySegments: Map<string, string[]>): Map<string, string[]> => {\n    for (const queryClass of classes) {\n      for (const classJoin of queryClass.classJoins) {\n        const querySegment = [\n          ...querySegments.get(classJoin.joinClassName) ?? [],\n          `${queryClass.className}.${classJoin.classProperty} = ${classJoin.joinClassName}.${classJoin.joinClassProperty}`,\n        ];\n        querySegments.set(classJoin.joinClassName, querySegment);\n      }\n    }\n\n    return querySegments;\n  }\n\n  private propertyQuerySegment = (className: string, property: ClassProperty, needsQuote: boolean): string => {\n    if (this.isFloat(property.value))\n      return `ROUND(${className}.${property.name}, ` +\n        `${QueryBuilder.DEFAULT_DOUBLE_PRECISION}) = ` +\n        `${Number(property.value).toFixed(QueryBuilder.DEFAULT_DOUBLE_PRECISION)}`;\n\n    const propertyValue = needsQuote ? `'${property.value}'` : property.value;\n    return `${className}.${property.name} = ${propertyValue}`;\n  }\n\n  private categoryWhereQuery(codeValue: string): string {\n    return `((BisCore.Category.CodeValue = '${codeValue}') OR (BisCore.Category.UserLabel = '${codeValue}'))`;\n  }\n\n  private isFloat(n: unknown): boolean {\n    return Number(n) === n && n % 1 !== 0;\n  }\n}\n"]}
+{"version":3,"file":"QueryBuilder.js","sourceRoot":"","sources":["../../../../src/widget/components/QueryBuilder.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { PresentationPropertyDataProvider } from \"@itwin/presentation-components\";\nimport type {\n  InstanceKey,\n  PropertiesField,\n} from \"@itwin/presentation-common\";\nimport type { Primitives, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { toaster } from \"@itwin/itwinui-react\";\n\nexport interface Query {\n  unions: QueryUnion[];\n}\n\nexport interface QueryUnion {\n  classes: QueryClass[];\n  properties: QueryProperty[];\n}\n\nexport interface QueryClass {\n  // schemaName.className\n  className: string;\n  classJoins: ClassJoin[];\n}\n\nexport interface ClassJoin {\n  classProperty: string;\n  joinClassName: string;\n  joinClassProperty: string;\n}\n\nexport interface QueryProperty {\n  className: string;\n  classProperties: ClassProperty[];\n  isCategory: boolean;\n  isAspect: boolean;\n}\n\nexport interface ClassProperty {\n  name: string;\n  value: Primitives.Value;\n  needsQuote: boolean;\n}\n\nexport interface AddedProperty {\n  propertyRecord: PropertyRecord;\n  propertiesField: PropertiesField;\n}\n\n/* This class is to build adaptive and dynamic query for find similar property selections */\nexport class QueryBuilder {\n  private static readonly MULTI_ASPECT_PRIMARY_CLASS =\n    \"BisCore:ElementOwnsMultiAspects\";\n  private static readonly UNIQUE_ASPECT_PRIMARY_CLASS =\n    \"BisCore:ElementOwnsUniqueAspect\";\n  private static readonly DEFAULT_DOUBLE_PRECISION = 4;\n\n  private dataProvider: PresentationPropertyDataProvider;\n  private query: Query | undefined;\n\n  constructor(provider: PresentationPropertyDataProvider) {\n    this.dataProvider = provider;\n  }\n\n  private isCategory(propertyField: PropertiesField): boolean {\n    const classInfo =\n      propertyField.properties[0].property.navigationPropertyInfo?.classInfo;\n    return classInfo?.name === \"BisCore:GeometricElement3dIsInCategory\";\n  }\n\n  private _propertyMap: Map<string, AddedProperty> = new Map();\n\n  public resetQueryBuilder = () => {\n    this._propertyMap = new Map();\n  };\n\n  private regenerateQuery = () => {\n    this.query = undefined;\n\n    for (const property of this._propertyMap.values()) {\n      this.buildProperty(property.propertyRecord, property.propertiesField);\n    }\n  };\n\n  public async addProperty(prop: PropertyRecord): Promise<boolean> {\n    // TODO: only handle primitive properties now\n    if (prop.value?.valueFormat !== PropertyValueFormat.Primitive) {\n      toaster.warning(\"Only primitive types are supported for now.\");\n      return false;\n    }\n    if (prop.value.value === undefined) {\n      return false;\n    }\n\n    const propertyField = (await this.dataProvider.getFieldByPropertyRecord(\n      prop,\n    )) as PropertiesField;\n\n    if (!propertyField) {\n      toaster.negative(\n        \"Error. Failed to fetch field for this property record.\",\n      );\n      return false;\n    }\n\n    this._propertyMap.set(JSON.stringify(propertyField.getFieldDescriptor()), { propertyRecord: prop, propertiesField: propertyField });\n    return true;\n  }\n\n  public async removeProperty(prop: PropertyRecord) {\n    const propertyField = (await this.dataProvider.getFieldByPropertyRecord(\n      prop,\n    )) as PropertiesField;\n\n    this._propertyMap.delete(JSON.stringify(propertyField.getFieldDescriptor()));\n  }\n\n  private buildProperty(prop: PropertyRecord, propertiesField: PropertiesField) {\n    if (prop.value?.valueFormat !== PropertyValueFormat.Primitive || prop.value.value === undefined) {\n      toaster.negative(\n        \"Error. An unexpected error has occured while building a query.\",\n      );\n      return;\n    }\n\n    function replaceAll(str: string, match: string, replacement: string) {\n      return str.split(match).join(replacement);\n    }\n    // if property value has single quote, escape\n    if (\n      (typeof prop.value.value === \"string\" ||\n        prop.value.value instanceof String) &&\n      String(prop.value.value).indexOf(\"'\") >= 0\n    ) {\n      prop.value.value = replaceAll(prop.value.value.toString(), \"'\", \"''\");\n    }\n\n    const pathToPrimaryClass = propertiesField.parent?.pathToPrimaryClass;\n\n    // get the special cases\n    const isNavigation: boolean =\n      prop.property.typename.toLowerCase() === \"navigation\";\n    const isCategory: boolean = isNavigation && this.isCategory(propertiesField);\n\n    const isAspect: boolean =\n      pathToPrimaryClass?.find(\n        (a) =>\n          a.relationshipInfo?.name ===\n          QueryBuilder.UNIQUE_ASPECT_PRIMARY_CLASS ||\n          a.relationshipInfo?.name === QueryBuilder.MULTI_ASPECT_PRIMARY_CLASS,\n      ) !== undefined;\n\n    for (let i = 0; i < propertiesField.properties.length; i++) {\n      const property = propertiesField.properties[i].property;\n\n      const className = property.classInfo.name.replace(\":\", \".\");\n      const propertyName = isNavigation\n        ? isCategory\n          ? `${property.name}.CodeValue`\n          : `${property.name}.id`\n        : property.name;\n      const propertyValue = isNavigation\n        ? isCategory\n          ? prop.value.displayValue ?? \"\"\n          : (prop.value.value as InstanceKey).id\n        : prop.value.value;\n\n      if (\n        !isAspect &&\n        pathToPrimaryClass &&\n        pathToPrimaryClass.length > 0\n      ) {\n        this.addRelatedToQuery(\n          i,\n          propertiesField,\n          propertyName,\n          propertyValue,\n        );\n      } else {\n        this.addPropertyToQuery(\n          i,\n          className,\n          propertyName,\n          propertyValue,\n          this.needsQuote(propertiesField),\n          isCategory,\n          isAspect,\n        );\n      }\n    }\n    return true;\n  }\n\n  private needsQuote(propertyField: PropertiesField): boolean {\n    // list of property types that need quote around property value\n    const typeName = propertyField.type.typeName.toLowerCase();\n    return \"string\" === typeName || \"uri\" === typeName;\n  }\n\n  private addRelatedToQuery(\n    unionIndex: number,\n    propertyField: PropertiesField,\n    propertyName: string,\n    propertyValue: Primitives.Value,\n  ) {\n    const paths = [...(propertyField.parent?.pathToPrimaryClass ?? [])];\n    paths.reverse().forEach((path) => {\n      const sourceClassName = path.sourceClassInfo?.name.replace(\":\", \".\");\n      const targetClassName = path.targetClassInfo?.name.replace(\":\", \".\");\n      const relClassName = path.relationshipInfo?.name.replace(\":\", \".\");\n\n      const relClassProperty = path.isForwardRelationship\n        ? `SourceECInstanceId`\n        : `TargetECInstanceId`;\n\n      const relPropertyValue = path.isForwardRelationship\n        ? `TargetECInstanceId`\n        : `SourceECInstanceId`;\n\n      this.addClassToQuery(\n        unionIndex,\n        targetClassName,\n        `ECInstanceId`,\n        relClassName,\n        relPropertyValue\n      );\n\n      this.addClassToQuery(\n        unionIndex,\n        relClassName,\n        relClassProperty,\n        sourceClassName,\n        `ECInstanceId`\n      );\n\n      if (path.sourceClassInfo?.name\n        === propertyField.parent?.contentClassInfo.name) {\n        this.addPropertyToQuery(\n          unionIndex,\n          sourceClassName,\n          propertyName,\n          propertyValue,\n          this.needsQuote(propertyField),\n          false,\n          false,\n        );\n      }\n    });\n  }\n\n  private addClassToQuery(\n    unionIndex: number,\n    className: string,\n    classProperty: string,\n    joinClassName: string,\n    joinClassProperty: string,\n  ) {\n    if (this.query === undefined) {\n      this.query = { unions: [] };\n    }\n\n    const classJoin: ClassJoin = {\n      classProperty,\n      joinClassName,\n      joinClassProperty,\n    };\n\n    const queryClass: QueryClass = {\n      className,\n      classJoins: [classJoin],\n    };\n\n    if (this.query.unions.length <= unionIndex) {\n      this.query.unions.push({\n        classes: [queryClass],\n        properties: [],\n      });\n      return;\n    }\n\n    const foundClass = this.query.unions[unionIndex].classes.find((c) =>\n      c.className === className\n    );\n\n    if (foundClass) {\n      const foundJoin = foundClass.classJoins.find((join) =>\n        join.classProperty === classProperty && join.joinClassName === joinClassName && join.joinClassProperty === joinClassProperty\n      );\n\n      if (!foundJoin)\n        foundClass.classJoins.push(classJoin);\n      return;\n    }\n\n    this.query.unions[unionIndex].classes.push(queryClass);\n  }\n\n  private addPropertyToQuery(\n    unionIndex: number,\n    className: string,\n    propertyName: string,\n    propertyValue: Primitives.Value,\n    needsQuote: boolean,\n    isCategory: boolean,\n    isAspect: boolean,\n  ) {\n    if (this.query === undefined) {\n      this.query = { unions: [] };\n    }\n\n    const queryJoin: ClassProperty = {\n      name: propertyName,\n      value: propertyValue,\n      needsQuote,\n    };\n\n    const queryProperty: QueryProperty = {\n      className,\n      isCategory,\n      isAspect,\n      classProperties: [queryJoin],\n    };\n\n    if (this.query.unions.length <= unionIndex) {\n      this.query.unions.push({\n        classes: [],\n        properties: [queryProperty],\n      });\n      return;\n    }\n\n    const foundPropertyClass = this.query.unions[unionIndex].properties.find((p) =>\n      p.className === className\n    );\n\n    if (foundPropertyClass) {\n      const foundJoin = foundPropertyClass?.classProperties.find((join) =>\n        join.name === propertyName\n      );\n\n      if (foundJoin) {\n        foundJoin.value = propertyValue;\n        return;\n      }\n\n      foundPropertyClass.classProperties.push(queryJoin);\n      return;\n    }\n\n    this.query.unions[unionIndex].properties.push(queryProperty);\n  }\n\n  public buildQueryString() {\n    this.regenerateQuery();\n    if (\n      this.query === undefined ||\n      (this.query.unions.find((u) => u.classes.length === 0 && u.properties.length === 0))\n    ) {\n      return \"\";\n    }\n\n    const unionSegments: string[] = [];\n    for (const union of this.query.unions) {\n\n      const baseClass = union.classes[0];\n      const baseProperty = union.properties[0];\n      const baseClassName = baseClass ? baseClass.className : baseProperty?.className;\n      const baseIdName = `${baseClassName}.ECInstanceId`;\n\n      const selectClause = this.selectClause(baseProperty, baseClass);\n\n      let querySegments: Map<string, string[]> = new Map();\n      querySegments = this.relationalJoinSegments(union.classes, querySegments);\n\n      const whereSegments: string[] = [];\n      for (const property of union.properties) {\n        if (property.isCategory) {\n          if (property.className !== baseClassName)\n            querySegments.set(\"BisCore.GeometricElement3d\", [`BisCore.GeometricElement3d.ECInstanceId = ${baseIdName}`]);\n\n          querySegments.set(\"BisCore.Category\", [`BisCore.Category.ECInstanceId = BisCore.GeometricElement3d.category.id`]);\n          whereSegments.push(this.categoryWhereQuery(property.classProperties[0].value.toString()));\n          continue;\n        }\n\n        const joinIdName = property.isAspect\n          ? `${property.className}.Element.id`\n          : `${property.className}.ECInstanceId`;\n\n        if (!querySegments.has(property.className) && property.className !== baseClassName)\n          querySegments.set(property.className, [`${joinIdName} = ${baseIdName}`]);\n\n        for (const prop of property.classProperties) {\n          whereSegments.push(this.propertyQuerySegment(property.className, prop, prop.needsQuote));\n        }\n      }\n\n      const joinClauses: string[] = [];\n      for (const key of querySegments.keys()) {\n        joinClauses.push(`JOIN ${key} ON ${querySegments.get(key)?.join(\" AND \")}`);\n      }\n\n      const whereClause = `WHERE ${whereSegments.join(\" AND \")}`;\n\n      unionSegments.push([selectClause, ...joinClauses, whereClause].join(\" \"));\n    }\n\n    return unionSegments.join(\" UNION \");\n  }\n\n  private selectClause(baseProperty: QueryProperty | undefined, baseClass: QueryClass | undefined) {\n    if (baseClass) {\n      return `SELECT ${baseClass.className}.ECInstanceId, ${baseClass.className}.ECClassId FROM ${baseClass.className}`;\n    }\n\n    if (baseProperty) {\n      const baseIdName = baseProperty.isAspect\n        ? `${baseProperty.className}.Element.id ECInstanceId`\n        : `${baseProperty.className}.ECInstanceId, ${baseProperty.className}.ECClassId`;\n\n      return `SELECT ${baseIdName} FROM ${baseProperty.className}`;\n    }\n\n    return \"\";\n  }\n\n  private relationalJoinSegments = (classes: QueryClass[], querySegments: Map<string, string[]>): Map<string, string[]> => {\n    for (const queryClass of classes) {\n      for (const classJoin of queryClass.classJoins) {\n        const querySegment = [\n          ...querySegments.get(classJoin.joinClassName) ?? [],\n          `${queryClass.className}.${classJoin.classProperty} = ${classJoin.joinClassName}.${classJoin.joinClassProperty}`,\n        ];\n        querySegments.set(classJoin.joinClassName, querySegment);\n      }\n    }\n\n    return querySegments;\n  };\n\n  private propertyQuerySegment = (className: string, property: ClassProperty, needsQuote: boolean): string => {\n    if (this.isFloat(property.value))\n      return `ROUND(${className}.${property.name}, ` +\n        `${QueryBuilder.DEFAULT_DOUBLE_PRECISION}) = ` +\n        `${Number(property.value).toFixed(QueryBuilder.DEFAULT_DOUBLE_PRECISION)}`;\n\n    const propertyValue = needsQuote ? `'${property.value}'` : property.value;\n    return `${className}.${property.name} = ${propertyValue}`;\n  };\n\n  private categoryWhereQuery(codeValue: string): string {\n    return `((BisCore.Category.CodeValue = '${codeValue}') OR (BisCore.Category.UserLabel = '${codeValue}'))`;\n  }\n\n  private isFloat(n: unknown): boolean {\n    return Number(n) === n && n % 1 !== 0;\n  }\n}\n"]}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface QueryBuilderActionPanelProps {
+    onClickNext: () => void;
+}
+export declare const QueryBuilderActionPanel: ({ onClickNext }: QueryBuilderActionPanelProps) => JSX.Element;
+//# sourceMappingURL=QueryBuilderActionPanel.d.ts.map

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

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QueryBuilderActionPanel = 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 itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importDefault(require("react"));
+const QueryBuilderActionPanel = ({ onClickNext }) => {
+    return (react_1.default.createElement(itwinui_react_1.Button, { styleType: 'high-visibility', id: 'save-app', onClick: onClickNext }, "Next"));
+};
+exports.QueryBuilderActionPanel = QueryBuilderActionPanel;
+//# sourceMappingURL=QueryBuilderActionPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderActionPanel.js","sourceRoot":"","sources":["../../../../src/widget/components/QueryBuilderActionPanel.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,wDAA8C;AAC9C,kDAA0B;AAMnB,MAAM,uBAAuB,GAAG,CAAC,EAAE,WAAW,EAAgC,EAAE,EAAE;IACvF,OAAO,CACL,8BAAC,sBAAM,IACL,SAAS,EAAC,iBAAiB,EAC3B,EAAE,EAAC,UAAU,EACb,OAAO,EAAE,WAAW,WAGb,CACV,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,uBAAuB,2BAUlC","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 { Button } from \"@itwin/itwinui-react\";\nimport React from \"react\";\n\nexport interface QueryBuilderActionPanelProps {\n  onClickNext: () => void;\n}\n\nexport const QueryBuilderActionPanel = ({ onClickNext }: QueryBuilderActionPanelProps) => {\n  return (\n    <Button\n      styleType='high-visibility'\n      id='save-app'\n      onClick={onClickNext}\n    >\n      Next\n    </Button>\n  );\n};\n"]}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { GroupingCustomUI } from "./customUI/GroupingMappingCustomUI";
+import type { Group } from "@itwin/insights-client";
+export interface QueryBuilderCustomUIProps {
+    queryGenerationType: string;
+    groupUIs: GroupingCustomUI[];
+    isUpdating: boolean;
+    resetView: () => Promise<void>;
+    setQuery: (query: string) => void;
+    group?: Group;
+}
+export declare const QueryBuilderCustomUI: ({ queryGenerationType, groupUIs, isUpdating, resetView, setQuery, group, }: QueryBuilderCustomUIProps) => JSX.Element;
+//# sourceMappingURL=QueryBuilderCustomUI.d.ts.map

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

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QueryBuilderCustomUI = 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_1 = __importDefault(require("react"));
+const utils_1 = require("./utils");
+const QueryBuilderCustomUI = ({ queryGenerationType, groupUIs, isUpdating, resetView, setQuery, group, }) => {
+    if (queryGenerationType && queryGenerationType.length > 0) {
+        const selectedCustomUI = groupUIs.find((e) => e.name === queryGenerationType);
+        if (selectedCustomUI) {
+            return react_1.default.createElement(selectedCustomUI.uiComponent, {
+                updateQuery: setQuery,
+                isUpdating,
+                resetView,
+                initialEditModeQuery: group === null || group === void 0 ? void 0 : group.query,
+            });
+        }
+    }
+    return react_1.default.createElement(utils_1.EmptyMessage, { message: "No query generation method selected. " });
+};
+exports.QueryBuilderCustomUI = QueryBuilderCustomUI;
+//# sourceMappingURL=QueryBuilderCustomUI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderCustomUI.js","sourceRoot":"","sources":["../../../../src/widget/components/QueryBuilderCustomUI.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAE1B,mCAAuC;AAYhC,MAAM,oBAAoB,GAAG,CAAC,EACnC,mBAAmB,EACnB,QAAQ,EACR,UAAU,EACV,SAAS,EACT,QAAQ,EACR,KAAK,GACqB,EAAE,EAAE;IAC9B,IAAI,mBAAmB,IAAI,mBAAmB,CAAC,MAAM,GAAG,CAAC,EAAE;QACzD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,mBAAmB,CAAC,CAAC;QAC9E,IAAI,gBAAgB,EAAE;YACpB,OAAO,eAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,WAAW,EAAE;gBACvD,WAAW,EAAE,QAAQ;gBACrB,UAAU;gBACV,SAAS;gBACT,oBAAoB,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK;aACnC,CAAC,CAAC;SACJ;KACF;IACD,OAAO,8BAAC,oBAAY,IAAC,OAAO,EAAC,uCAAuC,GAAG,CAAC;AAC1E,CAAC,CAAC;AApBW,QAAA,oBAAoB,wBAoB/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 React from \"react\";\nimport type { GroupingCustomUI } from \"./customUI/GroupingMappingCustomUI\";\nimport { EmptyMessage } from \"./utils\";\nimport type { Group } from \"@itwin/insights-client\";\n\nexport interface QueryBuilderCustomUIProps {\n  queryGenerationType: string;\n  groupUIs: GroupingCustomUI[];\n  isUpdating: boolean;\n  resetView: () => Promise<void>;\n  setQuery: (query: string) => void;\n  group?: Group;\n}\n\nexport const QueryBuilderCustomUI = ({\n  queryGenerationType,\n  groupUIs,\n  isUpdating,\n  resetView,\n  setQuery,\n  group,\n}: QueryBuilderCustomUIProps) => {\n  if (queryGenerationType && queryGenerationType.length > 0) {\n    const selectedCustomUI = groupUIs.find((e) => e.name === queryGenerationType);\n    if (selectedCustomUI) {\n      return React.createElement(selectedCustomUI.uiComponent, {\n        updateQuery: setQuery,\n        isUpdating,\n        resetView,\n        initialEditModeQuery: group?.query,\n      });\n    }\n  }\n  return <EmptyMessage message=\"No query generation method selected. \" />;\n};\n"]}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { SelectOption } from "@itwin/itwinui-react";
+import type { QueryBuilderCustomUIProps } from "./QueryBuilderCustomUI";
+import "./QueryBuilderStep.scss";
+declare const defaultDisplayStrings: {
+    groupBy: string;
+};
+export interface QueryBuilderStepProps extends QueryBuilderCustomUIProps {
+    isHidden: boolean;
+    onChange: (value: string) => Promise<void>;
+    getOptions: SelectOption<string>[];
+    displayStrings?: Partial<typeof defaultDisplayStrings>;
+}
+export declare const QueryBuilderStep: ({ isHidden, onChange, getOptions, displayStrings: userDisplayStrings, ...rest }: QueryBuilderStepProps) => JSX.Element;
+export {};
+//# sourceMappingURL=QueryBuilderStep.d.ts.map

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

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QueryBuilderStep = 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_1 = __importDefault(require("react"));
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const QueryBuilderCustomUI_1 = require("./QueryBuilderCustomUI");
+require("./QueryBuilderStep.scss");
+const defaultDisplayStrings = {
+    groupBy: "Group By",
+};
+const QueryBuilderStep = ({ isHidden, onChange, getOptions, displayStrings: userDisplayStrings, ...rest }) => {
+    const containerClassName = isHidden ? "gmw-hide" : "gmw-query-builder-container";
+    const displayStrings = react_1.default.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    return (react_1.default.createElement(itwinui_react_1.Fieldset, { legend: displayStrings.groupBy, className: containerClassName },
+        react_1.default.createElement("span", null,
+            react_1.default.createElement(itwinui_react_1.Label, { htmlFor: 'query-combo-input' }, "Query Generation Tool"),
+            react_1.default.createElement(itwinui_react_1.ComboBox, { value: rest.queryGenerationType, inputProps: {
+                    id: "query-combo-input",
+                }, options: getOptions, onChange: onChange })),
+        react_1.default.createElement(QueryBuilderCustomUI_1.QueryBuilderCustomUI, { ...rest })));
+};
+exports.QueryBuilderStep = QueryBuilderStep;
+//# sourceMappingURL=QueryBuilderStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderStep.js","sourceRoot":"","sources":["../../../../src/widget/components/QueryBuilderStep.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAE1B,wDAAiE;AAEjE,iEAA8D;AAC9D,mCAAiC;AAEjC,MAAM,qBAAqB,GAAG;IAC5B,OAAO,EAAE,UAAU;CACpB,CAAC;AASK,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,IAAI,EAAyB,EAAE,EAAE;IACzI,MAAM,kBAAkB,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC;IAEjF,MAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,qBAAqB,EAAE,GAAG,kBAAkB,EAAE,CAAC,EAC3D,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAQ,IAAC,MAAM,EAAE,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,kBAAkB;QACrE;YACE,8BAAC,qBAAK,IAAC,OAAO,EAAC,mBAAmB,4BAA8B;YAChE,8BAAC,wBAAQ,IACP,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAC/B,UAAU,EAAE;oBACV,EAAE,EAAE,mBAAmB;iBACxB,EACD,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,GAClB,CACG;QACP,8BAAC,2CAAoB,OACf,IAAI,GACR,CACO,CACZ,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,gBAAgB,oBA0B3B","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 type { SelectOption } from \"@itwin/itwinui-react\";\nimport { ComboBox, Fieldset, Label } from \"@itwin/itwinui-react\";\nimport type { QueryBuilderCustomUIProps } from \"./QueryBuilderCustomUI\";\nimport { QueryBuilderCustomUI } from \"./QueryBuilderCustomUI\";\nimport \"./QueryBuilderStep.scss\";\n\nconst defaultDisplayStrings = {\n  groupBy: \"Group By\",\n};\n\nexport interface QueryBuilderStepProps extends QueryBuilderCustomUIProps {\n  isHidden: boolean;\n  onChange: (value: string) => Promise<void>;\n  getOptions: SelectOption<string>[];\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nexport const QueryBuilderStep = ({ isHidden, onChange, getOptions, displayStrings: userDisplayStrings, ...rest }: QueryBuilderStepProps) => {\n  const containerClassName = isHidden ? \"gmw-hide\" : \"gmw-query-builder-container\";\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  return (\n    <Fieldset legend={displayStrings.groupBy} className={containerClassName}>\n      <span>\n        <Label htmlFor='query-combo-input'>Query Generation Tool</Label>\n        <ComboBox\n          value={rest.queryGenerationType}\n          inputProps={{\n            id: \"query-combo-input\",\n          }}\n          options={getOptions}\n          onChange={onChange}\n        />\n      </span>\n      <QueryBuilderCustomUI\n        {...rest}\n      />\n    </Fieldset>\n  );\n};\n"]}

package/lib/cjs/widget/components/QueryBuilderStep.scss

@@ -0,0 +1,18 @@
+/*---------------------------------------------------------------------------------------------
+* 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";
+
+.gmw-hide {
+  display: none;
+}
+.gmw-query-builder-container {
+  display: flex;
+  flex-direction: column;
+  gap: $iui-baseline;
+  flex-grow: 1;
+  min-width: 0;
+  min-height: 0;
+  overflow: auto;
+}

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

@@ -51,7 +51,7 @@ const SelectMappings = ({ iModelId, onSelect, onCancel, backFn, displayStrings:
     react_1.useEffect(() => {
         void fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient);
     }, [getAccessToken, mappingClient, iModelId, setIsLoading]);
-    const displayStrings = { ...defaultDisplayStrings, ...userDisplayStrings };
+    const displayStrings = react_1.default.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
     const mappingsColumns = react_1.useMemo(() => [
         {
             Header: "Table",