@itwin/grouping-mapping-widget 0.2.0

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupPropertyTable.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupPropertyTable.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 {\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/esm/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/esm/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