@itwin/grouping-mapping-widget 0.26.0 → 0.27.0

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

@@ -2,9 +2,9 @@
 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.
-*--------------------------------------------------------------------------------------------*/
+ * 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 insights_client_1 = require("@itwin/insights-client");
 const ExtractionClientContext_1 = require("../../context/ExtractionClientContext");
@@ -24,7 +24,7 @@ const useMappingsOperations = ({ iModelId, getAccessToken, mappingClient }) => {
     const queryClient = (0, react_query_1.useQueryClient)();
     const [initialStateExtractionFlag, setInitialExtractionStateFlag] = (0, react_1.useState)(true);
     const { mappingIdJobInfo, setMappingIdJobInfo } = (0, ExtractionStateJobContext_1.useExtractionStateJobContext)();
-    const { data: mappings, isFetched: isMappingsFetched, isFetching: isLoadingMappings, } = (0, useFetchMappings_1.useFetchMappings)(iModelId, getAccessToken, mappingClient);
+    const { data: mappings, isFetched: isMappingsFetched, isFetching: isLoadingMappings } = (0, useFetchMappings_1.useFetchMappings)(iModelId, getAccessToken, mappingClient);
     const { data: extractionStatus, isFetched: isExtractionStatusFetched, isFetching: isLoadingExtractionStatus, } = (0, useFetchExtractionStatus_1.useFetchExtractionStatus)({ iModelId, getAccessToken, extractionClient });
     const refreshExtractionStatus = (0, react_1.useCallback)(async () => {
         await queryClient.invalidateQueries({ queryKey: ["iModelExtractionStatus"] });
@@ -35,13 +35,14 @@ const useMappingsOperations = ({ iModelId, getAccessToken, mappingClient }) => {
             const newMappingIdJobInfo = new Map();
             const latestExtractionResultId = extractionStatus.latestExtractionResult.value?.id;
             const state = extractionStatus.latestExtractionResult.value?.state;
-            if ((state === insights_client_1.ExtractionState.Failed || state === insights_client_1.ExtractionState.Succeeded || state === insights_client_1.ExtractionState.PartiallySucceeded))
+            if (state === insights_client_1.ExtractionState.Failed || state === insights_client_1.ExtractionState.Succeeded || state === insights_client_1.ExtractionState.PartiallySucceeded)
                 return;
-            !!latestExtractionResultId && mappings.forEach((mapping) => {
-                const mappingId = mapping.id;
-                const latestExtractionResultId = extractionStatus.latestExtractionResult.value.id;
-                newMappingIdJobInfo.set(mappingId, latestExtractionResultId);
-            });
+            !!latestExtractionResultId &&
+                mappings.forEach((mapping) => {
+                    const mappingId = mapping.id;
+                    const latestExtractionResultId = extractionStatus.latestExtractionResult.value.id;
+                    newMappingIdJobInfo.set(mappingId, latestExtractionResultId);
+                });
             setMappingIdJobInfo(newMappingIdJobInfo);
             setInitialExtractionStateFlag(false);
         }
@@ -69,14 +70,31 @@ const useMappingsOperations = ({ iModelId, getAccessToken, mappingClient }) => {
         },
     });
     const isLoading = isLoadingMappings || isTogglingExtraction || isDeletingMapping;
-    const extractionStatusGated = (!extractionStatus || isLoadingExtractionStatus) ? {
-        extractionStatusIcon: {
-            iconStatus: undefined,
-            iconMessage: "Loading...",
-        },
-        extractionMessageData: [],
-    } : extractionStatus;
-    return { mappings, isLoading, showExtractionMessageModal, extractionStatus: extractionStatusGated, setShowExtractionMessageModal, refreshMappings, refreshExtractionStatus, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction };
+    const extractionStatusGated = !extractionStatus || isLoadingExtractionStatus
+        ? {
+            extractionStatusIcon: {
+                iconStatus: undefined,
+                iconMessage: "Loading...",
+            },
+            extractionMessageData: [],
+        }
+        : extractionStatus;
+    return {
+        mappings,
+        isLoading,
+        showExtractionMessageModal,
+        extractionStatus: extractionStatusGated,
+        setShowExtractionMessageModal,
+        refreshMappings,
+        refreshExtractionStatus,
+        toggleExtraction,
+        onDelete,
+        setShowImportModal,
+        showImportModal,
+        setShowDeleteModal,
+        showDeleteModal,
+        isTogglingExtraction,
+    };
 };
 exports.useMappingsOperations = useMappingsOperations;
 //# sourceMappingURL=useMappingsOperations.js.map

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

@@ -1 +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 { ExtractionState } from \"@itwin/insights-client\";\nimport type { IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport type { GroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useExtractionClient } from \"../../context/ExtractionClientContext\";\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { useFetchMappings } from \"./useFetchMappings\";\nimport { useFetchExtractionStatus } from \"./useFetchExtractionStatus\";\nimport { useExtractionStateJobContext } from \"../../context/ExtractionStateJobContext\";\n\n/**\n * Props for the {@link useMappingsOperations} hook.\n * @internal\n */\nexport interface MappingsOperationsProps extends GroupingMappingApiConfig {\n  mappingClient: IMappingsClient;\n}\n\n/**\n * Custom hook to handle mapping operations.\n * @internal\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 extractionClient = useExtractionClient();\n  const [showExtractionMessageModal, setShowExtractionMessageModal] = useState<boolean>(false);\n  const queryClient = useQueryClient();\n  const [initialStateExtractionFlag, setInitialExtractionStateFlag] = useState<boolean>(true);\n  const { mappingIdJobInfo, setMappingIdJobInfo } = useExtractionStateJobContext();\n\n  const {\n    data: mappings,\n    isFetched: isMappingsFetched,\n    isFetching: isLoadingMappings,\n  } = useFetchMappings(iModelId, getAccessToken, mappingClient);\n\n  const {\n    data: extractionStatus,\n    isFetched: isExtractionStatusFetched,\n    isFetching: isLoadingExtractionStatus,\n  } = useFetchExtractionStatus({ iModelId, getAccessToken, extractionClient });\n\n  const refreshExtractionStatus = useCallback(async () => {\n    await queryClient.invalidateQueries({queryKey: [\"iModelExtractionStatus\"]});\n    setInitialExtractionStateFlag(false);\n  }, [queryClient]);\n\n  useEffect(() => {\n    if(initialStateExtractionFlag && isMappingsFetched && isExtractionStatusFetched && mappings && extractionStatus && !mappingIdJobInfo.size){\n      const newMappingIdJobInfo = new Map<string, string>();\n      const latestExtractionResultId = extractionStatus.latestExtractionResult.value?.id;\n      const state = extractionStatus.latestExtractionResult.value?.state;\n      if((state === ExtractionState.Failed || state === ExtractionState.Succeeded || state === ExtractionState.PartiallySucceeded)) return;\n      !!latestExtractionResultId && mappings.forEach((mapping) => {\n        const mappingId = mapping.id;\n        const latestExtractionResultId = extractionStatus.latestExtractionResult.value.id;\n        newMappingIdJobInfo.set(mappingId, latestExtractionResultId);\n      });\n      setMappingIdJobInfo(newMappingIdJobInfo);\n      setInitialExtractionStateFlag(false);\n    }\n  }, [extractionStatus, initialStateExtractionFlag, isExtractionStatusFetched, isMappingsFetched, mappingIdJobInfo.size, mappings, setMappingIdJobInfo]);\n\n  const refreshMappings = useCallback(async () => {\n    await queryClient.invalidateQueries({queryKey: [\"mappings\"]});\n  }, [queryClient]);\n\n  const { mutateAsync: toggleExtraction, isLoading: isTogglingExtraction } = useMutation({\n    mutationFn: async (mapping: Mapping) => {\n      const accessToken = await getAccessToken();\n      const newState = !mapping.extractionEnabled;\n      await mappingClient.updateMapping(accessToken, mapping.id, { extractionEnabled: newState });\n    },\n    onSuccess: async () => {\n      await refreshMappings();\n    },\n  });\n\n  const { mutateAsync: onDelete, isLoading: isDeletingMapping} = useMutation({\n    mutationFn: async (mapping: Mapping) => {\n      const accessToken = await getAccessToken();\n      await mappingClient.deleteMapping(accessToken, mapping.id);\n    },\n    onSuccess: async () => {\n      await refreshMappings();\n    },\n  });\n\n  const isLoading = isLoadingMappings || isTogglingExtraction || isDeletingMapping;\n  const extractionStatusGated = (!extractionStatus || isLoadingExtractionStatus) ? {\n    extractionStatusIcon: {\n      iconStatus: undefined,\n      iconMessage: \"Loading...\",\n    },\n    extractionMessageData: [],\n  } : extractionStatus;\n\n  return { mappings, isLoading, showExtractionMessageModal, extractionStatus: extractionStatusGated, setShowExtractionMessageModal, refreshMappings, refreshExtractionStatus, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction};\n};\n"]}
+{"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 { ExtractionState } from \"@itwin/insights-client\";\nimport type { IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport type { GroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useExtractionClient } from \"../../context/ExtractionClientContext\";\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { useFetchMappings } from \"./useFetchMappings\";\nimport { useFetchExtractionStatus } from \"./useFetchExtractionStatus\";\nimport { useExtractionStateJobContext } from \"../../context/ExtractionStateJobContext\";\n\n/**\n * Props for the {@link useMappingsOperations} hook.\n * @internal\n */\nexport interface MappingsOperationsProps extends GroupingMappingApiConfig {\n  mappingClient: IMappingsClient;\n}\n\n/**\n * Custom hook to handle mapping operations.\n * @internal\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 extractionClient = useExtractionClient();\n  const [showExtractionMessageModal, setShowExtractionMessageModal] = useState<boolean>(false);\n  const queryClient = useQueryClient();\n  const [initialStateExtractionFlag, setInitialExtractionStateFlag] = useState<boolean>(true);\n  const { mappingIdJobInfo, setMappingIdJobInfo } = useExtractionStateJobContext();\n\n  const { data: mappings, isFetched: isMappingsFetched, isFetching: isLoadingMappings } = useFetchMappings(iModelId, getAccessToken, mappingClient);\n\n  const {\n    data: extractionStatus,\n    isFetched: isExtractionStatusFetched,\n    isFetching: isLoadingExtractionStatus,\n  } = useFetchExtractionStatus({ iModelId, getAccessToken, extractionClient });\n\n  const refreshExtractionStatus = useCallback(async () => {\n    await queryClient.invalidateQueries({ queryKey: [\"iModelExtractionStatus\"] });\n    setInitialExtractionStateFlag(false);\n  }, [queryClient]);\n\n  useEffect(() => {\n    if (initialStateExtractionFlag && isMappingsFetched && isExtractionStatusFetched && mappings && extractionStatus && !mappingIdJobInfo.size) {\n      const newMappingIdJobInfo = new Map<string, string>();\n      const latestExtractionResultId = extractionStatus.latestExtractionResult.value?.id;\n      const state = extractionStatus.latestExtractionResult.value?.state;\n      if (state === ExtractionState.Failed || state === ExtractionState.Succeeded || state === ExtractionState.PartiallySucceeded) return;\n      !!latestExtractionResultId &&\n        mappings.forEach((mapping) => {\n          const mappingId = mapping.id;\n          const latestExtractionResultId = extractionStatus.latestExtractionResult.value.id;\n          newMappingIdJobInfo.set(mappingId, latestExtractionResultId);\n        });\n      setMappingIdJobInfo(newMappingIdJobInfo);\n      setInitialExtractionStateFlag(false);\n    }\n  }, [extractionStatus, initialStateExtractionFlag, isExtractionStatusFetched, isMappingsFetched, mappingIdJobInfo.size, mappings, setMappingIdJobInfo]);\n\n  const refreshMappings = useCallback(async () => {\n    await queryClient.invalidateQueries({ queryKey: [\"mappings\"] });\n  }, [queryClient]);\n\n  const { mutateAsync: toggleExtraction, isLoading: isTogglingExtraction } = useMutation({\n    mutationFn: async (mapping: Mapping) => {\n      const accessToken = await getAccessToken();\n      const newState = !mapping.extractionEnabled;\n      await mappingClient.updateMapping(accessToken, mapping.id, { extractionEnabled: newState });\n    },\n    onSuccess: async () => {\n      await refreshMappings();\n    },\n  });\n\n  const { mutateAsync: onDelete, isLoading: isDeletingMapping } = useMutation({\n    mutationFn: async (mapping: Mapping) => {\n      const accessToken = await getAccessToken();\n      await mappingClient.deleteMapping(accessToken, mapping.id);\n    },\n    onSuccess: async () => {\n      await refreshMappings();\n    },\n  });\n\n  const isLoading = isLoadingMappings || isTogglingExtraction || isDeletingMapping;\n  const extractionStatusGated =\n    !extractionStatus || isLoadingExtractionStatus\n      ? {\n          extractionStatusIcon: {\n            iconStatus: undefined,\n            iconMessage: \"Loading...\",\n          },\n          extractionMessageData: [],\n        }\n      : extractionStatus;\n\n  return {\n    mappings,\n    isLoading,\n    showExtractionMessageModal,\n    extractionStatus: extractionStatusGated,\n    setShowExtractionMessageModal,\n    refreshMappings,\n    refreshExtractionStatus,\n    toggleExtraction,\n    onDelete,\n    setShowImportModal,\n    showImportModal,\n    setShowDeleteModal,\n    showDeleteModal,\n    isTogglingExtraction,\n  };\n};\n"]}

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

@@ -4,7 +4,7 @@ import type { Mapping } from "@itwin/insights-client";
 export interface FetchExtractionStatesProps extends GroupingMappingApiConfig {
     jobId?: string;
 }
-export declare const useRunExtraction: ({ iModelId, getAccessToken, }: FetchExtractionStatesProps) => {
+export declare const useRunExtraction: ({ iModelId, getAccessToken }: FetchExtractionStatesProps) => {
     isRunExtractionLoading: boolean;
     isRunExtractionSuccess: boolean;
     isJobStarted: boolean;

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

@@ -2,23 +2,25 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRunExtraction = void 0;
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 const ExtractionClientContext_1 = require("../../context/ExtractionClientContext");
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
 const ExtractionStateJobContext_1 = require("../../context/ExtractionStateJobContext");
-const useRunExtraction = ({ iModelId, getAccessToken, }) => {
+const useRunExtraction = ({ iModelId, getAccessToken }) => {
     const extractionClient = (0, ExtractionClientContext_1.useExtractionClient)();
     const [isJobStarted, setIsJobStarted] = (0, react_1.useState)(false);
     const { mappingIdJobInfo, setMappingIdJobInfo } = (0, ExtractionStateJobContext_1.useExtractionStateJobContext)();
-    const { mutateAsync: runExtraction, isLoading: isRunExtractionLoading, isSuccess: isRunExtractionSuccess } = (0, react_query_1.useMutation)({
+    const { mutateAsync: runExtraction, isLoading: isRunExtractionLoading, isSuccess: isRunExtractionSuccess, } = (0, react_query_1.useMutation)({
         mutationKey: ["runExtraction"],
         mutationFn: async (mappings) => {
             if (mappings.length > 0) {
                 const accessToken = await getAccessToken();
-                const mappingIds = mappings.map((mapping) => { return { id: mapping.id }; });
+                const mappingIds = mappings.map((mapping) => {
+                    return { id: mapping.id };
+                });
                 const extractionRequest = {
                     mappings: mappingIds,
                     iModelId,

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

@@ -1 +1 @@
-{"version":3,"file":"useRunExtraction.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/hooks/useRunExtraction.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,mFAA4E;AAC5E,uDAAoD;AAGpD,iCAAiC;AACjC,uFAAuF;AAMhF,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,cAAc,GACa,EAAE,EAAE;IAC/B,MAAM,gBAAgB,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACjE,MAAM,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,GAAG,IAAA,wDAA4B,GAAE,CAAC;IAEjF,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,sBAAsB,EAAE,SAAS,EAAE,sBAAsB,EAAE,GAAG,IAAA,yBAAW,EAAC;QACvH,WAAW,EAAE,CAAC,eAAe,CAAC;QAC9B,UAAU,EAAE,KAAK,EAAE,QAAmB,EAAE,EAAE;YACxC,IAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAC;gBACrB,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;gBAC3C,MAAM,UAAU,GAAwB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClG,MAAM,iBAAiB,GAA6B;oBAClD,QAAQ,EAAE,UAAU;oBACpB,QAAQ;iBACT,CAAC;gBAEF,MAAM,qBAAqB,GAAG,MAAM,gBAAgB,CAAC,aAAa,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;gBACnG,OAAO,qBAAqB,CAAC;aAC9B;YACD,OAAO;QACT,CAAC;QACD,SAAS,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,EAAE;YACnD,IAAG,qBAAqB,EAAC;gBACvB,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAC;oBAC7B,IAAG,gBAAgB,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,SAAS,EAAC;wBACjD,mBAAmB,CAAC,CAAC,OAA4B,EAAE,EAAE;4BACnD,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;4BAChC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,qBAAqB,CAAC,EAAE,CAAC,CAAC;4BACjD,OAAO,MAAM,CAAC;wBAChB,CAAC,CAAC,CAAC;qBACJ;iBACF;aACF;QACH,CAAC;KACF,CAAC,CAAC;IAEH,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC;AAC1G,CAAC,CAAC;AAxCW,QAAA,gBAAgB,oBAwC3B","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 { useExtractionClient } from \"../../context/ExtractionClientContext\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport type { GroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport type { ExtractionMapping, ExtractionRequestDetails ,Mapping } from \"@itwin/insights-client\";\nimport { useState } from \"react\";\nimport { useExtractionStateJobContext } from \"../../context/ExtractionStateJobContext\";\n\nexport interface FetchExtractionStatesProps extends GroupingMappingApiConfig {\n  jobId?: string;\n}\n\nexport const useRunExtraction = ({\n  iModelId,\n  getAccessToken,\n}: FetchExtractionStatesProps) => {\n  const extractionClient = useExtractionClient();\n  const [isJobStarted, setIsJobStarted] = useState<boolean>(false);\n  const { mappingIdJobInfo, setMappingIdJobInfo } = useExtractionStateJobContext();\n\n  const { mutateAsync: runExtraction, isLoading: isRunExtractionLoading, isSuccess: isRunExtractionSuccess } = useMutation({\n    mutationKey: [\"runExtraction\"],\n    mutationFn: async (mappings: Mapping[]) => {\n      if(mappings.length > 0){\n        const accessToken = await getAccessToken();\n        const mappingIds: ExtractionMapping[] = mappings.map((mapping) => { return { id: mapping.id }; });\n        const extractionRequest: ExtractionRequestDetails = {\n          mappings: mappingIds,\n          iModelId,\n        };\n\n        const runExtractionResponse = await extractionClient.runExtraction(accessToken, extractionRequest);\n        return runExtractionResponse;\n      }\n      return;\n    },\n    onSuccess: async (runExtractionResponse, mappings) => {\n      if(runExtractionResponse){\n        for (const mapping of mappings){\n          if(mappingIdJobInfo?.get(mapping.id) === undefined){\n            setMappingIdJobInfo((prevMap: Map<string, string>) => {\n              const newMap = new Map(prevMap);\n              newMap.set(mapping.id, runExtractionResponse.id);\n              return newMap;\n            });\n          }\n        }\n      }\n    },\n  });\n\n  return { isRunExtractionLoading, isRunExtractionSuccess, isJobStarted, setIsJobStarted, runExtraction };\n};\n"]}
+{"version":3,"file":"useRunExtraction.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/hooks/useRunExtraction.ts"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG,mFAA4E;AAC5E,uDAAoD;AAGpD,iCAAiC;AACjC,uFAAuF;AAMhF,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,cAAc,EAA8B,EAAE,EAAE;IAC3F,MAAM,gBAAgB,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACjE,MAAM,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,GAAG,IAAA,wDAA4B,GAAE,CAAC;IAEjF,MAAM,EACJ,WAAW,EAAE,aAAa,EAC1B,SAAS,EAAE,sBAAsB,EACjC,SAAS,EAAE,sBAAsB,GAClC,GAAG,IAAA,yBAAW,EAAC;QACd,WAAW,EAAE,CAAC,eAAe,CAAC;QAC9B,UAAU,EAAE,KAAK,EAAE,QAAmB,EAAE,EAAE;YACxC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;gBACvB,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;gBAC3C,MAAM,UAAU,GAAwB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;oBAC/D,OAAO,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC;gBAC5B,CAAC,CAAC,CAAC;gBACH,MAAM,iBAAiB,GAA6B;oBAClD,QAAQ,EAAE,UAAU;oBACpB,QAAQ;iBACT,CAAC;gBAEF,MAAM,qBAAqB,GAAG,MAAM,gBAAgB,CAAC,aAAa,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;gBACnG,OAAO,qBAAqB,CAAC;aAC9B;YACD,OAAO;QACT,CAAC;QACD,SAAS,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,EAAE;YACnD,IAAI,qBAAqB,EAAE;gBACzB,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE;oBAC9B,IAAI,gBAAgB,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,SAAS,EAAE;wBACnD,mBAAmB,CAAC,CAAC,OAA4B,EAAE,EAAE;4BACnD,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;4BAChC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,qBAAqB,CAAC,EAAE,CAAC,CAAC;4BACjD,OAAO,MAAM,CAAC;wBAChB,CAAC,CAAC,CAAC;qBACJ;iBACF;aACF;QACH,CAAC;KACF,CAAC,CAAC;IAEH,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC;AAC1G,CAAC,CAAC;AA3CW,QAAA,gBAAgB,oBA2C3B","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 { useExtractionClient } from \"../../context/ExtractionClientContext\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport type { GroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport type { ExtractionMapping, ExtractionRequestDetails, Mapping } from \"@itwin/insights-client\";\nimport { useState } from \"react\";\nimport { useExtractionStateJobContext } from \"../../context/ExtractionStateJobContext\";\n\nexport interface FetchExtractionStatesProps extends GroupingMappingApiConfig {\n  jobId?: string;\n}\n\nexport const useRunExtraction = ({ iModelId, getAccessToken }: FetchExtractionStatesProps) => {\n  const extractionClient = useExtractionClient();\n  const [isJobStarted, setIsJobStarted] = useState<boolean>(false);\n  const { mappingIdJobInfo, setMappingIdJobInfo } = useExtractionStateJobContext();\n\n  const {\n    mutateAsync: runExtraction,\n    isLoading: isRunExtractionLoading,\n    isSuccess: isRunExtractionSuccess,\n  } = useMutation({\n    mutationKey: [\"runExtraction\"],\n    mutationFn: async (mappings: Mapping[]) => {\n      if (mappings.length > 0) {\n        const accessToken = await getAccessToken();\n        const mappingIds: ExtractionMapping[] = mappings.map((mapping) => {\n          return { id: mapping.id };\n        });\n        const extractionRequest: ExtractionRequestDetails = {\n          mappings: mappingIds,\n          iModelId,\n        };\n\n        const runExtractionResponse = await extractionClient.runExtraction(accessToken, extractionRequest);\n        return runExtractionResponse;\n      }\n      return;\n    },\n    onSuccess: async (runExtractionResponse, mappings) => {\n      if (runExtractionResponse) {\n        for (const mapping of mappings) {\n          if (mappingIdJobInfo?.get(mapping.id) === undefined) {\n            setMappingIdJobInfo((prevMap: Map<string, string>) => {\n              const newMap = new Map(prevMap);\n              newMap.set(mapping.id, runExtractionResponse.id);\n              return newMap;\n            });\n          }\n        }\n      }\n    },\n  });\n\n  return { isRunExtractionLoading, isRunExtractionSuccess, isJobStarted, setIsJobStarted, runExtraction };\n};\n"]}

package/lib/cjs/components/Properties/CalculatedProperties/CalculatedPropertyAction.d.ts

@@ -2,6 +2,7 @@
 import "./CalculatedPropertyAction.scss";
 import type { Group, Property } from "@itwin/insights-client";
 /**
+ * @deprecated in 0.27.0 The CalculatedPropertyActionProps has been superseded by the CalculatedPropertyActionWithVisualsProps and should not be used, use GroupPropertyActionProps and GroupPropertyAction component instead.
  * Props for the {@link CalculatedPropertyAction} component.
  * @public
  */
@@ -13,8 +14,9 @@ export interface CalculatedPropertyActionProps {
     onClickCancel?: () => void;
 }
 /**
+ * @deprecated in 0.27.0 The CalculatedPropertyAction has been superseded by the CalculatedPropertyActionWithVisuals and should not be used as a stand alone component, use GroupPropertyAction component instead.
  * Component to create or update a calculated property.
  * @public
  */
-export declare const CalculatedPropertyAction: ({ mappingId, group, calculatedProperty, onSaveSuccess, onClickCancel, }: CalculatedPropertyActionProps) => JSX.Element;
+export declare const CalculatedPropertyAction: ({ mappingId, group, calculatedProperty, onSaveSuccess, onClickCancel }: CalculatedPropertyActionProps) => JSX.Element;
 //# sourceMappingURL=CalculatedPropertyAction.d.ts.map

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

@@ -28,9 +28,9 @@ var __importDefault = (this && this.__importDefault) || function (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.
-*--------------------------------------------------------------------------------------------*/
+ * 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"));
@@ -42,10 +42,11 @@ const GroupingApiConfigContext_1 = require("../../context/GroupingApiConfigConte
 const react_query_1 = require("@tanstack/react-query");
 const PropertiesClientContext_1 = require("../../context/PropertiesClientContext");
 /**
+ * @deprecated in 0.27.0 The CalculatedPropertyAction has been superseded by the CalculatedPropertyActionWithVisuals and should not be used as a stand alone component, use GroupPropertyAction component instead.
  * Component to create or update a calculated property.
  * @public
  */
-const CalculatedPropertyAction = ({ mappingId, group, calculatedProperty, onSaveSuccess, onClickCancel, }) => {
+const CalculatedPropertyAction = ({ mappingId, group, calculatedProperty, onSaveSuccess, onClickCancel }) => {
     const { getAccessToken, iModelId } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
     const propertiesClient = (0, PropertiesClientContext_1.usePropertiesClient)();
     const [propertyName, setPropertyName] = (0, react_1.useState)(calculatedProperty?.propertyName ?? "");
@@ -82,11 +83,11 @@ const CalculatedPropertyAction = ({ mappingId, group, calculatedProperty, onSave
         saveMutation(type);
     };
     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("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, { calculatedPropertyType: type, setCalculatedPropertyType: setType }))),
         react_1.default.createElement(ActionPanel_1.default, { onSave: onSave, onCancel: onClickCancel, isSavingDisabled: !(type && propertyName), isLoading: isLoading })));
 };
 exports.CalculatedPropertyAction = CalculatedPropertyAction;

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

@@ -1 +1 @@
-{"version":3,"file":"CalculatedPropertyAction.js","sourceRoot":"","sources":["../../../../../src/components/Properties/CalculatedProperties/CalculatedPropertyAction.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  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 { CalculatedPropertyType, Group , Property} from \"@itwin/insights-client\";\nimport { DataType } from \"@itwin/insights-client\";\nimport { SharedCalculatedPropertyForms } from \"./SharedCalculatedPropertyForms\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { usePropertiesClient } from \"../../context/PropertiesClientContext\";\n\n/**\n * Props for the {@link CalculatedPropertyAction} component.\n * @public\n */\nexport interface CalculatedPropertyActionProps {\n  mappingId: string;\n  group: Group;\n  calculatedProperty?: Property;\n  onSaveSuccess: () => void;\n  onClickCancel?: () => void;\n}\n\n/**\n * Component to create or update a calculated property.\n * @public\n */\nexport const CalculatedPropertyAction = ({\n  mappingId,\n  group,\n  calculatedProperty,\n  onSaveSuccess,\n  onClickCancel,\n}: CalculatedPropertyActionProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const propertiesClient = usePropertiesClient();\n  const [propertyName, setPropertyName] = useState<string>(\n    calculatedProperty?.propertyName ?? \"\",\n  );\n  const [type, setType] = useState<CalculatedPropertyType | undefined>(calculatedProperty?.calculatedPropertyType ?? undefined);\n  const [validator, showValidationMessage] = useValidator();\n  const queryClient = useQueryClient();\n\n  const { mutate: saveMutation, isLoading } = useMutation(async (type: CalculatedPropertyType) => {\n    const accessToken = await getAccessToken();\n\n    return calculatedProperty\n      ? propertiesClient.updateProperty(\n        accessToken,\n        mappingId,\n        group.id,\n        calculatedProperty.id,\n        {\n          ...calculatedProperty,\n          propertyName,\n          dataType: calculatedProperty.dataType,\n          calculatedPropertyType: type,\n        },\n      )\n      : propertiesClient.createProperty(\n        accessToken,\n        mappingId,\n        group.id,\n        {\n          propertyName,\n          dataType: DataType.Double,\n          calculatedPropertyType: type,\n        },\n      );\n  }, {\n    onSuccess: async () => {\n      await queryClient.invalidateQueries({ queryKey: [\"properties\", iModelId, mappingId, group.id] });\n      onSaveSuccess();\n      setPropertyName(\"\");\n      setType(undefined);\n    },\n  });\n\n  const onSave = () => {\n    if (!validator.allValid() || !type) {\n      showValidationMessage(true);\n      return;\n    }\n\n    saveMutation(type);\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"]}
+{"version":3,"file":"CalculatedPropertyAction.js","sourceRoot":"","sources":["../../../../../src/components/Properties/CalculatedProperties/CalculatedPropertyAction.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 { Fieldset, Text } from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport ActionPanel from \"../../SharedComponents/ActionPanel\";\nimport useValidator from \"../hooks/useValidator\";\nimport \"./CalculatedPropertyAction.scss\";\nimport type { CalculatedPropertyType, Group, Property } from \"@itwin/insights-client\";\nimport { DataType } from \"@itwin/insights-client\";\nimport { SharedCalculatedPropertyForms } from \"./SharedCalculatedPropertyForms\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { usePropertiesClient } from \"../../context/PropertiesClientContext\";\n\n/**\n * @deprecated in 0.27.0 The CalculatedPropertyActionProps has been superseded by the CalculatedPropertyActionWithVisualsProps and should not be used, use GroupPropertyActionProps and GroupPropertyAction component instead.\n * Props for the {@link CalculatedPropertyAction} component.\n * @public\n */\nexport interface CalculatedPropertyActionProps {\n  mappingId: string;\n  group: Group;\n  calculatedProperty?: Property;\n  onSaveSuccess: () => void;\n  onClickCancel?: () => void;\n}\n\n/**\n * @deprecated in 0.27.0 The CalculatedPropertyAction has been superseded by the CalculatedPropertyActionWithVisuals and should not be used as a stand alone component, use GroupPropertyAction component instead.\n * Component to create or update a calculated property.\n * @public\n */\nexport const CalculatedPropertyAction = ({ mappingId, group, calculatedProperty, onSaveSuccess, onClickCancel }: CalculatedPropertyActionProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const propertiesClient = usePropertiesClient();\n  const [propertyName, setPropertyName] = useState<string>(calculatedProperty?.propertyName ?? \"\");\n  const [type, setType] = useState<CalculatedPropertyType | undefined>(calculatedProperty?.calculatedPropertyType ?? undefined);\n  const [validator, showValidationMessage] = useValidator();\n  const queryClient = useQueryClient();\n\n  const { mutate: saveMutation, isLoading } = useMutation(\n    async (type: CalculatedPropertyType) => {\n      const accessToken = await getAccessToken();\n\n      return calculatedProperty\n        ? propertiesClient.updateProperty(accessToken, mappingId, group.id, calculatedProperty.id, {\n            ...calculatedProperty,\n            propertyName,\n            dataType: calculatedProperty.dataType,\n            calculatedPropertyType: type,\n          })\n        : propertiesClient.createProperty(accessToken, mappingId, group.id, {\n            propertyName,\n            dataType: DataType.Double,\n            calculatedPropertyType: type,\n          });\n    },\n    {\n      onSuccess: async () => {\n        await queryClient.invalidateQueries({ queryKey: [\"properties\", iModelId, mappingId, group.id] });\n        onSaveSuccess();\n        setPropertyName(\"\");\n        setType(undefined);\n      },\n    },\n  );\n\n  const onSave = () => {\n    if (!validator.allValid() || !type) {\n      showValidationMessage(true);\n      return;\n    }\n\n    saveMutation(type);\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 calculatedPropertyType={type} setCalculatedPropertyType={setType} />\n        </Fieldset>\n      </div>\n      <ActionPanel onSave={onSave} onCancel={onClickCancel} isSavingDisabled={!(type && propertyName)} isLoading={isLoading} />\n    </>\n  );\n};\n"]}

package/lib/cjs/components/Properties/CalculatedProperties/CalculatedPropertyActionWithVisuals.d.ts

@@ -1,20 +1,19 @@
 /// <reference types="react" />
 import "./CalculatedPropertyActionWithVisuals.scss";
-import type { GroupMinimal, Property } from "@itwin/insights-client";
+import type { CalculatedPropertyType, GroupMinimal } from "@itwin/insights-client";
 /**
  * Props for the {@link CalculatedPropertyActionWithVisuals} component.
- * @public
+ * @internal
  */
 export interface CalculatedPropertyActionWithVisualsProps {
-    mappingId: string;
     group: GroupMinimal;
-    calculatedProperty?: Property;
-    onSaveSuccess: () => void;
-    onClickCancel?: () => void;
+    calculatedPropertyType?: CalculatedPropertyType;
+    isLoading?: boolean;
+    setCalculatedPropertyType: (calculatedPropertyType: CalculatedPropertyType | undefined) => void;
 }
 /**
  * Component to create or update a calculated property with visualizations.
- * @public
+ * @internal
  */
-export declare const CalculatedPropertyActionWithVisuals: ({ mappingId, group, calculatedProperty, onSaveSuccess, onClickCancel, }: CalculatedPropertyActionWithVisualsProps) => JSX.Element;
+export declare const CalculatedPropertyActionWithVisuals: ({ group, calculatedPropertyType, isLoading, setCalculatedPropertyType, }: CalculatedPropertyActionWithVisualsProps) => JSX.Element;
 //# sourceMappingURL=CalculatedPropertyActionWithVisuals.d.ts.map

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

@@ -22,47 +22,34 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.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.
-*--------------------------------------------------------------------------------------------*/
+ * 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 viewerUtils_1 = require("../../../common/viewerUtils");
 require("./CalculatedPropertyActionWithVisuals.scss");
 const GroupingApiConfigContext_1 = require("../../context/GroupingApiConfigContext");
-const insights_client_1 = require("@itwin/insights-client");
 const SharedCalculatedPropertyForms_1 = require("./SharedCalculatedPropertyForms");
 const useKeySetHiliteQueries_1 = require("../../Groups/hooks/useKeySetHiliteQueries");
-const react_query_1 = require("@tanstack/react-query");
-const PropertiesClientContext_1 = require("../../context/PropertiesClientContext");
 /**
  * Component to create or update a calculated property with visualizations.
- * @public
+ * @internal
  */
-const CalculatedPropertyActionWithVisuals = ({ mappingId, group, calculatedProperty, onSaveSuccess, onClickCancel, }) => {
-    const { getAccessToken, iModelId, iModelConnection } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
+const CalculatedPropertyActionWithVisuals = ({ group, calculatedPropertyType, isLoading, setCalculatedPropertyType, }) => {
+    const { iModelConnection } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
     if (!iModelConnection) {
         throw new Error("This component requires an active iModelConnection.");
     }
-    const propertiesClient = (0, PropertiesClientContext_1.usePropertiesClient)();
-    const [propertyName, setPropertyName] = (0, react_1.useState)(calculatedProperty?.propertyName ?? "");
-    const [type, setType] = (0, react_1.useState)(calculatedProperty?.calculatedPropertyType);
     const [bboxDecorator, setBboxDecorator] = (0, react_1.useState)();
     const [inferredSpatialData, setInferredSpatialData] = (0, react_1.useState)();
-    const [validator, showValidationMessage] = (0, useValidator_1.default)();
     const [colorProperty, setColorProperty] = (0, react_1.useState)(false);
     const { data } = (0, useKeySetHiliteQueries_1.useGroupKeySetQuery)(group, iModelConnection, true);
-    const queryClient = (0, react_query_1.useQueryClient)();
     const resolvedHiliteIds = (0, react_1.useMemo)(() => {
         // Resolved ids, default to an empty array if not available
         return data?.result?.ids ?? [];
@@ -77,10 +64,11 @@ const CalculatedPropertyActionWithVisuals = ({ mappingId, group, calculatedPrope
     }, []);
     (0, react_1.useEffect)(() => {
         if (!colorProperty || resolvedHiliteIds.length === 0) {
+            (0, viewerUtils_1.clearAll)();
             return;
         }
         (0, viewerUtils_1.visualizeElements)(resolvedHiliteIds, "red");
-        void (0, viewerUtils_1.zoomToElements)(resolvedHiliteIds);
+        void (0, viewerUtils_1.zoomToElements)([resolvedHiliteIds[0]]);
     }, [colorProperty, resolvedHiliteIds]);
     (0, react_1.useEffect)(() => {
         if (!colorProperty || resolvedHiliteIds.length === 0) {
@@ -95,56 +83,26 @@ const CalculatedPropertyActionWithVisuals = ({ mappingId, group, calculatedPrope
         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])
+        if (bboxDecorator && calculatedPropertyType && inferredSpatialData) {
+            inferredSpatialData.has(BboxDimensionsDecorator_1.BboxDimension[calculatedPropertyType]) && colorProperty
+                ? bboxDecorator.drawContext(BboxDimensionsDecorator_1.BboxDimension[calculatedPropertyType])
                 : bboxDecorator.clearContext();
         }
-    }, [bboxDecorator, colorProperty, inferredSpatialData, type]);
-    const { mutate: saveMutation, isLoading } = (0, react_query_1.useMutation)(async (type) => {
-        const accessToken = await getAccessToken();
-        return calculatedProperty
-            ? propertiesClient.updateProperty(accessToken, mappingId, group.id, calculatedProperty.id, {
-                propertyName,
-                dataType: calculatedProperty.dataType,
-                calculatedPropertyType: type,
-            })
-            : propertiesClient.createProperty(accessToken, mappingId, group.id, {
-                propertyName,
-                dataType: insights_client_1.DataType.Double,
-                calculatedPropertyType: type,
-            });
-    }, {
-        onSuccess: async () => {
-            await queryClient.invalidateQueries({ queryKey: ["properties", iModelId, mappingId, group.id] });
-            onSaveSuccess();
-            setPropertyName("");
-            setType(undefined);
-        },
-    });
-    const onSave = () => {
-        if (!validator.allValid() || !type) {
-            showValidationMessage(true);
-            return;
+        else {
+            bboxDecorator?.clearContext();
         }
-        saveMutation(type);
-    };
-    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' },
+    }, [bboxDecorator, colorProperty, inferredSpatialData, calculatedPropertyType]);
+    const getSpatialData = (value) => 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("div", { className: "gmw-calculated-properties-action-container" },
+        react_1.default.createElement(itwinui_react_1.InputGroup, { className: "gmw-details-form" },
+            react_1.default.createElement(itwinui_react_1.ToggleSwitch, { className: "gmw-field-legend-container", label: "Visualize Dimensions", labelPosition: "left", disabled: isLoading, checked: colorProperty, onChange: () => setColorProperty((b) => !b) }),
+            react_1.default.createElement(SharedCalculatedPropertyForms_1.SharedCalculatedPropertyForms, { calculatedPropertyType: calculatedPropertyType, setCalculatedPropertyType: setCalculatedPropertyType, 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))) }))),
-        react_1.default.createElement(ActionPanel_1.default, { onSave: onSave, onCancel: onClickCancel, isSavingDisabled: !(type && propertyName), isLoading: isLoading })));
+                        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))) }))));
 };
 exports.CalculatedPropertyActionWithVisuals = CalculatedPropertyActionWithVisuals;
 //# sourceMappingURL=CalculatedPropertyActionWithVisuals.js.map

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

@@ -1 +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, useMemo, useState } from \"react\";\nimport ActionPanel from \"../../SharedComponents/ActionPanel\";\nimport {\n  BboxDimension,\n  BboxDimensionsDecorator,\n} from \"../../../decorators/BboxDimensionsDecorator\";\nimport useValidator from \"../hooks/useValidator\";\nimport { visualizeElements, zoomToElements } from \"../../../common/viewerUtils\";\nimport \"./CalculatedPropertyActionWithVisuals.scss\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { DataType } from \"@itwin/insights-client\";\nimport type { CalculatedPropertyType, GroupMinimal, Property} from \"@itwin/insights-client\";\nimport { SharedCalculatedPropertyForms } from \"./SharedCalculatedPropertyForms\";\nimport { useGroupKeySetQuery } from \"../../Groups/hooks/useKeySetHiliteQueries\";\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { usePropertiesClient } from \"../../context/PropertiesClientContext\";\n\n/**\n * Props for the {@link CalculatedPropertyActionWithVisuals} component.\n * @public\n */\nexport interface CalculatedPropertyActionWithVisualsProps {\n  mappingId: string;\n  group: GroupMinimal;\n  calculatedProperty?: Property;\n  onSaveSuccess: () => void;\n  onClickCancel?: () => void;\n}\n\n/**\n * Component to create or update a calculated property with visualizations.\n * @public\n */\nexport const CalculatedPropertyActionWithVisuals = ({\n  mappingId,\n  group,\n  calculatedProperty,\n  onSaveSuccess,\n  onClickCancel,\n}: CalculatedPropertyActionWithVisualsProps) => {\n  const { getAccessToken, iModelId, iModelConnection } = useGroupingMappingApiConfig();\n  if (!iModelConnection) {\n    throw new Error(\"This component requires an active iModelConnection.\");\n  }\n  const propertiesClient = usePropertiesClient();\n  const [propertyName, setPropertyName] = useState<string>(\n    calculatedProperty?.propertyName ?? \"\",\n  );\n  const [type, setType] = useState<CalculatedPropertyType | undefined>(calculatedProperty?.calculatedPropertyType);\n  const [bboxDecorator, setBboxDecorator] = useState<BboxDimensionsDecorator | undefined>();\n  const [inferredSpatialData, setInferredSpatialData] = useState<Map<BboxDimension, number> | undefined>();\n  const [validator, showValidationMessage] = useValidator();\n  const [colorProperty, setColorProperty] = useState<boolean>(false);\n  const { data } = useGroupKeySetQuery(group, iModelConnection, true);\n  const queryClient = useQueryClient();\n\n  const resolvedHiliteIds = useMemo(() => {\n    // Resolved ids, default to an empty array if not available\n    return data?.result?.ids ?? [];\n  }, [data?.result?.ids]);\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    if (!colorProperty || resolvedHiliteIds.length === 0) {\n      return;\n    }\n    visualizeElements(resolvedHiliteIds, \"red\");\n    void zoomToElements(resolvedHiliteIds);\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 { mutate: saveMutation, isLoading } = useMutation(async (type: CalculatedPropertyType) => {\n    const accessToken = await getAccessToken();\n\n    return calculatedProperty\n      ? propertiesClient.updateProperty(\n        accessToken,\n        mappingId,\n        group.id,\n        calculatedProperty.id,\n        {\n          propertyName,\n          dataType: calculatedProperty.dataType,\n          calculatedPropertyType: type,\n        },\n      )\n      : propertiesClient.createProperty(\n        accessToken,\n        mappingId,\n        group.id,\n        {\n          propertyName,\n          dataType: DataType.Double,\n          calculatedPropertyType: type,\n        },\n      );\n  }, {\n    onSuccess: async () => {\n      await queryClient.invalidateQueries({ queryKey: [\"properties\", iModelId, mappingId, group.id] });\n      onSaveSuccess();\n      setPropertyName(\"\");\n      setType(undefined);\n    },\n  });\n\n  const onSave = () => {\n    if (!validator.allValid() || !type) {\n      showValidationMessage(true);\n      return;\n    }\n\n    saveMutation(type);\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"]}
+{"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 { SelectOption } from \"@itwin/itwinui-react\";\nimport { InputGroup, MenuItem, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { BboxDimension, BboxDimensionsDecorator } from \"../../../decorators/BboxDimensionsDecorator\";\nimport { clearAll, visualizeElements, zoomToElements } from \"../../../common/viewerUtils\";\nimport \"./CalculatedPropertyActionWithVisuals.scss\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport type { CalculatedPropertyType, GroupMinimal } from \"@itwin/insights-client\";\nimport { SharedCalculatedPropertyForms } from \"./SharedCalculatedPropertyForms\";\nimport { useGroupKeySetQuery } from \"../../Groups/hooks/useKeySetHiliteQueries\";\n\n/**\n * Props for the {@link CalculatedPropertyActionWithVisuals} component.\n * @internal\n */\nexport interface CalculatedPropertyActionWithVisualsProps {\n  group: GroupMinimal;\n  calculatedPropertyType?: CalculatedPropertyType;\n  isLoading?: boolean;\n  setCalculatedPropertyType: (calculatedPropertyType: CalculatedPropertyType | undefined) => void;\n}\n\n/**\n * Component to create or update a calculated property with visualizations.\n * @internal\n */\nexport const CalculatedPropertyActionWithVisuals = ({\n  group,\n  calculatedPropertyType,\n  isLoading,\n  setCalculatedPropertyType,\n}: CalculatedPropertyActionWithVisualsProps) => {\n  const { iModelConnection } = useGroupingMappingApiConfig();\n  if (!iModelConnection) {\n    throw new Error(\"This component requires an active iModelConnection.\");\n  }\n  const [bboxDecorator, setBboxDecorator] = useState<BboxDimensionsDecorator | undefined>();\n  const [inferredSpatialData, setInferredSpatialData] = useState<Map<BboxDimension, number> | undefined>();\n  const [colorProperty, setColorProperty] = useState<boolean>(false);\n  const { data } = useGroupKeySetQuery(group, iModelConnection, true);\n\n  const resolvedHiliteIds = useMemo(() => {\n    // Resolved ids, default to an empty array if not available\n    return data?.result?.ids ?? [];\n  }, [data?.result?.ids]);\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    if (!colorProperty || resolvedHiliteIds.length === 0) {\n      clearAll();\n      return;\n    }\n    visualizeElements(resolvedHiliteIds, \"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 && calculatedPropertyType && inferredSpatialData) {\n      inferredSpatialData.has(BboxDimension[calculatedPropertyType as keyof typeof BboxDimension]) && colorProperty\n        ? bboxDecorator.drawContext(BboxDimension[calculatedPropertyType as keyof typeof BboxDimension])\n        : bboxDecorator.clearContext();\n    } else {\n      bboxDecorator?.clearContext();\n    }\n  }, [bboxDecorator, colorProperty, inferredSpatialData, calculatedPropertyType]);\n\n  const getSpatialData = (value: string | undefined) =>\n    value &&\n    inferredSpatialData?.has(BboxDimension[value as keyof typeof BboxDimension]) && (\n      <div>{`${inferredSpatialData?.get(BboxDimension[value as keyof typeof BboxDimension])?.toPrecision(4)}m`}</div>\n    );\n\n  return (\n    <div className=\"gmw-calculated-properties-action-container\">\n      <InputGroup className=\"gmw-details-form\">\n        <ToggleSwitch\n          className=\"gmw-field-legend-container\"\n          label=\"Visualize Dimensions\"\n          labelPosition=\"left\"\n          disabled={isLoading}\n          checked={colorProperty}\n          onChange={() => setColorProperty((b) => !b)}\n        ></ToggleSwitch>\n        <SharedCalculatedPropertyForms\n          calculatedPropertyType={calculatedPropertyType}\n          setCalculatedPropertyType={setCalculatedPropertyType}\n          itemRenderer={(option: SelectOption<string | undefined>) => (\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 | undefined>) => (\n            <div className=\"gmw-select-item\">\n              <div>{option.label}</div>\n              {getSpatialData(option.value)}\n            </div>\n          )}\n        />\n      </InputGroup>\n    </div>\n  );\n};\n"]}

package/lib/cjs/components/Properties/CalculatedProperties/SharedCalculatedPropertyForms.d.ts

@@ -1,16 +1,12 @@
 /// <reference types="react" />
 import { CalculatedPropertyType } from "@itwin/insights-client";
 import type { SelectOption } from "@itwin/itwinui-react";
-import type SimpleReactValidator from "simple-react-validator";
 interface SharedCalculatedPropertyFormsProps {
-    propertyName: string;
-    setPropertyName: (value: string) => void;
-    type: CalculatedPropertyType | undefined;
-    setType: (value: CalculatedPropertyType | undefined) => void;
-    validator: SimpleReactValidator;
-    itemRenderer?: (option: SelectOption<string>) => JSX.Element;
-    selectedItemRenderer?: (option: SelectOption<string>) => JSX.Element;
+    calculatedPropertyType: CalculatedPropertyType | undefined;
+    setCalculatedPropertyType: (value: CalculatedPropertyType | undefined) => void;
+    itemRenderer?: (option: SelectOption<string | undefined>) => JSX.Element;
+    selectedItemRenderer?: (option: SelectOption<string | undefined>) => JSX.Element;
 }
-export declare const SharedCalculatedPropertyForms: ({ propertyName, setPropertyName, type, setType, validator, itemRenderer, selectedItemRenderer, }: SharedCalculatedPropertyFormsProps) => JSX.Element;
+export declare const SharedCalculatedPropertyForms: ({ calculatedPropertyType, setCalculatedPropertyType, itemRenderer, selectedItemRenderer, }: SharedCalculatedPropertyFormsProps) => JSX.Element;
 export {};
 //# sourceMappingURL=SharedCalculatedPropertyForms.d.ts.map

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

@@ -25,17 +25,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SharedCalculatedPropertyForms = void 0;
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 const insights_client_1 = require("@itwin/insights-client");
 const react_1 = __importStar(require("react"));
-const useValidator_1 = require("../hooks/useValidator");
 const itwinui_react_1 = require("@itwin/itwinui-react");
-const SharedCalculatedPropertyForms = ({ propertyName, setPropertyName, type, setType, validator, itemRenderer, selectedItemRenderer, }) => {
+const SharedCalculatedPropertyForms = ({ calculatedPropertyType, setCalculatedPropertyType, itemRenderer, selectedItemRenderer, }) => {
     const generateOptionsFromCalculatedPropertyType = (0, react_1.useCallback)(() => {
         const options = [];
         const indexableEnum = insights_client_1.CalculatedPropertyType;
+        options.push({ value: undefined, label: "No Calculated Property Type" });
         for (const key in indexableEnum) {
             if (typeof indexableEnum[key] === "string" && key !== "Undefined") {
                 // Generate labels by adding space between capitals
@@ -49,18 +49,7 @@ const SharedCalculatedPropertyForms = ({ propertyName, setPropertyName, type, se
         return options;
     }, []);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(itwinui_react_1.LabeledInput, { value: propertyName, required: true, name: "name", label: "Name", onChange: (event) => {
-                setPropertyName(event.target.value);
-                validator.showMessageFor("name");
-            }, message: validator.message("name", propertyName, useValidator_1.NAME_REQUIREMENTS), status: validator.message("name", propertyName, useValidator_1.NAME_REQUIREMENTS)
-                ? "negative"
-                : undefined, onBlur: () => {
-                validator.showMessageFor("name");
-            }, onBlurCapture: (event) => {
-                setPropertyName(event.target.value);
-                validator.showMessageFor("name");
-            } }),
-        react_1.default.createElement(itwinui_react_1.LabeledSelect, { label: "Quantity Type", required: true, options: generateOptionsFromCalculatedPropertyType(), value: type, onChange: setType, itemRenderer: itemRenderer, selectedItemRenderer: selectedItemRenderer, onShow: () => { }, onHide: () => { } })));
+        react_1.default.createElement(itwinui_react_1.LabeledSelect, { label: "Calculated Property Type", options: generateOptionsFromCalculatedPropertyType(), value: calculatedPropertyType, onChange: setCalculatedPropertyType, itemRenderer: itemRenderer, selectedItemRenderer: selectedItemRenderer, placeholder: 'No Calculated Property Type', onShow: () => { }, onHide: () => { } })));
 };
 exports.SharedCalculatedPropertyForms = SharedCalculatedPropertyForms;
 //# sourceMappingURL=SharedCalculatedPropertyForms.js.map