@itwin/grouping-mapping-widget 0.2.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupPropertyAction.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupPropertyAction.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 type { IModelConnection } from \"@itwin/core-frontend\";\nimport type {\n  ContentDescriptorRequestOptions,\n  Field,\n  KeySet,\n  NestedContentField,\n  PropertiesField,\n  Ruleset,\n  RulesetVariable,\n  StructFieldMemberDescription} from \"@itwin/presentation-common\";\nimport {\n  ContentSpecificationTypes,\n  DefaultContentDisplayTypes,\n  PropertyValueFormat,\n  RelationshipMeaning,\n  RuleTypes,\n} from \"@itwin/presentation-common\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport {\n  SvgChevronDown,\n  SvgChevronUp,\n  SvgRemove,\n} from \"@itwin/itwinui-icons-react\";\nimport type {\n  SelectOption} from \"@itwin/itwinui-react\";\nimport {\n  Alert,\n  ComboBox,\n  Fieldset,\n  IconButton,\n  LabeledInput,\n  LabeledSelect,\n  Small,\n  Text,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport type {\n  ECPropertyReportingAPI,\n  GroupPropertyCreateReportingAPI,\n} from \"../../api/generated/api\";\nimport { reportingClientApi } from \"../../api/reportingClient\";\nimport ActionPanel from \"./ActionPanel\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport { WidgetHeader } from \"./utils\";\nimport \"./GroupPropertyAction.scss\";\n\ninterface GroupPropertyActionProps {\n  iModelId: string;\n  mappingId: string;\n  groupId: string;\n  groupPropertyId?: string;\n  groupPropertyName?: string;\n  keySet: KeySet;\n  returnFn: () => Promise<void>;\n}\n\nexport const quantityTypesSelectionOptions: SelectOption<string>[] = [\n  { value: \"Area\", label: \"Area\" },\n  { value: \"Distance\", label: \"Distance\" },\n  { value: \"Force\", label: \"Force\" },\n  { value: \"Mass\", label: \"Mass\" },\n  { value: \"Monetary\", label: \"Monetary\" },\n  { value: \"Time\", label: \"Time\" },\n  { value: \"Volume\", label: \"Volume\" },\n  { value: \"Undefined\", label: \"No Quantity Type\" },\n];\ninterface Property {\n  name: string;\n  label: string;\n  type: string;\n}\n\ninterface NavigationProperty {\n  navigationName: string;\n  rootClassName: string;\n}\n\nconst extractPrimitive = (\n  propertiesField: PropertiesField,\n  classToPropertiesMapping: Map<string, Property[]>,\n  navigation?: NavigationProperty\n) => {\n  // There are rare cases which only happens in multiple selections where it returns more than one.\n  // This also checks if this property comes from a navigation property\n  const className =\n    navigation?.rootClassName ??\n    propertiesField.properties[0].property.classInfo.name;\n  // Sometimes class names are not defined. Type error. Not guaranteed.\n  if (!className) {\n    return;\n  }\n\n  if (!classToPropertiesMapping.has(className)) {\n    classToPropertiesMapping.set(className, []);\n  }\n\n  // Gets property name. Appends path if from navigation.\n  const propertyName = navigation\n    ? `${navigation.navigationName}.${propertiesField.properties[0].property.name}`\n    : propertiesField.properties[0].property.name;\n\n  const label = navigation\n    ? `${propertiesField.label} (${navigation?.navigationName})`\n    : propertiesField.label;\n\n  classToPropertiesMapping.get(className)?.push({\n    name: propertyName,\n    label,\n    type: propertiesField.properties[0].property.type,\n  });\n};\n\nconst extractStructProperties = (\n  name: string,\n  className: string,\n  classToPropertiesMapping: Map<string, Property[]>,\n  members: StructFieldMemberDescription[]\n) => {\n  for (const member of members) {\n    if (member.type.valueFormat === PropertyValueFormat.Primitive) {\n      if (!classToPropertiesMapping.has(className)) {\n        classToPropertiesMapping.set(className, []);\n      }\n\n      classToPropertiesMapping.get(className)?.push({\n        name: `${name}.${member.name}`,\n        label: member.label,\n        type: member.type.typeName,\n      });\n    } else if (member.type.valueFormat === PropertyValueFormat.Struct) {\n      extractStructProperties(\n        `${name}.${member.name}`,\n        className,\n        classToPropertiesMapping,\n        member.type.members\n      );\n    }\n  }\n};\n\nconst extractProperties = (\n  properties: Field[],\n  classToPropertiesMapping: Map<string, Property[]>,\n  navigation?: NavigationProperty\n) => {\n  for (const property of properties) {\n    switch (property.type.valueFormat) {\n      case PropertyValueFormat.Primitive: {\n        extractPrimitive(\n          property as PropertiesField,\n          classToPropertiesMapping,\n          navigation\n        );\n        break;\n      }\n      // Get structs\n      case PropertyValueFormat.Struct: {\n        const nestedContentField = property as NestedContentField;\n        // Only handling single path and not handling nested content fields within navigations\n        if (\n          nestedContentField.pathToPrimaryClass &&\n          nestedContentField.pathToPrimaryClass.length > 1\n        ) {\n          break;\n        }\n\n        switch (nestedContentField.relationshipMeaning) {\n          case RelationshipMeaning.SameInstance: {\n            // Some elements don't have a path to primary class..\n            // Most likely a simple struct property\n            if (!nestedContentField.pathToPrimaryClass) {\n              const columnName = (property as PropertiesField).properties[0]\n                .property.name;\n              const className = (property as PropertiesField).properties[0]\n                .property.classInfo.name;\n              extractStructProperties(\n                navigation\n                  ? `${navigation.navigationName}.${columnName}`\n                  : columnName,\n                navigation ? navigation.rootClassName : className,\n                classToPropertiesMapping,\n                property.type.members\n              );\n              // Check for aspects. Ignore them if coming from navigation.\n            } else if (\n              !navigation &&\n              (nestedContentField.pathToPrimaryClass[0].relationshipInfo\n                .name === \"BisCore:ElementOwnsUniqueAspect\" ||\n                nestedContentField.pathToPrimaryClass[0].relationshipInfo\n                  .name === \"BisCore:ElementOwnsMultiAspects\")\n            ) {\n              const className = nestedContentField.contentClassInfo.name;\n              if (!classToPropertiesMapping.has(className)) {\n                classToPropertiesMapping.set(className, []);\n              }\n\n              extractProperties(\n                nestedContentField.nestedFields,\n                classToPropertiesMapping,\n                navigation\n              );\n            }\n\n            break;\n          }\n          // Navigation properties\n          case RelationshipMeaning.RelatedInstance: {\n            if (\n              // Deal with a TypeDefinition\n              nestedContentField.pathToPrimaryClass[0].relationshipInfo.name ===\n              \"BisCore:GeometricElement3dHasTypeDefinition\"\n            ) {\n              const className =\n                nestedContentField.pathToPrimaryClass[0].targetClassInfo.name;\n              extractProperties(\n                nestedContentField.nestedFields,\n                classToPropertiesMapping,\n                {\n                  navigationName: \"TypeDefinition\",\n                  rootClassName: className,\n                }\n              );\n            }\n            break;\n          }\n        }\n      }\n    }\n  }\n};\n\nconst GroupPropertyAction = ({\n  iModelId,\n  mappingId,\n  groupId,\n  groupPropertyId,\n  groupPropertyName,\n  keySet,\n  returnFn,\n}: GroupPropertyActionProps) => {\n  const iModelConnection = useActiveIModelConnection() as IModelConnection;\n  const [propertyName, setPropertyName] = useState<string>(\"\");\n  const [dataType, setDataType] = useState<string | undefined>();\n  const [quantityType, setQuantityType] = useState<string>(\"Undefined\");\n  const [classToPropertiesMapping, setClassToPropertiesMapping] =\n    useState<Map<string, Property[]>>();\n  const [ecProperties, setEcProperties] = useState<ECPropertyReportingAPI[]>(\n    []\n  );\n  const [validator, showValidationMessage] = useValidator();\n  const [propertyAlert, setPropertyAlert] = useState<boolean>(false);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  useEffect(() => {\n    const getContent = async () => {\n      setIsLoading(true);\n      const ruleSet: Ruleset = {\n        id: \"element-properties\",\n        rules: [\n          {\n            ruleType: RuleTypes.Content,\n            specifications: [\n              {\n                specType: ContentSpecificationTypes.SelectedNodeInstances,\n                // relationshipPaths: [\n                //   {\n                //     relationship: {\n                //       schemaName: \"BisCore\",\n                //       className: \"ElementMultiAspect\",\n                //     },\n                //     direction: RelationshipDirection.Forward,\n                //   },\n                // ],\n              },\n            ],\n          },\n        ],\n      };\n      const requestOptions: ContentDescriptorRequestOptions<\n      IModelConnection,\n      KeySet,\n      RulesetVariable\n      > = {\n        imodel: iModelConnection,\n        keys: keySet,\n        rulesetOrId: ruleSet,\n        displayType: DefaultContentDisplayTypes.PropertyPane,\n      };\n      const content = await Presentation.presentation.getContentDescriptor(\n        requestOptions\n      );\n\n      // Only primitives and structs for now\n      const properties =\n        content?.fields.filter(\n          (field) =>\n            field.type.valueFormat === PropertyValueFormat.Primitive ||\n            field.type.valueFormat === PropertyValueFormat.Struct\n        ) ?? [];\n\n      // Map properties to their classes\n      const classToPropertiesMapping = new Map<string, Property[]>();\n\n      extractProperties(properties, classToPropertiesMapping);\n\n      setClassToPropertiesMapping(classToPropertiesMapping);\n\n      let newEcProperties: ECPropertyReportingAPI[];\n      // Fetch already existing ec properties then add all classes from presentation\n      if (groupPropertyId) {\n        // TODO Error handling\n        const response = await reportingClientApi.getGroupProperty(\n          iModelId,\n          mappingId,\n          groupId,\n          groupPropertyId\n        );\n        newEcProperties = response.property?.ecProperties ?? [];\n\n        let keys = Array.from(classToPropertiesMapping.keys()).reverse();\n        for (const ecProperty of newEcProperties) {\n          keys = keys.filter(\n            (key) =>\n              `${ecProperty.ecSchemaName}:${ecProperty.ecClassName}` !== key\n          );\n        }\n\n        newEcProperties.push(\n          ...keys.map((key) => ({\n            ecSchemaName: key.split(\":\")[0],\n            ecClassName: key.split(\":\")[1],\n            // Placeholders for properties\n            ecPropertyName: \"\",\n            ecPropertyType: \"\",\n          }))\n        );\n\n        setPropertyName(response.property?.propertyName ?? \"\");\n        setDataType(response.property?.dataType ?? \"\");\n        setQuantityType(response.property?.quantityType ?? \"\");\n      } else {\n        newEcProperties = Array.from(classToPropertiesMapping)\n          .map(([key]) => ({\n            ecSchemaName: key.split(\":\")[0],\n            ecClassName: key.split(\":\")[1],\n            // Placeholders for properties\n            ecPropertyName: \"\",\n            ecPropertyType: \"\",\n          }))\n          .reverse();\n      }\n\n      setEcProperties(newEcProperties);\n\n      setIsLoading(false);\n    };\n    void getContent();\n  }, [groupId, groupPropertyId, iModelConnection, iModelId, keySet, mappingId]);\n\n  const onSave = async () => {\n    const filteredEcProperties = ecProperties.filter(\n      (ecProperty) => ecProperty.ecPropertyName && ecProperty.ecPropertyType\n    );\n    if (!filteredEcProperties?.length || !validator.allValid()) {\n      showValidationMessage(true);\n      if (!filteredEcProperties?.length) {\n        setPropertyAlert(true);\n      }\n      return;\n    }\n    try {\n      setIsLoading(true);\n      const groupProperty: GroupPropertyCreateReportingAPI = {\n        propertyName,\n        dataType,\n        quantityType,\n        ecProperties: filteredEcProperties,\n      };\n      groupPropertyId\n        ? await reportingClientApi.updateGroupProperty(\n          iModelId,\n          mappingId,\n          groupId,\n          groupPropertyId,\n          groupProperty\n        )\n        : await reportingClientApi.createGroupProperty(\n          iModelId,\n          mappingId,\n          groupId,\n          groupProperty\n        );\n      await returnFn();\n    } catch {\n      setIsLoading(false);\n    }\n  };\n\n  const onChange = useCallback((value: string, index: number) => {\n    setPropertyAlert(false);\n    const property = JSON.parse(value);\n    setEcProperties((ecProperties) => {\n      const updatedEcProperties = [...ecProperties];\n      updatedEcProperties[index].ecPropertyName = property.name;\n\n      // Unique types\n      let type = \"\";\n      switch (property.type) {\n        case \"long\":\n          type = \"integer\";\n          break;\n        default:\n          type = property.type;\n      }\n\n      updatedEcProperties[index].ecPropertyType = type;\n      return updatedEcProperties;\n    });\n  }, []);\n\n  const propertyOptions = useMemo(() => {\n    return ecProperties.map(\n      (ecProperty: ECPropertyReportingAPI) =>\n        classToPropertiesMapping\n          ?.get(`${ecProperty.ecSchemaName}:${ecProperty.ecClassName}`)\n          ?.map((property) => ({\n            value: JSON.stringify({\n              name: property.name,\n              type: property.type,\n            }),\n            label: property.label,\n          })) ?? []\n    );\n  }, [classToPropertiesMapping, ecProperties]);\n\n  const getValue = useCallback(\n    (ecProperty: ECPropertyReportingAPI, index: number) => {\n      const property = classToPropertiesMapping\n        ?.get(`${ecProperty.ecSchemaName}:${ecProperty.ecClassName}`)\n        ?.find(\n          (property) => property.name === ecProperties[index].ecPropertyName\n        );\n      const result = JSON.stringify({\n        name: property?.name,\n        type: property?.type,\n      });\n      return result;\n    },\n    [classToPropertiesMapping, ecProperties]\n  );\n\n  return (\n    <>\n      <WidgetHeader\n        title={groupPropertyName ?? \"Add Property\"}\n        returnFn={returnFn}\n      />\n      <div className='group-property-action-container'>\n        <Fieldset className='property-options' legend='Property Details'>\n          <Small className='field-legend'>\n            Asterisk * indicates mandatory fields.\n          </Small>\n          <LabeledInput\n            id='propertyName'\n            label='Property Name'\n            value={propertyName}\n            required\n            disabled={isLoading}\n            onChange={(event) => {\n              setPropertyName(event.target.value);\n              validator.showMessageFor(\"propertyName\");\n            }}\n            message={validator.message(\n              \"propertyName\",\n              propertyName,\n              NAME_REQUIREMENTS\n            )}\n            status={\n              validator.message(\"propertyName\", propertyName, NAME_REQUIREMENTS)\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"propertyName\");\n            }}\n          />\n          <LabeledSelect<string>\n            label={\"Data Type\"}\n            id='dataType'\n            disabled={isLoading}\n            options={[\n              { value: \"Boolean\", label: \"Boolean\" },\n              { value: \"Number\", label: \"Number\" },\n              { value: \"String\", label: \"String\" },\n            ]}\n            required\n            value={dataType}\n            onChange={(value) => {\n              validator.showMessageFor(\"dataType\");\n              setDataType(value);\n            }}\n            message={validator.message(\"dataType\", propertyName, \"required\")}\n            status={\n              validator.message(\"dataType\", propertyName, \"required\")\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"dataType\");\n            }}\n            onShow={() => { }}\n            onHide={() => { }}\n          />\n          <LabeledSelect<string>\n            label='Quantity Type'\n            disabled={isLoading}\n            options={quantityTypesSelectionOptions}\n            value={quantityType}\n            onChange={setQuantityType}\n            onShow={() => { }}\n            onHide={() => { }}\n          />\n        </Fieldset>\n        <Fieldset className='property-selection-container' legend='Properties'>\n          {propertyAlert && (\n            <Alert type={\"negative\"}>\n              Please select at least one property.\n            </Alert>\n          )}\n          {isLoading &&\n            Array(3)\n              .fill(null)\n              .map((_, index) => (\n                <Text key={index} variant='headline' isSkeleton>\n                  LOADING SKELETON\n                </Text>\n              ))}\n          {ecProperties?.map((ecProperty, index) => {\n            return (\n              <div\n                className='property-select-item'\n                key={`${ecProperty.ecSchemaName}${ecProperty.ecClassName}`}\n              >\n                <Text variant='leading'>{ecProperty.ecClassName}</Text>\n                <Text isMuted variant='small'>\n                  {ecProperty.ecSchemaName}\n                </Text>\n\n                <div className='selection-and-reorder'>\n                  <ComboBox<string>\n                    options={propertyOptions[index]}\n                    value={getValue(ecProperty, index)}\n                    onChange={(value) => onChange(value, index)}\n                    inputProps={{\n                      placeholder: \"<No Property Mapped>\",\n                    }}\n                    style={{ width: \"100%\" }}\n                  />\n                  <IconButton\n                    onClick={() => {\n                      const updatedEcPropertyList = [...ecProperties];\n                      updatedEcPropertyList[index] = {\n                        ...updatedEcPropertyList[index],\n                        ecPropertyName: \"\",\n                        ecPropertyType: \"\",\n                      };\n                      setEcProperties(updatedEcPropertyList);\n                    }}\n                    disabled={\n                      !ecProperty.ecPropertyName && !ecProperty.ecPropertyType\n                    }\n                  >\n                    <SvgRemove />\n                  </IconButton>\n                  <IconButton\n                    onClick={() => {\n                      const tab = [...ecProperties];\n                      const item = tab.splice(index, 1);\n                      tab.splice(index - 1, 0, item[0]);\n                      setEcProperties(tab);\n                    }}\n                    disabled={index === 0}\n                  >\n                    <SvgChevronUp />\n                  </IconButton>\n                  <IconButton\n                    onClick={() => {\n                      const tab = [...ecProperties];\n                      const item = tab.splice(index, 1);\n                      tab.splice(index + 1, 0, item[0]);\n                      setEcProperties(tab);\n                    }}\n                    disabled={index === ecProperties.length - 1}\n                  >\n                    <SvgChevronDown />\n                  </IconButton>\n                </div>\n              </div>\n            );\n          })}\n        </Fieldset>\n      </div>\n      {/* TODO: Disable when no properties are selected. Will do when I rework property selection. */}\n      <ActionPanel onSave={onSave} onCancel={returnFn} isLoading={isLoading} />\n    </>\n  );\n};\n\nexport default GroupPropertyAction;\n"]}

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

@@ -0,0 +1,36 @@
+/*---------------------------------------------------------------------------------------------
+* 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';
+
+.group-property-action-container {
+  display: flex;
+  flex-direction: column;
+  overflow-x: auto;
+  height: 100%;
+
+  .property-options {
+    display: inherit;
+    flex-direction: inherit;
+    gap: $iui-baseline;
+    margin-bottom: $iui-baseline * 4;
+  }
+
+  .property-selection-container {
+    display: flex;
+    flex-direction: column;
+    gap: $iui-baseline;
+
+    .property-select-item {
+      .selection-and-reorder {
+        display: flex;
+        gap: $iui-s;
+      }
+    }
+  }
+}
+
+.iui-text-leading {
+  margin: 0;
+}

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

@@ -0,0 +1,18 @@
+import React from "react";
+import type { GroupPropertyReportingAPI } from "../../api/generated/api";
+import type { CreateTypeFromInterface } from "../utils";
+import type { CellProps } from "react-table";
+import { PropertyMenuView } from "./PropertyMenu";
+export declare type GroupProperty = CreateTypeFromInterface<GroupPropertyReportingAPI>;
+interface GroupPropertyTableProps {
+    iModelId: string;
+    mappingId: string;
+    groupId: string;
+    setSelectedGroupProperty: React.Dispatch<React.SetStateAction<CreateTypeFromInterface<GroupPropertyReportingAPI> | undefined>>;
+    setGroupModifyView: React.Dispatch<React.SetStateAction<PropertyMenuView>>;
+    onGroupPropertyModify: (value: CellProps<GroupProperty>) => void;
+    selectedGroupProperty?: GroupProperty;
+}
+declare const GroupPropertyTable: ({ iModelId, mappingId, groupId, selectedGroupProperty, onGroupPropertyModify, setSelectedGroupProperty, setGroupModifyView, }: GroupPropertyTableProps) => JSX.Element;
+export default GroupPropertyTable;
+//# sourceMappingURL=GroupPropertyTable.d.ts.map

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

@@ -0,0 +1,109 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+const reportingClient_1 = require("../../api/reportingClient");
+const DeleteModal_1 = __importDefault(require("./DeleteModal"));
+const PropertyMenu_1 = require("./PropertyMenu");
+const fetchGroupProperties = async (setGroupProperties, iModelId, mappingId, groupId, setIsLoading) => {
+    var _a;
+    try {
+        setIsLoading(true);
+        const groupProperties = await reportingClient_1.reportingClientApi.getGroupProperties(iModelId, mappingId, groupId);
+        setGroupProperties((_a = groupProperties.properties) !== null && _a !== void 0 ? _a : []);
+    }
+    catch {
+        // TODO Toaster
+    }
+    finally {
+        setIsLoading(false);
+    }
+};
+const useFetchGroupProperties = (iModelId, mappingId, groupId, setIsLoading) => {
+    const [groupProperties, setGroupProperties] = react_1.useState([]);
+    react_1.useEffect(() => {
+        void fetchGroupProperties(setGroupProperties, iModelId, mappingId, groupId, setIsLoading);
+    }, [groupId, iModelId, mappingId, setIsLoading]);
+    return [groupProperties, setGroupProperties];
+};
+const GroupPropertyTable = ({ iModelId, mappingId, groupId, selectedGroupProperty, onGroupPropertyModify, setSelectedGroupProperty, setGroupModifyView, }) => {
+    var _a;
+    const [isLoading, setIsLoading] = react_1.useState(true);
+    const [groupProperties, setGroupProperties] = useFetchGroupProperties(iModelId, mappingId, groupId, setIsLoading);
+    const [showGroupPropertyDeleteModal, setShowGroupPropertyDeleteModal] = react_1.useState(false);
+    const refresh = react_1.useCallback(async () => {
+        setGroupProperties([]);
+        await fetchGroupProperties(setGroupProperties, iModelId, mappingId, groupId, setIsLoading);
+    }, [groupId, iModelId, mappingId, setGroupProperties]);
+    const groupPropertiesColumns = react_1.useMemo(() => [
+        {
+            Header: "Table",
+            columns: [
+                {
+                    id: "propertyName",
+                    Header: "Property",
+                    accessor: "propertyName",
+                    Cell: (value) => (react_1.default.createElement("div", { className: 'iui-anchor', onClick: () => onGroupPropertyModify(value) }, value.row.original.propertyName)),
+                },
+                {
+                    id: "dropdown",
+                    Header: "",
+                    width: 80,
+                    Cell: (value) => {
+                        return (react_1.default.createElement(itwinui_react_1.DropdownMenu, { menuItems: (close) => [
+                                react_1.default.createElement(itwinui_react_1.MenuItem, { key: 0, onClick: () => onGroupPropertyModify(value), icon: react_1.default.createElement(itwinui_icons_react_1.SvgEdit, null) }, "Modify"),
+                                react_1.default.createElement(itwinui_react_1.MenuItem, { key: 1, onClick: () => {
+                                        setSelectedGroupProperty(value.row.original);
+                                        setShowGroupPropertyDeleteModal(true);
+                                        close();
+                                    }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgDelete, null) }, "Remove"),
+                            ] },
+                            react_1.default.createElement(itwinui_react_1.IconButton, { styleType: 'borderless' },
+                                react_1.default.createElement(itwinui_icons_react_1.SvgMore, { style: {
+                                        width: "16px",
+                                        height: "16px",
+                                    } }))));
+                    },
+                },
+            ],
+        },
+    ], [onGroupPropertyModify, setSelectedGroupProperty]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(itwinui_react_1.Button, { startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgAdd, null), styleType: 'high-visibility', onClick: () => {
+                setGroupModifyView(PropertyMenu_1.PropertyMenuView.ADD_GROUP_PROPERTY);
+            } }, "Add Property"),
+        react_1.default.createElement(itwinui_react_1.Table, { data: groupProperties, density: 'extra-condensed', columns: groupPropertiesColumns, emptyTableContent: 'No Group Properties', isSortable: true, isLoading: isLoading }),
+        react_1.default.createElement(DeleteModal_1.default, { entityName: (_a = selectedGroupProperty === null || selectedGroupProperty === void 0 ? void 0 : selectedGroupProperty.propertyName) !== null && _a !== void 0 ? _a : "", show: showGroupPropertyDeleteModal, setShow: setShowGroupPropertyDeleteModal, onDelete: async () => {
+                var _a;
+                await reportingClient_1.reportingClientApi.deleteGroupProperty(iModelId, mappingId, groupId, (_a = selectedGroupProperty === null || selectedGroupProperty === void 0 ? void 0 : selectedGroupProperty.id) !== null && _a !== void 0 ? _a : "");
+            }, refresh: refresh })));
+};
+exports.default = GroupPropertyTable;
+//# sourceMappingURL=GroupPropertyTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupPropertyTable.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupPropertyTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,oEAKoC;AACpC,wDAM8B;AAC9B,+CAAyE;AAEzE,+DAA+D;AAG/D,gEAAwC;AACxC,iDAAkD;AAIlD,MAAM,oBAAoB,GAAG,KAAK,EAChC,kBAAyE,EACzE,QAAgB,EAChB,SAAiB,EACjB,OAAe,EACf,YAA2D,EAC3D,EAAE;;IACF,IAAI;QACF,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,eAAe,GAAG,MAAM,oCAAkB,CAAC,kBAAkB,CACjE,QAAQ,EACR,SAAS,EACT,OAAO,CACR,CAAC;QACF,kBAAkB,CAAC,MAAA,eAAe,CAAC,UAAU,mCAAI,EAAE,CAAC,CAAC;KACtD;IAAC,MAAM;QACN,eAAe;KAChB;YAAS;QACR,YAAY,CAAC,KAAK,CAAC,CAAC;KACrB;AACH,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAC9B,QAAgB,EAChB,SAAiB,EACjB,OAAe,EACf,YAA2D,EACe,EAAE;IAC5E,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,gBAAQ,CAAkB,EAAE,CAAC,CAAC;IAE5E,iBAAS,CAAC,GAAG,EAAE;QACb,KAAK,oBAAoB,CACvB,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,YAAY,CACb,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAEjD,OAAO,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC;AAC/C,CAAC,CAAC;AAiBF,MAAM,kBAAkB,GAAG,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,EACxB,kBAAkB,GACM,EAAE,EAAE;;IAC5B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,gBAAQ,CAAU,IAAI,CAAC,CAAC;IAC1D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,uBAAuB,CACnE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,YAAY,CACb,CAAC;IACF,MAAM,CAAC,4BAA4B,EAAE,+BAA+B,CAAC,GACnE,gBAAQ,CAAU,KAAK,CAAC,CAAC;IAE3B,MAAM,OAAO,GAAG,mBAAW,CAAC,KAAK,IAAI,EAAE;QACrC,kBAAkB,CAAC,EAAE,CAAC,CAAC;QACvB,MAAM,oBAAoB,CACxB,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,YAAY,CACb,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEvD,MAAM,sBAAsB,GAAG,eAAO,CACpC,GAAG,EAAE,CAAC;QACJ;YACE,MAAM,EAAE,OAAO;YACf,OAAO,EAAE;gBACP;oBACE,EAAE,EAAE,cAAc;oBAClB,MAAM,EAAE,UAAU;oBAClB,QAAQ,EAAE,cAAc;oBACxB,IAAI,EAAE,CAAC,KAA+B,EAAE,EAAE,CAAC,CACzC,uCACE,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,IAE1C,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,YAAY,CAC5B,CACP;iBACF;gBACD;oBACE,EAAE,EAAE,UAAU;oBACd,MAAM,EAAE,EAAE;oBACV,KAAK,EAAE,EAAE;oBACT,IAAI,EAAE,CAAC,KAA+B,EAAE,EAAE;wBACxC,OAAO,CACL,8BAAC,4BAAY,IACX,SAAS,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC;gCAChC,8BAAC,wBAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAC3C,IAAI,EAAE,8BAAC,6BAAO,OAAG,aAGR;gCACX,8BAAC,wBAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;wCACZ,wBAAwB,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;wCAC7C,+BAA+B,CAAC,IAAI,CAAC,CAAC;wCACtC,KAAK,EAAE,CAAC;oCACV,CAAC,EACD,IAAI,EAAE,8BAAC,+BAAS,OAAG,aAGV;6BACZ;4BAED,8BAAC,0BAAU,IAAC,SAAS,EAAC,YAAY;gCAChC,8BAAC,6BAAO,IACN,KAAK,EAAE;wCACL,KAAK,EAAE,MAAM;wCACb,MAAM,EAAE,MAAM;qCACf,GACD,CACS,CACA,CAChB,CAAC;oBACJ,CAAC;iBACF;aACF;SACF;KACF,EACD,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,CAClD,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,sBAAM,IACL,SAAS,EAAE,8BAAC,4BAAM,OAAG,EACrB,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,GAAG,EAAE;gBACZ,kBAAkB,CAAC,+BAAgB,CAAC,kBAAkB,CAAC,CAAC;YAC1D,CAAC,mBAGM;QACT,8BAAC,qBAAK,IACJ,IAAI,EAAE,eAAe,EACrB,OAAO,EAAC,iBAAiB,EACzB,OAAO,EAAE,sBAAsB,EAC/B,iBAAiB,EAAC,qBAAqB,EACvC,UAAU,QACV,SAAS,EAAE,SAAS,GACpB;QACF,8BAAC,qBAAW,IACV,UAAU,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,YAAY,mCAAI,EAAE,EACrD,IAAI,EAAE,4BAA4B,EAClC,OAAO,EAAE,+BAA+B,EACxC,QAAQ,EAAE,KAAK,IAAI,EAAE;;gBACnB,MAAM,oCAAkB,CAAC,mBAAmB,CAC1C,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,EAAE,mCAAI,EAAE,CAChC,CAAC;YACJ,CAAC,EACD,OAAO,EAAE,OAAO,GAChB,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,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 {\n  SvgAdd,\n  SvgDelete,\n  SvgEdit,\n  SvgMore,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n  Table,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { GroupPropertyReportingAPI } from \"../../api/generated/api\";\nimport { reportingClientApi } from \"../../api/reportingClient\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport type { CellProps } from \"react-table\";\nimport DeleteModal from \"./DeleteModal\";\nimport { PropertyMenuView } from \"./PropertyMenu\";\n\nexport type GroupProperty = CreateTypeFromInterface<GroupPropertyReportingAPI>;\n\nconst fetchGroupProperties = async (\n  setGroupProperties: React.Dispatch<React.SetStateAction<GroupProperty[]>>,\n  iModelId: string,\n  mappingId: string,\n  groupId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n  try {\n    setIsLoading(true);\n    const groupProperties = await reportingClientApi.getGroupProperties(\n      iModelId,\n      mappingId,\n      groupId,\n    );\n    setGroupProperties(groupProperties.properties ?? []);\n  } catch {\n    // TODO Toaster\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nconst useFetchGroupProperties = (\n  iModelId: string,\n  mappingId: string,\n  groupId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n): [GroupProperty[], React.Dispatch<React.SetStateAction<GroupProperty[]>>] => {\n  const [groupProperties, setGroupProperties] = useState<GroupProperty[]>([]);\n\n  useEffect(() => {\n    void fetchGroupProperties(\n      setGroupProperties,\n      iModelId,\n      mappingId,\n      groupId,\n      setIsLoading,\n    );\n  }, [groupId, iModelId, mappingId, setIsLoading]);\n\n  return [groupProperties, setGroupProperties];\n};\n\ninterface GroupPropertyTableProps {\n  iModelId: string;\n  mappingId: string;\n  groupId: string;\n\n  setSelectedGroupProperty: React.Dispatch<\n  React.SetStateAction<\n  CreateTypeFromInterface<GroupPropertyReportingAPI> | undefined\n  >\n  >;\n  setGroupModifyView: React.Dispatch<React.SetStateAction<PropertyMenuView>>;\n  onGroupPropertyModify: (value: CellProps<GroupProperty>) => void;\n  selectedGroupProperty?: GroupProperty;\n}\n\nconst GroupPropertyTable = ({\n  iModelId,\n  mappingId,\n  groupId,\n  selectedGroupProperty,\n  onGroupPropertyModify,\n  setSelectedGroupProperty,\n  setGroupModifyView,\n}: GroupPropertyTableProps) => {\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [groupProperties, setGroupProperties] = useFetchGroupProperties(\n    iModelId,\n    mappingId,\n    groupId,\n    setIsLoading,\n  );\n  const [showGroupPropertyDeleteModal, setShowGroupPropertyDeleteModal] =\n    useState<boolean>(false);\n\n  const refresh = useCallback(async () => {\n    setGroupProperties([]);\n    await fetchGroupProperties(\n      setGroupProperties,\n      iModelId,\n      mappingId,\n      groupId,\n      setIsLoading,\n    );\n  }, [groupId, iModelId, mappingId, setGroupProperties]);\n\n  const groupPropertiesColumns = useMemo(\n    () => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"propertyName\",\n            Header: \"Property\",\n            accessor: \"propertyName\",\n            Cell: (value: CellProps<GroupProperty>) => (\n              <div\n                className='iui-anchor'\n                onClick={() => onGroupPropertyModify(value)}\n              >\n                {value.row.original.propertyName}\n              </div>\n            ),\n          },\n          {\n            id: \"dropdown\",\n            Header: \"\",\n            width: 80,\n            Cell: (value: CellProps<GroupProperty>) => {\n              return (\n                <DropdownMenu\n                  menuItems={(close: () => void) => [\n                    <MenuItem\n                      key={0}\n                      onClick={() => onGroupPropertyModify(value)}\n                      icon={<SvgEdit />}\n                    >\n                      Modify\n                    </MenuItem>,\n                    <MenuItem\n                      key={1}\n                      onClick={() => {\n                        setSelectedGroupProperty(value.row.original);\n                        setShowGroupPropertyDeleteModal(true);\n                        close();\n                      }}\n                      icon={<SvgDelete />}\n                    >\n                      Remove\n                    </MenuItem>,\n                  ]}\n                >\n                  <IconButton styleType='borderless'>\n                    <SvgMore\n                      style={{\n                        width: \"16px\",\n                        height: \"16px\",\n                      }}\n                    />\n                  </IconButton>\n                </DropdownMenu>\n              );\n            },\n          },\n        ],\n      },\n    ],\n    [onGroupPropertyModify, setSelectedGroupProperty],\n  );\n\n  return (\n    <>\n      <Button\n        startIcon={<SvgAdd />}\n        styleType='high-visibility'\n        onClick={() => {\n          setGroupModifyView(PropertyMenuView.ADD_GROUP_PROPERTY);\n        }}\n      >\n        Add Property\n      </Button>\n      <Table<GroupProperty>\n        data={groupProperties}\n        density='extra-condensed'\n        columns={groupPropertiesColumns}\n        emptyTableContent='No Group Properties'\n        isSortable\n        isLoading={isLoading}\n      />\n      <DeleteModal\n        entityName={selectedGroupProperty?.propertyName ?? \"\"}\n        show={showGroupPropertyDeleteModal}\n        setShow={setShowGroupPropertyDeleteModal}\n        onDelete={async () => {\n          await reportingClientApi.deleteGroupProperty(\n            iModelId,\n            mappingId,\n            groupId,\n            selectedGroupProperty?.id ?? \"\",\n          );\n        }}\n        refresh={refresh}\n      />\n    </>\n  );\n};\n\nexport default GroupPropertyTable;\n"]}

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

@@ -0,0 +1,24 @@
+/*---------------------------------------------------------------------------------------------
+* 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';
+
+.find-similar-container {
+  color: var(--buic-foreground-body);
+}
+
+.button-container {
+  text-align: right;
+}
+
+.reset-button {
+  margin-left: 10px;
+}
+
+.select-element-hint {
+  display: flex;
+  height: 300px;
+  justify-content: center;
+  align-items: center;
+}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import "./GroupQueryBuilder.scss";
+export declare const GroupQueryBuilderContainer: React.FunctionComponent;
+//# sourceMappingURL=GroupQueryBuilderContainer.d.ts.map

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

@@ -0,0 +1,66 @@
+"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.GroupQueryBuilderContainer = 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 appui_react_1 = require("@itwin/appui-react");
+const presentation_common_1 = require("@itwin/presentation-common");
+const GroupQueryBuilderApi_1 = require("../../api/GroupQueryBuilderApi");
+const PropertyGridWrapper_1 = require("./property-grid/PropertyGridWrapper");
+const GroupQueryBuilderContext_1 = require("./GroupQueryBuilderContext");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+require("./GroupQueryBuilder.scss");
+const GroupQueryBuilderContainer = () => {
+    const iModelConnection = appui_react_1.useActiveIModelConnection();
+    const context = react_1.default.useContext(GroupQueryBuilderContext_1.GroupQueryBuilderContext);
+    const [keysState, setKeysState] = react_1.default.useState(new presentation_common_1.KeySet());
+    const [selected, SetSelected] = react_1.default.useState(false);
+    react_1.useEffect(() => {
+        const _onSelectionChanged = async (evt, selectionProvider) => {
+            SetSelected(true);
+            context.setCurrentPropertyList([]);
+            const selection = selectionProvider.getSelection(evt.imodel, evt.level);
+            const keys = new presentation_common_1.KeySet(selection);
+            setKeysState(keys);
+        };
+        if (iModelConnection) {
+            GroupQueryBuilderApi_1.GroupQueryBuilderApi.addSelectionListener(_onSelectionChanged);
+        }
+        return () => {
+            GroupQueryBuilderApi_1.GroupQueryBuilderApi.removeSelectionListener();
+        };
+    }, [iModelConnection, context]);
+    const _onClickResetButton = async () => {
+        context.setQuery("");
+        context.queryBuilder.query = undefined;
+        context.setCurrentPropertyList([]);
+    };
+    return (react_1.default.createElement("div", { className: 'find-similar-container' },
+        react_1.default.createElement(PropertyGridWrapper_1.PropertyGridWrapperApp, { keys: keysState, imodel: iModelConnection }),
+        selected && (react_1.default.createElement("div", { className: 'button-container' },
+            react_1.default.createElement(itwinui_react_1.Button, { styleType: 'default', size: 'small', className: 'reset-button', onClick: _onClickResetButton }, "Reset")))));
+};
+exports.GroupQueryBuilderContainer = GroupQueryBuilderContainer;
+//# sourceMappingURL=GroupQueryBuilderContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupQueryBuilderContainer.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupQueryBuilderContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAAyC;AACzC,oDAA+D;AAK/D,oEAAoD;AACpD,yEAAsE;AACtE,6EAA6E;AAC7E,yEAAsE;AACtE,wDAA8C;AAC9C,oCAAkC;AAE3B,MAAM,0BAA0B,GAA4B,GAAG,EAAE;IACtE,MAAM,gBAAgB,GAAG,uCAAyB,EAAE,CAAC;IACrD,MAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,mDAAwB,CAAC,CAAC;IAE3D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAS,IAAI,4BAAM,EAAE,CAAC,CAAC;IACvE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE/D,iBAAS,CAAC,GAAG,EAAE;QACb,MAAM,mBAAmB,GAAG,KAAK,EAC/B,GAA6B,EAC7B,iBAAqC,EACrC,EAAE;YACF,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,OAAO,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;YAEnC,MAAM,SAAS,GAAG,iBAAiB,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;YACxE,MAAM,IAAI,GAAG,IAAI,4BAAM,CAAC,SAAS,CAAC,CAAC;YACnC,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC;QAEF,IAAI,gBAAgB,EAAE;YACpB,2CAAoB,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;SAChE;QACD,OAAO,GAAG,EAAE;YACV,2CAAoB,CAAC,uBAAuB,EAAE,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhC,MAAM,mBAAmB,GAAG,KAAK,IAAI,EAAE;QACrC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACrB,OAAO,CAAC,YAAY,CAAC,KAAK,GAAG,SAAS,CAAC;QACvC,OAAO,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAC,wBAAwB;QACrC,8BAAC,4CAAsB,IAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,gBAAgB,GAAI;QACpE,QAAQ,IAAI,CACX,uCAAK,SAAS,EAAC,kBAAkB;YAC/B,8BAAC,sBAAM,IACL,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,mBAAmB,YAGrB,CACL,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,0BAA0B,8BAmDrC","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 } from \"react\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport type {\n  ISelectionProvider,\n  SelectionChangeEventArgs,\n} from \"@itwin/presentation-frontend\";\nimport { KeySet } from \"@itwin/presentation-common\";\nimport { GroupQueryBuilderApi } from \"../../api/GroupQueryBuilderApi\";\nimport { PropertyGridWrapperApp } from \"./property-grid/PropertyGridWrapper\";\nimport { GroupQueryBuilderContext } from \"./GroupQueryBuilderContext\";\nimport { Button } from \"@itwin/itwinui-react\";\nimport \"./GroupQueryBuilder.scss\";\n\nexport const GroupQueryBuilderContainer: React.FunctionComponent = () => {\n  const iModelConnection = useActiveIModelConnection();\n  const context = React.useContext(GroupQueryBuilderContext);\n\n  const [keysState, setKeysState] = React.useState<KeySet>(new KeySet());\n  const [selected, SetSelected] = React.useState<boolean>(false);\n\n  useEffect(() => {\n    const _onSelectionChanged = async (\n      evt: SelectionChangeEventArgs,\n      selectionProvider: ISelectionProvider,\n    ) => {\n      SetSelected(true);\n      context.setCurrentPropertyList([]);\n\n      const selection = selectionProvider.getSelection(evt.imodel, evt.level);\n      const keys = new KeySet(selection);\n      setKeysState(keys);\n    };\n\n    if (iModelConnection) {\n      GroupQueryBuilderApi.addSelectionListener(_onSelectionChanged);\n    }\n    return () => {\n      GroupQueryBuilderApi.removeSelectionListener();\n    };\n  }, [iModelConnection, context]);\n\n  const _onClickResetButton = async () => {\n    context.setQuery(\"\");\n    context.queryBuilder.query = undefined;\n    context.setCurrentPropertyList([]);\n  };\n\n  return (\n    <div className='find-similar-container'>\n      <PropertyGridWrapperApp keys={keysState} imodel={iModelConnection} />\n      {selected && (\n        <div className='button-container'>\n          <Button\n            styleType='default'\n            size='small'\n            className='reset-button'\n            onClick={_onClickResetButton}\n          >\n            Reset\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import type { PropertyRecord } from "@itwin/appui-abstract";
+import { QueryBuilder } from "./QueryBuilder";
+export interface PropertySelection {
+    currentPropertyList: PropertyRecord[];
+    setCurrentPropertyList: React.Dispatch<React.SetStateAction<PropertyRecord[]>>;
+    query: string;
+    setQuery: React.Dispatch<React.SetStateAction<string>>;
+    queryBuilder: QueryBuilder;
+    setQueryBuilder: React.Dispatch<React.SetStateAction<QueryBuilder>>;
+}
+export declare const GroupQueryBuilderContext: React.Context<PropertySelection>;
+//# sourceMappingURL=GroupQueryBuilderContext.d.ts.map

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

@@ -0,0 +1,37 @@
+"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.GroupQueryBuilderContext = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const React = __importStar(require("react"));
+const QueryBuilder_1 = require("./QueryBuilder");
+exports.GroupQueryBuilderContext = React.createContext({
+    currentPropertyList: [],
+    setCurrentPropertyList: () => [],
+    query: "",
+    setQuery: () => "",
+    queryBuilder: new QueryBuilder_1.QueryBuilder(undefined),
+    setQueryBuilder: () => new QueryBuilder_1.QueryBuilder(undefined),
+});
+//# sourceMappingURL=GroupQueryBuilderContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupQueryBuilderContext.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupQueryBuilderContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAE/B,iDAA8C;AAYjC,QAAA,wBAAwB,GAAG,KAAK,CAAC,aAAa,CAAoB;IAC7E,mBAAmB,EAAE,EAAE;IACvB,sBAAsB,EAAE,GAAG,EAAE,CAAC,EAAE;IAChC,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE;IAClB,YAAY,EAAE,IAAI,2BAAY,CAAC,SAAS,CAAC;IACzC,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,2BAAY,CAAC,SAAS,CAAC;CACnD,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 { QueryBuilder } from \"./QueryBuilder\";\n\nexport interface PropertySelection {\n  currentPropertyList: PropertyRecord[];\n  setCurrentPropertyList: React.Dispatch<\n  React.SetStateAction<PropertyRecord[]>\n  >;\n  query: string;\n  setQuery: React.Dispatch<React.SetStateAction<string>>;\n  queryBuilder: QueryBuilder;\n  setQueryBuilder: React.Dispatch<React.SetStateAction<QueryBuilder>>;\n}\nexport const GroupQueryBuilderContext = React.createContext<PropertySelection>({\n  currentPropertyList: [],\n  setCurrentPropertyList: () => [],\n  query: \"\",\n  setQuery: () => \"\",\n  queryBuilder: new QueryBuilder(undefined),\n  setQueryBuilder: () => new QueryBuilder(undefined),\n});\n"]}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { GroupReportingAPI, MappingReportingAPI } from "../../api/generated/api";
+import type { CreateTypeFromInterface } from "../utils";
+import "./Grouping.scss";
+export declare type Group = CreateTypeFromInterface<GroupReportingAPI>;
+interface GroupsTreeProps {
+    mapping: MappingReportingAPI;
+    goBack: () => Promise<void>;
+}
+export declare const Groupings: ({ mapping, goBack }: GroupsTreeProps) => JSX.Element | null;
+export {};
+//# sourceMappingURL=Grouping.d.ts.map