@itwin/grouping-mapping-widget 0.2.0

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

@@ -0,0 +1,98 @@
+"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_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+const reportingClient_1 = require("../../api/reportingClient");
+const ActionPanel_1 = __importDefault(require("./ActionPanel"));
+const useValidator_1 = __importStar(require("../hooks/useValidator"));
+const utils_1 = require("./utils");
+require("./MappingAction.scss");
+const MappingAction = ({ iModelId, mapping, returnFn }) => {
+    var _a, _b;
+    const [values, setValues] = react_1.useState({
+        name: (_a = mapping === null || mapping === void 0 ? void 0 : mapping.mappingName) !== null && _a !== void 0 ? _a : "",
+        description: (_b = mapping === null || mapping === void 0 ? void 0 : mapping.description) !== null && _b !== void 0 ? _b : "",
+    });
+    const [validator, showValidationMessage] = useValidator_1.default();
+    const [isLoading, setIsLoading] = react_1.useState(false);
+    // TODO ERRORED STATE
+    const onSave = async () => {
+        var _a;
+        try {
+            if (!validator.allValid()) {
+                showValidationMessage(true);
+                return;
+            }
+            setIsLoading(true);
+            mapping
+                ? await reportingClient_1.reportingClientApi.updateMapping(iModelId, (_a = mapping.id) !== null && _a !== void 0 ? _a : "", {
+                    mappingName: values.name,
+                    description: values.description,
+                })
+                : await reportingClient_1.reportingClientApi.createMapping(iModelId, {
+                    mappingName: values.name,
+                    description: values.description,
+                });
+            await returnFn();
+        }
+        catch {
+            setIsLoading(false);
+        }
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(utils_1.WidgetHeader, { title: mapping ? "Modify Mapping" : "Add Mapping", returnFn: returnFn }),
+        react_1.default.createElement("div", { className: 'details-form-container' },
+            react_1.default.createElement(itwinui_react_1.Fieldset, { legend: 'Mapping Details', className: 'details-form' },
+                react_1.default.createElement(itwinui_react_1.Small, { className: 'field-legend' }, "Asterisk * indicates mandatory fields."),
+                react_1.default.createElement(itwinui_react_1.LabeledInput, { id: 'name', name: 'name', label: 'Name', value: values.name, required: true, onChange: (event) => {
+                        utils_1.handleInputChange(event, values, setValues);
+                        validator.showMessageFor("name");
+                    }, message: validator.message("name", values.name, useValidator_1.NAME_REQUIREMENTS), status: validator.message("name", values.name, useValidator_1.NAME_REQUIREMENTS)
+                        ? "negative"
+                        : undefined, onBlur: () => {
+                        validator.showMessageFor("name");
+                    }, onBlurCapture: (event) => {
+                        utils_1.handleInputChange(event, values, setValues);
+                        validator.showMessageFor("name");
+                    } }),
+                react_1.default.createElement(itwinui_react_1.LabeledInput, { id: 'description', required: true, name: 'description', label: 'Description', value: values.description, onChange: (event) => {
+                        utils_1.handleInputChange(event, values, setValues);
+                        validator.showMessageFor("description");
+                    }, message: validator.message("description", values.description, "required"), status: validator.message("description", values.description, "required")
+                        ? "negative"
+                        : undefined, onBlur: () => {
+                        validator.showMessageFor("description");
+                    }, onBlurCapture: (event) => {
+                        utils_1.handleInputChange(event, values, setValues);
+                        validator.showMessageFor("description");
+                    } }))),
+        react_1.default.createElement(ActionPanel_1.default, { onSave: onSave, onCancel: returnFn, disabled: !(values.name && values.description), isLoading: isLoading })));
+};
+exports.default = MappingAction;
+//# sourceMappingURL=MappingAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MappingAction.js","sourceRoot":"","sources":["../../../../src/widget/components/MappingAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,wDAAqE;AACrE,+CAAwC;AAExC,+DAA+D;AAC/D,gEAAwC;AACxC,sEAAwE;AACxE,mCAA0D;AAC1D,gCAA8B;AAQ9B,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAsB,EAAE,EAAE;;IAC5E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,gBAAQ,CAAC;QACnC,IAAI,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,EAAE;QAChC,WAAW,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,EAAE;KACxC,CAAC,CAAC;IACH,MAAM,CAAC,SAAS,EAAE,qBAAqB,CAAC,GAAG,sBAAY,EAAE,CAAC;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IAE3D,qBAAqB;IACrB,MAAM,MAAM,GAAG,KAAK,IAAI,EAAE;;QACxB,IAAI;YACF,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE;gBACzB,qBAAqB,CAAC,IAAI,CAAC,CAAC;gBAC5B,OAAO;aACR;YACD,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,OAAO;gBACL,CAAC,CAAC,MAAM,oCAAkB,CAAC,aAAa,CAAC,QAAQ,EAAE,MAAA,OAAO,CAAC,EAAE,mCAAI,EAAE,EAAE;oBACnE,WAAW,EAAE,MAAM,CAAC,IAAI;oBACxB,WAAW,EAAE,MAAM,CAAC,WAAW;iBAChC,CAAC;gBACF,CAAC,CAAC,MAAM,oCAAkB,CAAC,aAAa,CAAC,QAAQ,EAAE;oBACjD,WAAW,EAAE,MAAM,CAAC,IAAI;oBACxB,WAAW,EAAE,MAAM,CAAC,WAAW;iBAChC,CAAC,CAAC;YACL,MAAM,QAAQ,EAAE,CAAC;SAClB;QAAC,MAAM;YACN,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,oBAAY,IACX,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,EACjD,QAAQ,EAAE,QAAQ,GAClB;QACF,uCAAK,SAAS,EAAC,wBAAwB;YACrC,8BAAC,wBAAQ,IAAC,MAAM,EAAC,iBAAiB,EAAC,SAAS,EAAC,cAAc;gBACzD,8BAAC,qBAAK,IAAC,SAAS,EAAC,cAAc,6CAEvB;gBACR,8BAAC,4BAAY,IACX,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,QAAQ,QACR,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,yBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;wBAC5C,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBACnC,CAAC,EACD,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,gCAAiB,CAAC,EAClE,MAAM,EACJ,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,gCAAiB,CAAC;wBACvD,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,SAAS,EAEf,MAAM,EAAE,GAAG,EAAE;wBACX,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBACnC,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;wBACvB,yBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;wBAC5C,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBACnC,CAAC,GACD;gBACF,8BAAC,4BAAY,IACX,EAAE,EAAC,aAAa,EAChB,QAAQ,QACR,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,MAAM,CAAC,WAAW,EACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,yBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;wBAC5C,SAAS,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;oBAC1C,CAAC,EACD,OAAO,EAAE,SAAS,CAAC,OAAO,CACxB,aAAa,EACb,MAAM,CAAC,WAAW,EAClB,UAAU,CACX,EACD,MAAM,EACJ,SAAS,CAAC,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,WAAW,EAAE,UAAU,CAAC;wBAC9D,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,SAAS,EAEf,MAAM,EAAE,GAAG,EAAE;wBACX,SAAS,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;wBACvB,yBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;wBAC5C,SAAS,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;oBAC1C,CAAC,GACD,CACO,CACP;QACN,8BAAC,qBAAW,IACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,WAAW,CAAC,EAC9C,SAAS,EAAE,SAAS,GACpB,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,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 { Fieldset, LabeledInput, Small } from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport type { MappingReportingAPI } from \"../../api/generated/api\";\nimport { reportingClientApi } from \"../../api/reportingClient\";\nimport ActionPanel from \"./ActionPanel\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport { handleInputChange, WidgetHeader } from \"./utils\";\nimport \"./MappingAction.scss\";\n\ninterface MappingActionProps {\n  iModelId: string;\n  mapping?: MappingReportingAPI;\n  returnFn: () => Promise<void>;\n}\n\nconst MappingAction = ({ iModelId, mapping, returnFn }: MappingActionProps) => {\n  const [values, setValues] = useState({\n    name: mapping?.mappingName ?? \"\",\n    description: mapping?.description ?? \"\",\n  });\n  const [validator, showValidationMessage] = useValidator();\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  // TODO ERRORED STATE\n  const onSave = async () => {\n    try {\n      if (!validator.allValid()) {\n        showValidationMessage(true);\n        return;\n      }\n      setIsLoading(true);\n      mapping\n        ? await reportingClientApi.updateMapping(iModelId, mapping.id ?? \"\", {\n          mappingName: values.name,\n          description: values.description,\n        })\n        : await reportingClientApi.createMapping(iModelId, {\n          mappingName: values.name,\n          description: values.description,\n        });\n      await returnFn();\n    } catch {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <>\n      <WidgetHeader\n        title={mapping ? \"Modify Mapping\" : \"Add Mapping\"}\n        returnFn={returnFn}\n      />\n      <div className='details-form-container'>\n        <Fieldset legend='Mapping Details' className='details-form'>\n          <Small className='field-legend'>\n            Asterisk * indicates mandatory fields.\n          </Small>\n          <LabeledInput\n            id='name'\n            name='name'\n            label='Name'\n            value={values.name}\n            required\n            onChange={(event) => {\n              handleInputChange(event, values, setValues);\n              validator.showMessageFor(\"name\");\n            }}\n            message={validator.message(\"name\", values.name, NAME_REQUIREMENTS)}\n            status={\n              validator.message(\"name\", values.name, NAME_REQUIREMENTS)\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"name\");\n            }}\n            onBlurCapture={(event) => {\n              handleInputChange(event, values, setValues);\n              validator.showMessageFor(\"name\");\n            }}\n          />\n          <LabeledInput\n            id='description'\n            required\n            name='description'\n            label='Description'\n            value={values.description}\n            onChange={(event) => {\n              handleInputChange(event, values, setValues);\n              validator.showMessageFor(\"description\");\n            }}\n            message={validator.message(\n              \"description\",\n              values.description,\n              \"required\",\n            )}\n            status={\n              validator.message(\"description\", values.description, \"required\")\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"description\");\n            }}\n            onBlurCapture={(event) => {\n              handleInputChange(event, values, setValues);\n              validator.showMessageFor(\"description\");\n            }}\n          />\n        </Fieldset>\n      </div>\n      <ActionPanel\n        onSave={onSave}\n        onCancel={returnFn}\n        disabled={!(values.name && values.description)}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n\nexport default MappingAction;\n"]}

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

@@ -0,0 +1,16 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import '~@itwin/itwinui-css/scss/variables';
+
+.details-form-container {
+  overflow-x: auto;
+  height: 100%;
+
+  .details-form {
+    display: flex;
+    flex-direction: column;
+    gap: $iui-baseline;
+  }
+}

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

@@ -0,0 +1,10 @@
+import React from "react";
+import "./MappingImportWizardModal.scss";
+interface MappingImportWizardModalProps {
+    show: boolean;
+    setShow: React.Dispatch<React.SetStateAction<boolean>>;
+    onFinish: () => Promise<void>;
+}
+export declare const MappingImportWizardModal: ({ show, setShow, onFinish, }: MappingImportWizardModalProps) => JSX.Element;
+export {};
+//# sourceMappingURL=MappingImportWizardModal.d.ts.map

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

@@ -0,0 +1,102 @@
+"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 });
+exports.MappingImportWizardModal = 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 itwinui_react_1 = require("@itwin/itwinui-react");
+const SelectProject_1 = __importDefault(require("./SelectProject"));
+require("./MappingImportWizardModal.scss");
+const SelectIModel_1 = __importDefault(require("./SelectIModel"));
+const SelectMappings_1 = __importDefault(require("./SelectMappings"));
+const ConfirmMappingsImport_1 = __importDefault(require("./ConfirmMappingsImport"));
+const MappingImportWizardModal = ({ show, setShow, onFinish, }) => {
+    const [currentStep, setCurrentStep] = react_1.useState(0);
+    const [selectedProjectId, setSelectedProjectId] = react_1.useState("");
+    const [selectedIModelId, setSelectedIModelId] = react_1.useState("");
+    const [selectedMappings, setSelectedMappings] = react_1.useState([]);
+    const [importing, setImporting] = react_1.useState(false);
+    const steps = react_1.useRef([
+        {
+            name: "Select source project",
+            description: "Select the source project to bring your mappings from.",
+        },
+        {
+            name: "Select iModel",
+            description: "Select an iModel within the project you have selected.",
+        },
+        {
+            name: "Select Mapping",
+            description: "Select one or more mappings to import.",
+        },
+        {
+            name: "Rename & Confirm",
+            description: "Rename and confirm your selections. Click import when finished.",
+        },
+    ]);
+    const onClose = async () => {
+        setShow(false);
+        await onFinish();
+    };
+    return (react_1.default.createElement(itwinui_react_1.Modal, { title: 'Import Mappings', modalRootId: 'grouping-mapping-widget', isOpen: show, closeOnEsc: false, closeOnExternalClick: false, isDismissible: !importing, onClose: async () => {
+            await onClose();
+        } },
+        react_1.default.createElement("div", { className: 'import-wizard-body-container' },
+            react_1.default.createElement(itwinui_react_1.Wizard, { currentStep: currentStep, steps: steps.current, onStepClick: importing ? undefined : (index) => setCurrentStep(index) }),
+            (() => {
+                switch (currentStep) {
+                    case 0:
+                        return (react_1.default.createElement(SelectProject_1.default, { onSelect: (project) => {
+                                setSelectedProjectId(project.id);
+                                setCurrentStep(1);
+                            }, onCancel: onClose }));
+                    case 1:
+                        return (react_1.default.createElement(SelectIModel_1.default, { projectId: selectedProjectId, onSelect: (iModel) => {
+                                setSelectedIModelId(iModel.id);
+                                setCurrentStep(2);
+                            }, backFn: () => setCurrentStep(currentStep - 1), onCancel: onClose }));
+                    case 2:
+                    case 3:
+                        // Preserve table state within Select Mappings
+                        return (react_1.default.createElement(react_1.default.Fragment, null,
+                            react_1.default.createElement("div", { style: { display: currentStep === 2 ? "block" : "none" } },
+                                react_1.default.createElement(SelectMappings_1.default, { iModelId: selectedIModelId, onSelect: (selectedMappings) => {
+                                        setSelectedMappings(selectedMappings);
+                                        setCurrentStep(3);
+                                    }, onCancel: onClose, backFn: () => setCurrentStep(currentStep - 1) })),
+                            currentStep === 3 && (react_1.default.createElement(ConfirmMappingsImport_1.default, { sourceiModelId: selectedIModelId, selectedMappings: selectedMappings, importing: importing, setImporting: setImporting, setSelectedMappings: setSelectedMappings, backFn: () => setCurrentStep(currentStep - 1), onCancel: onClose, onFinish: async () => {
+                                    await onClose();
+                                    setCurrentStep(0);
+                                    setImporting(false);
+                                } }))));
+                    default:
+                        return null;
+                }
+            })())));
+};
+exports.MappingImportWizardModal = MappingImportWizardModal;
+//# sourceMappingURL=MappingImportWizardModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MappingImportWizardModal.js","sourceRoot":"","sources":["../../../../src/widget/components/MappingImportWizardModal.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React, { useRef, useState } from \"react\";\nimport type { StepProperties} from \"@itwin/itwinui-react\";\nimport { Modal, Wizard } from \"@itwin/itwinui-react\";\nimport SelectProject from \"./SelectProject\";\nimport \"./MappingImportWizardModal.scss\";\nimport SelectIModel from \"./SelectIModel\";\nimport SelectMappings from \"./SelectMappings\";\nimport type { Mapping } from \"./Mapping\";\nimport ConfirmMappingImport from \"./ConfirmMappingsImport\";\n\ninterface MappingImportWizardModalProps {\n  show: boolean;\n  setShow: React.Dispatch<React.SetStateAction<boolean>>;\n  onFinish: () => Promise<void>;\n}\n\nexport const MappingImportWizardModal = ({\n  show,\n  setShow,\n  onFinish,\n}: MappingImportWizardModalProps) => {\n  const [currentStep, setCurrentStep] = useState<number>(0);\n  const [selectedProjectId, setSelectedProjectId] = useState<string>(\"\");\n  const [selectedIModelId, setSelectedIModelId] = useState<string>(\"\");\n  const [selectedMappings, setSelectedMappings] = useState<Mapping[]>([]);\n  const [importing, setImporting] = useState<boolean>(false);\n\n  const steps = useRef<StepProperties[]>([\n    {\n      name: \"Select source project\",\n      description: \"Select the source project to bring your mappings from.\",\n    },\n    {\n      name: \"Select iModel\",\n      description: \"Select an iModel within the project you have selected.\",\n    },\n    {\n      name: \"Select Mapping\",\n      description: \"Select one or more mappings to import.\",\n    },\n    {\n      name: \"Rename & Confirm\",\n      description:\n        \"Rename and confirm your selections. Click import when finished.\",\n    },\n  ]);\n\n  const onClose = async () => {\n    setShow(false);\n    await onFinish();\n  };\n\n  return (\n    <Modal\n      title='Import Mappings'\n      modalRootId='grouping-mapping-widget'\n      isOpen={show}\n      closeOnEsc={false}\n      closeOnExternalClick={false}\n      isDismissible={!importing}\n      onClose={async () => {\n        await onClose();\n      }}\n    >\n      <div className='import-wizard-body-container'>\n        <Wizard\n          currentStep={currentStep}\n          steps={steps.current}\n          onStepClick={\n            importing ? undefined : (index: number) => setCurrentStep(index)\n          }\n        />\n\n        {(() => {\n          switch (currentStep) {\n            case 0:\n              return (\n                <SelectProject\n                  onSelect={(project) => {\n                    setSelectedProjectId(project.id);\n                    setCurrentStep(1);\n                  }}\n                  onCancel={onClose}\n                />\n              );\n            case 1:\n              return (\n                <SelectIModel\n                  projectId={selectedProjectId}\n                  onSelect={(iModel) => {\n                    setSelectedIModelId(iModel.id);\n                    setCurrentStep(2);\n                  }}\n                  backFn={() => setCurrentStep(currentStep - 1)}\n                  onCancel={onClose}\n                />\n              );\n            case 2:\n            case 3:\n              // Preserve table state within Select Mappings\n              return (\n                <>\n                  <div\n                    style={{ display: currentStep === 2 ? \"block\" : \"none\" }}\n                  >\n                    <SelectMappings\n                      iModelId={selectedIModelId}\n                      onSelect={(selectedMappings) => {\n                        setSelectedMappings(selectedMappings);\n                        setCurrentStep(3);\n                      }}\n                      onCancel={onClose}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                    />\n                  </div>\n                  {currentStep === 3 && (\n                    <ConfirmMappingImport\n                      sourceiModelId={selectedIModelId}\n                      selectedMappings={selectedMappings}\n                      importing={importing}\n                      setImporting={setImporting}\n                      setSelectedMappings={setSelectedMappings}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      onCancel={onClose}\n                      onFinish={async () => {\n                        await onClose();\n                        setCurrentStep(0);\n                        setImporting(false);\n                      }}\n                    />\n                  )}\n                </>\n              );\n            default:\n              return null;\n          }\n        })()}\n      </div>\n    </Modal>\n  );\n};\n"]}

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

@@ -0,0 +1,21 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import '~@itwin/itwinui-css/scss/variables';
+
+.import-wizard-body-container {
+  display: flex;
+  flex-direction: column;
+  gap: $iui-baseline * 2;
+  margin-top: $iui-baseline * 2;
+  width: 50vw;
+  min-width: 400px;
+}
+
+.import-action-panel {
+  display: flex;
+  justify-content: space-between;
+  padding: $iui-baseline * 2 $iui-m $iui-baseline;
+  gap: $iui-s;
+}

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import type { Group } from "./Grouping";
+import "./PropertyMenu.scss";
+interface PropertyModifyProps {
+    iModelId: string;
+    mappingId: string;
+    group: Group;
+    goBack: () => Promise<void>;
+    hideGroupProps?: boolean;
+    hideCalculatedProps?: boolean;
+    hideCustomCalculationProps?: boolean;
+}
+export declare enum PropertyMenuView {
+    DEFAULT = "default",
+    ADD_GROUP_PROPERTY = "add_group_property",
+    MODIFY_GROUP_PROPERTY = "modify_group_property",
+    ADD_CALCULATED_PROPERTY = "add_calculated_property",
+    MODIFY_CALCULATED_PROPERTY = "modify_calculated_property",
+    ADD_CUSTOM_CALCULATION = "add_custom_calculation",
+    MODIFY_CUSTOM_CALCULATION = "modify_custom_calculation"
+}
+export declare const PropertyMenu: ({ iModelId, mappingId, group, goBack, hideGroupProps, hideCalculatedProps, hideCustomCalculationProps, }: PropertyModifyProps) => JSX.Element;
+export {};
+//# sourceMappingURL=PropertyMenu.d.ts.map

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

@@ -0,0 +1,141 @@
+"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 });
+exports.PropertyMenu = exports.PropertyMenuView = void 0;
+const presentation_frontend_1 = require("@itwin/presentation-frontend");
+const appui_react_1 = require("@itwin/appui-react");
+const react_1 = __importStar(require("react"));
+const utils_1 = require("./utils");
+const viewerUtils_1 = require("./viewerUtils");
+require("./PropertyMenu.scss");
+const GroupPropertyAction_1 = __importDefault(require("./GroupPropertyAction"));
+const CalculatedPropertyAction_1 = __importDefault(require("./CalculatedPropertyAction"));
+const GroupPropertyTable_1 = __importDefault(require("./GroupPropertyTable"));
+const CalculatedPropertyTable_1 = __importDefault(require("./CalculatedPropertyTable"));
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const DatabaseInfo_1 = __importDefault(require("../icons/DatabaseInfo"));
+const CustomCalculationTable_1 = __importDefault(require("./CustomCalculationTable"));
+const CustomCalculationAction_1 = __importDefault(require("./CustomCalculationAction"));
+const presentation_common_1 = require("@itwin/presentation-common");
+var PropertyMenuView;
+(function (PropertyMenuView) {
+    PropertyMenuView["DEFAULT"] = "default";
+    PropertyMenuView["ADD_GROUP_PROPERTY"] = "add_group_property";
+    PropertyMenuView["MODIFY_GROUP_PROPERTY"] = "modify_group_property";
+    PropertyMenuView["ADD_CALCULATED_PROPERTY"] = "add_calculated_property";
+    PropertyMenuView["MODIFY_CALCULATED_PROPERTY"] = "modify_calculated_property";
+    PropertyMenuView["ADD_CUSTOM_CALCULATION"] = "add_custom_calculation";
+    PropertyMenuView["MODIFY_CUSTOM_CALCULATION"] = "modify_custom_calculation";
+})(PropertyMenuView = exports.PropertyMenuView || (exports.PropertyMenuView = {}));
+const PropertyMenu = ({ iModelId, mappingId, group, goBack, hideGroupProps = false, hideCalculatedProps = false, hideCustomCalculationProps = false, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    const iModelConnection = appui_react_1.useActiveIModelConnection();
+    const [propertyMenuView, setPropertyMenuView] = react_1.useState(PropertyMenuView.DEFAULT);
+    const [selectedGroupProperty, setSelectedGroupProperty] = react_1.useState(undefined);
+    const [selectedCalculatedProperty, setSelectedCalculatedProperty] = react_1.useState(undefined);
+    const [selectedCustomCalculation, setSelectedCustomCalculation] = react_1.useState(undefined);
+    const [isInformationPanelOpen, setIsInformationPanelOpen] = react_1.useState(false);
+    const [resolvedHiliteIds, setResolvedHiliteIds] = react_1.useState([]);
+    const [keySet, setKeySet] = react_1.useState();
+    const [isLoading, setIsLoading] = react_1.useState(true);
+    react_1.useEffect(() => {
+        const initialize = async () => {
+            var _a;
+            const ids = await utils_1.fetchIdsFromQuery((_a = group.query) !== null && _a !== void 0 ? _a : "", iModelConnection);
+            const keys = await viewerUtils_1.manufactureKeys(ids, iModelConnection);
+            setKeySet(keys);
+            presentation_frontend_1.Presentation.selection.clearSelection("GroupingMappingWidget", iModelConnection);
+            viewerUtils_1.clearEmphasizedElements();
+            const resolvedIds = await viewerUtils_1.visualizeElementsByKeys(keys, "red");
+            await viewerUtils_1.zoomToElements(resolvedIds);
+            setResolvedHiliteIds(resolvedIds);
+            setIsLoading(false);
+        };
+        void initialize();
+    }, [iModelConnection, group.query]);
+    const onGroupPropertyModify = react_1.useCallback((value) => {
+        setSelectedGroupProperty(value.row.original);
+        setPropertyMenuView(PropertyMenuView.MODIFY_GROUP_PROPERTY);
+    }, []);
+    const onCalculatedPropertyModify = react_1.useCallback((value) => {
+        setSelectedCalculatedProperty(value.row.original);
+        setPropertyMenuView(PropertyMenuView.MODIFY_CALCULATED_PROPERTY);
+    }, []);
+    const onCustomCalculationModify = react_1.useCallback((value) => {
+        setSelectedCustomCalculation(value.row.original);
+        setPropertyMenuView(PropertyMenuView.MODIFY_CUSTOM_CALCULATION);
+    }, []);
+    const calculatedPropertyReturn = react_1.useCallback(async () => {
+        viewerUtils_1.visualizeElements(resolvedHiliteIds, "red");
+        await viewerUtils_1.zoomToElements(resolvedHiliteIds);
+        setPropertyMenuView(PropertyMenuView.DEFAULT);
+    }, [resolvedHiliteIds]);
+    if (isLoading) {
+        return (react_1.default.createElement("div", { className: 'loading-overlay' },
+            react_1.default.createElement(itwinui_react_1.Text, null, "Loading Group"),
+            react_1.default.createElement(itwinui_react_1.ProgressRadial, { indeterminate: true }),
+            react_1.default.createElement(itwinui_react_1.Text, null, "Please wait...")));
+    }
+    switch (propertyMenuView) {
+        case PropertyMenuView.ADD_GROUP_PROPERTY:
+            return (react_1.default.createElement(GroupPropertyAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: (_a = group.id) !== null && _a !== void 0 ? _a : "", keySet: keySet !== null && keySet !== void 0 ? keySet : new presentation_common_1.KeySet(), returnFn: async () => {
+                    setPropertyMenuView(PropertyMenuView.DEFAULT);
+                } }));
+        case PropertyMenuView.MODIFY_GROUP_PROPERTY:
+            return (react_1.default.createElement(GroupPropertyAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: (_b = group.id) !== null && _b !== void 0 ? _b : "", keySet: keySet !== null && keySet !== void 0 ? keySet : new presentation_common_1.KeySet(), groupPropertyId: (_c = selectedGroupProperty === null || selectedGroupProperty === void 0 ? void 0 : selectedGroupProperty.id) !== null && _c !== void 0 ? _c : "", groupPropertyName: (_d = selectedGroupProperty === null || selectedGroupProperty === void 0 ? void 0 : selectedGroupProperty.propertyName) !== null && _d !== void 0 ? _d : "", returnFn: async () => {
+                    setPropertyMenuView(PropertyMenuView.DEFAULT);
+                } }));
+        case PropertyMenuView.ADD_CALCULATED_PROPERTY:
+            return (react_1.default.createElement(CalculatedPropertyAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: (_e = group.id) !== null && _e !== void 0 ? _e : "", ids: resolvedHiliteIds, returnFn: calculatedPropertyReturn }));
+        case PropertyMenuView.MODIFY_CALCULATED_PROPERTY:
+            return (react_1.default.createElement(CalculatedPropertyAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: (_f = group.id) !== null && _f !== void 0 ? _f : "", property: selectedCalculatedProperty, ids: resolvedHiliteIds, returnFn: calculatedPropertyReturn }));
+        case PropertyMenuView.ADD_CUSTOM_CALCULATION:
+            return (react_1.default.createElement(CustomCalculationAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: (_g = group.id) !== null && _g !== void 0 ? _g : "", returnFn: async () => {
+                    setPropertyMenuView(PropertyMenuView.DEFAULT);
+                } }));
+        case PropertyMenuView.MODIFY_CUSTOM_CALCULATION:
+            return (react_1.default.createElement(CustomCalculationAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: (_h = group.id) !== null && _h !== void 0 ? _h : "", customCalculation: selectedCustomCalculation, returnFn: calculatedPropertyReturn }));
+        default:
+            return (react_1.default.createElement(itwinui_react_1.InformationPanelWrapper, { className: 'property-menu-wrapper' },
+                react_1.default.createElement("div", { className: 'property-header' },
+                    react_1.default.createElement(utils_1.WidgetHeader, { title: `${(_j = group.groupName) !== null && _j !== void 0 ? _j : ""}`, returnFn: goBack }),
+                    react_1.default.createElement(itwinui_react_1.IconButton, { styleType: 'borderless', onClick: () => setIsInformationPanelOpen(true) },
+                        react_1.default.createElement(DatabaseInfo_1.default, null))),
+                react_1.default.createElement("div", { className: 'property-menu-container' },
+                    !hideGroupProps && (react_1.default.createElement("div", { className: 'property-table' },
+                        react_1.default.createElement(GroupPropertyTable_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: (_k = group.id) !== null && _k !== void 0 ? _k : "", onGroupPropertyModify: onGroupPropertyModify, setSelectedGroupProperty: setSelectedGroupProperty, setGroupModifyView: setPropertyMenuView, selectedGroupProperty: selectedGroupProperty }))),
+                    !hideCalculatedProps && (react_1.default.createElement("div", { className: 'property-table' },
+                        react_1.default.createElement(CalculatedPropertyTable_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: (_l = group.id) !== null && _l !== void 0 ? _l : "", onCalculatedPropertyModify: onCalculatedPropertyModify, setSelectedCalculatedProperty: setSelectedCalculatedProperty, setGroupModifyView: setPropertyMenuView, selectedCalculatedProperty: selectedCalculatedProperty }))),
+                    !hideCustomCalculationProps && (react_1.default.createElement("div", { className: 'property-table' },
+                        react_1.default.createElement(CustomCalculationTable_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: (_m = group.id) !== null && _m !== void 0 ? _m : "", onCustomCalculationModify: onCustomCalculationModify, setSelectedCustomCalculation: setSelectedCustomCalculation, setGroupModifyView: setPropertyMenuView, selectedCustomCalculation: selectedCustomCalculation })))),
+                react_1.default.createElement(itwinui_react_1.InformationPanel, { className: 'information-panel', isOpen: isInformationPanelOpen },
+                    react_1.default.createElement(itwinui_react_1.InformationPanelHeader, { onClose: () => setIsInformationPanelOpen(false) },
+                        react_1.default.createElement(itwinui_react_1.Text, { variant: 'subheading' }, `${(_o = group.groupName) !== null && _o !== void 0 ? _o : ""} Information`)),
+                    react_1.default.createElement(itwinui_react_1.InformationPanelBody, null,
+                        react_1.default.createElement("div", { className: 'information-body' },
+                            react_1.default.createElement(itwinui_react_1.LabeledTextarea, { label: 'Query', rows: 15, readOnly: true, defaultValue: (_p = group.query) !== null && _p !== void 0 ? _p : "" }))))));
+    }
+};
+exports.PropertyMenu = PropertyMenu;
+//# sourceMappingURL=PropertyMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyMenu.js","sourceRoot":"","sources":["../../../../src/widget/components/PropertyMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport React, { useCallback, useEffect, useState } from \"react\";\n\nimport { fetchIdsFromQuery, WidgetHeader } from \"./utils\";\nimport {\n  clearEmphasizedElements,\n  manufactureKeys,\n  visualizeElements,\n  visualizeElementsByKeys,\n  zoomToElements,\n} from \"./viewerUtils\";\nimport type { Group } from \"./Grouping\";\nimport \"./PropertyMenu.scss\";\nimport GroupPropertyAction from \"./GroupPropertyAction\";\nimport CalculatedPropertyAction from \"./CalculatedPropertyAction\";\nimport type { GroupProperty } from \"./GroupPropertyTable\";\nimport GroupPropertyTable from \"./GroupPropertyTable\";\nimport type {\n  CalculatedProperty,\n} from \"./CalculatedPropertyTable\";\nimport CalculatedPropertyTable from \"./CalculatedPropertyTable\";\nimport {\n  IconButton,\n  InformationPanel,\n  InformationPanelBody,\n  InformationPanelHeader,\n  InformationPanelWrapper,\n  LabeledTextarea,\n  ProgressRadial,\n  Text,\n} from \"@itwin/itwinui-react\";\nimport DatabaseInfoIcon from \"../icons/DatabaseInfo\";\nimport type { CellProps } from \"react-table\";\nimport type {\n  CustomCalculation,\n} from \"./CustomCalculationTable\";\nimport CustomCalculationTable from \"./CustomCalculationTable\";\nimport CustomCalculationAction from \"./CustomCalculationAction\";\nimport { KeySet } from \"@itwin/presentation-common\";\n\ninterface PropertyModifyProps {\n  iModelId: string;\n  mappingId: string;\n  group: Group;\n  goBack: () => Promise<void>;\n  hideGroupProps?: boolean;\n  hideCalculatedProps?: boolean;\n  hideCustomCalculationProps?: boolean;\n}\n\nexport enum PropertyMenuView {\n  DEFAULT = \"default\",\n  ADD_GROUP_PROPERTY = \"add_group_property\",\n  MODIFY_GROUP_PROPERTY = \"modify_group_property\",\n  ADD_CALCULATED_PROPERTY = \"add_calculated_property\",\n  MODIFY_CALCULATED_PROPERTY = \"modify_calculated_property\",\n  ADD_CUSTOM_CALCULATION = \"add_custom_calculation\",\n  MODIFY_CUSTOM_CALCULATION = \"modify_custom_calculation\",\n}\n\nexport const PropertyMenu = ({\n  iModelId,\n  mappingId,\n  group,\n  goBack,\n  hideGroupProps = false,\n  hideCalculatedProps = false,\n  hideCustomCalculationProps = false,\n}: PropertyModifyProps) => {\n  const iModelConnection = useActiveIModelConnection() as IModelConnection;\n  const [propertyMenuView, setPropertyMenuView] = useState<PropertyMenuView>(\n    PropertyMenuView.DEFAULT,\n  );\n  const [selectedGroupProperty, setSelectedGroupProperty] = useState<\n  GroupProperty | undefined\n  >(undefined);\n  const [selectedCalculatedProperty, setSelectedCalculatedProperty] = useState<\n  CalculatedProperty | undefined\n  >(undefined);\n  const [selectedCustomCalculation, setSelectedCustomCalculation] = useState<\n  CustomCalculation | undefined\n  >(undefined);\n  const [isInformationPanelOpen, setIsInformationPanelOpen] =\n    useState<boolean>(false);\n  const [resolvedHiliteIds, setResolvedHiliteIds] = useState<string[]>([]);\n  const [keySet, setKeySet] = useState<KeySet>();\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n\n  useEffect(() => {\n    const initialize = async () => {\n      const ids = await fetchIdsFromQuery(group.query ?? \"\", iModelConnection);\n      const keys = await manufactureKeys(ids, iModelConnection);\n      setKeySet(keys);\n      Presentation.selection.clearSelection(\n        \"GroupingMappingWidget\",\n        iModelConnection,\n      );\n      clearEmphasizedElements();\n      const resolvedIds = await visualizeElementsByKeys(keys, \"red\");\n      await zoomToElements(resolvedIds);\n      setResolvedHiliteIds(resolvedIds);\n      setIsLoading(false);\n    };\n    void initialize();\n  }, [iModelConnection, group.query]);\n\n  const onGroupPropertyModify = useCallback(\n    (value: CellProps<GroupProperty>) => {\n      setSelectedGroupProperty(value.row.original);\n      setPropertyMenuView(PropertyMenuView.MODIFY_GROUP_PROPERTY);\n    },\n    [],\n  );\n\n  const onCalculatedPropertyModify = useCallback(\n    (value: CellProps<CalculatedProperty>) => {\n      setSelectedCalculatedProperty(value.row.original);\n      setPropertyMenuView(PropertyMenuView.MODIFY_CALCULATED_PROPERTY);\n    },\n    [],\n  );\n\n  const onCustomCalculationModify = useCallback(\n    (value: CellProps<CustomCalculation>) => {\n      setSelectedCustomCalculation(value.row.original);\n      setPropertyMenuView(PropertyMenuView.MODIFY_CUSTOM_CALCULATION);\n    },\n    [],\n  );\n\n  const calculatedPropertyReturn = useCallback(async () => {\n    visualizeElements(resolvedHiliteIds, \"red\");\n    await zoomToElements(resolvedHiliteIds);\n    setPropertyMenuView(PropertyMenuView.DEFAULT);\n  }, [resolvedHiliteIds]);\n\n  if (isLoading) {\n    return (\n      <div className='loading-overlay'>\n        <Text>Loading Group</Text>\n        <ProgressRadial indeterminate />\n        <Text>Please wait...</Text>\n      </div>\n    );\n  }\n\n  switch (propertyMenuView) {\n    case PropertyMenuView.ADD_GROUP_PROPERTY:\n      return (\n        <GroupPropertyAction\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={group.id ?? \"\"}\n          keySet={keySet ?? new KeySet()}\n          returnFn={async () => {\n            setPropertyMenuView(PropertyMenuView.DEFAULT);\n          }}\n        />\n      );\n    case PropertyMenuView.MODIFY_GROUP_PROPERTY:\n      return (\n        <GroupPropertyAction\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={group.id ?? \"\"}\n          keySet={keySet ?? new KeySet()}\n          groupPropertyId={selectedGroupProperty?.id ?? \"\"}\n          groupPropertyName={selectedGroupProperty?.propertyName ?? \"\"}\n          returnFn={async () => {\n            setPropertyMenuView(PropertyMenuView.DEFAULT);\n          }}\n        />\n      );\n    case PropertyMenuView.ADD_CALCULATED_PROPERTY:\n      return (\n        <CalculatedPropertyAction\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={group.id ?? \"\"}\n          ids={resolvedHiliteIds}\n          returnFn={calculatedPropertyReturn}\n        />\n      );\n    case PropertyMenuView.MODIFY_CALCULATED_PROPERTY:\n      return (\n        <CalculatedPropertyAction\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={group.id ?? \"\"}\n          property={selectedCalculatedProperty}\n          ids={resolvedHiliteIds}\n          returnFn={calculatedPropertyReturn}\n        />\n      );\n    case PropertyMenuView.ADD_CUSTOM_CALCULATION:\n      return (\n        <CustomCalculationAction\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={group.id ?? \"\"}\n          returnFn={async () => {\n            setPropertyMenuView(PropertyMenuView.DEFAULT);\n          }}\n        />\n      );\n    case PropertyMenuView.MODIFY_CUSTOM_CALCULATION:\n      return (\n        <CustomCalculationAction\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={group.id ?? \"\"}\n          customCalculation={selectedCustomCalculation}\n          returnFn={calculatedPropertyReturn}\n        />\n      );\n    default:\n      return (\n        <InformationPanelWrapper className='property-menu-wrapper'>\n          <div className='property-header'>\n            <WidgetHeader\n              title={`${group.groupName ?? \"\"}`}\n              returnFn={goBack}\n            />\n            <IconButton\n              styleType='borderless'\n              onClick={() => setIsInformationPanelOpen(true)}\n            >\n              <DatabaseInfoIcon />\n            </IconButton>\n          </div>\n          <div className='property-menu-container'>\n            {!hideGroupProps && (\n              <div className='property-table'>\n                <GroupPropertyTable\n                  iModelId={iModelId}\n                  mappingId={mappingId}\n                  groupId={group.id ?? \"\"}\n                  onGroupPropertyModify={onGroupPropertyModify}\n                  setSelectedGroupProperty={setSelectedGroupProperty}\n                  setGroupModifyView={setPropertyMenuView}\n                  selectedGroupProperty={selectedGroupProperty}\n                />\n              </div>\n            )}\n\n            {!hideCalculatedProps && (\n              <div className='property-table'>\n                <CalculatedPropertyTable\n                  iModelId={iModelId}\n                  mappingId={mappingId}\n                  groupId={group.id ?? \"\"}\n                  onCalculatedPropertyModify={onCalculatedPropertyModify}\n                  setSelectedCalculatedProperty={setSelectedCalculatedProperty}\n                  setGroupModifyView={setPropertyMenuView}\n                  selectedCalculatedProperty={selectedCalculatedProperty}\n                />\n              </div>\n            )}\n            {!hideCustomCalculationProps && (\n              <div className='property-table'>\n                <CustomCalculationTable\n                  iModelId={iModelId}\n                  mappingId={mappingId}\n                  groupId={group.id ?? \"\"}\n                  onCustomCalculationModify={onCustomCalculationModify}\n                  setSelectedCustomCalculation={setSelectedCustomCalculation}\n                  setGroupModifyView={setPropertyMenuView}\n                  selectedCustomCalculation={selectedCustomCalculation}\n                />\n              </div>\n            )}\n          </div>\n          <InformationPanel\n            className='information-panel'\n            isOpen={isInformationPanelOpen}\n          >\n            <InformationPanelHeader\n              onClose={() => setIsInformationPanelOpen(false)}\n            >\n              <Text variant='subheading'>{`${\n                group.groupName ?? \"\"\n              } Information`}</Text>\n            </InformationPanelHeader>\n            <InformationPanelBody>\n              <div className='information-body'>\n                <LabeledTextarea\n                  label='Query'\n                  rows={15}\n                  readOnly\n                  defaultValue={group.query ?? \"\"}\n                />\n              </div>\n            </InformationPanelBody>\n          </InformationPanel>\n        </InformationPanelWrapper>\n      );\n  }\n};\n"]}

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

@@ -0,0 +1,48 @@
+/*---------------------------------------------------------------------------------------------
+* 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';
+
+.loading-overlay {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  gap: $iui-baseline;
+  height: 100%;
+}
+
+.property-menu-wrapper {
+  height: 100%;
+
+  .information-panel {
+    max-width: 100%;
+    width: 100%;
+
+    .information-body {
+      textarea {
+        resize: vertical;
+      }
+    }
+  }
+
+  .property-header {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .property-menu-container {
+    display: flex;
+    flex-direction: column;
+    gap: $iui-baseline * 3;
+    .property-table {
+      display: flex;
+      flex-direction: column;
+      gap: $iui-baseline;
+      button {
+        align-self: flex-start;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,39 @@
+import type { PresentationPropertyDataProvider } from "@itwin/presentation-components";
+import type { PropertiesField } from "@itwin/presentation-common";
+import type { Primitives, PropertyRecord } from "@itwin/appui-abstract";
+import "core-js/features/string/virtual";
+export interface Query {
+    classes: QueryClass[];
+}
+export interface QueryClass {
+    className: string;
+    properties: QueryProperty[];
+    isAspect: boolean;
+    isRelational?: boolean;
+}
+export interface QueryProperty {
+    name: string;
+    value: Primitives.Value;
+    needsQuote: boolean;
+}
+export declare class QueryBuilder {
+    static readonly MULTI_ASPECT_PRIMARY_CLASS = "BisCore:ElementOwnsMultiAspects";
+    static readonly UNIQUE_ASPECT_PRIMARY_CLASS = "BisCore:ElementOwnsUniqueAspect";
+    static readonly DEFAULT_DOUBLE_PRECISION = 4;
+    dataProvider: PresentationPropertyDataProvider | undefined;
+    query: Query | undefined;
+    /**
+     *
+     */
+    constructor(provider: PresentationPropertyDataProvider | undefined);
+    addProperty(prop: PropertyRecord): Promise<void>;
+    private _needsQuote;
+    addRelatedProperty(propertyField: PropertiesField, propertyName: string, propertyValue: Primitives.Value, isAspect: boolean): void;
+    addPropertyToQuery(className: string, propertyName: string, propertyValue: Primitives.Value, isAspect: boolean, needsQuote: boolean, isRelational?: boolean): void;
+    removeProperty(prop: PropertyRecord): Promise<void>;
+    removeRelatedProperty(propertyField: PropertiesField, propertyName: string): void;
+    removePropertyFromQuery(className: string, propertyName: string): void;
+    buildQueryString(): string;
+    private _isFloat;
+}
+//# sourceMappingURL=QueryBuilder.d.ts.map