@itwin/grouping-mapping-widget 0.11.1 → 0.13.0

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

@@ -18,189 +18,86 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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;
+exports.PropertyMenu = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
 const presentation_frontend_1 = require("@itwin/presentation-frontend");
 const appui_react_1 = require("@itwin/appui-react");
 const react_1 = __importStar(require("react"));
-const 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 GroupPropertyTable_1 = require("./GroupPropertyTable");
 const itwinui_react_1 = require("@itwin/itwinui-react");
-const CustomCalculationTable_1 = __importDefault(require("./CustomCalculationTable"));
-const CustomCalculationAction_1 = __importDefault(require("./CustomCalculationAction"));
-const presentation_common_1 = require("@itwin/presentation-common");
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const useFetchData_1 = require("../hooks/useFetchData");
 const MappingClientContext_1 = require("./context/MappingClientContext");
 const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
-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 stringToPossibleDataType = (str) => {
-    if (!str)
-        return "Undefined";
-    switch (str.toLowerCase()) {
-        case "double":
-        case "number": return "Number";
-        case "string": return "String";
-        case "boolean": return "Boolean";
-        default: return "Undefined";
-    }
-};
-const convertToPropertyMap = (groupProperties, calculatedProperties, customCalculations, selectedPropertyName) => {
-    const map = {};
-    const selectedLowerName = selectedPropertyName === null || selectedPropertyName === void 0 ? void 0 : selectedPropertyName.toLowerCase();
-    groupProperties.forEach((p) => {
-        var _a;
-        const lowerName = (_a = p.propertyName) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-        if (lowerName && lowerName !== selectedLowerName)
-            map[lowerName] = stringToPossibleDataType(p.dataType);
-    });
-    calculatedProperties.forEach((p) => {
-        var _a;
-        const lowerName = (_a = p.propertyName) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-        if (lowerName)
-            map[lowerName] = "Number";
-    });
-    customCalculations.forEach((p) => {
-        var _a;
-        const lowerName = (_a = p.propertyName) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-        if (lowerName && lowerName !== selectedLowerName)
-            map[lowerName] = stringToPossibleDataType(p.dataType);
-    });
-    return map;
-};
-const PropertyMenu = ({ iModelId, mappingId, group, goBack, hideGroupProps = false, hideCalculatedProps = false, hideCustomCalculationProps = false, }) => {
-    var _a, _b;
+const groupsHelpers_1 = require("./groupsHelpers");
+const GroupHilitedElementsContext_1 = require("./context/GroupHilitedElementsContext");
+const PropertiesContext_1 = require("./context/PropertiesContext");
+const CalculatedPropertyTable_1 = require("./CalculatedPropertyTable");
+const CustomCalculationTable_1 = require("./CustomCalculationTable");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const GroupInformationPanel_1 = require("./GroupInformationPanel");
+const PropertyMenu = ({ mapping, group, color, onClickAddGroupProperty, onClickModifyGroupProperty, onClickAddCalculatedProperty, onClickModifyCalculatedProperty, onClickAddCustomCalculationProperty, onClickModifyCustomCalculation, hideGroupProps = false, hideCalculatedProps = false, hideCustomCalculationProps = false, }) => {
     const groupId = group.id;
-    const { getAccessToken } = GroupingApiConfigContext_1.useGroupingMappingApiConfig();
+    const mappingId = mapping.id;
+    const { getAccessToken, iModelId } = GroupingApiConfigContext_1.useGroupingMappingApiConfig();
+    const { hilitedElementsQueryCache } = GroupHilitedElementsContext_1.useGroupHilitedElementsContext();
     const mappingClient = MappingClientContext_1.useMappingClient();
     const iModelConnection = appui_react_1.useActiveIModelConnection();
-    const [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 { showGroupColor, setShowGroupColor, groupProperties, setGroupProperties, calculatedProperties, setCalculatedProperties, customCalculationProperties, setCustomCalculationProperties, } = PropertiesContext_1.usePropertiesContext();
     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);
+    const [isLoading, setIsLoading] = react_1.useState(false);
     const fetchGroupProperties = react_1.useMemo(() => {
-        return async () => mappingClient.getGroupProperties((await getAccessToken()), iModelId, mappingId, groupId);
+        return async () => mappingClient.getGroupProperties(await getAccessToken(), iModelId, mappingId, groupId);
     }, [getAccessToken, mappingClient, iModelId, mappingId, groupId]);
-    const { isLoading: isLoadingGroupProperties, data: groupProperties, refreshData: refreshGroupProperties } = useFetchData_1.useCombinedFetchRefresh(fetchGroupProperties);
+    const { isLoading: isLoadingGroupProperties, refreshData: refreshGroupProperties } = useFetchData_1.useCombinedFetchRefresh(fetchGroupProperties, setGroupProperties);
     const fetchCalculatedProperties = react_1.useMemo(() => {
-        return async () => mappingClient.getCalculatedProperties((await getAccessToken()), iModelId, mappingId, groupId);
+        return async () => mappingClient.getCalculatedProperties(await getAccessToken(), iModelId, mappingId, groupId);
     }, [getAccessToken, mappingClient, iModelId, mappingId, groupId]);
-    const { isLoading: isLoadingCalculatedProperties, data: calculatedProperties, refreshData: refreshCalculatedProperties } = useFetchData_1.useCombinedFetchRefresh(fetchCalculatedProperties);
+    const { isLoading: isLoadingCalculatedProperties, refreshData: refreshCalculatedProperties } = useFetchData_1.useCombinedFetchRefresh(fetchCalculatedProperties, setCalculatedProperties);
     const fetchCustomCalculations = react_1.useMemo(() => {
-        return async () => mappingClient.getCustomCalculations((await getAccessToken()), iModelId, mappingId, groupId);
+        return async () => mappingClient.getCustomCalculations(await getAccessToken(), iModelId, mappingId, groupId);
     }, [getAccessToken, mappingClient, iModelId, mappingId, groupId]);
-    const { isLoading: isLoadingCustomCalculations, data: customCalculations, refreshData: refreshCustomCalculations } = useFetchData_1.useCombinedFetchRefresh(fetchCustomCalculations);
+    const { isLoading: isLoadingCustomCalculations, refreshData: refreshCustomCalculations } = useFetchData_1.useCombinedFetchRefresh(fetchCustomCalculations, setCustomCalculationProperties);
     react_1.useEffect(() => {
         const initialize = async () => {
+            if (!iModelConnection)
+                return;
             try {
-                const query = group.query;
-                const queryRowCount = await iModelConnection.queryRowCount(query);
-                if (queryRowCount === 0) {
-                    itwinui_react_1.toaster.warning("The query is valid but produced no results.");
-                    await goBack();
-                }
-                const keys = await viewerUtils_1.manufactureKeys(query, iModelConnection);
-                setKeySet(keys);
-                presentation_frontend_1.Presentation.selection.clearSelection("GroupingMappingWidget", iModelConnection);
+                setIsLoading(true);
                 viewerUtils_1.clearEmphasizedOverriddenElements();
-                const resolvedIds = await viewerUtils_1.visualizeElementsByKeys(keys, "red");
-                await viewerUtils_1.zoomToElements(resolvedIds);
-                setResolvedHiliteIds(resolvedIds);
-                setIsLoading(false);
+                if (showGroupColor) {
+                    const result = await groupsHelpers_1.getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache);
+                    presentation_frontend_1.Presentation.selection.clearSelection("GroupingMappingWidget", iModelConnection);
+                    viewerUtils_1.visualizeElements(result.ids, color);
+                    await viewerUtils_1.zoomToElements(result.ids);
+                }
             }
-            catch {
-                itwinui_react_1.toaster.negative(`Could not load ${group.groupName}.`);
-                await goBack();
+            catch (error) {
+                itwinui_react_1.toaster.negative("There was an error visualizing group.");
+                /* eslint-disable no-console */
+                console.error(error);
+            }
+            finally {
+                setIsLoading(false);
             }
         };
         void initialize();
-    }, [iModelConnection, group.query, goBack, group.groupName]);
-    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 groupPropertyReturn = react_1.useCallback(async (modified) => {
-        setPropertyMenuView(PropertyMenuView.DEFAULT);
-        modified && await refreshGroupProperties();
-    }, [refreshGroupProperties]);
-    const calculatedPropertyReturn = react_1.useCallback(async (modified) => {
-        viewerUtils_1.visualizeElements(resolvedHiliteIds, "red");
-        await viewerUtils_1.zoomToElements(resolvedHiliteIds);
-        setPropertyMenuView(PropertyMenuView.DEFAULT);
-        modified && await refreshCalculatedProperties();
-    }, [resolvedHiliteIds, refreshCalculatedProperties]);
-    const customCalculationReturn = react_1.useCallback(async (modified) => {
-        setPropertyMenuView(PropertyMenuView.DEFAULT);
-        modified && await refreshCustomCalculations();
-    }, [refreshCustomCalculations]);
-    if (isLoading) {
-        return (react_1.default.createElement("div", { className: 'gmw-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: groupId, keySet: keySet !== null && keySet !== void 0 ? keySet : new presentation_common_1.KeySet(), returnFn: groupPropertyReturn }));
-        case PropertyMenuView.MODIFY_GROUP_PROPERTY:
-            return (react_1.default.createElement(GroupPropertyAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, keySet: keySet !== null && keySet !== void 0 ? keySet : new presentation_common_1.KeySet(), groupPropertyId: (_a = selectedGroupProperty === null || selectedGroupProperty === void 0 ? void 0 : selectedGroupProperty.id) !== null && _a !== void 0 ? _a : "", groupPropertyName: (_b = selectedGroupProperty === null || selectedGroupProperty === void 0 ? void 0 : selectedGroupProperty.propertyName) !== null && _b !== void 0 ? _b : "", returnFn: groupPropertyReturn }));
-        case PropertyMenuView.ADD_CALCULATED_PROPERTY:
-            return (react_1.default.createElement(CalculatedPropertyAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, ids: resolvedHiliteIds, returnFn: calculatedPropertyReturn }));
-        case PropertyMenuView.MODIFY_CALCULATED_PROPERTY:
-            return (react_1.default.createElement(CalculatedPropertyAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, property: selectedCalculatedProperty, ids: resolvedHiliteIds, returnFn: calculatedPropertyReturn }));
-        case PropertyMenuView.ADD_CUSTOM_CALCULATION:
-            return (react_1.default.createElement(CustomCalculationAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, properties: convertToPropertyMap(groupProperties, calculatedProperties, customCalculations), returnFn: customCalculationReturn }));
-        case PropertyMenuView.MODIFY_CUSTOM_CALCULATION:
-            return (react_1.default.createElement(CustomCalculationAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, properties: convertToPropertyMap(groupProperties, calculatedProperties, customCalculations, selectedCustomCalculation === null || selectedCustomCalculation === void 0 ? void 0 : selectedCustomCalculation.propertyName), customCalculation: selectedCustomCalculation, returnFn: customCalculationReturn }));
-        default:
-            return (react_1.default.createElement(itwinui_react_1.InformationPanelWrapper, { className: 'gmw-property-menu-wrapper' },
-                react_1.default.createElement("div", { className: 'gmw-property-header' },
-                    react_1.default.createElement(utils_1.WidgetHeader, { title: `${group.groupName}`, returnFn: goBack }),
-                    react_1.default.createElement(itwinui_react_1.IconButton, { styleType: 'borderless', onClick: () => setIsInformationPanelOpen(true) },
-                        react_1.default.createElement(itwinui_icons_react_1.SvgProperties, null))),
-                react_1.default.createElement("div", { className: 'gmw-property-menu-container' },
-                    !hideGroupProps && (react_1.default.createElement("div", { className: 'gmw-property-table' },
-                        react_1.default.createElement(GroupPropertyTable_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, onGroupPropertyModify: onGroupPropertyModify, setSelectedGroupProperty: setSelectedGroupProperty, setGroupModifyView: setPropertyMenuView, isLoadingGroupProperties: isLoadingGroupProperties, groupProperties: groupProperties, refreshGroupProperties: refreshGroupProperties, selectedGroupProperty: selectedGroupProperty }))),
-                    !hideCalculatedProps && (react_1.default.createElement("div", { className: 'gmw-property-table' },
-                        react_1.default.createElement(CalculatedPropertyTable_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, onCalculatedPropertyModify: onCalculatedPropertyModify, setSelectedCalculatedProperty: setSelectedCalculatedProperty, setGroupModifyView: setPropertyMenuView, isLoadingCalculatedProperties: isLoadingCalculatedProperties, calculatedProperties: calculatedProperties, refreshCalculatedProperties: refreshCalculatedProperties, selectedCalculatedProperty: selectedCalculatedProperty }))),
-                    !hideCustomCalculationProps && (react_1.default.createElement("div", { className: 'gmw-property-table' },
-                        react_1.default.createElement(CustomCalculationTable_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, onCustomCalculationModify: onCustomCalculationModify, setSelectedCustomCalculation: setSelectedCustomCalculation, setGroupModifyView: setPropertyMenuView, isLoadingCustomCalculations: isLoadingCustomCalculations, customCalculations: customCalculations, refreshCustomCalculations: refreshCustomCalculations, selectedCustomCalculation: selectedCustomCalculation })))),
-                react_1.default.createElement(itwinui_react_1.InformationPanel, { className: 'gmw-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' }, `${group.groupName} Information`)),
-                    react_1.default.createElement(itwinui_react_1.InformationPanelBody, null,
-                        react_1.default.createElement("div", { className: 'gmw-information-body' },
-                            react_1.default.createElement(itwinui_react_1.LabeledTextarea, { label: 'Query', rows: 15, readOnly: true, defaultValue: group.query }))))));
-    }
+    }, [iModelConnection, group.query, group.groupName, group, hilitedElementsQueryCache, showGroupColor, color]);
+    return (react_1.default.createElement(itwinui_react_1.InformationPanelWrapper, { className: 'gmw-property-menu-wrapper' },
+        react_1.default.createElement("div", { className: 'gmw-property-menu-container' },
+            react_1.default.createElement("div", { className: "gmw-property-menu-toolbar" },
+                react_1.default.createElement(itwinui_react_1.ToggleSwitch, { label: 'Color Group', labelPosition: 'left', disabled: isLoading, checked: showGroupColor, onChange: () => setShowGroupColor((b) => !b) }),
+                react_1.default.createElement(itwinui_react_1.IconButton, { styleType: 'borderless', onClick: () => setIsInformationPanelOpen(true) },
+                    react_1.default.createElement(itwinui_icons_react_1.SvgProperties, null))),
+            !hideGroupProps && (react_1.default.createElement(GroupPropertyTable_1.GroupPropertyTable, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddGroupProperty, onClickModify: onClickModifyGroupProperty, isLoading: isLoadingGroupProperties, groupProperties: groupProperties !== null && groupProperties !== void 0 ? groupProperties : [], refresh: refreshGroupProperties })),
+            !hideCalculatedProps && (react_1.default.createElement(CalculatedPropertyTable_1.CalculatedPropertyTable, { mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddCalculatedProperty, onClickModify: onClickModifyCalculatedProperty, isLoading: isLoadingCalculatedProperties, calculatedProperties: calculatedProperties !== null && calculatedProperties !== void 0 ? calculatedProperties : [], refresh: refreshCalculatedProperties })),
+            !hideCustomCalculationProps && (react_1.default.createElement(CustomCalculationTable_1.CustomCalculationTable, { mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddCustomCalculationProperty, onClickModify: onClickModifyCustomCalculation, isLoading: isLoadingCustomCalculations, customCalculations: customCalculationProperties !== null && customCalculationProperties !== void 0 ? customCalculationProperties : [], refresh: refreshCustomCalculations }))),
+        react_1.default.createElement(GroupInformationPanel_1.GroupInformationPanel, { isOpen: isInformationPanelOpen, onClose: () => setIsInformationPanelOpen(false), query: group.query, groupName: group.groupName })));
 };
 exports.PropertyMenu = PropertyMenu;
 //# sourceMappingURL=PropertyMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyMenu.js","sourceRoot":"","sources":["../../../../src/widget/components/PropertyMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport { WidgetHeader } from \"./utils\";\nimport {\n  clearEmphasizedOverriddenElements,\n  manufactureKeys,\n  visualizeElements,\n  visualizeElementsByKeys,\n  zoomToElements,\n} from \"./viewerUtils\";\nimport type { IGroupTyped } from \"./Grouping\";\nimport \"./PropertyMenu.scss\";\nimport GroupPropertyAction from \"./GroupPropertyAction\";\nimport CalculatedPropertyAction from \"./CalculatedPropertyAction\";\nimport type { IGroupPropertyTyped } from \"./GroupPropertyTable\";\nimport GroupPropertyTable from \"./GroupPropertyTable\";\nimport type {\n  ICalculatedPropertyTyped,\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  toaster,\n} from \"@itwin/itwinui-react\";\nimport type { CellProps } from \"react-table\";\nimport type {\n  ICustomCalculationTyped,\n} from \"./CustomCalculationTable\";\nimport CustomCalculationTable from \"./CustomCalculationTable\";\nimport CustomCalculationAction from \"./CustomCalculationAction\";\nimport { KeySet } from \"@itwin/presentation-common\";\nimport { SvgProperties } from \"@itwin/itwinui-icons-react\";\nimport type { PossibleDataType, PropertyMap } from \"../../formula/Types\";\nimport { useCombinedFetchRefresh } from \"../hooks/useFetchData\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\n\ninterface PropertyModifyProps {\n  iModelId: string;\n  mappingId: string;\n  group: IGroupTyped;\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\nconst stringToPossibleDataType = (str?: string): PossibleDataType => {\n  if (!str)\n    return \"Undefined\";\n\n  switch (str.toLowerCase()) {\n    case \"double\":\n    case \"number\": return \"Number\";\n    case \"string\": return \"String\";\n    case \"boolean\": return \"Boolean\";\n    default: return \"Undefined\";\n  }\n};\n\nconst convertToPropertyMap = (\n  groupProperties: IGroupPropertyTyped[],\n  calculatedProperties: ICalculatedPropertyTyped[],\n  customCalculations: ICustomCalculationTyped[],\n  selectedPropertyName?: string\n): PropertyMap => {\n  const map: PropertyMap = {};\n  const selectedLowerName = selectedPropertyName?.toLowerCase();\n\n  groupProperties.forEach((p) => {\n    const lowerName = p.propertyName?.toLowerCase();\n    if (lowerName && lowerName !== selectedLowerName)\n      map[lowerName] = stringToPossibleDataType(p.dataType);\n  });\n\n  calculatedProperties.forEach((p) => {\n    const lowerName = p.propertyName?.toLowerCase();\n    if (lowerName)\n      map[lowerName] = \"Number\";\n  });\n\n  customCalculations.forEach((p) => {\n    const lowerName = p.propertyName?.toLowerCase();\n    if (lowerName && lowerName !== selectedLowerName)\n      map[lowerName] = stringToPossibleDataType(p.dataType);\n  });\n\n  return map;\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 groupId = group.id;\n\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n\n  const iModelConnection = useActiveIModelConnection() as IModelConnection;\n  const [propertyMenuView, setPropertyMenuView] = useState<PropertyMenuView>(\n    PropertyMenuView.DEFAULT,\n  );\n  const [selectedGroupProperty, setSelectedGroupProperty] =\n    useState<IGroupPropertyTyped | undefined>(undefined);\n  const [selectedCalculatedProperty, setSelectedCalculatedProperty] =\n    useState<ICalculatedPropertyTyped | undefined>(undefined);\n  const [selectedCustomCalculation, setSelectedCustomCalculation] =\n    useState<ICustomCalculationTyped | undefined>(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  const fetchGroupProperties = useMemo(\n    () => {\n      return async () => mappingClient.getGroupProperties((await getAccessToken()), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingGroupProperties, data: groupProperties, refreshData: refreshGroupProperties } =\n    useCombinedFetchRefresh<IGroupPropertyTyped>(fetchGroupProperties);\n\n  const fetchCalculatedProperties = useMemo(\n    () => {\n      return async () => mappingClient.getCalculatedProperties((await getAccessToken()), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCalculatedProperties, data: calculatedProperties, refreshData: refreshCalculatedProperties } =\n    useCombinedFetchRefresh<ICalculatedPropertyTyped>(fetchCalculatedProperties);\n\n  const fetchCustomCalculations = useMemo(\n    () => {\n      return async () => mappingClient.getCustomCalculations((await getAccessToken()), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCustomCalculations, data: customCalculations, refreshData: refreshCustomCalculations } =\n    useCombinedFetchRefresh<ICustomCalculationTyped>(fetchCustomCalculations);\n\n  useEffect(() => {\n    const initialize = async () => {\n      try {\n        const query = group.query;\n        const queryRowCount = await iModelConnection.queryRowCount(query);\n        if (queryRowCount === 0) {\n          toaster.warning(\"The query is valid but produced no results.\");\n          await goBack();\n        }\n        const keys = await manufactureKeys(query, iModelConnection);\n        setKeySet(keys);\n        Presentation.selection.clearSelection(\n          \"GroupingMappingWidget\",\n          iModelConnection,\n        );\n        clearEmphasizedOverriddenElements();\n        const resolvedIds = await visualizeElementsByKeys(keys, \"red\");\n        await zoomToElements(resolvedIds);\n        setResolvedHiliteIds(resolvedIds);\n        setIsLoading(false);\n      } catch {\n        toaster.negative(`Could not load ${group.groupName}.`);\n        await goBack();\n      }\n    };\n    void initialize();\n  }, [iModelConnection, group.query, goBack, group.groupName]);\n\n  const onGroupPropertyModify = useCallback(\n    (value: CellProps<IGroupPropertyTyped>) => {\n      setSelectedGroupProperty(value.row.original);\n      setPropertyMenuView(PropertyMenuView.MODIFY_GROUP_PROPERTY);\n    },\n    [],\n  );\n\n  const onCalculatedPropertyModify = useCallback(\n    (value: CellProps<ICalculatedPropertyTyped>) => {\n      setSelectedCalculatedProperty(value.row.original);\n      setPropertyMenuView(PropertyMenuView.MODIFY_CALCULATED_PROPERTY);\n    },\n    [],\n  );\n\n  const onCustomCalculationModify = useCallback(\n    (value: CellProps<ICustomCalculationTyped>) => {\n      setSelectedCustomCalculation(value.row.original);\n      setPropertyMenuView(PropertyMenuView.MODIFY_CUSTOM_CALCULATION);\n    },\n    [],\n  );\n\n  const groupPropertyReturn = useCallback(async (modified: boolean) => {\n    setPropertyMenuView(PropertyMenuView.DEFAULT);\n    modified && await refreshGroupProperties();\n  }, [refreshGroupProperties]);\n\n  const calculatedPropertyReturn = useCallback(async (modified: boolean) => {\n    visualizeElements(resolvedHiliteIds, \"red\");\n    await zoomToElements(resolvedHiliteIds);\n    setPropertyMenuView(PropertyMenuView.DEFAULT);\n    modified && await refreshCalculatedProperties();\n  }, [resolvedHiliteIds, refreshCalculatedProperties]);\n\n  const customCalculationReturn = useCallback(async (modified: boolean) => {\n    setPropertyMenuView(PropertyMenuView.DEFAULT);\n    modified && await refreshCustomCalculations();\n  }, [refreshCustomCalculations]);\n\n  if (isLoading) {\n    return (\n      <div className='gmw-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={groupId}\n          keySet={keySet ?? new KeySet()}\n          returnFn={groupPropertyReturn}\n        />\n      );\n    case PropertyMenuView.MODIFY_GROUP_PROPERTY:\n      return (\n        <GroupPropertyAction\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={groupId}\n          keySet={keySet ?? new KeySet()}\n          groupPropertyId={selectedGroupProperty?.id ?? \"\"}\n          groupPropertyName={selectedGroupProperty?.propertyName ?? \"\"}\n          returnFn={groupPropertyReturn}\n        />\n      );\n    case PropertyMenuView.ADD_CALCULATED_PROPERTY:\n      return (\n        <CalculatedPropertyAction\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={groupId}\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={groupId}\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={groupId}\n          properties={convertToPropertyMap(groupProperties, calculatedProperties, customCalculations)}\n          returnFn={customCalculationReturn}\n        />\n      );\n    case PropertyMenuView.MODIFY_CUSTOM_CALCULATION:\n      return (\n        <CustomCalculationAction\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={groupId}\n          properties={convertToPropertyMap(groupProperties, calculatedProperties, customCalculations, selectedCustomCalculation?.propertyName)}\n          customCalculation={selectedCustomCalculation}\n          returnFn={customCalculationReturn}\n        />\n      );\n    default:\n      return (\n        <InformationPanelWrapper className='gmw-property-menu-wrapper'>\n          <div className='gmw-property-header'>\n            <WidgetHeader\n              title={`${group.groupName}`}\n              returnFn={goBack}\n            />\n            <IconButton\n              styleType='borderless'\n              onClick={() => setIsInformationPanelOpen(true)}\n            >\n              <SvgProperties />\n            </IconButton>\n          </div>\n          <div className='gmw-property-menu-container'>\n            {!hideGroupProps && (\n              <div className='gmw-property-table'>\n                <GroupPropertyTable\n                  iModelId={iModelId}\n                  mappingId={mappingId}\n                  groupId={groupId}\n                  onGroupPropertyModify={onGroupPropertyModify}\n                  setSelectedGroupProperty={setSelectedGroupProperty}\n                  setGroupModifyView={setPropertyMenuView}\n                  isLoadingGroupProperties={isLoadingGroupProperties}\n                  groupProperties={groupProperties}\n                  refreshGroupProperties={refreshGroupProperties}\n                  selectedGroupProperty={selectedGroupProperty}\n                />\n              </div>\n            )}\n\n            {!hideCalculatedProps && (\n              <div className='gmw-property-table'>\n                <CalculatedPropertyTable\n                  iModelId={iModelId}\n                  mappingId={mappingId}\n                  groupId={groupId}\n                  onCalculatedPropertyModify={onCalculatedPropertyModify}\n                  setSelectedCalculatedProperty={setSelectedCalculatedProperty}\n                  setGroupModifyView={setPropertyMenuView}\n                  isLoadingCalculatedProperties={isLoadingCalculatedProperties}\n                  calculatedProperties={calculatedProperties}\n                  refreshCalculatedProperties={refreshCalculatedProperties}\n                  selectedCalculatedProperty={selectedCalculatedProperty}\n                />\n              </div>\n            )}\n            {!hideCustomCalculationProps && (\n              <div className='gmw-property-table'>\n                <CustomCalculationTable\n                  iModelId={iModelId}\n                  mappingId={mappingId}\n                  groupId={groupId}\n                  onCustomCalculationModify={onCustomCalculationModify}\n                  setSelectedCustomCalculation={setSelectedCustomCalculation}\n                  setGroupModifyView={setPropertyMenuView}\n                  isLoadingCustomCalculations={isLoadingCustomCalculations}\n                  customCalculations={customCalculations}\n                  refreshCustomCalculations={refreshCustomCalculations}\n                  selectedCustomCalculation={selectedCustomCalculation}\n                />\n              </div>\n            )}\n          </div>\n          <InformationPanel\n            className='gmw-information-panel'\n            isOpen={isInformationPanelOpen}\n          >\n            <InformationPanelHeader\n              onClose={() => setIsInformationPanelOpen(false)}\n            >\n              <Text variant='subheading'>{`${group.groupName} Information`}</Text>\n            </InformationPanelHeader>\n            <InformationPanelBody>\n              <div className='gmw-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"]}
+{"version":3,"file":"PropertyMenu.js","sourceRoot":"","sources":["../../../../src/widget/components/PropertyMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport React, { useEffect, useMemo, useState } from \"react\";\n\nimport {\n  clearEmphasizedOverriddenElements,\n  visualizeElements,\n  zoomToElements,\n} from \"./viewerUtils\";\nimport \"./PropertyMenu.scss\";\nimport { GroupPropertyTable } from \"./GroupPropertyTable\";\nimport {\n  IconButton,\n  InformationPanelWrapper,\n  toaster,\n  ToggleSwitch,\n} from \"@itwin/itwinui-react\";\nimport { useCombinedFetchRefresh } from \"../hooks/useFetchData\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport type { CalculatedProperty, CustomCalculation, Group, GroupProperty, Mapping } from \"@itwin/insights-client\";\nimport { getHiliteIdsAndKeysetFromGroup } from \"./groupsHelpers\";\nimport { useGroupHilitedElementsContext } from \"./context/GroupHilitedElementsContext\";\nimport { usePropertiesContext } from \"./context/PropertiesContext\";\nimport { CalculatedPropertyTable } from \"./CalculatedPropertyTable\";\nimport { CustomCalculationTable } from \"./CustomCalculationTable\";\nimport { SvgProperties } from \"@itwin/itwinui-icons-react\";\nimport { GroupInformationPanel } from \"./GroupInformationPanel\";\n\nexport interface PropertyMenuProps {\n  mapping: Mapping;\n  group: Group;\n  color: string;\n  onClickAddGroupProperty?: () => void;\n  onClickModifyGroupProperty?: (groupProperty: GroupProperty) => void;\n  onClickAddCalculatedProperty?: () => void;\n  onClickModifyCalculatedProperty?: (calculatedProperty: CalculatedProperty) => void;\n  onClickAddCustomCalculationProperty?: () => void;\n  onClickModifyCustomCalculation?: (customCalculation: CustomCalculation) => void;\n  hideGroupProps?: boolean;\n  hideCalculatedProps?: boolean;\n  hideCustomCalculationProps?: boolean;\n}\n\nexport const PropertyMenu = ({\n  mapping,\n  group,\n  color,\n  onClickAddGroupProperty,\n  onClickModifyGroupProperty,\n  onClickAddCalculatedProperty,\n  onClickModifyCalculatedProperty,\n  onClickAddCustomCalculationProperty,\n  onClickModifyCustomCalculation,\n  hideGroupProps = false,\n  hideCalculatedProps = false,\n  hideCustomCalculationProps = false,\n}: PropertyMenuProps) => {\n  const groupId = group.id;\n  const mappingId = mapping.id;\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const { hilitedElementsQueryCache } = useGroupHilitedElementsContext();\n  const mappingClient = useMappingClient();\n  const iModelConnection = useActiveIModelConnection();\n  const {\n    showGroupColor,\n    setShowGroupColor,\n    groupProperties,\n    setGroupProperties,\n    calculatedProperties,\n    setCalculatedProperties,\n    customCalculationProperties,\n    setCustomCalculationProperties,\n  } = usePropertiesContext();\n  const [isInformationPanelOpen, setIsInformationPanelOpen] =\n    useState<boolean>(false);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  const fetchGroupProperties = useMemo(\n    () => {\n      return async () => mappingClient.getGroupProperties(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingGroupProperties, refreshData: refreshGroupProperties } =\n    useCombinedFetchRefresh<GroupProperty>(fetchGroupProperties, setGroupProperties);\n\n  const fetchCalculatedProperties = useMemo(\n    () => {\n      return async () => mappingClient.getCalculatedProperties(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCalculatedProperties, refreshData: refreshCalculatedProperties } =\n    useCombinedFetchRefresh<CalculatedProperty>(fetchCalculatedProperties, setCalculatedProperties);\n\n  const fetchCustomCalculations = useMemo(\n    () => {\n      return async () => mappingClient.getCustomCalculations(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCustomCalculations, refreshData: refreshCustomCalculations } =\n    useCombinedFetchRefresh<CustomCalculation>(fetchCustomCalculations, setCustomCalculationProperties);\n\n  useEffect(() => {\n    const initialize = async () => {\n      if (!iModelConnection) return;\n      try {\n        setIsLoading(true);\n        clearEmphasizedOverriddenElements();\n        if (showGroupColor) {\n          const result = await getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache);\n          Presentation.selection.clearSelection(\n            \"GroupingMappingWidget\",\n            iModelConnection,\n          );\n          visualizeElements(result.ids, color);\n          await zoomToElements(result.ids);\n        }\n      } catch (error) {\n        toaster.negative(\"There was an error visualizing group.\");\n        /* eslint-disable no-console */\n        console.error(error);\n      } finally {\n        setIsLoading(false);\n      }\n    };\n    void initialize();\n  }, [iModelConnection, group.query, group.groupName, group, hilitedElementsQueryCache, showGroupColor, color]);\n\n  return (\n    <InformationPanelWrapper className='gmw-property-menu-wrapper'>\n      <div className='gmw-property-menu-container'>\n        <div className=\"gmw-property-menu-toolbar\">\n          <ToggleSwitch\n            label='Color Group'\n            labelPosition='left'\n            disabled={isLoading}\n            checked={showGroupColor}\n            onChange={() => setShowGroupColor((b) => !b)}\n          ></ToggleSwitch>\n          <IconButton\n            styleType='borderless'\n            onClick={() => setIsInformationPanelOpen(true)}\n          >\n            <SvgProperties />\n          </IconButton>\n        </div>\n        {!hideGroupProps && (\n          <GroupPropertyTable\n            iModelId={iModelId}\n            mappingId={mappingId}\n            groupId={groupId}\n            onClickAdd={onClickAddGroupProperty}\n            onClickModify={onClickModifyGroupProperty}\n            isLoading={isLoadingGroupProperties}\n            groupProperties={groupProperties ?? []}\n            refresh={refreshGroupProperties}\n          />\n        )}\n        {!hideCalculatedProps && (\n          <CalculatedPropertyTable\n            mappingId={mappingId}\n            groupId={groupId}\n            onClickAdd={onClickAddCalculatedProperty}\n            onClickModify={onClickModifyCalculatedProperty}\n            isLoading={isLoadingCalculatedProperties}\n            calculatedProperties={calculatedProperties ?? []}\n            refresh={refreshCalculatedProperties}\n          />\n        )}\n        {!hideCustomCalculationProps && (\n          <CustomCalculationTable\n            mappingId={mappingId}\n            groupId={groupId}\n            onClickAdd={onClickAddCustomCalculationProperty}\n            onClickModify={onClickModifyCustomCalculation}\n            isLoading={isLoadingCustomCalculations}\n            customCalculations={customCalculationProperties ?? []}\n            refresh={refreshCustomCalculations}\n          />\n        )}\n      </div>\n      <GroupInformationPanel\n        isOpen={isInformationPanelOpen}\n        onClose={() => setIsInformationPanelOpen(false)}\n        query={group.query}\n        groupName={group.groupName}\n      />\n    </InformationPanelWrapper>\n  );\n};\n"]}

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

@@ -2,33 +2,13 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-@import '~@itwin/itwinui-css/scss/variables';
-
-.gmw-loading-overlay {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  gap: $iui-baseline;
-  height: 100%;
-}
+@import "~@itwin/itwinui-css/scss/variables";
 
 .gmw-property-menu-wrapper {
   display: flex;
   flex-direction: column;
   height: 100%;
 
-  .gmw-information-panel {
-    max-width: 100%;
-    width: 100%;
-
-    .gmw-information-body {
-      textarea {
-        resize: vertical;
-      }
-    }
-  }
-
   .gmw-property-header {
     display: flex;
     justify-content: space-between;
@@ -38,14 +18,10 @@
     display: flex;
     flex-direction: column;
     overflow: auto;
-    gap: $iui-baseline * 3;
-    .gmw-property-table {
+    gap: $iui-baseline * 2;
+    .gmw-property-menu-toolbar {
       display: flex;
-      flex-direction: column;
-      gap: $iui-baseline;
-      button {
-        align-self: flex-start;
-      }
+      justify-content: space-between;
     }
   }
 }

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface PropertyNameCellProps<T extends {
+    propertyName: string;
+}> {
+    property: T;
+    onClickModify?: (value: T) => void;
+}
+export declare const PropertyNameCell: <T extends {
+    propertyName: string;
+}>({ property, onClickModify, }: PropertyNameCellProps<T>) => JSX.Element;
+//# sourceMappingURL=PropertyNameCell.d.ts.map

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyNameCell = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = __importDefault(require("react"));
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const PropertyNameCell = ({ property, onClickModify, }) => onClickModify ? (react_1.default.createElement("div", { className: "iui-anchor", onClick: () => onClickModify(property) }, property.propertyName)) : (react_1.default.createElement(itwinui_react_1.Text, null, property.propertyName));
+exports.PropertyNameCell = PropertyNameCell;
+//# sourceMappingURL=PropertyNameCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyNameCell.js","sourceRoot":"","sources":["../../../../src/widget/components/PropertyNameCell.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,wDAA4C;AAOrC,MAAM,gBAAgB,GAAG,CAAsC,EACpE,QAAQ,EACR,aAAa,GACY,EAAE,EAAE,CAC7B,aAAa,CAAC,CAAC,CAAC,CACd,uCAAK,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,IAC/D,QAAQ,CAAC,YAAY,CAClB,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAI,QAAE,QAAQ,CAAC,YAAY,CAAQ,CACrC,CAAC;AAVS,QAAA,gBAAgB,oBAUzB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport { Text } from \"@itwin/itwinui-react\";\n\nexport interface PropertyNameCellProps<T extends { propertyName: string }> {\n  property: T;\n  onClickModify?: (value: T) => void;\n}\n\nexport const PropertyNameCell = <T extends { propertyName: string },>({\n  property,\n  onClickModify,\n}: PropertyNameCellProps<T>) =>\n  onClickModify ? (\n    <div className=\"iui-anchor\" onClick={() => onClickModify(property)}>\n      {property.propertyName}\n    </div>\n  ) : (\n    <Text>{property.propertyName}</Text>\n  );\n"]}

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { Column } from "react-table";
+import "./PropertyTable.scss";
+export interface PropertyTableItem {
+    propertyName: string;
+    id: string;
+}
+export interface PropertyTableProps<T extends PropertyTableItem> {
+    propertyType: string;
+    columnsFactory: (handleShowDeleteModal: (value: T) => void) => ReadonlyArray<Column<T>>;
+    data: T[];
+    isLoading: boolean;
+    onClickAdd?: () => void;
+    refreshProperties: () => Promise<void>;
+    deleteProperty: (propertyId: string) => Promise<void>;
+}
+export declare const PropertyTable: <T extends PropertyTableItem>({ propertyType, columnsFactory, data, isLoading, onClickAdd, refreshProperties, deleteProperty, }: PropertyTableProps<T>) => JSX.Element;
+//# sourceMappingURL=PropertyTable.d.ts.map

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

@@ -0,0 +1,54 @@
+"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.PropertyTable = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+const DeleteModal_1 = __importDefault(require("./DeleteModal"));
+const PropertyTableToolbar_1 = require("./PropertyTableToolbar");
+require("./PropertyTable.scss");
+const PropertyTable = ({ propertyType, columnsFactory, data, isLoading, onClickAdd, refreshProperties, deleteProperty, }) => {
+    const [showDeleteModal, setShowDeleteModal] = react_1.useState(undefined);
+    const handleDeleteProperty = react_1.useCallback(async () => {
+        var _a;
+        await deleteProperty((_a = showDeleteModal === null || showDeleteModal === void 0 ? void 0 : showDeleteModal.id) !== null && _a !== void 0 ? _a : "");
+    }, [deleteProperty, showDeleteModal === null || showDeleteModal === void 0 ? void 0 : showDeleteModal.id]);
+    const handleShowDeleteModal = react_1.useCallback((property) => {
+        setShowDeleteModal(property);
+    }, []);
+    const handleCloseDeleteModal = () => {
+        setShowDeleteModal(undefined);
+    };
+    const memoizedColumns = react_1.useMemo(() => columnsFactory(handleShowDeleteModal), [columnsFactory, handleShowDeleteModal]);
+    return (react_1.default.createElement("div", { className: "gmw-property-table-container" },
+        react_1.default.createElement(PropertyTableToolbar_1.PropertyTableToolbar, { propertyType: propertyType, onClickAddProperty: onClickAdd, refreshProperties: refreshProperties, isLoading: isLoading }),
+        react_1.default.createElement(itwinui_react_1.Table, { data: isLoading ? [] : data, density: 'extra-condensed', columns: memoizedColumns, emptyTableContent: `No ${propertyType} Properties`, isSortable: true, isLoading: isLoading }),
+        react_1.default.createElement(DeleteModal_1.default, { entityName: showDeleteModal === null || showDeleteModal === void 0 ? void 0 : showDeleteModal.propertyName, onClose: handleCloseDeleteModal, onDelete: handleDeleteProperty, refresh: refreshProperties })));
+};
+exports.PropertyTable = PropertyTable;
+//# sourceMappingURL=PropertyTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyTable.js","sourceRoot":"","sources":["../../../../src/widget/components/PropertyTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,wDAA6C;AAC7C,+CAA8D;AAG9D,gEAAwC;AACxC,iEAA8D;AAC9D,gCAA8B;AAiBvB,MAAM,aAAa,GAAG,CAA8B,EACzD,YAAY,EACZ,cAAc,EACd,IAAI,EACJ,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,cAAc,GACQ,EAAE,EAAE;IAE1B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,gBAAQ,CAAgB,SAAS,CAAC,CAAC;IAEjF,MAAM,oBAAoB,GAAG,mBAAW,CAAC,KAAK,IAAI,EAAE;;QAClD,MAAM,cAAc,CAAC,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,EAAE,mCAAI,EAAE,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,cAAc,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,EAAE,CAAC,CAAC,CAAC;IAE1C,MAAM,qBAAqB,GAAG,mBAAW,CAAC,CAAC,QAAW,EAAE,EAAE;QACxD,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,eAAO,CAAC,GAAG,EAAE,CACnC,cAAc,CAAC,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAElF,OAAO,CACL,uCAAK,SAAS,EAAC,8BAA8B;QAC3C,8BAAC,2CAAoB,IACnB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,UAAU,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,GACpB;QACF,8BAAC,qBAAK,IACJ,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAC3B,OAAO,EAAC,iBAAiB,EACzB,OAAO,EAAE,eAAe,EACxB,iBAAiB,EAAE,MAAM,YAAY,aAAa,EAClD,UAAU,QACV,SAAS,EAAE,SAAS,GACpB;QACF,8BAAC,qBAAW,IACV,UAAU,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,YAAY,EACzC,OAAO,EAAE,sBAAsB,EAC/B,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,EAAE,iBAAiB,GAC1B,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,aAAa,iBAmDxB","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 { Table } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport type { Column } from \"react-table\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport DeleteModal from \"./DeleteModal\";\nimport { PropertyTableToolbar } from \"./PropertyTableToolbar\";\nimport \"./PropertyTable.scss\";\n\nexport interface PropertyTableItem {\n  propertyName: string;\n  id: string;\n}\n\nexport interface PropertyTableProps<T extends PropertyTableItem> {\n  propertyType: string;\n  columnsFactory: (handleShowDeleteModal: (value: T) => void) => ReadonlyArray<Column<T>>;\n  data: T[];\n  isLoading: boolean;\n  onClickAdd?: () => void;\n  refreshProperties: () => Promise<void>;\n  deleteProperty: (propertyId: string) => Promise<void>;\n}\n\nexport const PropertyTable = <T extends PropertyTableItem>({\n  propertyType,\n  columnsFactory,\n  data,\n  isLoading,\n  onClickAdd,\n  refreshProperties,\n  deleteProperty,\n}: PropertyTableProps<T>) => {\n\n  const [showDeleteModal, setShowDeleteModal] = useState<T | undefined>(undefined);\n\n  const handleDeleteProperty = useCallback(async () => {\n    await deleteProperty(showDeleteModal?.id ?? \"\");\n  }, [deleteProperty, showDeleteModal?.id]);\n\n  const handleShowDeleteModal = useCallback((property: T) => {\n    setShowDeleteModal(property);\n  }, []);\n\n  const handleCloseDeleteModal = () => {\n    setShowDeleteModal(undefined);\n  };\n\n  const memoizedColumns = useMemo(() =>\n    columnsFactory(handleShowDeleteModal), [columnsFactory, handleShowDeleteModal]);\n\n  return (\n    <div className=\"gmw-property-table-container\">\n      <PropertyTableToolbar\n        propertyType={propertyType}\n        onClickAddProperty={onClickAdd}\n        refreshProperties={refreshProperties}\n        isLoading={isLoading}\n      />\n      <Table<CreateTypeFromInterface<T>>\n        data={isLoading ? [] : data}\n        density='extra-condensed'\n        columns={memoizedColumns}\n        emptyTableContent={`No ${propertyType} Properties`}\n        isSortable\n        isLoading={isLoading}\n      />\n      <DeleteModal\n        entityName={showDeleteModal?.propertyName}\n        onClose={handleCloseDeleteModal}\n        onDelete={handleDeleteProperty}\n        refresh={refreshProperties}\n      />\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1,11 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/variables";
+
+.gmw-property-table-container {
+  display: flex;
+  flex-direction: column;
+  gap: $iui-baseline;
+}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./PropertyTableToolbar.scss";
+export interface PropertyTableToolbarProps {
+    propertyType: string;
+    onClickAddProperty?: () => void;
+    refreshProperties: () => void;
+    isLoading: boolean;
+}
+export declare const PropertyTableToolbar: ({ propertyType, onClickAddProperty, refreshProperties, isLoading, }: PropertyTableToolbarProps) => JSX.Element;
+//# sourceMappingURL=PropertyTableToolbar.d.ts.map

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyTableToolbar = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = __importDefault(require("react"));
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+require("./PropertyTableToolbar.scss");
+const PropertyTableToolbar = ({ propertyType, onClickAddProperty, refreshProperties, isLoading, }) => (react_1.default.createElement("div", { className: "gmw-property-table-toolbar" },
+    onClickAddProperty && (react_1.default.createElement(itwinui_react_1.Button, { startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgAdd, null), styleType: "high-visibility", onClick: onClickAddProperty },
+        "Add ",
+        propertyType,
+        " Property")),
+    react_1.default.createElement(itwinui_react_1.IconButton, { title: "Refresh", className: "gmw-property-table-refresh-button", onClick: refreshProperties, disabled: isLoading, styleType: "borderless" },
+        react_1.default.createElement(itwinui_icons_react_1.SvgRefresh, null))));
+exports.PropertyTableToolbar = PropertyTableToolbar;
+//# sourceMappingURL=PropertyTableToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyTableToolbar.js","sourceRoot":"","sources":["../../../../src/widget/components/PropertyTableToolbar.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,oEAAgE;AAChE,wDAA0D;AAC1D,uCAAqC;AAS9B,MAAM,oBAAoB,GAAG,CAAC,EACnC,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,GACiB,EAAE,EAAE,CAAC,CAC/B,uCAAK,SAAS,EAAC,4BAA4B;IACxC,kBAAkB,IAAI,CACrB,8BAAC,sBAAM,IACL,SAAS,EAAE,8BAAC,4BAAM,OAAG,EACrB,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,kBAAkB;;QAEtB,YAAY;oBACV,CACV;IACD,8BAAC,0BAAU,IACT,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,YAAY;QAEtB,8BAAC,gCAAU,OAAG,CACH,CACT,CACP,CAAC;AA1BW,QAAA,oBAAoB,wBA0B/B","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport { SvgAdd, SvgRefresh } from \"@itwin/itwinui-icons-react\";\nimport { Button, IconButton } from \"@itwin/itwinui-react\";\nimport \"./PropertyTableToolbar.scss\";\n\nexport interface PropertyTableToolbarProps {\n  propertyType: string;\n  onClickAddProperty?: () => void;\n  refreshProperties: () => void;\n  isLoading: boolean;\n}\n\nexport const PropertyTableToolbar = ({\n  propertyType,\n  onClickAddProperty,\n  refreshProperties,\n  isLoading,\n}: PropertyTableToolbarProps) => (\n  <div className=\"gmw-property-table-toolbar\">\n    {onClickAddProperty && (\n      <Button\n        startIcon={<SvgAdd />}\n        styleType=\"high-visibility\"\n        onClick={onClickAddProperty}\n      >\n        Add {propertyType} Property\n      </Button>\n    )}\n    <IconButton\n      title=\"Refresh\"\n      className=\"gmw-property-table-refresh-button\"\n      onClick={refreshProperties}\n      disabled={isLoading}\n      styleType=\"borderless\"\n    >\n      <SvgRefresh />\n    </IconButton>\n  </div>\n);\n"]}

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

@@ -0,0 +1,12 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.gmw-property-table-toolbar {
+  display: flex;
+  justify-content: space-between;
+  .gmw-property-table-refresh-button {
+    margin-left: auto;
+  }
+}

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

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