@itwin/grouping-mapping-widget 0.19.1 → 0.20.0

package/lib/cjs/components/Mappings/MappingsView.js

@@ -0,0 +1,64 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MappingsView = exports.mappingViewDefaultDisplayStrings = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = __importDefault(require("react"));
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const EmptyMessage_1 = require("../SharedComponents/EmptyMessage");
+const LoadingOverlay_1 = require("../SharedComponents/LoadingOverlay");
+require("./MappingsView.scss");
+const DeleteModal_1 = __importDefault(require("../SharedComponents/DeleteModal"));
+const MappingImportWizardModal_1 = require("./Import/MappingImportWizardModal");
+const HorizontalTile_1 = require("../SharedComponents/HorizontalTile");
+const BlockingOverlay_1 = require("./BlockingOverlay");
+const MappingViewActionGroup_1 = require("./MappingViewActionGroup");
+const ExtractionStatusIcon_1 = require("./Extraction/ExtractionStatusIcon");
+const ExtractionMessageModal_1 = require("./Extraction/ExtractionMessageModal");
+exports.mappingViewDefaultDisplayStrings = {
+    mappings: "Mappings",
+    iTwins: "iTwins",
+    iTwinNumber: "Number",
+    iTwinName: "Name",
+    iTwinStatus: "Status",
+    iModels: "iModels",
+    iModelName: "Name",
+    iModelDescription: "Description",
+};
+const MappingsView = ({ mappings, isLoading, extractionIconData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, isTogglingExtraction, onRefresh, onToggleExtraction, onDelete, showDeleteModal, setShowDeleteModal, displayStrings: userDisplayStrings, showImportModal, setShowImportModal, onClickAddMapping, onClickMappingTitle, onClickMappingModify, alert, }) => {
+    const displayStrings = react_1.default.useMemo(() => ({ ...exports.mappingViewDefaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(BlockingOverlay_1.BlockingOverlay, { isVisible: isTogglingExtraction }),
+        react_1.default.createElement("div", { className: "gmw-mappings-view-container" },
+            react_1.default.createElement("div", { className: "gmw-table-toolbar" },
+                react_1.default.createElement("div", { className: "gmw-button-spacing" },
+                    onClickAddMapping &&
+                        react_1.default.createElement(itwinui_react_1.Button, { startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgAdd, null), onClick: onClickAddMapping, styleType: "high-visibility", title: "New Mapping" }, "New"),
+                    showImportModal !== undefined && setShowImportModal && react_1.default.createElement(itwinui_react_1.IconButton, { title: `Import ${displayStrings.mappings}`, onClick: () => setShowImportModal(true) },
+                        react_1.default.createElement(itwinui_icons_react_1.SvgImport, null))),
+                react_1.default.createElement("div", { className: "gmw-button-spacing" },
+                    react_1.default.createElement(ExtractionStatusIcon_1.ExtractionStatusIcon, { iconStatus: extractionIconData.iconStatus, onClick: () => {
+                            if (extractionIconData.iconStatus === "negative") {
+                                setShowExtractionMessageModal(true);
+                            }
+                        }, iconMessage: extractionIconData.iconMessage }),
+                    react_1.default.createElement(itwinui_react_1.IconButton, { title: "Refresh", onClick: onRefresh, disabled: isLoading, styleType: 'borderless' },
+                        react_1.default.createElement(itwinui_icons_react_1.SvgRefresh, null)))),
+            alert,
+            react_1.default.createElement("div", { className: 'gmw-mappings-border' }),
+            isLoading ? (react_1.default.createElement(LoadingOverlay_1.LoadingOverlay, null)) : mappings.length === 0 ? (react_1.default.createElement(EmptyMessage_1.EmptyMessage, { message: `No ${displayStrings.mappings} available.` })) : (react_1.default.createElement("div", { className: "gmw-mappings-list" }, mappings.map((mapping) => (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { key: mapping.id, title: mapping.mappingName ? mapping.mappingName : "Untitled", subText: mapping.description ?? "", subtextToolTip: mapping.description ?? "", titleTooltip: mapping.mappingName, onClickTitle: onClickMappingTitle ? () => onClickMappingTitle(mapping) : undefined, actionGroup: react_1.default.createElement(MappingViewActionGroup_1.MappingUIActionGroup, { mapping: mapping, onToggleExtraction: onToggleExtraction, onRefresh: onRefresh, onClickMappingModify: onClickMappingModify, setShowDeleteModal: setShowDeleteModal }) })))))),
+        react_1.default.createElement(ExtractionMessageModal_1.ExtractionMessageModal, { isOpen: showExtractionMessageModal, onClose: () => setShowExtractionMessageModal(false), extractionMessageData: extractionMessageData, timestamp: extractionMessageData.length === 0 ? "" : extractionMessageData[0].date }),
+        showDeleteModal &&
+            react_1.default.createElement(DeleteModal_1.default, { entityName: showDeleteModal?.mappingName, onClose: () => setShowDeleteModal(undefined), onDelete: async () => {
+                    await onDelete(showDeleteModal);
+                }, refresh: onRefresh }),
+        showImportModal && setShowImportModal && react_1.default.createElement(MappingImportWizardModal_1.MappingImportWizardModal, { show: showImportModal, setShow: setShowImportModal, onFinish: onRefresh, displayStrings: displayStrings })));
+};
+exports.MappingsView = MappingsView;
+//# sourceMappingURL=MappingsView.js.map

package/lib/cjs/components/Mappings/MappingsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MappingsView.js","sourceRoot":"","sources":["../../../../src/components/Mappings/MappingsView.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport type {\n  Alert,\n} from \"@itwin/itwinui-react\";\nimport {\n  Button,\n  IconButton,\n} from \"@itwin/itwinui-react\";\nimport {\n  SvgAdd,\n  SvgImport,\n  SvgRefresh,\n} from \"@itwin/itwinui-icons-react\";\nimport { EmptyMessage } from \"../SharedComponents/EmptyMessage\";\nimport { LoadingOverlay } from \"../SharedComponents/LoadingOverlay\";\nimport \"./MappingsView.scss\";\nimport DeleteModal from \"../SharedComponents/DeleteModal\";\nimport { MappingImportWizardModal } from \"./Import/MappingImportWizardModal\";\nimport { HorizontalTile } from \"../SharedComponents/HorizontalTile\";\nimport type { Mapping } from \"@itwin/insights-client\";\nimport { BlockingOverlay } from \"./BlockingOverlay\";\nimport { MappingUIActionGroup } from \"./MappingViewActionGroup\";\nimport type { ExtractionMessageData } from \"./hooks/useMappingsOperations\";\nimport type { ExtractionIconData } from \"./hooks/useMappingsOperations\";\nimport { ExtractionStatusIcon } from \"./Extraction/ExtractionStatusIcon\";\nimport { ExtractionMessageModal } from \"./Extraction/ExtractionMessageModal\";\n\nexport const mappingViewDefaultDisplayStrings = {\n  mappings: \"Mappings\",\n  iTwins: \"iTwins\",\n  iTwinNumber: \"Number\",\n  iTwinName: \"Name\",\n  iTwinStatus: \"Status\",\n  iModels: \"iModels\",\n  iModelName: \"Name\",\n  iModelDescription: \"Description\",\n};\n\nexport interface MappingsViewProps {\n  mappings: Mapping[];\n  isLoading: boolean;\n  extractionIconData: ExtractionIconData;\n  showExtractionMessageModal: boolean;\n  extractionMessageData: ExtractionMessageData[];\n  setShowExtractionMessageModal: (show: boolean) => void;\n  isTogglingExtraction: boolean;\n  onRefresh: () => Promise<void>;\n  onToggleExtraction: (mapping: Mapping) => Promise<void>;\n  onDelete: (mapping: Mapping) => Promise<void>;\n  showDeleteModal: Mapping | undefined;\n  setShowDeleteModal: (mapping?: Mapping) => void;\n  displayStrings?: Partial<typeof mappingViewDefaultDisplayStrings>;\n  showImportModal?: boolean;\n  setShowImportModal?: (show: boolean) => void;\n  onClickAddMapping?: () => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  alert?: React.ReactElement<typeof Alert>;\n}\n\nexport const MappingsView = ({\n  mappings,\n  isLoading,\n  extractionIconData,\n  showExtractionMessageModal,\n  extractionMessageData,\n  setShowExtractionMessageModal,\n  isTogglingExtraction,\n  onRefresh,\n  onToggleExtraction,\n  onDelete,\n  showDeleteModal,\n  setShowDeleteModal,\n  displayStrings: userDisplayStrings,\n  showImportModal,\n  setShowImportModal,\n  onClickAddMapping,\n  onClickMappingTitle,\n  onClickMappingModify,\n  alert,\n}: MappingsViewProps) => {\n  const displayStrings = React.useMemo(\n    () => ({ ...mappingViewDefaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  return (\n    <>\n      <BlockingOverlay isVisible={isTogglingExtraction} />\n      <div className=\"gmw-mappings-view-container\">\n        <div className=\"gmw-table-toolbar\">\n          <div className=\"gmw-button-spacing\">\n            {onClickAddMapping &&\n              <Button\n                startIcon={<SvgAdd />}\n                onClick={onClickAddMapping}\n                styleType=\"high-visibility\"\n                title=\"New Mapping\"\n              >\n                New\n              </Button>\n            }\n            {showImportModal !== undefined && setShowImportModal && <IconButton\n              title={`Import ${displayStrings.mappings}`}\n              onClick={() => setShowImportModal(true)}\n            >\n              <SvgImport />\n            </IconButton>\n            }\n          </div>\n          <div className=\"gmw-button-spacing\">\n            <ExtractionStatusIcon\n              iconStatus={extractionIconData.iconStatus}\n              onClick={() => {\n                if (extractionIconData.iconStatus === \"negative\") {\n                  setShowExtractionMessageModal(true);\n                }\n              }}\n              iconMessage={extractionIconData.iconMessage}\n            />\n            <IconButton\n              title=\"Refresh\"\n              onClick={onRefresh}\n              disabled={isLoading}\n              styleType='borderless'\n            >\n              <SvgRefresh />\n            </IconButton>\n          </div>\n        </div>\n        {alert}\n        <div className='gmw-mappings-border' />\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : mappings.length === 0 ? (\n          <EmptyMessage message={`No ${displayStrings.mappings} available.`} />\n        ) : (\n          <div className=\"gmw-mappings-list\">\n            {mappings.map((mapping) => (\n              <HorizontalTile\n                key={mapping.id}\n                title={mapping.mappingName ? mapping.mappingName : \"Untitled\"}\n                subText={mapping.description ?? \"\"}\n                subtextToolTip={mapping.description ?? \"\"}\n                titleTooltip={mapping.mappingName}\n                onClickTitle={onClickMappingTitle ? () => onClickMappingTitle(mapping) : undefined}\n                actionGroup={\n                  <MappingUIActionGroup\n                    mapping={mapping}\n                    onToggleExtraction={onToggleExtraction}\n                    onRefresh={onRefresh}\n                    onClickMappingModify={onClickMappingModify}\n                    setShowDeleteModal={setShowDeleteModal}\n                  />\n                }\n              />\n            ))}\n          </div>\n        )}\n      </div>\n      <ExtractionMessageModal\n        isOpen={showExtractionMessageModal}\n        onClose={() => setShowExtractionMessageModal(false)}\n        extractionMessageData={extractionMessageData}\n        timestamp={extractionMessageData.length === 0 ? \"\" : extractionMessageData[0].date}\n      />\n      {showDeleteModal &&\n        <DeleteModal\n          entityName={showDeleteModal?.mappingName}\n          onClose={() => setShowDeleteModal(undefined)}\n          onDelete={async () => {\n            await onDelete(showDeleteModal);\n          }}\n          refresh={onRefresh}\n        />\n      }\n      {showImportModal && setShowImportModal && <MappingImportWizardModal\n        show={showImportModal}\n        setShow={setShowImportModal}\n        onFinish={onRefresh}\n        displayStrings={displayStrings}\n      />}\n    </>\n  );\n};\n"]}

package/lib/cjs/components/Mappings/hooks/useMappingsOperations.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import type { IMappingsClient, Mapping } from "@itwin/insights-client";
+import type { GroupingMappingApiConfig } from "../../context/GroupingApiConfigContext";
+export interface MappingsOperationsProps extends GroupingMappingApiConfig {
+    mappingClient: IMappingsClient;
+}
+export interface ExtractionMessageData {
+    date: string;
+    category: string;
+    level: string;
+    message: string;
+}
+export interface ExtractionIconData {
+    iconStatus: "negative" | "positive" | "warning";
+    iconMessage: string;
+}
+export declare const useMappingsOperations: ({ iModelId, getAccessToken, mappingClient }: MappingsOperationsProps) => {
+    mappings: Mapping[];
+    isLoading: boolean;
+    extractionIconData: ExtractionIconData;
+    showExtractionMessageModal: boolean;
+    extractionMessageData: ExtractionMessageData[];
+    setShowExtractionMessageModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    refresh: () => Promise<void>;
+    toggleExtraction: (mapping: Mapping) => Promise<void>;
+    onDelete: (mapping: Mapping) => Promise<void>;
+    setShowImportModal: import("react").Dispatch<import("react").SetStateAction<boolean | undefined>>;
+    showImportModal: boolean | undefined;
+    setShowDeleteModal: import("react").Dispatch<import("react").SetStateAction<Mapping | undefined>>;
+    showDeleteModal: Mapping | undefined;
+    isTogglingExtraction: boolean;
+    errorMessage: string | undefined;
+    setErrorMessage: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+};
+//# sourceMappingURL=useMappingsOperations.d.ts.map

package/lib/cjs/components/Mappings/hooks/useMappingsOperations.js

@@ -0,0 +1,120 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMappingsOperations = 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 utils_1 = require("../../../common/utils");
+const ExtractionClientContext_1 = require("../../context/ExtractionClientContext");
+const fetchMappings = async (setMappings, iModelId, setIsLoading, getAccessToken, mappingsClient, setErrorMessage) => {
+    try {
+        setIsLoading(true);
+        const accessToken = await getAccessToken();
+        const mappings = await mappingsClient.getMappings(accessToken, iModelId);
+        setMappings(mappings.sort((a, b) => a.mappingName.localeCompare(b.mappingName)));
+    }
+    catch (error) {
+        setErrorMessage((0, utils_1.getErrorMessage)(error.status));
+    }
+    finally {
+        setIsLoading(false);
+    }
+};
+const fetchExtractionStatus = async (iModelId, getAccessToken, extractionClient, setExtractionIconData, setExtractionMessageData) => {
+    setExtractionIconData({
+        iconStatus: "warning",
+        iconMessage: "Extraction status pending.",
+    });
+    try {
+        const accessToken = await getAccessToken();
+        const extractions = await extractionClient.getExtractionHistory(accessToken, iModelId, 1);
+        if (extractions.length === 0) {
+            setExtractionIconData({
+                iconStatus: "negative",
+                iconMessage: "No extraction found.",
+            });
+        }
+        else {
+            const jobId = extractions[0].jobId;
+            const status = await extractionClient.getExtractionStatus(accessToken, jobId);
+            if (status.containsIssues) {
+                setExtractionIconData({
+                    iconStatus: "negative",
+                    iconMessage: "Extraction contains issues. Click to view extraction logs.",
+                });
+                const logs = await extractionClient.getExtractionLogs(accessToken, jobId);
+                const filteredLogs = logs.filter((log) => log.message !== null);
+                const extractionMessageData = filteredLogs.map((filteredLog) => ({
+                    date: filteredLog.dateTime,
+                    category: filteredLog.category,
+                    level: filteredLog.level,
+                    message: String(filteredLog.message),
+                }));
+                setExtractionMessageData(extractionMessageData);
+            }
+            else {
+                setExtractionIconData({
+                    iconStatus: "positive",
+                    iconMessage: "Extraction successful.",
+                });
+            }
+        }
+    }
+    catch (error) {
+        setExtractionIconData({
+            iconStatus: "negative",
+            iconMessage: "Operation failed. Please try again.",
+        });
+    }
+};
+const useMappingsOperations = ({ iModelId, getAccessToken, mappingClient }) => {
+    const [showImportModal, setShowImportModal] = (0, react_1.useState)(false);
+    const [showDeleteModal, setShowDeleteModal] = (0, react_1.useState)(undefined);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const [mappings, setMappings] = (0, react_1.useState)([]);
+    const extractionClient = (0, ExtractionClientContext_1.useExtractionClient)();
+    const [errorMessage, setErrorMessage] = (0, react_1.useState)(undefined);
+    const [isTogglingExtraction, setIsTogglingExtraction] = (0, react_1.useState)(false);
+    const [extractionIconData, setExtractionIconData] = (0, react_1.useState)({
+        iconStatus: "warning",
+        iconMessage: "",
+    });
+    const [showExtractionMessageModal, setShowExtractionMessageModal] = (0, react_1.useState)(false);
+    const [extractionMessageData, setExtractionMessageData] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        void fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient, setErrorMessage);
+    }, [getAccessToken, mappingClient, iModelId]);
+    (0, react_1.useEffect)(() => {
+        void fetchExtractionStatus(iModelId, getAccessToken, extractionClient, setExtractionIconData, setExtractionMessageData);
+    }, [iModelId, getAccessToken, extractionClient]);
+    const refresh = (0, react_1.useCallback)(async () => {
+        setMappings([]);
+        await fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient, setErrorMessage);
+    }, [getAccessToken, mappingClient, iModelId]);
+    const toggleExtraction = (0, react_1.useCallback)(async (mapping) => {
+        try {
+            setIsTogglingExtraction(true);
+            const newState = !mapping.extractionEnabled;
+            const accessToken = await getAccessToken();
+            await mappingClient.updateMapping(accessToken, iModelId, mapping.id, {
+                extractionEnabled: newState,
+            });
+        }
+        catch (error) {
+            setErrorMessage((0, utils_1.getErrorMessage)(error.status));
+        }
+        finally {
+            setIsTogglingExtraction(false);
+        }
+    }, [getAccessToken, iModelId, mappingClient]);
+    const onDelete = async (mapping) => {
+        const accessToken = await getAccessToken();
+        await mappingClient.deleteMapping(accessToken, iModelId, mapping.id);
+        await refresh();
+    };
+    return { mappings, isLoading, extractionIconData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, refresh, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction, errorMessage, setErrorMessage };
+};
+exports.useMappingsOperations = useMappingsOperations;
+//# sourceMappingURL=useMappingsOperations.js.map

package/lib/cjs/components/Mappings/hooks/useMappingsOperations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMappingsOperations.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/hooks/useMappingsOperations.ts"],"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 { useCallback, useEffect, useState } from \"react\";\nimport { getErrorMessage } from \"../../../common/utils\";\nimport type { IExtractionClient, IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport type { GroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\nimport { useExtractionClient } from \"../../context/ExtractionClientContext\";\n\nconst fetchMappings = async (\n  setMappings: React.Dispatch<React.SetStateAction<Mapping[]>>,\n  iModelId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  getAccessToken: GetAccessTokenFn,\n  mappingsClient: IMappingsClient,\n  setErrorMessage: (message: string | undefined) => void\n) => {\n  try {\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    const mappings = await mappingsClient.getMappings(accessToken, iModelId);\n    setMappings(mappings.sort((a, b) => a.mappingName.localeCompare(b.mappingName)));\n  } catch (error: any) {\n    setErrorMessage(getErrorMessage(error.status));\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nconst fetchExtractionStatus = async (\n  iModelId: string,\n  getAccessToken: GetAccessTokenFn,\n  extractionClient: IExtractionClient,\n  setExtractionIconData: React.Dispatch<React.SetStateAction<ExtractionIconData>>,\n  setExtractionMessageData: React.Dispatch<React.SetStateAction<ExtractionMessageData[]>>\n) => {\n  setExtractionIconData({\n    iconStatus: \"warning\",\n    iconMessage: \"Extraction status pending.\",\n  });\n  try {\n    const accessToken = await getAccessToken();\n    const extractions = await extractionClient.getExtractionHistory(accessToken, iModelId, 1);\n    if (extractions.length === 0) {\n      setExtractionIconData({\n        iconStatus: \"negative\",\n        iconMessage: \"No extraction found.\",\n      });\n    } else {\n      const jobId = extractions[0].jobId;\n      const status = await extractionClient.getExtractionStatus(accessToken, jobId);\n      if (status.containsIssues) {\n        setExtractionIconData({\n          iconStatus: \"negative\",\n          iconMessage: \"Extraction contains issues. Click to view extraction logs.\",\n        });\n        const logs = await extractionClient.getExtractionLogs(accessToken, jobId);\n        const filteredLogs = logs.filter((log) => log.message !== null);\n        const extractionMessageData = filteredLogs.map((filteredLog) => ({\n          date: filteredLog.dateTime,\n          category: filteredLog.category,\n          level: filteredLog.level,\n          message: String(filteredLog.message),\n        }));\n        setExtractionMessageData(extractionMessageData);\n      } else {\n        setExtractionIconData({\n          iconStatus: \"positive\",\n          iconMessage: \"Extraction successful.\",\n        });\n      }\n    }\n  } catch (error: any) {\n    setExtractionIconData({\n      iconStatus: \"negative\",\n      iconMessage: \"Operation failed. Please try again.\",\n    });\n  }\n};\n\nexport interface MappingsOperationsProps extends GroupingMappingApiConfig {\n  mappingClient: IMappingsClient;\n}\n\nexport interface ExtractionMessageData {\n  date: string;\n  category: string;\n  level: string;\n  message: string;\n}\n\nexport interface ExtractionIconData {\n  iconStatus: \"negative\" | \"positive\" | \"warning\";\n  iconMessage: string;\n}\n\nexport const useMappingsOperations = ({ iModelId, getAccessToken, mappingClient }: MappingsOperationsProps) => {\n  const [showImportModal, setShowImportModal] = useState<boolean | undefined>(false);\n  const [showDeleteModal, setShowDeleteModal] = useState<Mapping | undefined>(undefined);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [mappings, setMappings] = useState<Mapping[]>([]);\n  const extractionClient = useExtractionClient();\n  const [errorMessage, setErrorMessage] = useState<string | undefined>(undefined);\n  const [isTogglingExtraction, setIsTogglingExtraction] = useState<boolean>(false);\n  const [extractionIconData, setExtractionIconData] = useState<ExtractionIconData>({\n    iconStatus: \"warning\",\n    iconMessage: \"\",\n  });\n  const [showExtractionMessageModal, setShowExtractionMessageModal] = useState<boolean>(false);\n  const [extractionMessageData, setExtractionMessageData] = useState<ExtractionMessageData[]>([]);\n\n  useEffect(() => {\n    void fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient, setErrorMessage);\n  }, [getAccessToken, mappingClient, iModelId]);\n\n  useEffect(() => {\n    void fetchExtractionStatus(\n      iModelId,\n      getAccessToken,\n      extractionClient,\n      setExtractionIconData,\n      setExtractionMessageData\n    );\n  }, [iModelId, getAccessToken, extractionClient]);\n\n  const refresh = useCallback(async () => {\n    setMappings([]);\n    await fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient, setErrorMessage);\n  }, [getAccessToken, mappingClient, iModelId]);\n\n  const toggleExtraction = useCallback(async (mapping: Mapping) => {\n    try {\n      setIsTogglingExtraction(true);\n      const newState = !mapping.extractionEnabled;\n      const accessToken = await getAccessToken();\n      await mappingClient.updateMapping(accessToken, iModelId, mapping.id, {\n        extractionEnabled: newState,\n      });\n    } catch (error: any) {\n      setErrorMessage(getErrorMessage(error.status));\n    } finally {\n      setIsTogglingExtraction(false);\n    }\n  }, [getAccessToken, iModelId, mappingClient]);\n\n  const onDelete = async (mapping: Mapping) => {\n    const accessToken = await getAccessToken();\n    await mappingClient.deleteMapping(accessToken, iModelId, mapping.id);\n    await refresh();\n  };\n\n  return { mappings, isLoading, extractionIconData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, refresh, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction, errorMessage, setErrorMessage };\n};\n"]}

package/lib/cjs/components/Properties/CalculatedProperties/CalculatedPropertyAction.js

@@ -0,0 +1,84 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalculatedPropertyAction = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+const ActionPanel_1 = __importDefault(require("../../SharedComponents/ActionPanel"));
+const useValidator_1 = __importDefault(require("../hooks/useValidator"));
+require("./CalculatedPropertyAction.scss");
+const insights_client_1 = require("@itwin/insights-client");
+const SharedCalculatedPropertyForms_1 = require("./SharedCalculatedPropertyForms");
+const utils_1 = require("../../../common/utils");
+const GroupingApiConfigContext_1 = require("../../context/GroupingApiConfigContext");
+const MappingClientContext_1 = require("../../context/MappingClientContext");
+const CalculatedPropertyAction = ({ mappingId, group, calculatedProperty, onSaveSuccess, onClickCancel, }) => {
+    const { getAccessToken, iModelId } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
+    const mappingClient = (0, MappingClientContext_1.useMappingClient)();
+    const [propertyName, setPropertyName] = (0, react_1.useState)(calculatedProperty?.propertyName ?? "");
+    const [type, setType] = (0, react_1.useState)(calculatedProperty?.type);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [validator, showValidationMessage] = (0, useValidator_1.default)();
+    const onSave = async () => {
+        if (!validator.allValid() || !type) {
+            showValidationMessage(true);
+            return;
+        }
+        try {
+            setIsLoading(true);
+            const accessToken = await getAccessToken();
+            calculatedProperty
+                ? await mappingClient.updateCalculatedProperty(accessToken, iModelId, mappingId, group.id, calculatedProperty.id, {
+                    propertyName,
+                    type,
+                })
+                : await mappingClient.createCalculatedProperty(accessToken, iModelId, mappingId, group.id, {
+                    propertyName,
+                    type,
+                });
+            onSaveSuccess();
+            setPropertyName("");
+            setType(insights_client_1.CalculatedPropertyType.Undefined);
+        }
+        catch (error) {
+            (0, utils_1.handleError)(error.status);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: 'gmw-calculated-properties-action-container' },
+            react_1.default.createElement(itwinui_react_1.Fieldset, { legend: 'Calculated Property Details', className: 'gmw-details-form' },
+                react_1.default.createElement("div", { className: 'gmw-field-legend-container' },
+                    react_1.default.createElement(itwinui_react_1.Text, { variant: 'small', as: 'small', className: 'gmw-field-legend' }, "Asterisk * indicates mandatory fields.")),
+                react_1.default.createElement(SharedCalculatedPropertyForms_1.SharedCalculatedPropertyForms, { validator: validator, propertyName: propertyName, setPropertyName: setPropertyName, type: type, setType: setType }))),
+        react_1.default.createElement(ActionPanel_1.default, { onSave: onSave, onCancel: onClickCancel, isSavingDisabled: !(type && propertyName), isLoading: isLoading })));
+};
+exports.CalculatedPropertyAction = CalculatedPropertyAction;
+//# sourceMappingURL=CalculatedPropertyAction.js.map

package/lib/cjs/components/Properties/CalculatedProperties/CalculatedPropertyAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalculatedPropertyAction.js","sourceRoot":"","sources":["../../../../../src/components/Properties/CalculatedProperties/CalculatedPropertyAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,wDAG8B;AAC9B,+CAAwC;AACxC,qFAA6D;AAC7D,yEAAiD;AACjD,2CAAyC;AAEzC,4DAAgE;AAChE,mFAAgF;AAChF,iDAAoD;AACpD,qFAAqF;AACrF,6EAAsE;AAU/D,MAAM,wBAAwB,GAAG,CAAC,EACvC,SAAS,EACT,KAAK,EACL,kBAAkB,EAClB,aAAa,EACb,aAAa,GACiB,EAAE,EAAE;IAClC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,IAAA,sDAA2B,GAAE,CAAC;IACnE,MAAM,aAAa,GAAG,IAAA,uCAAgB,GAAE,CAAC;IACzC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAC9C,kBAAkB,EAAE,YAAY,IAAI,EAAE,CACvC,CAAC;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAqC,kBAAkB,EAAE,IAAI,CAAC,CAAC;IAC/F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,CAAC,SAAS,EAAE,qBAAqB,CAAC,GAAG,IAAA,sBAAY,GAAE,CAAC;IAE1D,MAAM,MAAM,GAAG,KAAK,IAAI,EAAE;QACxB,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE;YAClC,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC5B,OAAO;SACR;QACD,IAAI;YACF,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;YAE3C,kBAAkB;gBAChB,CAAC,CAAC,MAAM,aAAa,CAAC,wBAAwB,CAC5C,WAAW,EACX,QAAQ,EACR,SAAS,EACT,KAAK,CAAC,EAAE,EACR,kBAAkB,CAAC,EAAE,EACrB;oBACE,YAAY;oBACZ,IAAI;iBACL,CACF;gBACD,CAAC,CAAC,MAAM,aAAa,CAAC,wBAAwB,CAC5C,WAAW,EACX,QAAQ,EACR,SAAS,EACT,KAAK,CAAC,EAAE,EACR;oBACE,YAAY;oBACZ,IAAI;iBACL,CACF,CAAC;YACJ,aAAa,EAAE,CAAC;YAChB,eAAe,CAAC,EAAE,CAAC,CAAC;YACpB,OAAO,CAAC,wCAAsB,CAAC,SAAS,CAAC,CAAC;SAC3C;QAAC,OAAO,KAAU,EAAE;YACnB,IAAA,mBAAW,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SAC3B;gBAAS;YACR,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,OAAO,CACL;QACE,uCAAK,SAAS,EAAC,4CAA4C;YACzD,8BAAC,wBAAQ,IAAC,MAAM,EAAC,6BAA6B,EAAC,SAAS,EAAC,kBAAkB;gBACzE,uCAAK,SAAS,EAAC,4BAA4B;oBACzC,8BAAC,oBAAI,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB,6CAEtD,CACH;gBACN,8BAAC,6DAA6B,IAC5B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACO,CACP;QACN,8BAAC,qBAAW,IACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,aAAa,EACvB,gBAAgB,EAAE,CAAC,CAAC,IAAI,IAAI,YAAY,CAAC,EACzC,SAAS,EAAE,SAAS,GACpB,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AApFW,QAAA,wBAAwB,4BAoFnC","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  Text,\n} from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport ActionPanel from \"../../SharedComponents/ActionPanel\";\nimport useValidator from \"../hooks/useValidator\";\nimport \"./CalculatedPropertyAction.scss\";\nimport type { CalculatedProperty, Group } from \"@itwin/insights-client\";\nimport { CalculatedPropertyType } from \"@itwin/insights-client\";\nimport { SharedCalculatedPropertyForms } from \"./SharedCalculatedPropertyForms\";\nimport { handleError } from \"../../../common/utils\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\n\nexport interface CalculatedPropertyActionProps {\n  mappingId: string;\n  group: Group;\n  calculatedProperty?: CalculatedProperty;\n  onSaveSuccess: () => void;\n  onClickCancel?: () => void;\n}\n\nexport const CalculatedPropertyAction = ({\n  mappingId,\n  group,\n  calculatedProperty,\n  onSaveSuccess,\n  onClickCancel,\n}: CalculatedPropertyActionProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [propertyName, setPropertyName] = useState<string>(\n    calculatedProperty?.propertyName ?? \"\",\n  );\n  const [type, setType] = useState<CalculatedPropertyType | undefined>(calculatedProperty?.type);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [validator, showValidationMessage] = useValidator();\n\n  const onSave = async () => {\n    if (!validator.allValid() || !type) {\n      showValidationMessage(true);\n      return;\n    }\n    try {\n      setIsLoading(true);\n\n      const accessToken = await getAccessToken();\n\n      calculatedProperty\n        ? await mappingClient.updateCalculatedProperty(\n          accessToken,\n          iModelId,\n          mappingId,\n          group.id,\n          calculatedProperty.id,\n          {\n            propertyName,\n            type,\n          },\n        )\n        : await mappingClient.createCalculatedProperty(\n          accessToken,\n          iModelId,\n          mappingId,\n          group.id,\n          {\n            propertyName,\n            type,\n          },\n        );\n      onSaveSuccess();\n      setPropertyName(\"\");\n      setType(CalculatedPropertyType.Undefined);\n    } catch (error: any) {\n      handleError(error.status);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <>\n      <div className='gmw-calculated-properties-action-container'>\n        <Fieldset legend='Calculated Property Details' className='gmw-details-form'>\n          <div className='gmw-field-legend-container'>\n            <Text variant='small' as='small' className='gmw-field-legend'>\n              Asterisk * indicates mandatory fields.\n            </Text>\n          </div>\n          <SharedCalculatedPropertyForms\n            validator={validator}\n            propertyName={propertyName}\n            setPropertyName={setPropertyName}\n            type={type}\n            setType={setType}\n          />\n        </Fieldset>\n      </div>\n      <ActionPanel\n        onSave={onSave}\n        onCancel={onClickCancel}\n        isSavingDisabled={!(type && propertyName)}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n"]}

package/lib/cjs/components/Properties/CalculatedProperties/CalculatedPropertyActionWithVisuals.js

@@ -0,0 +1,150 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalculatedPropertyActionWithVisuals = 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 core_frontend_1 = require("@itwin/core-frontend");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+const ActionPanel_1 = __importDefault(require("../../SharedComponents/ActionPanel"));
+const BboxDimensionsDecorator_1 = require("../../../decorators/BboxDimensionsDecorator");
+const useValidator_1 = __importDefault(require("../hooks/useValidator"));
+const utils_1 = require("../../../common/utils");
+const viewerUtils_1 = require("../../../common/viewerUtils");
+require("./CalculatedPropertyActionWithVisuals.scss");
+const MappingClientContext_1 = require("../../context/MappingClientContext");
+const GroupingApiConfigContext_1 = require("../../context/GroupingApiConfigContext");
+const GroupHilitedElementsContext_1 = require("../../context/GroupHilitedElementsContext");
+const groupsHelpers_1 = require("../../Groups/groupsHelpers");
+const SharedCalculatedPropertyForms_1 = require("./SharedCalculatedPropertyForms");
+const CalculatedPropertyActionWithVisuals = ({ mappingId, group, calculatedProperty, onSaveSuccess, onClickCancel, }) => {
+    const { getAccessToken, iModelId, iModelConnection } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
+    const mappingClient = (0, MappingClientContext_1.useMappingClient)();
+    const [propertyName, setPropertyName] = (0, react_1.useState)(calculatedProperty?.propertyName ?? "");
+    const [type, setType] = (0, react_1.useState)(calculatedProperty?.type);
+    const [bboxDecorator, setBboxDecorator] = (0, react_1.useState)();
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const { hilitedElementsQueryCache } = (0, GroupHilitedElementsContext_1.useGroupHilitedElementsContext)();
+    const [inferredSpatialData, setInferredSpatialData] = (0, react_1.useState)();
+    const [validator, showValidationMessage] = (0, useValidator_1.default)();
+    const [resolvedHiliteIds, setResolvedHiliteIds] = (0, react_1.useState)([]);
+    const [colorProperty, setColorProperty] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        const decorator = new BboxDimensionsDecorator_1.BboxDimensionsDecorator();
+        core_frontend_1.IModelApp.viewManager.addDecorator(decorator);
+        setBboxDecorator(decorator);
+        return () => {
+            core_frontend_1.IModelApp.viewManager.dropDecorator(decorator);
+        };
+    }, []);
+    (0, react_1.useEffect)(() => {
+        const initialize = async () => {
+            if (!iModelConnection)
+                return;
+            (0, viewerUtils_1.clearEmphasizedOverriddenElements)();
+            if (!colorProperty)
+                return;
+            setIsLoading(true);
+            const result = await (0, groupsHelpers_1.getHiliteIdsAndKeysetFromGroup)(iModelConnection, group, hilitedElementsQueryCache);
+            setResolvedHiliteIds(result.ids);
+            setIsLoading(false);
+        };
+        void initialize();
+    }, [iModelConnection, hilitedElementsQueryCache, group, colorProperty]);
+    (0, react_1.useEffect)(() => {
+        if (!colorProperty || resolvedHiliteIds.length === 0) {
+            return;
+        }
+        (0, viewerUtils_1.visualizeElements)([resolvedHiliteIds[0]], "red");
+        void (0, viewerUtils_1.zoomToElements)([resolvedHiliteIds[0]]);
+    }, [colorProperty, resolvedHiliteIds]);
+    (0, react_1.useEffect)(() => {
+        if (!colorProperty || resolvedHiliteIds.length === 0) {
+            return;
+        }
+        const setContext = async () => {
+            if (bboxDecorator) {
+                await bboxDecorator.setContext(resolvedHiliteIds[0]);
+                setInferredSpatialData(bboxDecorator.getInferredSpatialData());
+            }
+        };
+        void setContext();
+    }, [bboxDecorator, colorProperty, resolvedHiliteIds]);
+    (0, react_1.useEffect)(() => {
+        if (bboxDecorator && type && inferredSpatialData) {
+            inferredSpatialData.has(BboxDimensionsDecorator_1.BboxDimension[type]) && colorProperty
+                ? bboxDecorator.drawContext(BboxDimensionsDecorator_1.BboxDimension[type])
+                : bboxDecorator.clearContext();
+        }
+    }, [bboxDecorator, colorProperty, inferredSpatialData, type]);
+    const onSave = async () => {
+        if (!validator.allValid() || !type) {
+            showValidationMessage(true);
+            return;
+        }
+        try {
+            setIsLoading(true);
+            const accessToken = await getAccessToken();
+            calculatedProperty
+                ? await mappingClient.updateCalculatedProperty(accessToken, iModelId, mappingId, group.id, calculatedProperty.id, {
+                    propertyName,
+                    type,
+                })
+                : await mappingClient.createCalculatedProperty(accessToken, iModelId, mappingId, group.id, {
+                    propertyName,
+                    type,
+                });
+            onSaveSuccess();
+            setPropertyName("");
+            setType(undefined);
+        }
+        catch (error) {
+            (0, utils_1.handleError)(error.status);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    const getSpatialData = (value) => inferredSpatialData?.has(BboxDimensionsDecorator_1.BboxDimension[value]) && (react_1.default.createElement("div", null, `${inferredSpatialData
+        ?.get(BboxDimensionsDecorator_1.BboxDimension[value])
+        ?.toPrecision(4)}m`));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: 'gmw-calculated-properties-action-container' },
+            react_1.default.createElement(itwinui_react_1.Fieldset, { legend: 'Calculated Property Details', className: 'gmw-details-form' },
+                react_1.default.createElement("div", { className: 'gmw-field-legend-container' },
+                    react_1.default.createElement(itwinui_react_1.Text, { variant: 'small', as: 'small', className: 'gmw-field-legend' }, "Asterisk * indicates mandatory fields."),
+                    react_1.default.createElement(itwinui_react_1.ToggleSwitch, { label: 'Visualize Dimensions', labelPosition: 'left', disabled: isLoading, checked: colorProperty, onChange: () => setColorProperty((b) => !b) })),
+                react_1.default.createElement(SharedCalculatedPropertyForms_1.SharedCalculatedPropertyForms, { validator: validator, propertyName: propertyName, setPropertyName: setPropertyName, type: type, setType: setType, itemRenderer: (option) => (react_1.default.createElement(itwinui_react_1.MenuItem, null,
+                        react_1.default.createElement("div", { className: 'gmw-gr-cp-menu-item' },
+                            react_1.default.createElement("div", null, option.label),
+                            getSpatialData(option.value)))), selectedItemRenderer: (option) => (react_1.default.createElement("div", { className: 'gmw-select-item' },
+                        react_1.default.createElement("div", null, option.label),
+                        getSpatialData(option.value))) }))),
+        react_1.default.createElement(ActionPanel_1.default, { onSave: onSave, onCancel: onClickCancel, isSavingDisabled: !(type && propertyName), isLoading: isLoading })));
+};
+exports.CalculatedPropertyActionWithVisuals = CalculatedPropertyActionWithVisuals;
+//# sourceMappingURL=CalculatedPropertyActionWithVisuals.js.map

package/lib/cjs/components/Properties/CalculatedProperties/CalculatedPropertyActionWithVisuals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalculatedPropertyActionWithVisuals.js","sourceRoot":"","sources":["../../../../../src/components/Properties/CalculatedProperties/CalculatedPropertyActionWithVisuals.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 { IModelApp } from \"@itwin/core-frontend\";\nimport type {\n  SelectOption,\n} from \"@itwin/itwinui-react\";\nimport {\n  Fieldset,\n  MenuItem,\n  Text,\n  ToggleSwitch,\n} from \"@itwin/itwinui-react\";\nimport React, { useEffect, useState } from \"react\";\nimport ActionPanel from \"../../SharedComponents/ActionPanel\";\nimport {\n  BboxDimension,\n  BboxDimensionsDecorator,\n} from \"../../../decorators/BboxDimensionsDecorator\";\nimport useValidator from \"../hooks/useValidator\";\nimport { handleError } from \"../../../common/utils\";\nimport { clearEmphasizedOverriddenElements, visualizeElements, zoomToElements } from \"../../../common/viewerUtils\";\nimport \"./CalculatedPropertyActionWithVisuals.scss\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport type { CalculatedProperty, CalculatedPropertyType, Group } from \"@itwin/insights-client\";\nimport { useGroupHilitedElementsContext } from \"../../context/GroupHilitedElementsContext\";\nimport { getHiliteIdsAndKeysetFromGroup } from \"../../Groups/groupsHelpers\";\nimport { SharedCalculatedPropertyForms } from \"./SharedCalculatedPropertyForms\";\n\nexport interface CalculatedPropertyActionWithVisualsProps {\n  mappingId: string;\n  group: Group;\n  calculatedProperty?: CalculatedProperty;\n  onSaveSuccess: () => void;\n  onClickCancel?: () => void;\n}\n\nexport const CalculatedPropertyActionWithVisuals = ({\n  mappingId,\n  group,\n  calculatedProperty,\n  onSaveSuccess,\n  onClickCancel,\n}: CalculatedPropertyActionWithVisualsProps) => {\n  const { getAccessToken, iModelId, iModelConnection } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [propertyName, setPropertyName] = useState<string>(\n    calculatedProperty?.propertyName ?? \"\",\n  );\n  const [type, setType] = useState<CalculatedPropertyType | undefined>(calculatedProperty?.type);\n  const [bboxDecorator, setBboxDecorator] = useState<BboxDimensionsDecorator | undefined>();\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const { hilitedElementsQueryCache } = useGroupHilitedElementsContext();\n  const [inferredSpatialData, setInferredSpatialData] = useState<Map<BboxDimension, number> | undefined>();\n  const [validator, showValidationMessage] = useValidator();\n  const [resolvedHiliteIds, setResolvedHiliteIds] = useState<string[]>([]);\n  const [colorProperty, setColorProperty] = useState<boolean>(false);\n\n  useEffect(() => {\n    const decorator = new BboxDimensionsDecorator();\n    IModelApp.viewManager.addDecorator(decorator);\n    setBboxDecorator(decorator);\n    return () => {\n      IModelApp.viewManager.dropDecorator(decorator);\n    };\n  }, []);\n\n  useEffect(() => {\n    const initialize = async () => {\n      if (!iModelConnection) return;\n      clearEmphasizedOverriddenElements();\n      if (!colorProperty) return;\n      setIsLoading(true);\n      const result = await getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache);\n      setResolvedHiliteIds(result.ids);\n      setIsLoading(false);\n    };\n    void initialize();\n  }, [iModelConnection, hilitedElementsQueryCache, group, colorProperty]);\n\n  useEffect(() => {\n    if (!colorProperty || resolvedHiliteIds.length === 0) {\n      return;\n    }\n    visualizeElements([resolvedHiliteIds[0]], \"red\");\n    void zoomToElements([resolvedHiliteIds[0]]);\n  }, [colorProperty, resolvedHiliteIds]);\n\n  useEffect(() => {\n    if (!colorProperty || resolvedHiliteIds.length === 0) {\n      return;\n    }\n    const setContext = async () => {\n      if (bboxDecorator) {\n        await bboxDecorator.setContext(resolvedHiliteIds[0]);\n        setInferredSpatialData(bboxDecorator.getInferredSpatialData());\n      }\n    };\n    void setContext();\n  }, [bboxDecorator, colorProperty, resolvedHiliteIds]);\n\n  useEffect(() => {\n    if (bboxDecorator && type && inferredSpatialData) {\n      inferredSpatialData.has(BboxDimension[type as keyof typeof BboxDimension]) && colorProperty\n        ? bboxDecorator.drawContext(\n          BboxDimension[type as keyof typeof BboxDimension],\n        )\n        : bboxDecorator.clearContext();\n    }\n  }, [bboxDecorator, colorProperty, inferredSpatialData, type]);\n\n  const onSave = async () => {\n    if (!validator.allValid() || !type) {\n      showValidationMessage(true);\n      return;\n    }\n    try {\n      setIsLoading(true);\n\n      const accessToken = await getAccessToken();\n\n      calculatedProperty\n        ? await mappingClient.updateCalculatedProperty(\n          accessToken,\n          iModelId,\n          mappingId,\n          group.id,\n          calculatedProperty.id,\n          {\n            propertyName,\n            type,\n          },\n        )\n        : await mappingClient.createCalculatedProperty(\n          accessToken,\n          iModelId,\n          mappingId,\n          group.id,\n          {\n            propertyName,\n            type,\n          },\n        );\n      onSaveSuccess();\n      setPropertyName(\"\");\n      setType(undefined);\n    } catch (error: any) {\n      handleError(error.status);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const getSpatialData = (value: string) =>\n    inferredSpatialData?.has(\n      BboxDimension[value as keyof typeof BboxDimension],\n    ) && (\n      <div>\n        {`${inferredSpatialData\n          ?.get(BboxDimension[value as keyof typeof BboxDimension])\n          ?.toPrecision(4)}m`}\n      </div>\n    );\n\n  return (\n    <>\n      <div className='gmw-calculated-properties-action-container'>\n        <Fieldset legend='Calculated Property Details' className='gmw-details-form'>\n          <div className='gmw-field-legend-container'>\n            <Text variant='small' as='small' className='gmw-field-legend'>\n              Asterisk * indicates mandatory fields.\n            </Text>\n            <ToggleSwitch\n              label='Visualize Dimensions'\n              labelPosition='left'\n              disabled={isLoading}\n              checked={colorProperty}\n              onChange={() => setColorProperty((b) => !b)}\n            ></ToggleSwitch>\n          </div>\n          <SharedCalculatedPropertyForms\n            validator={validator}\n            propertyName={propertyName}\n            setPropertyName={setPropertyName}\n            type={type}\n            setType={setType}\n            itemRenderer={(option: SelectOption<string>) => (\n              <MenuItem>\n                <div className='gmw-gr-cp-menu-item'>\n                  <div>{option.label}</div>\n                  {getSpatialData(option.value)}\n                </div>\n              </MenuItem>\n            )}\n            selectedItemRenderer={(option: SelectOption<string>) => (\n              <div className='gmw-select-item'>\n                <div>{option.label}</div>\n                {getSpatialData(option.value)}\n              </div>\n            )}\n          />\n        </Fieldset>\n      </div>\n      <ActionPanel\n        onSave={onSave}\n        onCancel={onClickCancel}\n        isSavingDisabled={!(type && propertyName)}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n"]}