@itwin/grouping-mapping-widget 0.3.2 → 0.3.3

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

@@ -38,6 +38,9 @@ const CustomCalculationTable_1 = __importDefault(require("./CustomCalculationTab
 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 GroupingMapping_1 = require("./GroupingMapping");
+const insights_client_1 = require("@itwin/insights-client");
 var PropertyMenuView;
 (function (PropertyMenuView) {
     PropertyMenuView["DEFAULT"] = "default";
@@ -48,8 +51,33 @@ var PropertyMenuView;
     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) => {
+    const map = {};
+    groupProperties.forEach((p) => {
+        if (p.propertyName)
+            map[p.propertyName] = stringToPossibleDataType(p.dataType);
+    });
+    calculatedProperties.forEach((p) => {
+        if (p.propertyName)
+            map[p.propertyName] = "number";
+    });
+    return map;
+};
 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;
+    var _a, _b, _c, _d, _e, _f;
+    const groupId = (_a = group.id) !== null && _a !== void 0 ? _a : "";
+    const apiContext = react_1.useContext(GroupingMapping_1.ApiContext);
     const iModelConnection = appui_react_1.useActiveIModelConnection();
     const [propertyMenuView, setPropertyMenuView] = react_1.useState(PropertyMenuView.DEFAULT);
     const [selectedGroupProperty, setSelectedGroupProperty] = react_1.useState(undefined);
@@ -59,6 +87,22 @@ const PropertyMenu = ({ iModelId, mappingId, group, goBack, hideGroupProps = fal
     const [resolvedHiliteIds, setResolvedHiliteIds] = react_1.useState([]);
     const [keySet, setKeySet] = react_1.useState();
     const [isLoading, setIsLoading] = react_1.useState(true);
+    const fetchGroupProperties = react_1.useMemo(() => {
+        const reportingClientApi = new insights_client_1.ReportingClient(apiContext.prefix);
+        return async () => reportingClientApi.getGroupProperties(apiContext.accessToken, iModelId, mappingId, groupId);
+    }, [apiContext, iModelId, mappingId, groupId]);
+    const { isLoading: isLoadingGroupProperties, data: groupProperties, refreshData: refreshGroupProperties } = useFetchData_1.useCombinedFetchRefresh(fetchGroupProperties);
+    const fetchCalculatedProperties = react_1.useMemo(() => {
+        const reportingClientApi = new insights_client_1.ReportingClient(apiContext.prefix);
+        return async () => reportingClientApi.getCalculatedProperties(apiContext.accessToken, iModelId, mappingId, groupId);
+    }, [apiContext, iModelId, mappingId, groupId]);
+    const { isLoading: isLoadingCalculatedProperties, data: calculatedProperties, refreshData: refreshCalculatedProperties } = useFetchData_1.useCombinedFetchRefresh(fetchCalculatedProperties);
+    const fetchCustomCalculations = react_1.useMemo(() => {
+        const reportingClientApi = new insights_client_1.ReportingClient(apiContext.prefix);
+        return async () => reportingClientApi.getCustomCalculations(apiContext.accessToken, iModelId, mappingId, groupId);
+    }, [apiContext, iModelId, mappingId, groupId]);
+    const { isLoading: isLoadingCustomCalculations, data: customCalculations, refreshData: refreshCustomCalculations } = useFetchData_1.useCombinedFetchRefresh(fetchCustomCalculations);
+    const properties = react_1.useMemo(() => convertToPropertyMap(groupProperties, calculatedProperties), [groupProperties, calculatedProperties]);
     react_1.useEffect(() => {
         const initialize = async () => {
             var _a;
@@ -96,11 +140,20 @@ const PropertyMenu = ({ iModelId, mappingId, group, goBack, hideGroupProps = fal
         setSelectedCustomCalculation(value.row.original);
         setPropertyMenuView(PropertyMenuView.MODIFY_CUSTOM_CALCULATION);
     }, []);
-    const calculatedPropertyReturn = react_1.useCallback(async () => {
+    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);
-    }, [resolvedHiliteIds]);
+        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: 'loading-overlay' },
             react_1.default.createElement(itwinui_react_1.Text, null, "Loading Group"),
@@ -109,42 +162,36 @@ const PropertyMenu = ({ iModelId, mappingId, group, goBack, hideGroupProps = fal
     }
     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);
-                } }));
+            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: (_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);
-                } }));
+            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: (_b = selectedGroupProperty === null || selectedGroupProperty === void 0 ? void 0 : selectedGroupProperty.id) !== null && _b !== void 0 ? _b : "", groupPropertyName: (_c = selectedGroupProperty === null || selectedGroupProperty === void 0 ? void 0 : selectedGroupProperty.propertyName) !== null && _c !== void 0 ? _c : "", returnFn: groupPropertyReturn }));
         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 }));
+            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: (_f = group.id) !== null && _f !== void 0 ? _f : "", property: selectedCalculatedProperty, ids: resolvedHiliteIds, returnFn: calculatedPropertyReturn }));
+            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: (_g = group.id) !== null && _g !== void 0 ? _g : "", returnFn: async () => {
-                    setPropertyMenuView(PropertyMenuView.DEFAULT);
-                } }));
+            return (react_1.default.createElement(CustomCalculationAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, properties: properties, returnFn: customCalculationReturn }));
         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 }));
+            return (react_1.default.createElement(CustomCalculationAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, properties: properties, customCalculation: selectedCustomCalculation, returnFn: customCalculationReturn }));
         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(utils_1.WidgetHeader, { title: `${(_d = group.groupName) !== null && _d !== void 0 ? _d : ""}`, 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: '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 }))),
+                        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: '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 }))),
+                        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: '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(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: '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.Text, { variant: 'subheading' }, `${(_e = group.groupName) !== null && _e !== void 0 ? _e : ""} 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 : "" }))))));
+                            react_1.default.createElement(itwinui_react_1.LabeledTextarea, { label: 'Query', rows: 15, readOnly: true, defaultValue: (_f = group.query) !== null && _f !== void 0 ? _f : "" }))))));
     }
 };
 exports.PropertyMenu = PropertyMenu;

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, 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 { GroupType } from \"./Grouping\";\nimport \"./PropertyMenu.scss\";\nimport GroupPropertyAction from \"./GroupPropertyAction\";\nimport CalculatedPropertyAction from \"./CalculatedPropertyAction\";\nimport type { GroupPropertyType } from \"./GroupPropertyTable\";\nimport GroupPropertyTable from \"./GroupPropertyTable\";\nimport type {\n  CalculatedPropertyType,\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  CustomCalculationType,\n} from \"./CustomCalculationTable\";\nimport CustomCalculationTable from \"./CustomCalculationTable\";\nimport CustomCalculationAction from \"./CustomCalculationAction\";\nimport { KeySet } from \"@itwin/presentation-common\";\nimport { SvgProperties } from \"@itwin/itwinui-icons-react\";\n\ninterface PropertyModifyProps {\n  iModelId: string;\n  mappingId: string;\n  group: GroupType;\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  GroupPropertyType | undefined\n  >(undefined);\n  const [selectedCalculatedProperty, setSelectedCalculatedProperty] = useState<\n  CalculatedPropertyType | undefined\n  >(undefined);\n  const [selectedCustomCalculation, setSelectedCustomCalculation] = useState<\n  CustomCalculationType | 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      try {\n        const ids = await fetchIdsFromQuery(group.query ?? \"\", iModelConnection);\n        if (ids.length === 0) {\n          toaster.warning(\"The query is valid but produced no results.\");\n          await goBack();\n        }\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      } 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<GroupPropertyType>) => {\n      setSelectedGroupProperty(value.row.original);\n      setPropertyMenuView(PropertyMenuView.MODIFY_GROUP_PROPERTY);\n    },\n    [],\n  );\n\n  const onCalculatedPropertyModify = useCallback(\n    (value: CellProps<CalculatedPropertyType>) => {\n      setSelectedCalculatedProperty(value.row.original);\n      setPropertyMenuView(PropertyMenuView.MODIFY_CALCULATED_PROPERTY);\n    },\n    [],\n  );\n\n  const onCustomCalculationModify = useCallback(\n    (value: CellProps<CustomCalculationType>) => {\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              <SvgProperties />\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'>{`${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"]}
+{"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, useContext, useEffect, useMemo, 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 { GroupType } from \"./Grouping\";\nimport \"./PropertyMenu.scss\";\nimport GroupPropertyAction from \"./GroupPropertyAction\";\nimport CalculatedPropertyAction from \"./CalculatedPropertyAction\";\nimport type { GroupPropertyType } from \"./GroupPropertyTable\";\nimport GroupPropertyTable from \"./GroupPropertyTable\";\nimport type {\n  CalculatedPropertyType,\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  CustomCalculationType,\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 { ApiContext } from \"./GroupingMapping\";\nimport { ReportingClient } from \"@itwin/insights-client\";\n\ninterface PropertyModifyProps {\n  iModelId: string;\n  mappingId: string;\n  group: GroupType;\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 = (groupProperties: GroupPropertyType[], calculatedProperties: CalculatedPropertyType[]): PropertyMap => {\n  const map: PropertyMap = {};\n\n  groupProperties.forEach((p) => {\n    if (p.propertyName)\n      map[p.propertyName] = stringToPossibleDataType(p.dataType);\n  });\n\n  calculatedProperties.forEach((p) => {\n    if (p.propertyName)\n      map[p.propertyName] = \"number\";\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 apiContext = useContext(ApiContext);\n\n  const iModelConnection = useActiveIModelConnection() as IModelConnection;\n  const [propertyMenuView, setPropertyMenuView] = useState<PropertyMenuView>(\n    PropertyMenuView.DEFAULT,\n  );\n  const [selectedGroupProperty, setSelectedGroupProperty] = useState<\n  GroupPropertyType | undefined\n  >(undefined);\n  const [selectedCalculatedProperty, setSelectedCalculatedProperty] = useState<\n  CalculatedPropertyType | undefined\n  >(undefined);\n  const [selectedCustomCalculation, setSelectedCustomCalculation] = useState<\n  CustomCalculationType | 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  const fetchGroupProperties = useMemo(\n    () => {\n      const reportingClientApi = new ReportingClient(apiContext.prefix);\n      return async () => reportingClientApi.getGroupProperties(apiContext.accessToken, iModelId, mappingId, groupId);\n    },\n    [apiContext, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingGroupProperties, data: groupProperties, refreshData: refreshGroupProperties } =\n    useCombinedFetchRefresh<GroupPropertyType>(fetchGroupProperties);\n\n  const fetchCalculatedProperties = useMemo(\n    () => {\n      const reportingClientApi = new ReportingClient(apiContext.prefix);\n      return async () => reportingClientApi.getCalculatedProperties(apiContext.accessToken, iModelId, mappingId, groupId);\n    },\n    [apiContext, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCalculatedProperties, data: calculatedProperties, refreshData: refreshCalculatedProperties } =\n    useCombinedFetchRefresh<CalculatedPropertyType>(fetchCalculatedProperties);\n\n  const fetchCustomCalculations = useMemo(\n    () => {\n      const reportingClientApi = new ReportingClient(apiContext.prefix);\n      return async () => reportingClientApi.getCustomCalculations(apiContext.accessToken, iModelId, mappingId, groupId);\n    },\n    [apiContext, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCustomCalculations, data: customCalculations, refreshData: refreshCustomCalculations } =\n    useCombinedFetchRefresh<CustomCalculationType>(fetchCustomCalculations);\n\n  const properties = useMemo(() => convertToPropertyMap(groupProperties, calculatedProperties), [groupProperties, calculatedProperties]);\n\n  useEffect(() => {\n    const initialize = async () => {\n      try {\n        const ids = await fetchIdsFromQuery(group.query ?? \"\", iModelConnection);\n        if (ids.length === 0) {\n          toaster.warning(\"The query is valid but produced no results.\");\n          await goBack();\n        }\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      } 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<GroupPropertyType>) => {\n      setSelectedGroupProperty(value.row.original);\n      setPropertyMenuView(PropertyMenuView.MODIFY_GROUP_PROPERTY);\n    },\n    [],\n  );\n\n  const onCalculatedPropertyModify = useCallback(\n    (value: CellProps<CalculatedPropertyType>) => {\n      setSelectedCalculatedProperty(value.row.original);\n      setPropertyMenuView(PropertyMenuView.MODIFY_CALCULATED_PROPERTY);\n    },\n    [],\n  );\n\n  const onCustomCalculationModify = useCallback(\n    (value: CellProps<CustomCalculationType>) => {\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='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={properties}\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={properties}\n          customCalculation={selectedCustomCalculation}\n          returnFn={customCalculationReturn}\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              <SvgProperties />\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={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='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='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='information-panel'\n            isOpen={isInformationPanelOpen}\n          >\n            <InformationPanelHeader\n              onClose={() => setIsInformationPanelOpen(false)}\n            >\n              <Text variant='subheading'>{`${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/SelectIModel.scss

@@ -7,7 +7,8 @@
 .imodel-grid-container {
   display: flex;
   flex-direction: column;
-  height: 66vh;
+  flex-grow: 1;
+  min-height: 0;
 
   .imodel-grid {
     overflow: auto;

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

@@ -7,8 +7,9 @@
 .select-mapping-container {
   display: flex;
   flex-direction: column;
-  height: 66vh;
   gap: $iui-baseline * 2;
+  flex-grow: 1;
+  min-height: 0;
 
   .select-mapping-table {
     flex-grow: 1;

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

@@ -53,15 +53,15 @@ const SelectProject = ({ onSelect, onCancel }) => {
                         setActiveSearchInput("");
                     }
                 }, svgIcon: react_1.default.createElement(itwinui_react_1.IconButton, { onClick: () => startSearch(), styleType: 'borderless' },
-                    react_1.default.createElement(itwinui_icons_react_1.SvgSearch, null)) }),
-            react_1.default.createElement("div", { className: 'project-grid' },
-                react_1.default.createElement(imodel_browser_react_1.ProjectGrid, { onThumbnailClick: onSelect, accessToken: apiContext.accessToken, apiOverrides: apiOverrides, filterOptions: activeSearchInput, requestType: projectType === 0
-                        ? "favorites"
-                        : projectType === 1
-                            ? "recents"
-                            : "" })),
-            react_1.default.createElement("div", { className: 'select-project-action-panel' },
-                react_1.default.createElement(itwinui_react_1.Button, { onClick: onCancel }, "Cancel")))));
+                    react_1.default.createElement(itwinui_icons_react_1.SvgSearch, null)) })),
+        react_1.default.createElement("div", { className: 'project-grid' },
+            react_1.default.createElement(imodel_browser_react_1.ProjectGrid, { onThumbnailClick: onSelect, accessToken: apiContext.accessToken, apiOverrides: apiOverrides, filterOptions: activeSearchInput, requestType: projectType === 0
+                    ? "favorites"
+                    : projectType === 1
+                        ? "recents"
+                        : "" })),
+        react_1.default.createElement("div", { className: 'select-project-action-panel' },
+            react_1.default.createElement(itwinui_react_1.Button, { onClick: onCancel }, "Cancel"))));
 };
 exports.default = SelectProject;
 //# sourceMappingURL=SelectProject.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectProject.js","sourceRoot":"","sources":["../../../../src/widget/components/SelectProject.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 {\n  ApiOverrides,\n  ProjectFull,\n} from \"@itwin/imodel-browser-react\";\nimport {\n  ProjectGrid,\n} from \"@itwin/imodel-browser-react\";\nimport {\n  SvgCalendar,\n  SvgList,\n  SvgSearch,\n  SvgStarHollow,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  HorizontalTabs,\n  IconButton,\n  LabeledInput,\n  Tab,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useContext, useMemo, useState } from \"react\";\nimport { ApiContext } from \"./GroupingMapping\";\nimport \"./SelectProject.scss\";\n\nconst tabsWithIcons = [\n  <Tab\n    key='favorite'\n    label='Favorite projects'\n    startIcon={<SvgStarHollow />}\n  />,\n  <Tab key='recents' label='Recent projects' startIcon={<SvgCalendar />} />,\n  <Tab key='all' label='My projects' startIcon={<SvgList />} />,\n];\ninterface SelectProjectProps {\n  onSelect: (project: ProjectFull) => void;\n  onCancel: () => void;\n}\nconst SelectProject = ({ onSelect, onCancel }: SelectProjectProps) => {\n  const apiContext = useContext(ApiContext);\n  const [projectType, setProjectType] = useState<number>(0);\n  const [searchInput, setSearchInput] = useState<string>(\"\");\n  const [activeSearchInput, setActiveSearchInput] = useState<string>(\"\");\n\n  const startSearch = useCallback(() => {\n    setActiveSearchInput(searchInput);\n  }, [searchInput]);\n\n  const apiOverrides = useMemo<ApiOverrides<ProjectFull[]>>(\n    () => ({ serverEnvironmentPrefix: apiContext.prefix }),\n    [apiContext.prefix],\n  );\n\n  return (\n    <div className='select-project-grid-container'>\n      <HorizontalTabs\n        labels={tabsWithIcons}\n        onTabSelected={setProjectType}\n        activeIndex={projectType}\n        type={\"borderless\"}\n        contentClassName='grid-holding-tab'\n      >\n        <LabeledInput\n          displayStyle='inline'\n          iconDisplayStyle='inline'\n          className='search-input'\n          label='Search'\n          value={searchInput}\n          onChange={(event) => {\n            const {\n              target: { value },\n            } = event;\n            setSearchInput(value);\n          }}\n          onKeyDown={(event) => {\n            if (event.key === \"Enter\") {\n              startSearch();\n            }\n            if (event.key === \"Escape\") {\n              setSearchInput(\"\");\n              setActiveSearchInput(\"\");\n            }\n          }}\n          svgIcon={\n            <IconButton onClick={() => startSearch()} styleType='borderless'>\n              <SvgSearch />\n            </IconButton>\n          }\n        />\n        <div className='project-grid'>\n          <ProjectGrid\n            onThumbnailClick={onSelect}\n            accessToken={apiContext.accessToken}\n            apiOverrides={apiOverrides}\n            filterOptions={activeSearchInput}\n            requestType={\n              projectType === 0\n                ? \"favorites\"\n                : projectType === 1\n                  ? \"recents\"\n                  : \"\"\n            }\n          />\n        </div>\n        <div className='select-project-action-panel'>\n          <Button onClick={onCancel}>Cancel</Button>\n        </div>\n      </HorizontalTabs>\n    </div>\n  );\n};\n\nexport default SelectProject;\n"]}
+{"version":3,"file":"SelectProject.js","sourceRoot":"","sources":["../../../../src/widget/components/SelectProject.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 {\n  ApiOverrides,\n  ProjectFull,\n} from \"@itwin/imodel-browser-react\";\nimport {\n  ProjectGrid,\n} from \"@itwin/imodel-browser-react\";\nimport {\n  SvgCalendar,\n  SvgList,\n  SvgSearch,\n  SvgStarHollow,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  HorizontalTabs,\n  IconButton,\n  LabeledInput,\n  Tab,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useContext, useMemo, useState } from \"react\";\nimport { ApiContext } from \"./GroupingMapping\";\nimport \"./SelectProject.scss\";\n\nconst tabsWithIcons = [\n  <Tab\n    key='favorite'\n    label='Favorite projects'\n    startIcon={<SvgStarHollow />}\n  />,\n  <Tab key='recents' label='Recent projects' startIcon={<SvgCalendar />} />,\n  <Tab key='all' label='My projects' startIcon={<SvgList />} />,\n];\ninterface SelectProjectProps {\n  onSelect: (project: ProjectFull) => void;\n  onCancel: () => void;\n}\nconst SelectProject = ({ onSelect, onCancel }: SelectProjectProps) => {\n  const apiContext = useContext(ApiContext);\n  const [projectType, setProjectType] = useState<number>(0);\n  const [searchInput, setSearchInput] = useState<string>(\"\");\n  const [activeSearchInput, setActiveSearchInput] = useState<string>(\"\");\n\n  const startSearch = useCallback(() => {\n    setActiveSearchInput(searchInput);\n  }, [searchInput]);\n\n  const apiOverrides = useMemo<ApiOverrides<ProjectFull[]>>(\n    () => ({ serverEnvironmentPrefix: apiContext.prefix }),\n    [apiContext.prefix],\n  );\n\n  return (\n    <div className='select-project-grid-container'>\n      <HorizontalTabs\n        labels={tabsWithIcons}\n        onTabSelected={setProjectType}\n        activeIndex={projectType}\n        type={\"borderless\"}\n        contentClassName='grid-holding-tab'\n      >\n        <LabeledInput\n          displayStyle='inline'\n          iconDisplayStyle='inline'\n          className='search-input'\n          label='Search'\n          value={searchInput}\n          onChange={(event) => {\n            const {\n              target: { value },\n            } = event;\n            setSearchInput(value);\n          }}\n          onKeyDown={(event) => {\n            if (event.key === \"Enter\") {\n              startSearch();\n            }\n            if (event.key === \"Escape\") {\n              setSearchInput(\"\");\n              setActiveSearchInput(\"\");\n            }\n          }}\n          svgIcon={\n            <IconButton onClick={() => startSearch()} styleType='borderless'>\n              <SvgSearch />\n            </IconButton>\n          }\n        />\n      </HorizontalTabs>\n      <div className='project-grid'>\n        <ProjectGrid\n          onThumbnailClick={onSelect}\n          accessToken={apiContext.accessToken}\n          apiOverrides={apiOverrides}\n          filterOptions={activeSearchInput}\n          requestType={\n            projectType === 0\n              ? \"favorites\"\n              : projectType === 1\n                ? \"recents\"\n                : \"\"\n          }\n        />\n      </div>\n      <div className='select-project-action-panel'>\n        <Button onClick={onCancel}>Cancel</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectProject;\n"]}

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

@@ -7,12 +7,8 @@
 .select-project-grid-container {
   display: flex;
   flex-direction: column;
-
-  > .iui-tabs-wrapper {
-    height: 66vh;
-    display: flex;
-    flex-direction: column;
-  }
+  flex-grow: 1;
+  min-height: 0;
 
   .search-input {
     margin-left: auto;
@@ -26,10 +22,9 @@
   .grid-holding-tab {
     display: flex;
     flex-direction: column;
-    overflow: hidden;
     gap: $iui-baseline;
-    flex-grow: 1;
   }
+
   .select-project-action-panel {
     display: flex;
     justify-content: center;

package/lib/cjs/widget/hooks/useFetchData.d.ts

@@ -0,0 +1,9 @@
+import type React from "react";
+export declare const useFetchData: <T>(fetchFunc: () => Promise<T[] | undefined>, setIsLoading: React.Dispatch<React.SetStateAction<boolean>>) => [T[], React.Dispatch<React.SetStateAction<T[]>>];
+export declare const useRefreshData: <T>(setData: React.Dispatch<React.SetStateAction<T[]>>, fetchFunc: () => Promise<T[] | undefined>, setIsLoading: React.Dispatch<React.SetStateAction<boolean>>) => () => Promise<void>;
+export declare const useCombinedFetchRefresh: <T>(fetchFunc: () => Promise<T[] | undefined>) => {
+    isLoading: boolean;
+    data: T[];
+    refreshData: () => Promise<void>;
+};
+//# sourceMappingURL=useFetchData.d.ts.map

package/lib/cjs/widget/hooks/useFetchData.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCombinedFetchRefresh = exports.useRefreshData = exports.useFetchData = void 0;
+const react_1 = require("react");
+const utils_1 = require("../components/utils");
+const fetchData = async (setData, fetchFunc, setIsLoading) => {
+    try {
+        setIsLoading(true);
+        const data = await fetchFunc();
+        setData(data !== null && data !== void 0 ? data : []);
+    }
+    catch (error) {
+        utils_1.handleError(error.status);
+    }
+    finally {
+        setIsLoading(false);
+    }
+};
+const useFetchData = (fetchFunc, setIsLoading) => {
+    const [data, setData] = react_1.useState([]);
+    react_1.useEffect(() => {
+        void fetchData(setData, fetchFunc, setIsLoading);
+    }, [fetchFunc, setIsLoading]);
+    return [data, setData];
+};
+exports.useFetchData = useFetchData;
+const useRefreshData = (setData, fetchFunc, setIsLoading) => {
+    return react_1.useCallback(async () => {
+        setData([]);
+        await fetchData(setData, fetchFunc, setIsLoading);
+    }, [setData, fetchFunc, setIsLoading]);
+};
+exports.useRefreshData = useRefreshData;
+const useCombinedFetchRefresh = (fetchFunc) => {
+    const [isLoading, setIsLoading] = react_1.useState(true);
+    const [data, setData] = exports.useFetchData(fetchFunc, setIsLoading);
+    const refreshData = exports.useRefreshData(setData, fetchFunc, setIsLoading);
+    return { isLoading, data, refreshData };
+};
+exports.useCombinedFetchRefresh = useCombinedFetchRefresh;
+//# sourceMappingURL=useFetchData.js.map

package/lib/cjs/widget/hooks/useFetchData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchData.js","sourceRoot":"","sources":["../../../../src/widget/hooks/useFetchData.ts"],"names":[],"mappings":";;;AAKA,iCAAyD;AACzD,+CAAkD;AAElD,MAAM,SAAS,GAAG,KAAK,EACrB,OAAkD,EAClD,SAAyC,EACzC,YAA2D,EAC3D,EAAE;IACF,IAAI;QACF,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,IAAI,GAAG,MAAM,SAAS,EAAE,CAAC;QAC/B,OAAO,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,CAAC;KACrB;IAAC,OAAO,KAAU,EAAE;QACnB,mBAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;KAC3B;YAAS;QACR,YAAY,CAAC,KAAK,CAAC,CAAC;KACrB;AACH,CAAC,CAAC;AAEK,MAAM,YAAY,GAAG,CAC1B,SAAyC,EACzC,YAA2D,EACT,EAAE;IACpD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,gBAAQ,CAAM,EAAE,CAAC,CAAC;IAE1C,iBAAS,CAAC,GAAG,EAAE;QACb,KAAK,SAAS,CACZ,OAAO,EACP,SAAS,EACT,YAAY,CACb,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9B,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACzB,CAAC,CAAC;AAfW,QAAA,YAAY,gBAevB;AAEK,MAAM,cAAc,GAAG,CAC5B,OAAkD,EAClD,SAAyC,EACzC,YAA2D,EACtC,EAAE;IACvB,OAAO,mBAAW,CAAC,KAAK,IAAI,EAAE;QAC5B,OAAO,CAAC,EAAE,CAAC,CAAC;QACZ,MAAM,SAAS,CACb,OAAO,EACP,SAAS,EACT,YAAY,CACb,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;AACzC,CAAC,CAAC;AAbW,QAAA,cAAc,kBAazB;AAEK,MAAM,uBAAuB,GAAG,CAAI,SAAyC,EAAE,EAAE;IACtF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,gBAAQ,CAAU,IAAI,CAAC,CAAC;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,oBAAY,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;IAC9D,MAAM,WAAW,GAAG,sBAAc,CAAC,OAAO,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;IACrE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;AAC1C,CAAC,CAAC;AALW,QAAA,uBAAuB,2BAKlC","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 React from \"react\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { handleError } from \"../components/utils\";\n\nconst fetchData = async<T>(\n  setData: React.Dispatch<React.SetStateAction<T[]>>,\n  fetchFunc: () => Promise<T[] | undefined>,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n  try {\n    setIsLoading(true);\n    const data = await fetchFunc();\n    setData(data ?? []);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nexport const useFetchData = <T>(\n  fetchFunc: () => Promise<T[] | undefined>,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n): [T[], React.Dispatch<React.SetStateAction<T[]>>] => {\n  const [data, setData] = useState<T[]>([]);\n\n  useEffect(() => {\n    void fetchData(\n      setData,\n      fetchFunc,\n      setIsLoading,\n    );\n  }, [fetchFunc, setIsLoading]);\n\n  return [data, setData];\n};\n\nexport const useRefreshData = <T>(\n  setData: React.Dispatch<React.SetStateAction<T[]>>,\n  fetchFunc: () => Promise<T[] | undefined>,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n): () => Promise<void> => {\n  return useCallback(async () => {\n    setData([]);\n    await fetchData(\n      setData,\n      fetchFunc,\n      setIsLoading,\n    );\n  }, [setData, fetchFunc, setIsLoading]);\n};\n\nexport const useCombinedFetchRefresh = <T>(fetchFunc: () => Promise<T[] | undefined>) => {\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [data, setData] = useFetchData(fetchFunc, setIsLoading);\n  const refreshData = useRefreshData(setData, fetchFunc, setIsLoading);\n  return { isLoading, data, refreshData };\n};\n"]}

package/lib/cjs/widget/hooks/useFormulaValidation.d.ts

@@ -0,0 +1,6 @@
+import type { PropertyMap } from "../../formula/Types";
+export declare function useFormulaValidation(formula: string, properties: PropertyMap, setFormulaErrorMessage: (s: string) => void): {
+    isValid: boolean;
+    forceValidation: () => boolean;
+};
+//# sourceMappingURL=useFormulaValidation.d.ts.map

package/lib/cjs/widget/hooks/useFormulaValidation.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormulaValidation = 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 = require("react");
+const FormulaValidator_1 = require("../../formula/FormulaValidator");
+const utils_1 = require("../utils");
+function validate(formula, properties, setFormulaErrorMessage, setIsValid) {
+    if (!formula) {
+        setFormulaErrorMessage("");
+        setIsValid(false);
+        return false;
+    }
+    const error = FormulaValidator_1.validateFormula(formula, properties);
+    setFormulaErrorMessage(error);
+    setIsValid(!error);
+    return !error;
+}
+const debouncedValidationFunc = utils_1.debounce(validate, 1000);
+function useFormulaValidation(formula, properties, setFormulaErrorMessage) {
+    const [isValid, setIsValid] = react_1.useState(false);
+    react_1.useEffect(() => debouncedValidationFunc(formula, properties, setFormulaErrorMessage, setIsValid), [formula, properties, setFormulaErrorMessage]);
+    return { isValid, forceValidation: () => validate(formula, properties, setFormulaErrorMessage, setIsValid) };
+}
+exports.useFormulaValidation = useFormulaValidation;
+//# sourceMappingURL=useFormulaValidation.js.map

package/lib/cjs/widget/hooks/useFormulaValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormulaValidation.js","sourceRoot":"","sources":["../../../../src/widget/hooks/useFormulaValidation.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,iCAA4C;AAC5C,qEAAiE;AAEjE,oCAAoC;AAEpC,SAAS,QAAQ,CAAC,OAAe,EAAE,UAAuB,EAAE,sBAA2C,EAAE,UAAgC;IACvI,IAAI,CAAC,OAAO,EAAE;QACZ,sBAAsB,CAAC,EAAE,CAAC,CAAC;QAC3B,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,OAAO,KAAK,CAAC;KACd;IAED,MAAM,KAAK,GAAG,kCAAe,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACnD,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAC9B,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IACnB,OAAO,CAAC,KAAK,CAAC;AAChB,CAAC;AAED,MAAM,uBAAuB,GAAG,gBAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;AAEzD,SAAgB,oBAAoB,CAAC,OAAe,EAAE,UAAuB,EAAE,sBAA2C;IACxH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,iBAAS,CAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,sBAAsB,CAAC,CAAC,CAAC;IACjJ,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,UAAU,CAAC,EAAE,CAAC;AAC/G,CAAC;AAJD,oDAIC","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 { useEffect, useState } from \"react\";\nimport { validateFormula } from \"../../formula/FormulaValidator\";\nimport type { PropertyMap } from \"../../formula/Types\";\nimport { debounce } from \"../utils\";\n\nfunction validate(formula: string, properties: PropertyMap, setFormulaErrorMessage: (s: string) => void, setIsValid: (b: boolean) => void): boolean {\n  if (!formula) {\n    setFormulaErrorMessage(\"\");\n    setIsValid(false);\n    return false;\n  }\n\n  const error = validateFormula(formula, properties);\n  setFormulaErrorMessage(error);\n  setIsValid(!error);\n  return !error;\n}\n\nconst debouncedValidationFunc = debounce(validate, 1000);\n\nexport function useFormulaValidation(formula: string, properties: PropertyMap, setFormulaErrorMessage: (s: string) => void) {\n  const [isValid, setIsValid] = useState(false);\n  useEffect(() => debouncedValidationFunc(formula, properties, setFormulaErrorMessage, setIsValid), [formula, properties, setFormulaErrorMessage]);\n  return { isValid, forceValidation: () => validate(formula, properties, setFormulaErrorMessage, setIsValid) };\n}\n"]}

package/lib/cjs/widget/utils.d.ts

@@ -1,4 +1,5 @@
 export declare type CreateTypeFromInterface<Interface> = {
     [Property in keyof Interface]: Interface[Property];
 };
+export declare function debounce<F extends (...args: any[]) => void>(f: F, delay: number): (...args: any[]) => void;
 //# sourceMappingURL=utils.d.ts.map

package/lib/cjs/widget/utils.js

@@ -1,3 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.debounce = void 0;
+function debounce(f, delay) {
+    let timer;
+    return (...args) => {
+        timer && window.clearTimeout(timer);
+        timer = window.setTimeout(f, delay, ...args);
+    };
+}
+exports.debounce = debounce;
 //# sourceMappingURL=utils.js.map

package/lib/cjs/widget/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/widget/utils.ts"],"names":[],"mappings":"","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*--------------------------------------------------------------------------------------------*/\nexport type CreateTypeFromInterface<Interface> = {\n  [Property in keyof Interface]: Interface[Property];\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/widget/utils.ts"],"names":[],"mappings":";;;AAQA,SAAgB,QAAQ,CAAqC,CAAI,EAAE,KAAa;IAC9E,IAAI,KAAyB,CAAC;IAC9B,OAAO,CAAC,GAAG,IAAW,EAAE,EAAE;QACxB,KAAK,IAAI,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,CAAC;IAC/C,CAAC,CAAC;AACJ,CAAC;AAND,4BAMC","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*--------------------------------------------------------------------------------------------*/\nexport type CreateTypeFromInterface<Interface> = {\n  [Property in keyof Interface]: Interface[Property];\n};\n\nexport function debounce<F extends (...args: any[]) => void>(f: F, delay: number) {\n  let timer: number | undefined;\n  return (...args: any[]) => {\n    timer && window.clearTimeout(timer);\n    timer = window.setTimeout(f, delay, ...args);\n  };\n}\n"]}

package/lib/esm/formula/FormulaFunctionProvider.d.ts

@@ -0,0 +1,18 @@
+import type { IResult } from "./IResult";
+import type { DataType, PossibleDataType } from "./Types";
+export interface FormulaFunctionArgument {
+    dataType?: DataType;
+    canBeAny?: boolean;
+    canBeUndefined?: boolean;
+}
+export interface FormulaFunction {
+    argumentCountBounds: [number, number];
+    expectedArguments: FormulaFunctionArgument[];
+    returnType?: DataType;
+    typesMatchFromIndex?: number;
+    isreturnTypeFromTypeMatch?: boolean;
+}
+export declare function getFormulaFunctionReturnType(func: FormulaFunction, args: PossibleDataType[]): IResult<PossibleDataType>;
+export declare function getFunction(name: string): FormulaFunction | undefined;
+export declare function isFunction(name: string): boolean;
+//# sourceMappingURL=FormulaFunctionProvider.d.ts.map