@itwin/grouping-mapping-widget 0.2.3 → 0.3.2

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

@@ -28,15 +28,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 *--------------------------------------------------------------------------------------------*/
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const react_1 = __importStar(require("react"));
-const reportingClient_1 = require("../../api/reportingClient");
 const ActionPanel_1 = __importDefault(require("./ActionPanel"));
 const useValidator_1 = __importStar(require("../hooks/useValidator"));
 const utils_1 = require("./utils");
 require("./CalculatedPropertyAction.scss");
 require("./CustomCalculationAction.scss");
 const GroupPropertyAction_1 = require("./GroupPropertyAction");
+const insights_client_1 = require("@itwin/insights-client");
+const GroupingMapping_1 = require("./GroupingMapping");
 const CustomCalculationAction = ({ iModelId, mappingId, groupId, customCalculation, returnFn, }) => {
     var _a, _b, _c, _d;
+    const apiContext = react_1.useContext(GroupingMapping_1.ApiContext);
     const [propertyName, setPropertyName] = react_1.useState((_a = customCalculation === null || customCalculation === void 0 ? void 0 : customCalculation.propertyName) !== null && _a !== void 0 ? _a : "");
     const [formula, setFormula] = react_1.useState((_b = customCalculation === null || customCalculation === void 0 ? void 0 : customCalculation.formula) !== null && _b !== void 0 ? _b : "");
     const [quantityType, setQuantityType] = react_1.useState((_c = customCalculation === null || customCalculation === void 0 ? void 0 : customCalculation.quantityType) !== null && _c !== void 0 ? _c : "Undefined");
@@ -51,14 +53,18 @@ const CustomCalculationAction = ({ iModelId, mappingId, groupId, customCalculati
         }
         try {
             setIsLoading(true);
-            const newCustomCalculation = {
-                propertyName,
-                formula,
-                quantityType,
-            };
+            const reportingClientApi = new insights_client_1.ReportingClient(apiContext.prefix);
             customCalculation
-                ? await reportingClient_1.reportingClientApi.updateCustomCalculation(iModelId, mappingId, groupId, (_a = customCalculation.id) !== null && _a !== void 0 ? _a : "", newCustomCalculation)
-                : await reportingClient_1.reportingClientApi.createCustomCalculation(iModelId, mappingId, groupId, newCustomCalculation);
+                ? await reportingClientApi.updateCustomCalculation(apiContext.accessToken, iModelId, mappingId, groupId, (_a = customCalculation.id) !== null && _a !== void 0 ? _a : "", {
+                    propertyName,
+                    formula,
+                    quantityType,
+                })
+                : await reportingClientApi.createCustomCalculation(apiContext.accessToken, iModelId, mappingId, groupId, {
+                    propertyName,
+                    formula,
+                    quantityType,
+                });
             await returnFn();
         }
         catch (error) {
@@ -99,7 +105,7 @@ const CustomCalculationAction = ({ iModelId, mappingId, groupId, customCalculati
                         setFormula(event.target.value);
                     }, message: formulaErrorMessage, status: formulaErrorMessage ? "negative" : undefined }),
                 react_1.default.createElement(itwinui_react_1.LabeledSelect, { label: 'Quantity Type', disabled: isLoading, options: GroupPropertyAction_1.quantityTypesSelectionOptions, value: quantityType, onChange: setQuantityType, onShow: () => { }, onHide: () => { } }))),
-        react_1.default.createElement(ActionPanel_1.default, { onSave: onSave, onCancel: returnFn, disabled: !(formula && propertyName), isLoading: isLoading })));
+        react_1.default.createElement(ActionPanel_1.default, { onSave: onSave, onCancel: returnFn, isSavingDisabled: !(formula && propertyName), isLoading: isLoading })));
 };
 exports.default = CustomCalculationAction;
 //# sourceMappingURL=CustomCalculationAction.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CustomCalculationAction.js","sourceRoot":"","sources":["../../../../src/widget/components/CustomCalculationAction.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  Fieldset,\n  LabeledInput,\n  LabeledSelect,\n  LabeledTextarea,\n  Small,\n} from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport { reportingClientApi } from \"../../api/reportingClient\";\nimport ActionPanel from \"./ActionPanel\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport { handleError, WidgetHeader } from \"./utils\";\nimport \"./CalculatedPropertyAction.scss\";\nimport type { CustomCalculation } from \"./CustomCalculationTable\";\nimport type { CustomCalculationCreateReportingAPI } from \"../../api/generated/api\";\nimport \"./CustomCalculationAction.scss\";\nimport { quantityTypesSelectionOptions } from \"./GroupPropertyAction\";\n\ninterface CalculatedPropertyActionProps {\n  iModelId: string;\n  mappingId: string;\n  groupId: string;\n  customCalculation?: CustomCalculation;\n  returnFn: () => Promise<void>;\n}\n\nconst CustomCalculationAction = ({\n  iModelId,\n  mappingId,\n  groupId,\n  customCalculation,\n  returnFn,\n}: CalculatedPropertyActionProps) => {\n  const [propertyName, setPropertyName] = useState<string>(\n    customCalculation?.propertyName ?? \"\",\n  );\n  const [formula, setFormula] = useState<string>(\n    customCalculation?.formula ?? \"\",\n  );\n  const [quantityType, setQuantityType] = useState<string>(customCalculation?.quantityType ?? \"Undefined\");\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [formulaErrorMessage, setFormulaErrorMessage] = useState<string>(\"\");\n  const [validator, showValidationMessage] = useValidator();\n\n  const onSave = async () => {\n    if (!validator.allValid()) {\n      showValidationMessage(true);\n      return;\n    }\n    try {\n      setIsLoading(true);\n\n      const newCustomCalculation: CustomCalculationCreateReportingAPI = {\n        propertyName,\n        formula,\n        quantityType,\n      };\n\n      customCalculation\n        ? await reportingClientApi.updateCustomCalculation(\n          iModelId,\n          mappingId,\n          groupId,\n          customCalculation.id ?? \"\",\n          newCustomCalculation,\n        )\n        : await reportingClientApi.createCustomCalculation(\n          iModelId,\n          mappingId,\n          groupId,\n          newCustomCalculation,\n        );\n      await returnFn();\n    } catch (error: any) {\n      // error instanceof Response refuses to be true when it should be.\n      if (error.status === 422) {\n        error = error as Response;\n        const erroredResponse = await error.json();\n        if (\n          erroredResponse.error.code === \"InvalidInsightsRequest\" &&\n          erroredResponse.error.target === \"formula\"\n        ) {\n          setFormulaErrorMessage(erroredResponse.error.message);\n        }\n      } else {\n        handleError(error.status);\n      }\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <>\n      <WidgetHeader\n        title={\n          customCalculation\n            ? `${customCalculation?.propertyName ?? \"\"}`\n            : \"Create Custom Calculation\"\n        }\n        returnFn={returnFn}\n      />\n      <div className='custom-calculation-action-container'>\n        <Fieldset legend='Custom Calculation Details' className='details-form'>\n          <Small className='field-legend'>\n            Asterisk * indicates mandatory fields.\n          </Small>\n          <LabeledInput\n            value={propertyName}\n            required\n            name='name'\n            label='Name'\n            disabled={isLoading}\n            onChange={(event) => {\n              setPropertyName(event.target.value);\n              validator.showMessageFor(\"name\");\n            }}\n            message={validator.message(\"name\", propertyName, NAME_REQUIREMENTS)}\n            status={\n              validator.message(\"name\", propertyName, NAME_REQUIREMENTS)\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"name\");\n            }}\n            onBlurCapture={(event) => {\n              setPropertyName(event.target.value);\n              validator.showMessageFor(\"name\");\n            }}\n          />\n          <LabeledTextarea\n            value={formula}\n            required\n            name='formula'\n            label='Formula'\n            disabled={isLoading}\n            onChange={(event) => {\n              setFormula(event.target.value);\n            }}\n            message={formulaErrorMessage}\n            status={formulaErrorMessage ? \"negative\" : undefined}\n          />\n          <LabeledSelect<string>\n            label='Quantity Type'\n            disabled={isLoading}\n            options={quantityTypesSelectionOptions}\n            value={quantityType}\n            onChange={setQuantityType}\n            onShow={() => { }}\n            onHide={() => { }}\n          />\n        </Fieldset>\n      </div>\n      <ActionPanel\n        onSave={onSave}\n        onCancel={returnFn}\n        disabled={!(formula && propertyName)}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n\nexport default CustomCalculationAction;\n"]}
+{"version":3,"file":"CustomCalculationAction.js","sourceRoot":"","sources":["../../../../src/widget/components/CustomCalculationAction.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  Fieldset,\n  LabeledInput,\n  LabeledSelect,\n  LabeledTextarea,\n  Small,\n} from \"@itwin/itwinui-react\";\nimport React, { useContext, useState } from \"react\";\nimport ActionPanel from \"./ActionPanel\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport { handleError, WidgetHeader } from \"./utils\";\nimport \"./CalculatedPropertyAction.scss\";\nimport type { CustomCalculationType } from \"./CustomCalculationTable\";\nimport \"./CustomCalculationAction.scss\";\nimport { quantityTypesSelectionOptions } from \"./GroupPropertyAction\";\nimport { ReportingClient } from \"@itwin/insights-client\";\nimport { ApiContext } from \"./GroupingMapping\";\n\ninterface CalculatedPropertyActionProps {\n  iModelId: string;\n  mappingId: string;\n  groupId: string;\n  customCalculation?: CustomCalculationType;\n  returnFn: () => Promise<void>;\n}\n\nconst CustomCalculationAction = ({\n  iModelId,\n  mappingId,\n  groupId,\n  customCalculation,\n  returnFn,\n}: CalculatedPropertyActionProps) => {\n  const apiContext = useContext(ApiContext);\n  const [propertyName, setPropertyName] = useState<string>(\n    customCalculation?.propertyName ?? \"\",\n  );\n  const [formula, setFormula] = useState<string>(\n    customCalculation?.formula ?? \"\",\n  );\n  const [quantityType, setQuantityType] = useState<string>(customCalculation?.quantityType ?? \"Undefined\");\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [formulaErrorMessage, setFormulaErrorMessage] = useState<string>(\"\");\n  const [validator, showValidationMessage] = useValidator();\n\n  const onSave = async () => {\n    if (!validator.allValid()) {\n      showValidationMessage(true);\n      return;\n    }\n    try {\n      setIsLoading(true);\n      const reportingClientApi = new ReportingClient(apiContext.prefix);\n\n      customCalculation\n        ? await reportingClientApi.updateCustomCalculation(\n          apiContext.accessToken,\n          iModelId,\n          mappingId,\n          groupId,\n          customCalculation.id ?? \"\",\n          {\n            propertyName,\n            formula,\n            quantityType,\n          }\n        )\n        : await reportingClientApi.createCustomCalculation(\n          apiContext.accessToken,\n          iModelId,\n          mappingId,\n          groupId,\n          {\n            propertyName,\n            formula,\n            quantityType,\n          }\n        );\n      await returnFn();\n    } catch (error: any) {\n      // error instanceof Response refuses to be true when it should be.\n      if (error.status === 422) {\n        error = error as Response;\n        const erroredResponse = await error.json();\n        if (\n          erroredResponse.error.code === \"InvalidInsightsRequest\" &&\n          erroredResponse.error.target === \"formula\"\n        ) {\n          setFormulaErrorMessage(erroredResponse.error.message);\n        }\n      } else {\n        handleError(error.status);\n      }\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <>\n      <WidgetHeader\n        title={\n          customCalculation\n            ? `${customCalculation?.propertyName ?? \"\"}`\n            : \"Create Custom Calculation\"\n        }\n        returnFn={returnFn}\n      />\n      <div className='custom-calculation-action-container'>\n        <Fieldset legend='Custom Calculation Details' className='details-form'>\n          <Small className='field-legend'>\n            Asterisk * indicates mandatory fields.\n          </Small>\n          <LabeledInput\n            value={propertyName}\n            required\n            name='name'\n            label='Name'\n            disabled={isLoading}\n            onChange={(event) => {\n              setPropertyName(event.target.value);\n              validator.showMessageFor(\"name\");\n            }}\n            message={validator.message(\"name\", propertyName, NAME_REQUIREMENTS)}\n            status={\n              validator.message(\"name\", propertyName, NAME_REQUIREMENTS)\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"name\");\n            }}\n            onBlurCapture={(event) => {\n              setPropertyName(event.target.value);\n              validator.showMessageFor(\"name\");\n            }}\n          />\n          <LabeledTextarea\n            value={formula}\n            required\n            name='formula'\n            label='Formula'\n            disabled={isLoading}\n            onChange={(event) => {\n              setFormula(event.target.value);\n            }}\n            message={formulaErrorMessage}\n            status={formulaErrorMessage ? \"negative\" : undefined}\n          />\n          <LabeledSelect<string>\n            label='Quantity Type'\n            disabled={isLoading}\n            options={quantityTypesSelectionOptions}\n            value={quantityType}\n            onChange={setQuantityType}\n            onShow={() => { }}\n            onHide={() => { }}\n          />\n        </Fieldset>\n      </div>\n      <ActionPanel\n        onSave={onSave}\n        onCancel={returnFn}\n        isSavingDisabled={!(formula && propertyName)}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n\nexport default CustomCalculationAction;\n"]}

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

@@ -1,17 +1,17 @@
 import React from "react";
-import type { CustomCalculationReportingAPI } from "../../api/generated/api";
 import type { CreateTypeFromInterface } from "../utils";
 import { PropertyMenuView } from "./PropertyMenu";
 import type { CellProps } from "react-table";
-export declare type CustomCalculation = CreateTypeFromInterface<CustomCalculationReportingAPI>;
+import type { CustomCalculation } from "@itwin/insights-client";
+export declare type CustomCalculationType = CreateTypeFromInterface<CustomCalculation>;
 interface CustomCalculationTableProps {
     iModelId: string;
     mappingId: string;
     groupId: string;
-    setSelectedCustomCalculation: React.Dispatch<React.SetStateAction<CreateTypeFromInterface<CustomCalculationReportingAPI> | undefined>>;
+    setSelectedCustomCalculation: React.Dispatch<React.SetStateAction<CreateTypeFromInterface<CustomCalculation> | undefined>>;
     setGroupModifyView: React.Dispatch<React.SetStateAction<PropertyMenuView>>;
-    onCustomCalculationModify: (value: CellProps<CustomCalculation>) => void;
-    selectedCustomCalculation?: CustomCalculation;
+    onCustomCalculationModify: (value: CellProps<CustomCalculationType>) => void;
+    selectedCustomCalculation?: CustomCalculationType;
 }
 declare const CustomCalculationTable: ({ iModelId, mappingId, groupId, setSelectedCustomCalculation, setGroupModifyView, onCustomCalculationModify, selectedCustomCalculation, }: CustomCalculationTableProps) => JSX.Element;
 export default CustomCalculationTable;

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

@@ -29,16 +29,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const react_1 = __importStar(require("react"));
-const reportingClient_1 = require("../../api/reportingClient");
 const PropertyMenu_1 = require("./PropertyMenu");
 const DeleteModal_1 = __importDefault(require("./DeleteModal"));
 const utils_1 = require("./utils");
-const fetchCustomCalculations = async (setCustomCalculations, iModelId, mappingId, groupId, setIsLoading) => {
-    var _a;
+const insights_client_1 = require("@itwin/insights-client");
+const GroupingMapping_1 = require("./GroupingMapping");
+const fetchCustomCalculations = async (setCustomCalculations, iModelId, mappingId, groupId, setIsLoading, apiContext) => {
     try {
         setIsLoading(true);
-        const customCalculations = await reportingClient_1.reportingClientApi.getCustomCalculations(iModelId, mappingId, groupId);
-        setCustomCalculations((_a = customCalculations.customCalculations) !== null && _a !== void 0 ? _a : []);
+        const reportingClientApi = new insights_client_1.ReportingClient(apiContext.prefix);
+        const customCalculations = await reportingClientApi.getCustomCalculations(apiContext.accessToken, iModelId, mappingId, groupId);
+        setCustomCalculations(customCalculations);
     }
     catch (error) {
         utils_1.handleError(error.status);
@@ -47,22 +48,19 @@ const fetchCustomCalculations = async (setCustomCalculations, iModelId, mappingI
         setIsLoading(false);
     }
 };
-const useFetchCustomCalculations = (iModelId, mappingId, groupId, setIsLoading) => {
-    const [CustomCalculations, setCustomCalculations] = react_1.useState([]);
-    react_1.useEffect(() => {
-        void fetchCustomCalculations(setCustomCalculations, iModelId, mappingId, groupId, setIsLoading);
-    }, [groupId, iModelId, mappingId, setIsLoading]);
-    return [CustomCalculations, setCustomCalculations];
-};
 const CustomCalculationTable = ({ iModelId, mappingId, groupId, setSelectedCustomCalculation, setGroupModifyView, onCustomCalculationModify, selectedCustomCalculation, }) => {
     var _a;
+    const apiContext = react_1.useContext(GroupingMapping_1.ApiContext);
     const [isLoading, setIsLoading] = react_1.useState(true);
-    const [customCalculations, setCustomCalculations] = useFetchCustomCalculations(iModelId, mappingId, groupId, setIsLoading);
     const [showCustomCalculationDeleteModal, setShowCustomCalculationDeleteModal,] = react_1.useState(false);
+    const [customCalculations, setCustomCalculations] = react_1.useState([]);
+    react_1.useEffect(() => {
+        void fetchCustomCalculations(setCustomCalculations, iModelId, mappingId, groupId, setIsLoading, apiContext);
+    }, [apiContext, groupId, iModelId, mappingId, setIsLoading]);
     const refresh = react_1.useCallback(async () => {
         setCustomCalculations([]);
-        await fetchCustomCalculations(setCustomCalculations, iModelId, mappingId, groupId, setIsLoading);
-    }, [groupId, iModelId, mappingId, setCustomCalculations]);
+        await fetchCustomCalculations(setCustomCalculations, iModelId, mappingId, groupId, setIsLoading, apiContext);
+    }, [apiContext, groupId, iModelId, mappingId, setCustomCalculations]);
     const CustomCalculationsColumns = react_1.useMemo(() => [
         {
             Header: "Table",
@@ -108,7 +106,8 @@ const CustomCalculationTable = ({ iModelId, mappingId, groupId, setSelectedCusto
         react_1.default.createElement(itwinui_react_1.Table, { data: customCalculations, density: 'extra-condensed', columns: CustomCalculationsColumns, emptyTableContent: 'No Custom Calculations', isSortable: true, isLoading: isLoading }),
         react_1.default.createElement(DeleteModal_1.default, { entityName: (_a = selectedCustomCalculation === null || selectedCustomCalculation === void 0 ? void 0 : selectedCustomCalculation.propertyName) !== null && _a !== void 0 ? _a : "", show: showCustomCalculationDeleteModal, setShow: setShowCustomCalculationDeleteModal, onDelete: async () => {
                 var _a;
-                await reportingClient_1.reportingClientApi.deleteCustomCalculation(iModelId, mappingId, groupId, (_a = selectedCustomCalculation === null || selectedCustomCalculation === void 0 ? void 0 : selectedCustomCalculation.id) !== null && _a !== void 0 ? _a : "");
+                const reportingClientApi = new insights_client_1.ReportingClient(apiContext.prefix);
+                await reportingClientApi.deleteCustomCalculation(apiContext.accessToken, iModelId, mappingId, groupId, (_a = selectedCustomCalculation === null || selectedCustomCalculation === void 0 ? void 0 : selectedCustomCalculation.id) !== null && _a !== void 0 ? _a : "");
             }, refresh: refresh })));
 };
 exports.default = CustomCalculationTable;

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

@@ -1 +1 @@
-{"version":3,"file":"CustomCalculationTable.js","sourceRoot":"","sources":["../../../../src/widget/components/CustomCalculationTable.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  SvgAdd,\n  SvgDelete,\n  SvgEdit,\n  SvgMore,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n  Table,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CustomCalculationReportingAPI } from \"../../api/generated/api\";\nimport { reportingClientApi } from \"../../api/reportingClient\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport { PropertyMenuView } from \"./PropertyMenu\";\nimport type { CellProps } from \"react-table\";\nimport DeleteModal from \"./DeleteModal\";\nimport { handleError } from \"./utils\";\n\nexport type CustomCalculation =\n  CreateTypeFromInterface<CustomCalculationReportingAPI>;\n\nconst fetchCustomCalculations = async (\n  setCustomCalculations: React.Dispatch<\n  React.SetStateAction<CustomCalculation[]>\n  >,\n  iModelId: string,\n  mappingId: string,\n  groupId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n  try {\n    setIsLoading(true);\n    const customCalculations = await reportingClientApi.getCustomCalculations(\n      iModelId,\n      mappingId,\n      groupId,\n    );\n    setCustomCalculations(customCalculations.customCalculations ?? []);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nconst useFetchCustomCalculations = (\n  iModelId: string,\n  mappingId: string,\n  groupId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n): [\n  CustomCalculation[],\n  React.Dispatch<React.SetStateAction<CustomCalculation[]>>,\n] => {\n  const [CustomCalculations, setCustomCalculations] = useState<\n  CustomCalculation[]\n  >([]);\n\n  useEffect(() => {\n    void fetchCustomCalculations(\n      setCustomCalculations,\n      iModelId,\n      mappingId,\n      groupId,\n      setIsLoading,\n    );\n  }, [groupId, iModelId, mappingId, setIsLoading]);\n\n  return [CustomCalculations, setCustomCalculations];\n};\n\ninterface CustomCalculationTableProps {\n  iModelId: string;\n  mappingId: string;\n  groupId: string;\n\n  setSelectedCustomCalculation: React.Dispatch<\n  React.SetStateAction<\n  CreateTypeFromInterface<CustomCalculationReportingAPI> | undefined\n  >\n  >;\n  setGroupModifyView: React.Dispatch<React.SetStateAction<PropertyMenuView>>;\n  onCustomCalculationModify: (value: CellProps<CustomCalculation>) => void;\n  selectedCustomCalculation?: CustomCalculation;\n}\n\nconst CustomCalculationTable = ({\n  iModelId,\n  mappingId,\n  groupId,\n  setSelectedCustomCalculation,\n  setGroupModifyView,\n  onCustomCalculationModify,\n  selectedCustomCalculation,\n}: CustomCalculationTableProps) => {\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [customCalculations, setCustomCalculations] =\n    useFetchCustomCalculations(iModelId, mappingId, groupId, setIsLoading);\n  const [\n    showCustomCalculationDeleteModal,\n    setShowCustomCalculationDeleteModal,\n  ] = useState<boolean>(false);\n\n  const refresh = useCallback(async () => {\n    setCustomCalculations([]);\n    await fetchCustomCalculations(\n      setCustomCalculations,\n      iModelId,\n      mappingId,\n      groupId,\n      setIsLoading,\n    );\n  }, [groupId, iModelId, mappingId, setCustomCalculations]);\n\n  const CustomCalculationsColumns = useMemo(\n    () => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"propertyName\",\n            Header: \"Custom Calculation\",\n            accessor: \"propertyName\",\n            Cell: (value: CellProps<CustomCalculation>) => (\n              <div\n                className='iui-anchor'\n                onClick={() => onCustomCalculationModify(value)}\n              >\n                {value.row.original.propertyName}\n              </div>\n            ),\n          },\n          {\n            id: \"formula\",\n            Header: \"Formula\",\n            accessor: \"formula\",\n          },\n          {\n            id: \"dropdown\",\n            Header: \"\",\n            width: 80,\n            Cell: (value: CellProps<CustomCalculation>) => {\n              return (\n                <DropdownMenu\n                  menuItems={(close: () => void) => [\n                    <MenuItem\n                      key={0}\n                      onClick={() => onCustomCalculationModify(value)}\n                      icon={<SvgEdit />}\n                    >\n                      Modify\n                    </MenuItem>,\n                    <MenuItem\n                      key={1}\n                      onClick={() => {\n                        setSelectedCustomCalculation(value.row.original);\n                        setShowCustomCalculationDeleteModal(true);\n                        close();\n                      }}\n                      icon={<SvgDelete />}\n                    >\n                      Remove\n                    </MenuItem>,\n                  ]}\n                >\n                  <IconButton styleType='borderless'>\n                    <SvgMore\n                      style={{\n                        width: \"16px\",\n                        height: \"16px\",\n                      }}\n                    />\n                  </IconButton>\n                </DropdownMenu>\n              );\n            },\n          },\n        ],\n      },\n    ],\n    [onCustomCalculationModify, setSelectedCustomCalculation],\n  );\n\n  return (\n    <>\n      <Button\n        startIcon={<SvgAdd />}\n        styleType='high-visibility'\n        onClick={() => {\n          setGroupModifyView(PropertyMenuView.ADD_CUSTOM_CALCULATION);\n        }}\n      >\n        Add Custom Calculation\n      </Button>\n      <Table<CustomCalculation>\n        data={customCalculations}\n        density='extra-condensed'\n        columns={CustomCalculationsColumns}\n        emptyTableContent='No Custom Calculations'\n        isSortable\n        isLoading={isLoading}\n      />\n\n      <DeleteModal\n        entityName={selectedCustomCalculation?.propertyName ?? \"\"}\n        show={showCustomCalculationDeleteModal}\n        setShow={setShowCustomCalculationDeleteModal}\n        onDelete={async () => {\n          await reportingClientApi.deleteCustomCalculation(\n            iModelId,\n            mappingId,\n            groupId,\n            selectedCustomCalculation?.id ?? \"\",\n          );\n        }}\n        refresh={refresh}\n      />\n    </>\n  );\n};\n\nexport default CustomCalculationTable;\n"]}
+{"version":3,"file":"CustomCalculationTable.js","sourceRoot":"","sources":["../../../../src/widget/components/CustomCalculationTable.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  SvgAdd,\n  SvgDelete,\n  SvgEdit,\n  SvgMore,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n  Table,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useContext, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport { PropertyMenuView } from \"./PropertyMenu\";\nimport type { CellProps } from \"react-table\";\nimport DeleteModal from \"./DeleteModal\";\nimport { handleError } from \"./utils\";\nimport type { CustomCalculation } from \"@itwin/insights-client\";\nimport { ReportingClient } from \"@itwin/insights-client\";\nimport type { Api } from \"./GroupingMapping\";\nimport { ApiContext } from \"./GroupingMapping\";\n\nexport type CustomCalculationType =\n  CreateTypeFromInterface<CustomCalculation>;\n\nconst fetchCustomCalculations = async (\n  setCustomCalculations: React.Dispatch<\n  React.SetStateAction<CustomCalculationType[]>\n  >,\n  iModelId: string,\n  mappingId: string,\n  groupId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  apiContext: Api\n) => {\n  try {\n    setIsLoading(true);\n    const reportingClientApi = new ReportingClient(apiContext.prefix);\n    const customCalculations = await reportingClientApi.getCustomCalculations(\n      apiContext.accessToken,\n      iModelId,\n      mappingId,\n      groupId,\n    );\n    setCustomCalculations(customCalculations);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\ninterface CustomCalculationTableProps {\n  iModelId: string;\n  mappingId: string;\n  groupId: string;\n\n  setSelectedCustomCalculation: React.Dispatch<\n  React.SetStateAction<\n  CreateTypeFromInterface<CustomCalculation> | undefined\n  >\n  >;\n  setGroupModifyView: React.Dispatch<React.SetStateAction<PropertyMenuView>>;\n  onCustomCalculationModify: (value: CellProps<CustomCalculationType>) => void;\n  selectedCustomCalculation?: CustomCalculationType;\n}\n\nconst CustomCalculationTable = ({\n  iModelId,\n  mappingId,\n  groupId,\n  setSelectedCustomCalculation,\n  setGroupModifyView,\n  onCustomCalculationModify,\n  selectedCustomCalculation,\n}: CustomCalculationTableProps) => {\n  const apiContext = useContext(ApiContext);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [\n    showCustomCalculationDeleteModal,\n    setShowCustomCalculationDeleteModal,\n  ] = useState<boolean>(false);\n  const [customCalculations, setCustomCalculations] = useState<\n  CustomCalculationType[]\n  >([]);\n\n  useEffect(() => {\n    void fetchCustomCalculations(\n      setCustomCalculations,\n      iModelId,\n      mappingId,\n      groupId,\n      setIsLoading,\n      apiContext\n    );\n  }, [apiContext, groupId, iModelId, mappingId, setIsLoading]);\n\n  const refresh = useCallback(async () => {\n    setCustomCalculations([]);\n    await fetchCustomCalculations(\n      setCustomCalculations,\n      iModelId,\n      mappingId,\n      groupId,\n      setIsLoading,\n      apiContext\n    );\n  }, [apiContext, groupId, iModelId, mappingId, setCustomCalculations]);\n\n  const CustomCalculationsColumns = useMemo(\n    () => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"propertyName\",\n            Header: \"Custom Calculation\",\n            accessor: \"propertyName\",\n            Cell: (value: CellProps<CustomCalculationType>) => (\n              <div\n                className='iui-anchor'\n                onClick={() => onCustomCalculationModify(value)}\n              >\n                {value.row.original.propertyName}\n              </div>\n            ),\n          },\n          {\n            id: \"formula\",\n            Header: \"Formula\",\n            accessor: \"formula\",\n          },\n          {\n            id: \"dropdown\",\n            Header: \"\",\n            width: 80,\n            Cell: (value: CellProps<CustomCalculationType>) => {\n              return (\n                <DropdownMenu\n                  menuItems={(close: () => void) => [\n                    <MenuItem\n                      key={0}\n                      onClick={() => onCustomCalculationModify(value)}\n                      icon={<SvgEdit />}\n                    >\n                      Modify\n                    </MenuItem>,\n                    <MenuItem\n                      key={1}\n                      onClick={() => {\n                        setSelectedCustomCalculation(value.row.original);\n                        setShowCustomCalculationDeleteModal(true);\n                        close();\n                      }}\n                      icon={<SvgDelete />}\n                    >\n                      Remove\n                    </MenuItem>,\n                  ]}\n                >\n                  <IconButton styleType='borderless'>\n                    <SvgMore\n                      style={{\n                        width: \"16px\",\n                        height: \"16px\",\n                      }}\n                    />\n                  </IconButton>\n                </DropdownMenu>\n              );\n            },\n          },\n        ],\n      },\n    ],\n    [onCustomCalculationModify, setSelectedCustomCalculation],\n  );\n\n  return (\n    <>\n      <Button\n        startIcon={<SvgAdd />}\n        styleType='high-visibility'\n        onClick={() => {\n          setGroupModifyView(PropertyMenuView.ADD_CUSTOM_CALCULATION);\n        }}\n      >\n        Add Custom Calculation\n      </Button>\n      <Table<CustomCalculationType>\n        data={customCalculations}\n        density='extra-condensed'\n        columns={CustomCalculationsColumns}\n        emptyTableContent='No Custom Calculations'\n        isSortable\n        isLoading={isLoading}\n      />\n\n      <DeleteModal\n        entityName={selectedCustomCalculation?.propertyName ?? \"\"}\n        show={showCustomCalculationDeleteModal}\n        setShow={setShowCustomCalculationDeleteModal}\n        onDelete={async () => {\n          const reportingClientApi = new ReportingClient(apiContext.prefix);\n          await reportingClientApi.deleteCustomCalculation(\n            apiContext.accessToken,\n            iModelId,\n            mappingId,\n            groupId,\n            selectedCustomCalculation?.id ?? \"\",\n          );\n        }}\n        refresh={refresh}\n      />\n    </>\n  );\n};\n\nexport default CustomCalculationTable;\n"]}

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import type { Group } from "./Grouping";
+import type { GroupType } from "./Grouping";
 import "./GroupAction.scss";
 interface GroupActionProps {
     iModelId: string;
     mappingId: string;
-    group?: Group;
+    group?: GroupType;
     goBack: () => Promise<void>;
 }
 declare const GroupAction: ({ iModelId, mappingId, group, goBack, }: GroupActionProps) => JSX.Element;

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

@@ -26,7 +26,6 @@ const presentation_frontend_1 = require("@itwin/presentation-frontend");
 const appui_react_1 = require("@itwin/appui-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const react_1 = __importStar(require("react"));
-const reportingClient_1 = require("../../api/reportingClient");
 const utils_1 = require("./utils");
 require("./GroupAction.scss");
 const ActionPanel_1 = __importDefault(require("./ActionPanel"));
@@ -36,9 +35,12 @@ const GroupQueryBuilderContext_1 = require("./GroupQueryBuilderContext");
 const QueryBuilder_1 = require("./QueryBuilder");
 const viewerUtils_1 = require("./viewerUtils");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const insights_client_1 = require("@itwin/insights-client");
+const GroupingMapping_1 = require("./GroupingMapping");
 const GroupAction = ({ iModelId, mappingId, group, goBack, }) => {
     var _a, _b, _c;
     const iModelConnection = appui_react_1.useActiveIModelConnection();
+    const apiContext = react_1.useContext(GroupingMapping_1.ApiContext);
     const [details, setDetails] = react_1.useState({
         groupName: (_a = group === null || group === void 0 ? void 0 : group.groupName) !== null && _a !== void 0 ? _a : "",
         description: (_b = group === null || group === void 0 ? void 0 : group.description) !== null && _b !== void 0 ? _b : "",
@@ -95,44 +97,21 @@ const GroupAction = ({ iModelId, mappingId, group, goBack, }) => {
     const isWrappedInQuotes = (text) => {
         return text.startsWith(`"`) && text.endsWith(`"`);
     };
+    const needsAndOperator = (token, index, searchQuery) => isWrappedInQuotes(token) || (index === 1 && isWrappedInQuotes(searchQuery[0]));
     // Temporary until ECViews become available for use.
     const generateSearchQuery = (searchQuery) => {
-        const generatedSearchQuery = searchQuery.length > 0 ? `SELECT
-      be.ecinstanceid
-    FROM
-      generic.physicalobject be
-      JOIN
-        biscore.geometricelement3disincategory ce
-        ON be.ecinstanceid = ce.sourceecinstanceid
-      JOIN
-        bis.ELEMENT de
-        ON ce.targetecinstanceid = de.ecinstanceid
-    WHERE
-      (${searchQuery.map((token, index) => `${index === 0 ? "" : isWrappedInQuotes(token) ? "AND" : "OR"}
-      de.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`).join(" ")}
-      )
-    UNION
-    SELECT
-      de.ecinstanceid
-    FROM
-      biscore.geometricelement3d AS de
-      JOIN
-        ecdbmeta.ecclassdef AS be
-        ON de.ecclassid = be.ecinstanceid
-    WHERE
-      (${searchQuery.map((token, index) => `${index === 0 ? "" : isWrappedInQuotes(token) ? "AND" : "OR"}
-      be.name LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`).join(" ")}
-      )
-    UNION
-    SELECT
-      be.ecinstanceid
-    FROM
-      generic.physicalobject be
-    WHERE
-      (${searchQuery.map((token, index) => `${index === 0 ? "" : isWrappedInQuotes(token) ? "AND" : "OR"}
-      be.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`).join(" ")}
-      )` : "";
-        setQuery(generatedSearchQuery.trim());
+        if (searchQuery.length === 0) {
+            setQuery("");
+            return;
+        }
+        let generatedSearchQuery = `SELECT be.ECInstanceId, be.ECClassId FROM bis.geometricelement3d be `;
+        generatedSearchQuery += `LEFT JOIN bis.SpatialCategory cat ON be.Category.Id = cat.ECInstanceID LEFT JOIN ecdbmeta.ECClassDef ecc ON be.ECClassId = ecc.ECInstanceId `;
+        generatedSearchQuery += `LEFT JOIN bis.PhysicalType pt ON be.TypeDefinition.Id = pt.ECInstanceID`;
+        generatedSearchQuery += ` WHERE `;
+        generatedSearchQuery += `((${searchQuery.map((token, index) => `${index === 0 ? "" : needsAndOperator(token, index, searchQuery) ? "AND" : "OR"} be.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`).join(" ")}) OR (${searchQuery.map((token, index) => `${index === 0 ? "" : needsAndOperator(token, index, searchQuery) ? "AND" : "OR"} be.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`).join(" ")})) OR ((${searchQuery.map((token, index) => `${index === 0 ? "" : needsAndOperator(token, index, searchQuery) ? "AND" : "OR"} cat.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`).join(" ")}) OR (${searchQuery.map((token, index) => `${index === 0 ? "" : needsAndOperator(token, index, searchQuery) ? "AND" : "OR"} cat.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`).join(" ")})) OR (${searchQuery.map((token, index) => `${index === 0 ? "" : needsAndOperator(token, index, searchQuery) ? "AND" : "OR"} ecc.name LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`).join(" ")})`;
+        // Physical Types
+        generatedSearchQuery += ` OR ((${searchQuery.map((token, index) => `${index === 0 ? "" : needsAndOperator(token, index, searchQuery) ? "AND" : "OR"} pt.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`).join(" ")}) OR (${searchQuery.map((token, index) => `${index === 0 ? "" : needsAndOperator(token, index, searchQuery) ? "AND" : "OR"} pt.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`).join(" ")})) `;
+        setQuery(generatedSearchQuery);
     };
     const save = react_1.useCallback(async () => {
         var _a;
@@ -143,9 +122,10 @@ const GroupAction = ({ iModelId, mappingId, group, goBack, }) => {
         try {
             setIsLoading(true);
             const currentQuery = query || simpleQuery;
+            const reportingClientApi = new insights_client_1.ReportingClient(apiContext.prefix);
             group
-                ? await reportingClient_1.reportingClientApi.updateGroup(iModelId, mappingId, (_a = group.id) !== null && _a !== void 0 ? _a : "", { ...details, query: currentQuery })
-                : await reportingClient_1.reportingClientApi.createGroup(iModelId, mappingId, {
+                ? await reportingClientApi.updateGroup(apiContext.accessToken, iModelId, mappingId, (_a = group.id) !== null && _a !== void 0 ? _a : "", { ...details, query: currentQuery })
+                : await reportingClientApi.createGroup(apiContext.accessToken, iModelId, mappingId, {
                     ...details,
                     query: currentQuery,
                 });
@@ -167,7 +147,10 @@ const GroupAction = ({ iModelId, mappingId, group, goBack, }) => {
         showValidationMessage,
         simpleQuery,
         validator,
+        apiContext.accessToken,
+        apiContext.prefix,
     ]);
+    const isBlockingActions = !(details.groupName && details.description && (query || simpleQuery) && !isRendering && !isLoading);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(utils_1.WidgetHeader, { title: group ? (_c = group.groupName) !== null && _c !== void 0 ? _c : "" : "Add Group", returnFn: async () => {
                 presentation_frontend_1.Presentation.selection.clearSelection("GroupingMappingWidget", iModelConnection);
@@ -216,11 +199,11 @@ const GroupAction = ({ iModelId, mappingId, group, goBack, }) => {
                         react_1.default.createElement(GroupQueryBuilderContainer_1.GroupQueryBuilderContainer, null)) :
                     react_1.default.createElement("div", { className: "search-form" },
                         react_1.default.createElement(itwinui_react_1.Text, null, "Generate a query by keywords. Keywords wrapped in double quotes will be considered a required criteria."),
-                        react_1.default.createElement(itwinui_react_1.LabeledTextarea, { label: "Query Keywords", required: true, value: searchInput, onChange: (event) => setSearchInput(event.target.value), disabled: isLoading || isRendering, placeholder: `ex: wall curtain "panel" facade` }),
+                        react_1.default.createElement(itwinui_react_1.LabeledTextarea, { label: "Query Keywords", required: true, value: searchInput, onChange: (event) => setSearchInput(event.target.value), disabled: isLoading || isRendering, placeholder: `E.g. "red" chair` }),
                         react_1.default.createElement("div", { className: "search-actions" },
                             isRendering &&
                                 react_1.default.createElement(utils_1.LoadingSpinner, null),
-                            react_1.default.createElement(itwinui_react_1.Button, { disabled: isLoading || isRendering, onClick: () => generateSearchQuery(searchInput ? searchInput.split(" ") : []) }, "Apply"),
+                            react_1.default.createElement(itwinui_react_1.Button, { disabled: isLoading || isRendering, onClick: () => generateSearchQuery(searchInput ? searchInput.replace(/(\r\n|\n|\r)/gm, "").trim().split(" ") : []) }, "Apply"),
                             react_1.default.createElement(itwinui_react_1.Button, { disabled: isLoading || isRendering, onClick: () => {
                                     setQuery("");
                                     setSearchInput("");
@@ -230,7 +213,7 @@ const GroupAction = ({ iModelId, mappingId, group, goBack, }) => {
             }, onCancel: async () => {
                 presentation_frontend_1.Presentation.selection.clearSelection("GroupingMappingWidget", iModelConnection);
                 await goBack();
-            }, disabled: !(details.groupName && details.description && (query || simpleQuery) && !isRendering && !isLoading), isLoading: isLoading })));
+            }, isSavingDisabled: isBlockingActions, isCancelDisabled: isBlockingActions, isLoading: isLoading })));
 };
 exports.default = GroupAction;
 //# sourceMappingURL=GroupAction.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GroupAction.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupAction.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type {\n  ISelectionProvider,\n  SelectionChangeEventArgs,\n} from \"@itwin/presentation-frontend\";\nimport {\n  Presentation,\n} from \"@itwin/presentation-frontend\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport { Button, Fieldset, LabeledInput, LabeledTextarea, RadioTile, RadioTileGroup, Small, Text, toaster } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport { reportingClientApi } from \"../../api/reportingClient\";\nimport { fetchIdsFromQuery, handleError, handleInputChange, LoadingSpinner, WidgetHeader } from \"./utils\";\nimport type { Group } from \"./Grouping\";\nimport \"./GroupAction.scss\";\nimport ActionPanel from \"./ActionPanel\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { GroupQueryBuilderContainer } from \"./GroupQueryBuilderContainer\";\nimport { GroupQueryBuilderContext } from \"./GroupQueryBuilderContext\";\nimport { QueryBuilder } from \"./QueryBuilder\";\nimport {\n  clearEmphasizedElements,\n  visualizeElementsById,\n  zoomToElements,\n} from \"./viewerUtils\";\nimport { SvgCursor, SvgSearch } from \"@itwin/itwinui-icons-react\";\n\ninterface GroupActionProps {\n  iModelId: string;\n  mappingId: string;\n  group?: Group;\n  goBack: () => Promise<void>;\n}\n\nconst GroupAction = ({\n  iModelId,\n  mappingId,\n  group,\n  goBack,\n}: GroupActionProps) => {\n  const iModelConnection = useActiveIModelConnection() as IModelConnection;\n  const [details, setDetails] = useState({\n    groupName: group?.groupName ?? \"\",\n    description: group?.description ?? \"\",\n  });\n  const [query, setQuery] = useState<string>(\"\");\n  const [simpleQuery, setSimpleQuery] = useState<string>(\"\");\n  const [validator, showValidationMessage] = useValidator();\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [isRendering, setIsRendering] = useState<boolean>(false);\n  const [currentPropertyList, setCurrentPropertyList] = React.useState<\n  PropertyRecord[]\n  >([]);\n  const [queryBuilder, setQueryBuilder] = React.useState<QueryBuilder>(\n    new QueryBuilder(undefined),\n  );\n  const [groupByType, setGroupByType] = React.useState(\"Selection\");\n  const [searchInput, setSearchInput] = React.useState(\"\");\n\n  const changeGroupByType = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const {\n      target: { value },\n    } = event;\n    setGroupByType(value);\n    Presentation.selection.clearSelection(\n      \"GroupingMappingWidget\",\n      iModelConnection,\n    );\n    setQuery(\"\");\n  };\n\n  useEffect(() => {\n    const removeListener = Presentation.selection.selectionChange.addListener(\n      async (\n        evt: SelectionChangeEventArgs,\n        selectionProvider: ISelectionProvider,\n      ) => {\n        const selection = selectionProvider.getSelection(evt.imodel, evt.level);\n        const query = selection.instanceKeys.size > 0 ? `SELECT ECInstanceId FROM ${selection.instanceKeys.keys().next().value\n        }` : \"\";\n        setSimpleQuery(query);\n      },\n    );\n    return () => {\n      removeListener();\n    };\n  }, [iModelConnection]);\n\n  useEffect(() => {\n    const reemphasize = async () => {\n      try {\n        clearEmphasizedElements();\n        if (!query || query === \"\") {\n          return;\n        }\n\n        setIsRendering(true);\n        const ids = await fetchIdsFromQuery(query ?? \"\", iModelConnection);\n        const resolvedHiliteIds = await visualizeElementsById(\n          ids,\n          \"red\",\n          iModelConnection,\n        );\n        await zoomToElements(resolvedHiliteIds);\n      } catch {\n        toaster.negative(\"Sorry, we have failed to generate a valid query. 😔\");\n      } finally {\n        setIsRendering(false);\n      }\n    };\n\n    void reemphasize();\n  }, [iModelConnection, query]);\n\n  useEffect(() => {\n    Presentation.selection.clearSelection(\n      \"GroupingMappingWidget\",\n      iModelConnection,\n    );\n  }, [iModelConnection]);\n\n  const isWrappedInQuotes = (text: string) => {\n    return text.startsWith(`\"`) && text.endsWith(`\"`);\n  };\n  // Temporary until ECViews become available for use.\n  const generateSearchQuery = (searchQuery: string[]) => {\n    const generatedSearchQuery = searchQuery.length > 0 ? `SELECT\n      be.ecinstanceid\n    FROM\n      generic.physicalobject be\n      JOIN\n        biscore.geometricelement3disincategory ce\n        ON be.ecinstanceid = ce.sourceecinstanceid\n      JOIN\n        bis.ELEMENT de\n        ON ce.targetecinstanceid = de.ecinstanceid\n    WHERE\n      (${searchQuery.map((token, index) =>\n    `${index === 0 ? \"\" : isWrappedInQuotes(token) ? \"AND\" : \"OR\"}\n      de.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`\n  ).join(\" \")}\n      )\n    UNION\n    SELECT\n      de.ecinstanceid\n    FROM\n      biscore.geometricelement3d AS de\n      JOIN\n        ecdbmeta.ecclassdef AS be\n        ON de.ecclassid = be.ecinstanceid\n    WHERE\n      (${searchQuery.map((token, index) =>\n    `${index === 0 ? \"\" : isWrappedInQuotes(token) ? \"AND\" : \"OR\"}\n      be.name LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`\n  ).join(\" \")}\n      )\n    UNION\n    SELECT\n      be.ecinstanceid\n    FROM\n      generic.physicalobject be\n    WHERE\n      (${searchQuery.map((token, index) =>\n    `${index === 0 ? \"\" : isWrappedInQuotes(token) ? \"AND\" : \"OR\"}\n      be.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`\n  ).join(\" \")}\n      )` : \"\";\n    setQuery(generatedSearchQuery.trim());\n\n  };\n\n  const save = useCallback(async () => {\n    if (!validator.allValid()) {\n      showValidationMessage(true);\n      return;\n    }\n    try {\n      setIsLoading(true);\n      const currentQuery = query || simpleQuery;\n\n      group\n        ? await reportingClientApi.updateGroup(\n          iModelId,\n          mappingId,\n          group.id ?? \"\",\n          { ...details, query: currentQuery },\n        )\n        : await reportingClientApi.createGroup(iModelId, mappingId, {\n          ...details,\n          query: currentQuery,\n        });\n      Presentation.selection.clearSelection(\n        \"GroupingMappingWidget\",\n        iModelConnection,\n      );\n      await goBack();\n    } catch (error: any) {\n      handleError(error.status);\n      setIsLoading(false);\n    }\n  }, [\n    details,\n    goBack,\n    group,\n    iModelConnection,\n    iModelId,\n    mappingId,\n    query,\n    showValidationMessage,\n    simpleQuery,\n    validator,\n  ]);\n\n  return (\n    <>\n      <WidgetHeader\n        title={group ? group.groupName ?? \"\" : \"Add Group\"}\n        returnFn={async () => {\n          Presentation.selection.clearSelection(\n            \"GroupingMappingWidget\",\n            iModelConnection,\n          );\n          await goBack();\n        }}\n      />\n      <div className='group-add-modify-container'>\n        <Fieldset legend='Group Details' className='group-details'>\n          <Small className='field-legend'>\n            Asterisk * indicates mandatory fields.\n          </Small>\n          <LabeledInput\n            id='groupName'\n            name='groupName'\n            label='Name'\n            value={details.groupName}\n            required\n            onChange={(event) => {\n              handleInputChange(event, details, setDetails);\n              validator.showMessageFor(\"groupName\");\n            }}\n            message={validator.message(\n              \"groupName\",\n              details.groupName,\n              NAME_REQUIREMENTS,\n            )}\n            status={\n              validator.message(\n                \"groupName\",\n                details.groupName,\n                NAME_REQUIREMENTS,\n              )\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"groupName\");\n            }}\n            onBlurCapture={(event) => {\n              handleInputChange(event, details, setDetails);\n              validator.showMessageFor(\"groupName\");\n            }}\n          />\n          <LabeledInput\n            id='description'\n            required\n            name='description'\n            label='Description'\n            value={details.description}\n            onChange={(event) => {\n              handleInputChange(event, details, setDetails);\n              validator.showMessageFor(\"description\");\n            }}\n            message={validator.message(\n              \"description\",\n              details.description,\n              \"required\",\n            )}\n            status={\n              validator.message(\"description\", details.description, \"required\")\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"description\");\n            }}\n            onBlurCapture={(event) => {\n              handleInputChange(event, details, setDetails);\n              validator.showMessageFor(\"description\");\n            }}\n          />\n        </Fieldset>\n        <Fieldset legend='Group By' className='query-builder-container'>\n          <RadioTileGroup\n            className=\"radio-group-tile\"\n            required>\n            <RadioTile\n              name={\"groupby\"}\n              icon={<SvgCursor />}\n              onChange={changeGroupByType}\n              defaultChecked\n              value={\"Selection\"}\n              label={\"Selection\"}\n              disabled={isLoading || isRendering}\n            />\n            <RadioTile\n              icon={<SvgSearch />}\n              name={\"groupby\"}\n              onChange={changeGroupByType}\n              value={\"Query Keywords\"}\n              label={\"Query Keywords\"}\n              disabled={isLoading || isRendering}\n            />\n          </RadioTileGroup>\n          {groupByType === \"Selection\" ?\n            <GroupQueryBuilderContext.Provider\n              value={{\n                currentPropertyList,\n                setCurrentPropertyList,\n                query,\n                setQuery,\n                queryBuilder,\n                setQueryBuilder,\n                isLoading,\n                isRendering,\n              }}\n            >\n              <GroupQueryBuilderContainer />\n            </GroupQueryBuilderContext.Provider> :\n            <div className=\"search-form\">\n              <Text>Generate a query by keywords. Keywords wrapped in double quotes will be considered a required criteria.</Text>\n              <LabeledTextarea\n                label=\"Query Keywords\"\n                required\n                value={searchInput}\n                onChange={(event) => setSearchInput(event.target.value)}\n                disabled={isLoading || isRendering}\n                placeholder={`ex: wall curtain \"panel\" facade`} />\n              <div className=\"search-actions\">\n                {isRendering &&\n                  <LoadingSpinner />\n                }\n                <Button disabled={isLoading || isRendering} onClick={() => generateSearchQuery(searchInput ? searchInput.split(\" \") : [])}>Apply</Button>\n                <Button disabled={isLoading || isRendering} onClick={() => {\n                  setQuery(\"\");\n                  setSearchInput(\"\");\n                }}>Clear</Button>\n              </div>\n            </div>\n          }\n        </Fieldset>\n      </div>\n      <ActionPanel\n        onSave={async () => {\n          await save();\n        }}\n        onCancel={async () => {\n          Presentation.selection.clearSelection(\n            \"GroupingMappingWidget\",\n            iModelConnection,\n          );\n          await goBack();\n        }}\n        disabled={\n          !(details.groupName && details.description && (query || simpleQuery) && !isRendering && !isLoading)\n        }\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n\nexport default GroupAction;\n"]}
+{"version":3,"file":"GroupAction.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AASA,wEAEsC;AACtC,oDAA+D;AAC/D,wDAAwI;AACxI,+CAA4E;AAC5E,mCAA0G;AAE1G,8BAA4B;AAC5B,gEAAwC;AACxC,sEAAwE;AAExE,6EAA0E;AAC1E,yEAAsE;AACtE,iDAA8C;AAC9C,+CAIuB;AACvB,oEAAkE;AAClE,4DAAyD;AACzD,uDAA+C;AAS/C,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,GACW,EAAE,EAAE;;IACrB,MAAM,gBAAgB,GAAG,uCAAyB,EAAsB,CAAC;IACzE,MAAM,UAAU,GAAG,kBAAU,CAAC,4BAAU,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,gBAAQ,CAAC;QACrC,SAAS,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,mCAAI,EAAE;QACjC,WAAW,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,mCAAI,EAAE;KACtC,CAAC,CAAC;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,gBAAQ,CAAS,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,gBAAQ,CAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,SAAS,EAAE,qBAAqB,CAAC,GAAG,sBAAY,EAAE,CAAC;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IAC/D,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAElE,EAAE,CAAC,CAAC;IACN,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CACpD,IAAI,2BAAY,CAAC,SAAS,CAAC,CAC5B,CAAC;IACF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzD,MAAM,iBAAiB,GAAG,CAAC,KAA0C,EAAE,EAAE;QACvE,MAAM,EACJ,MAAM,EAAE,EAAE,KAAK,EAAE,GAClB,GAAG,KAAK,CAAC;QACV,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,oCAAY,CAAC,SAAS,CAAC,cAAc,CACnC,uBAAuB,EACvB,gBAAgB,CACjB,CAAC;QACF,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,iBAAS,CAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,oCAAY,CAAC,SAAS,CAAC,eAAe,CAAC,WAAW,CACvE,KAAK,EACH,GAA6B,EAC7B,iBAAqC,EACrC,EAAE;YACF,MAAM,SAAS,GAAG,iBAAiB,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;YACxE,MAAM,KAAK,GAAG,SAAS,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,4BAA4B,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,KACjH,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YACR,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,CACF,CAAC;QACF,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,iBAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;YAC7B,IAAI;gBACF,qCAAuB,EAAE,CAAC;gBAC1B,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,EAAE;oBAC1B,OAAO;iBACR;gBAED,cAAc,CAAC,IAAI,CAAC,CAAC;gBACrB,MAAM,GAAG,GAAG,MAAM,yBAAiB,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAAE,gBAAgB,CAAC,CAAC;gBACnE,MAAM,iBAAiB,GAAG,MAAM,mCAAqB,CACnD,GAAG,EACH,KAAK,EACL,gBAAgB,CACjB,CAAC;gBACF,MAAM,4BAAc,CAAC,iBAAiB,CAAC,CAAC;aACzC;YAAC,MAAM;gBACN,uBAAO,CAAC,QAAQ,CAAC,qDAAqD,CAAC,CAAC;aACzE;oBAAS;gBACR,cAAc,CAAC,KAAK,CAAC,CAAC;aACvB;QACH,CAAC,CAAC;QAEF,KAAK,WAAW,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC;IAE9B,iBAAS,CAAC,GAAG,EAAE;QACb,oCAAY,CAAC,SAAS,CAAC,cAAc,CACnC,uBAAuB,EACvB,gBAAgB,CACjB,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE;QACzC,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpD,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,KAAa,EAAE,WAAqB,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjK,oDAAoD;IACpD,MAAM,mBAAmB,GAAG,CAAC,WAAqB,EAAE,EAAE;QACpD,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;YAC5B,QAAQ,CAAC,EAAE,CAAC,CAAC;YACb,OAAO;SACR;QAED,IAAI,oBAAoB,GACtB,sEAAsE,CAAC;QACzE,oBAAoB,IAAI,8IAA8I,CAAC;QACvK,oBAAoB,IAAI,yEAAyE,CAAC;QAClG,oBAAoB,IAAI,SAAS,CAAC;QAClC,oBAAoB,IAAI,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAC5D,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,wBAAwB,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAClK,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACnD,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,wBAAwB,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAClK,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACrD,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,yBAAyB,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CACnK,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACnD,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,yBAAyB,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CACnK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACpD,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,oBAAoB,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAC9J,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;QACf,iBAAiB;QACjB,oBAAoB,IAAI,SAAS,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAChE,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,wBAAwB,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAClK,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACnD,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,wBAAwB,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAClK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;QAEjB,QAAQ,CAAC,oBAAoB,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,mBAAW,CAAC,KAAK,IAAI,EAAE;;QAClC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE;YACzB,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC5B,OAAO;SACR;QACD,IAAI;YACF,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,MAAM,YAAY,GAAG,KAAK,IAAI,WAAW,CAAC;YAC1C,MAAM,kBAAkB,GAAG,IAAI,iCAAe,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAElE,KAAK;gBACH,CAAC,CAAC,MAAM,kBAAkB,CAAC,WAAW,CACpC,UAAU,CAAC,WAAW,EACtB,QAAQ,EACR,SAAS,EACT,MAAA,KAAK,CAAC,EAAE,mCAAI,EAAE,EACd,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CACpC;gBACD,CAAC,CAAC,MAAM,kBAAkB,CAAC,WAAW,CAAC,UAAU,CAAC,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE;oBAClF,GAAG,OAAO;oBACV,KAAK,EAAE,YAAY;iBACpB,CAAC,CAAC;YACL,oCAAY,CAAC,SAAS,CAAC,cAAc,CACnC,uBAAuB,EACvB,gBAAgB,CACjB,CAAC;YACF,MAAM,MAAM,EAAE,CAAC;SAChB;QAAC,OAAO,KAAU,EAAE;YACnB,mBAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAC1B,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;IACH,CAAC,EAAE;QACD,OAAO;QACP,MAAM;QACN,KAAK;QACL,gBAAgB;QAChB,QAAQ;QACR,SAAS;QACT,KAAK;QACL,qBAAqB;QACrB,WAAW;QACX,SAAS;QACT,UAAU,CAAC,WAAW;QACtB,UAAU,CAAC,MAAM;KAClB,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,CAAC,CAAC,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,WAAW,IAAI,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,SAAS,CAAC,CAAC;IAE9H,OAAO,CACL;QACE,8BAAC,oBAAY,IACX,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,SAAS,mCAAI,EAAE,CAAC,CAAC,CAAC,WAAW,EAClD,QAAQ,EAAE,KAAK,IAAI,EAAE;gBACnB,oCAAY,CAAC,SAAS,CAAC,cAAc,CACnC,uBAAuB,EACvB,gBAAgB,CACjB,CAAC;gBACF,MAAM,MAAM,EAAE,CAAC;YACjB,CAAC,GACD;QACF,uCAAK,SAAS,EAAC,4BAA4B;YACzC,8BAAC,wBAAQ,IAAC,MAAM,EAAC,eAAe,EAAC,SAAS,EAAC,eAAe;gBACxD,8BAAC,qBAAK,IAAC,SAAS,EAAC,cAAc,6CAEvB;gBACR,8BAAC,4BAAY,IACX,EAAE,EAAC,WAAW,EACd,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,OAAO,CAAC,SAAS,EACxB,QAAQ,QACR,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,yBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;wBAC9C,SAAS,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;oBACxC,CAAC,EACD,OAAO,EAAE,SAAS,CAAC,OAAO,CACxB,WAAW,EACX,OAAO,CAAC,SAAS,EACjB,gCAAiB,CAClB,EACD,MAAM,EACJ,SAAS,CAAC,OAAO,CACf,WAAW,EACX,OAAO,CAAC,SAAS,EACjB,gCAAiB,CAClB;wBACC,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,SAAS,EAEf,MAAM,EAAE,GAAG,EAAE;wBACX,SAAS,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;oBACxC,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;wBACvB,yBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;wBAC9C,SAAS,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;oBACxC,CAAC,GACD;gBACF,8BAAC,4BAAY,IACX,EAAE,EAAC,aAAa,EAChB,QAAQ,QACR,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,OAAO,CAAC,WAAW,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,yBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;wBAC9C,SAAS,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;oBAC1C,CAAC,EACD,OAAO,EAAE,SAAS,CAAC,OAAO,CACxB,aAAa,EACb,OAAO,CAAC,WAAW,EACnB,UAAU,CACX,EACD,MAAM,EACJ,SAAS,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,WAAW,EAAE,UAAU,CAAC;wBAC/D,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,SAAS,EAEf,MAAM,EAAE,GAAG,EAAE;wBACX,SAAS,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;wBACvB,yBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;wBAC9C,SAAS,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;oBAC1C,CAAC,GACD,CACO;YACX,8BAAC,wBAAQ,IAAC,MAAM,EAAC,UAAU,EAAC,SAAS,EAAC,yBAAyB;gBAC7D,8BAAC,8BAAc,IACb,SAAS,EAAC,kBAAkB,EAC5B,QAAQ;oBACR,8BAAC,yBAAS,IACR,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,8BAAC,+BAAS,OAAG,EACnB,QAAQ,EAAE,iBAAiB,EAC3B,cAAc,QACd,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,SAAS,IAAI,WAAW,GAClC;oBACF,8BAAC,yBAAS,IACR,IAAI,EAAE,8BAAC,+BAAS,OAAG,EACnB,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,iBAAiB,EAC3B,KAAK,EAAE,gBAAgB,EACvB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,SAAS,IAAI,WAAW,GAClC,CACa;gBAChB,WAAW,KAAK,WAAW,CAAC,CAAC;oBAC5B,8BAAC,mDAAwB,CAAC,QAAQ,IAChC,KAAK,EAAE;4BACL,mBAAmB;4BACnB,sBAAsB;4BACtB,KAAK;4BACL,QAAQ;4BACR,YAAY;4BACZ,eAAe;4BACf,SAAS;4BACT,WAAW;yBACZ;wBAED,8BAAC,uDAA0B,OAAG,CACI,CAAC,CAAC;oBACtC,uCAAK,SAAS,EAAC,aAAa;wBAC1B,8BAAC,oBAAI,kHAA+G;wBACpH,8BAAC,+BAAe,IACd,KAAK,EAAC,gBAAgB,EACtB,QAAQ,QACR,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACvD,QAAQ,EAAE,SAAS,IAAI,WAAW,EAClC,WAAW,EAAE,kBAAkB,GAAI;wBACrC,uCAAK,SAAS,EAAC,gBAAgB;4BAC5B,WAAW;gCACV,8BAAC,sBAAc,OAAG;4BAEpB,8BAAC,sBAAM,IAAC,QAAQ,EAAE,SAAS,IAAI,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,YAAgB;4BAC9K,8BAAC,sBAAM,IAAC,QAAQ,EAAE,SAAS,IAAI,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE;oCACxD,QAAQ,CAAC,EAAE,CAAC,CAAC;oCACb,cAAc,CAAC,EAAE,CAAC,CAAC;gCACrB,CAAC,YAAgB,CACb,CACF,CAEC,CACP;QACN,8BAAC,qBAAW,IACV,MAAM,EAAE,KAAK,IAAI,EAAE;gBACjB,MAAM,IAAI,EAAE,CAAC;YACf,CAAC,EACD,QAAQ,EAAE,KAAK,IAAI,EAAE;gBACnB,oCAAY,CAAC,SAAS,CAAC,cAAc,CACnC,uBAAuB,EACvB,gBAAgB,CACjB,CAAC;gBACF,MAAM,MAAM,EAAE,CAAC;YACjB,CAAC,EACD,gBAAgB,EACd,iBAAiB,EAEnB,gBAAgB,EAAE,iBAAiB,EACnC,SAAS,EAAE,SAAS,GACpB,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type {\n  ISelectionProvider,\n  SelectionChangeEventArgs,\n} from \"@itwin/presentation-frontend\";\nimport {\n  Presentation,\n} from \"@itwin/presentation-frontend\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport { Button, Fieldset, LabeledInput, LabeledTextarea, RadioTile, RadioTileGroup, Small, Text, toaster } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useContext, useEffect, useState } from \"react\";\nimport { fetchIdsFromQuery, handleError, handleInputChange, LoadingSpinner, WidgetHeader } from \"./utils\";\nimport type { GroupType } from \"./Grouping\";\nimport \"./GroupAction.scss\";\nimport ActionPanel from \"./ActionPanel\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { GroupQueryBuilderContainer } from \"./GroupQueryBuilderContainer\";\nimport { GroupQueryBuilderContext } from \"./GroupQueryBuilderContext\";\nimport { QueryBuilder } from \"./QueryBuilder\";\nimport {\n  clearEmphasizedElements,\n  visualizeElementsById,\n  zoomToElements,\n} from \"./viewerUtils\";\nimport { SvgCursor, SvgSearch } from \"@itwin/itwinui-icons-react\";\nimport { ReportingClient } from \"@itwin/insights-client\";\nimport { ApiContext } from \"./GroupingMapping\";\n\ninterface GroupActionProps {\n  iModelId: string;\n  mappingId: string;\n  group?: GroupType;\n  goBack: () => Promise<void>;\n}\n\nconst GroupAction = ({\n  iModelId,\n  mappingId,\n  group,\n  goBack,\n}: GroupActionProps) => {\n  const iModelConnection = useActiveIModelConnection() as IModelConnection;\n  const apiContext = useContext(ApiContext);\n  const [details, setDetails] = useState({\n    groupName: group?.groupName ?? \"\",\n    description: group?.description ?? \"\",\n  });\n  const [query, setQuery] = useState<string>(\"\");\n  const [simpleQuery, setSimpleQuery] = useState<string>(\"\");\n  const [validator, showValidationMessage] = useValidator();\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [isRendering, setIsRendering] = useState<boolean>(false);\n  const [currentPropertyList, setCurrentPropertyList] = React.useState<\n  PropertyRecord[]\n  >([]);\n  const [queryBuilder, setQueryBuilder] = React.useState<QueryBuilder>(\n    new QueryBuilder(undefined),\n  );\n  const [groupByType, setGroupByType] = React.useState(\"Selection\");\n  const [searchInput, setSearchInput] = React.useState(\"\");\n\n  const changeGroupByType = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const {\n      target: { value },\n    } = event;\n    setGroupByType(value);\n    Presentation.selection.clearSelection(\n      \"GroupingMappingWidget\",\n      iModelConnection,\n    );\n    setQuery(\"\");\n  };\n\n  useEffect(() => {\n    const removeListener = Presentation.selection.selectionChange.addListener(\n      async (\n        evt: SelectionChangeEventArgs,\n        selectionProvider: ISelectionProvider,\n      ) => {\n        const selection = selectionProvider.getSelection(evt.imodel, evt.level);\n        const query = selection.instanceKeys.size > 0 ? `SELECT ECInstanceId FROM ${selection.instanceKeys.keys().next().value\n        }` : \"\";\n        setSimpleQuery(query);\n      },\n    );\n    return () => {\n      removeListener();\n    };\n  }, [iModelConnection]);\n\n  useEffect(() => {\n    const reemphasize = async () => {\n      try {\n        clearEmphasizedElements();\n        if (!query || query === \"\") {\n          return;\n        }\n\n        setIsRendering(true);\n        const ids = await fetchIdsFromQuery(query ?? \"\", iModelConnection);\n        const resolvedHiliteIds = await visualizeElementsById(\n          ids,\n          \"red\",\n          iModelConnection,\n        );\n        await zoomToElements(resolvedHiliteIds);\n      } catch {\n        toaster.negative(\"Sorry, we have failed to generate a valid query. 😔\");\n      } finally {\n        setIsRendering(false);\n      }\n    };\n\n    void reemphasize();\n  }, [iModelConnection, query]);\n\n  useEffect(() => {\n    Presentation.selection.clearSelection(\n      \"GroupingMappingWidget\",\n      iModelConnection,\n    );\n  }, [iModelConnection]);\n\n  const isWrappedInQuotes = (text: string) => {\n    return text.startsWith(`\"`) && text.endsWith(`\"`);\n  };\n\n  const needsAndOperator = (token: string, index: number, searchQuery: string[]) => isWrappedInQuotes(token) || (index === 1 && isWrappedInQuotes(searchQuery[0]));\n  // Temporary until ECViews become available for use.\n  const generateSearchQuery = (searchQuery: string[]) => {\n    if (searchQuery.length === 0) {\n      setQuery(\"\");\n      return;\n    }\n\n    let generatedSearchQuery =\n      `SELECT be.ECInstanceId, be.ECClassId FROM bis.geometricelement3d be `;\n    generatedSearchQuery += `LEFT JOIN bis.SpatialCategory cat ON be.Category.Id = cat.ECInstanceID LEFT JOIN ecdbmeta.ECClassDef ecc ON be.ECClassId = ecc.ECInstanceId `;\n    generatedSearchQuery += `LEFT JOIN bis.PhysicalType pt ON be.TypeDefinition.Id = pt.ECInstanceID`;\n    generatedSearchQuery += ` WHERE `;\n    generatedSearchQuery += `((${searchQuery.map((token, index) =>\n      `${index === 0 ? \"\" : needsAndOperator(token, index, searchQuery) ? \"AND\" : \"OR\"} be.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`\n    ).join(\" \")}) OR (${searchQuery.map((token, index) =>\n      `${index === 0 ? \"\" : needsAndOperator(token, index, searchQuery) ? \"AND\" : \"OR\"} be.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`\n    ).join(\" \")})) OR ((${searchQuery.map((token, index) =>\n      `${index === 0 ? \"\" : needsAndOperator(token, index, searchQuery) ? \"AND\" : \"OR\"} cat.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`\n    ).join(\" \")}) OR (${searchQuery.map((token, index) =>\n      `${index === 0 ? \"\" : needsAndOperator(token, index, searchQuery) ? \"AND\" : \"OR\"} cat.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`\n    ).join(\" \")})) OR (${searchQuery.map((token, index) =>\n      `${index === 0 ? \"\" : needsAndOperator(token, index, searchQuery) ? \"AND\" : \"OR\"} ecc.name LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`\n    ).join(\" \")})`;\n    // Physical Types\n    generatedSearchQuery += ` OR ((${searchQuery.map((token, index) =>\n      `${index === 0 ? \"\" : needsAndOperator(token, index, searchQuery) ? \"AND\" : \"OR\"} pt.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`\n    ).join(\" \")}) OR (${searchQuery.map((token, index) =>\n      `${index === 0 ? \"\" : needsAndOperator(token, index, searchQuery) ? \"AND\" : \"OR\"} pt.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`\n    ).join(\" \")})) `;\n\n    setQuery(generatedSearchQuery);\n  };\n\n  const save = useCallback(async () => {\n    if (!validator.allValid()) {\n      showValidationMessage(true);\n      return;\n    }\n    try {\n      setIsLoading(true);\n      const currentQuery = query || simpleQuery;\n      const reportingClientApi = new ReportingClient(apiContext.prefix);\n\n      group\n        ? await reportingClientApi.updateGroup(\n          apiContext.accessToken,\n          iModelId,\n          mappingId,\n          group.id ?? \"\",\n          { ...details, query: currentQuery },\n        )\n        : await reportingClientApi.createGroup(apiContext.accessToken, iModelId, mappingId, {\n          ...details,\n          query: currentQuery,\n        });\n      Presentation.selection.clearSelection(\n        \"GroupingMappingWidget\",\n        iModelConnection,\n      );\n      await goBack();\n    } catch (error: any) {\n      handleError(error.status);\n      setIsLoading(false);\n    }\n  }, [\n    details,\n    goBack,\n    group,\n    iModelConnection,\n    iModelId,\n    mappingId,\n    query,\n    showValidationMessage,\n    simpleQuery,\n    validator,\n    apiContext.accessToken,\n    apiContext.prefix,\n  ]);\n\n  const isBlockingActions = !(details.groupName && details.description && (query || simpleQuery) && !isRendering && !isLoading);\n\n  return (\n    <>\n      <WidgetHeader\n        title={group ? group.groupName ?? \"\" : \"Add Group\"}\n        returnFn={async () => {\n          Presentation.selection.clearSelection(\n            \"GroupingMappingWidget\",\n            iModelConnection,\n          );\n          await goBack();\n        }}\n      />\n      <div className='group-add-modify-container'>\n        <Fieldset legend='Group Details' className='group-details'>\n          <Small className='field-legend'>\n            Asterisk * indicates mandatory fields.\n          </Small>\n          <LabeledInput\n            id='groupName'\n            name='groupName'\n            label='Name'\n            value={details.groupName}\n            required\n            onChange={(event) => {\n              handleInputChange(event, details, setDetails);\n              validator.showMessageFor(\"groupName\");\n            }}\n            message={validator.message(\n              \"groupName\",\n              details.groupName,\n              NAME_REQUIREMENTS,\n            )}\n            status={\n              validator.message(\n                \"groupName\",\n                details.groupName,\n                NAME_REQUIREMENTS,\n              )\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"groupName\");\n            }}\n            onBlurCapture={(event) => {\n              handleInputChange(event, details, setDetails);\n              validator.showMessageFor(\"groupName\");\n            }}\n          />\n          <LabeledInput\n            id='description'\n            required\n            name='description'\n            label='Description'\n            value={details.description}\n            onChange={(event) => {\n              handleInputChange(event, details, setDetails);\n              validator.showMessageFor(\"description\");\n            }}\n            message={validator.message(\n              \"description\",\n              details.description,\n              \"required\",\n            )}\n            status={\n              validator.message(\"description\", details.description, \"required\")\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"description\");\n            }}\n            onBlurCapture={(event) => {\n              handleInputChange(event, details, setDetails);\n              validator.showMessageFor(\"description\");\n            }}\n          />\n        </Fieldset>\n        <Fieldset legend='Group By' className='query-builder-container'>\n          <RadioTileGroup\n            className=\"radio-group-tile\"\n            required>\n            <RadioTile\n              name={\"groupby\"}\n              icon={<SvgCursor />}\n              onChange={changeGroupByType}\n              defaultChecked\n              value={\"Selection\"}\n              label={\"Selection\"}\n              disabled={isLoading || isRendering}\n            />\n            <RadioTile\n              icon={<SvgSearch />}\n              name={\"groupby\"}\n              onChange={changeGroupByType}\n              value={\"Query Keywords\"}\n              label={\"Query Keywords\"}\n              disabled={isLoading || isRendering}\n            />\n          </RadioTileGroup>\n          {groupByType === \"Selection\" ?\n            <GroupQueryBuilderContext.Provider\n              value={{\n                currentPropertyList,\n                setCurrentPropertyList,\n                query,\n                setQuery,\n                queryBuilder,\n                setQueryBuilder,\n                isLoading,\n                isRendering,\n              }}\n            >\n              <GroupQueryBuilderContainer />\n            </GroupQueryBuilderContext.Provider> :\n            <div className=\"search-form\">\n              <Text>Generate a query by keywords. Keywords wrapped in double quotes will be considered a required criteria.</Text>\n              <LabeledTextarea\n                label=\"Query Keywords\"\n                required\n                value={searchInput}\n                onChange={(event) => setSearchInput(event.target.value)}\n                disabled={isLoading || isRendering}\n                placeholder={`E.g. \"red\" chair`} />\n              <div className=\"search-actions\">\n                {isRendering &&\n                  <LoadingSpinner />\n                }\n                <Button disabled={isLoading || isRendering} onClick={() => generateSearchQuery(searchInput ? searchInput.replace(/(\\r\\n|\\n|\\r)/gm, \"\").trim().split(\" \") : [])}>Apply</Button>\n                <Button disabled={isLoading || isRendering} onClick={() => {\n                  setQuery(\"\");\n                  setSearchInput(\"\");\n                }}>Clear</Button>\n              </div>\n            </div>\n          }\n        </Fieldset>\n      </div>\n      <ActionPanel\n        onSave={async () => {\n          await save();\n        }}\n        onCancel={async () => {\n          Presentation.selection.clearSelection(\n            \"GroupingMappingWidget\",\n            iModelConnection,\n          );\n          await goBack();\n        }}\n        isSavingDisabled={\n          isBlockingActions\n        }\n        isCancelDisabled={isBlockingActions}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n\nexport default GroupAction;\n"]}

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

@@ -29,11 +29,12 @@ const appui_react_1 = require("@itwin/appui-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const react_1 = __importStar(require("react"));
-const reportingClient_1 = require("../../api/reportingClient");
 const ActionPanel_1 = __importDefault(require("./ActionPanel"));
 const useValidator_1 = __importStar(require("../hooks/useValidator"));
 const utils_1 = require("./utils");
 require("./GroupPropertyAction.scss");
+const insights_client_1 = require("@itwin/insights-client");
+const GroupingMapping_1 = require("./GroupingMapping");
 exports.quantityTypesSelectionOptions = [
     { value: "Area", label: "Area" },
     { value: "Distance", label: "Distance" },
@@ -170,6 +171,7 @@ const extractProperties = (properties, classToPropertiesMapping, navigation) =>
 };
 const GroupPropertyAction = ({ iModelId, mappingId, groupId, groupPropertyId, groupPropertyName, keySet, returnFn, }) => {
     const iModelConnection = appui_react_1.useActiveIModelConnection();
+    const apiContext = react_1.useContext(GroupingMapping_1.ApiContext);
     const [propertyName, setPropertyName] = react_1.useState("");
     const [dataType, setDataType] = react_1.useState();
     const [quantityType, setQuantityType] = react_1.useState("Undefined");
@@ -232,10 +234,11 @@ const GroupPropertyAction = ({ iModelId, mappingId, groupId, groupPropertyId, gr
             });
             setClassToPropertiesMapping(classToPropertiesMapping);
             let newEcProperties;
+            const reportingClientApi = new insights_client_1.ReportingClient(apiContext.prefix);
             // Fetch already existing ec properties then add all classes from presentation
             if (groupPropertyId) {
                 // TODO Error handling
-                const response = await reportingClient_1.reportingClientApi.getGroupProperty(iModelId, mappingId, groupId, groupPropertyId);
+                const response = await reportingClientApi.getGroupProperty(apiContext.accessToken, iModelId, mappingId, groupId, groupPropertyId);
                 newEcProperties = (_g = (_f = response.property) === null || _f === void 0 ? void 0 : _f.ecProperties) !== null && _g !== void 0 ? _g : [];
                 let keys = Array.from(classToPropertiesMapping.keys()).reverse();
                 for (const ecProperty of newEcProperties) {
@@ -267,7 +270,7 @@ const GroupPropertyAction = ({ iModelId, mappingId, groupId, groupPropertyId, gr
             setIsLoading(false);
         };
         void getContent();
-    }, [groupId, groupPropertyId, iModelConnection, iModelId, keySet, mappingId]);
+    }, [apiContext.accessToken, apiContext.prefix, groupId, groupPropertyId, iModelConnection, iModelId, keySet, mappingId]);
     const onSave = async () => {
         const filteredEcProperties = ecProperties.filter((ecProperty) => ecProperty.ecPropertyName && ecProperty.ecPropertyType);
         if (!(filteredEcProperties === null || filteredEcProperties === void 0 ? void 0 : filteredEcProperties.length) || !validator.allValid()) {
@@ -285,9 +288,10 @@ const GroupPropertyAction = ({ iModelId, mappingId, groupId, groupPropertyId, gr
                 quantityType,
                 ecProperties: filteredEcProperties,
             };
+            const reportingClientApi = new insights_client_1.ReportingClient(apiContext.prefix);
             groupPropertyId
-                ? await reportingClient_1.reportingClientApi.updateGroupProperty(iModelId, mappingId, groupId, groupPropertyId, groupProperty)
-                : await reportingClient_1.reportingClientApi.createGroupProperty(iModelId, mappingId, groupId, groupProperty);
+                ? await reportingClientApi.updateGroupProperty(apiContext.accessToken, iModelId, mappingId, groupId, groupPropertyId, groupProperty)
+                : await reportingClientApi.createGroupProperty(apiContext.accessToken, iModelId, mappingId, groupId, groupProperty);
             await returnFn();
         }
         catch (error) {