@itwin/grouping-mapping-widget 0.26.1 → 0.28.0

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

@@ -1 +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, { useCallback, useMemo, useState } from \"react\";\nimport type { Alert } from \"@itwin/itwinui-react\";\nimport { Button, IconButton, List } from \"@itwin/itwinui-react\";\nimport { SvgAdd, SvgImport, SvgPlay, SvgRefresh } 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 type { Mapping } from \"@itwin/insights-client\";\nimport { BlockingOverlay } from \"./BlockingOverlay\";\nimport type { ExtractionStatusData } from \"./Extraction/ExtractionStatusIcon\";\nimport { ExtractionStatusIcon } from \"./Extraction/ExtractionStatusIcon\";\nimport { MappingListItem } from \"./MappingListItem\";\nimport type { ExtractionMessageData } from \"./Extraction/ExtractionMessageModal\";\nimport { ExtractionMessageModal } from \"./Extraction/ExtractionMessageModal\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport { useExtractionStateJobContext } from \"../context/ExtractionStateJobContext\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport { useRunExtraction } from \"./hooks/useRunExtraction\";\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\n/**\n * @internal\n */\nexport interface MappingsViewProps {\n  mappings: Mapping[];\n  isLoading: boolean;\n  extractionStatusData: ExtractionStatusData;\n  showExtractionMessageModal: boolean;\n  extractionMessageData: ExtractionMessageData[];\n  setShowExtractionMessageModal: (show: boolean) => void;\n  isTogglingExtraction: boolean;\n  onRefreshMappings: () => Promise<void>;\n  onRefreshExtractionStatus: () => 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  initialStateExtractionFlag?: boolean;\n  setInitialExtractionStateFlag?: (initialStateExtractionFlag: boolean) => void;\n}\n\n/**\n * UI Component to list mappings and handle extraction.\n * @internal\n */\nexport const MappingsView = ({\n  mappings,\n  isLoading,\n  extractionStatusData,\n  showExtractionMessageModal,\n  extractionMessageData,\n  setShowExtractionMessageModal,\n  isTogglingExtraction,\n  onRefreshMappings,\n  onRefreshExtractionStatus,\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(() => ({ ...mappingViewDefaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);\n  const [selectedMappings, setSelectedMappings] = useState<Mapping[]>([]);\n  const groupingMappingApiConfig = useGroupingMappingApiConfig();\n  const { mappingIdJobInfo } = useExtractionStateJobContext();\n  const { runExtraction } = useRunExtraction(groupingMappingApiConfig);\n\n  const jobStartEvent = useMemo(() => new BeEvent<(mappingId: string) => void>(), []);\n\n  const refreshAll = useCallback(async () => {\n    await Promise.all([onRefreshMappings(), onRefreshExtractionStatus()]);\n  }, [onRefreshMappings, onRefreshExtractionStatus]);\n\n  const onSelectionChange = (mapping: Mapping) => {\n    setSelectedMappings((mappingIdList) => {\n      return mappingIdList.some((eachId) => mapping.id === eachId.id)\n        ? mappingIdList.filter((eachId) => mapping.id !== eachId.id)\n        : [...mappingIdList, mapping];\n    });\n  };\n\n  const onRunExtraction = useCallback(async () => {\n    await runExtraction(selectedMappings);\n    selectedMappings.map((mapping) => {\n      jobStartEvent.raiseEvent(mapping.id);\n    });\n    setSelectedMappings([]);\n  }, [selectedMappings, jobStartEvent, runExtraction]);\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 startIcon={<SvgAdd />} onClick={onClickAddMapping} styleType=\"high-visibility\" title=\"New Mapping\">\n                New\n              </Button>\n            )}\n            {showImportModal !== undefined && setShowImportModal && (\n              <IconButton title={`Import ${displayStrings.mappings}`} onClick={() => setShowImportModal(true)}>\n                <SvgImport />\n              </IconButton>\n            )}\n            <IconButton title=\"Run extraction\" onClick={onRunExtraction} disabled={selectedMappings.length === 0}>\n              <SvgPlay />\n            </IconButton>\n          </div>\n          <div className=\"gmw-button-spacing\">\n            <ExtractionStatusIcon\n              iconStatus={extractionStatusData.iconStatus}\n              onClick={() => {\n                if (extractionStatusData.iconStatus === \"negative\") {\n                  setShowExtractionMessageModal(true);\n                }\n              }}\n              iconMessage={extractionStatusData.iconMessage}\n            />\n            <IconButton title=\"Refresh\" onClick={refreshAll} disabled={isLoading} styleType=\"borderless\">\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          <List className=\"gmw-mappings-list\">\n            {mappings.map((mapping) => (\n              <MappingListItem\n                key={mapping.id}\n                mapping={mapping}\n                jobId={mappingIdJobInfo?.get(mapping.id) ?? \"\"}\n                jobStartEvent={jobStartEvent}\n                onClickMappingTitle={onClickMappingTitle}\n                onSelectionChange={onSelectionChange}\n                selected={selectedMappings.some((eachMapping) => mapping.id === eachMapping.id)}\n                onToggleExtraction={onToggleExtraction}\n                onRefreshMappings={onRefreshMappings}\n                onClickMappingModify={onClickMappingModify}\n                setShowDeleteModal={setShowDeleteModal}\n              />\n            ))}\n          </List>\n        )}\n      </div>\n      {showExtractionMessageModal && (\n        <ExtractionMessageModal\n          isOpen={showExtractionMessageModal}\n          onClose={() => setShowExtractionMessageModal(false)}\n          extractionMessageData={extractionMessageData}\n          timestamp={extractionMessageData.length === 0 ? \"\" : extractionMessageData[0].date}\n        />\n      )}\n      {showDeleteModal && (\n        <DeleteModal\n          entityName={showDeleteModal?.mappingName}\n          onClose={() => setShowDeleteModal(undefined)}\n          onDelete={async () => {\n            await onDelete(showDeleteModal);\n          }}\n        />\n      )}\n      {showImportModal && setShowImportModal && (\n        <MappingImportWizardModal show={showImportModal} setShow={setShowImportModal} onFinish={onRefreshMappings} displayStrings={displayStrings} />\n      )}\n    </>\n  );\n};\n"]}
+{"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, { useCallback, useMemo, useState } from \"react\";\nimport type { Alert } from \"@itwin/itwinui-react\";\nimport { Button, IconButton, List } from \"@itwin/itwinui-react\";\nimport { SvgAdd, SvgImport, SvgPlay, SvgRefresh } 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 type { Mapping } from \"@itwin/insights-client\";\nimport { BlockingOverlay } from \"./BlockingOverlay\";\nimport type { ExtractionStatusData } from \"./Extraction/ExtractionStatusIcon\";\nimport { ExtractionStatusIcon } from \"./Extraction/ExtractionStatusIcon\";\nimport { MappingListItem } from \"./MappingListItem\";\nimport type { ExtractionMessageData } from \"./Extraction/ExtractionMessageModal\";\nimport { ExtractionMessageModal } from \"./Extraction/ExtractionMessageModal\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport { useExtractionStateJobContext } from \"../context/ExtractionStateJobContext\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport { useRunExtraction } from \"./hooks/useRunExtraction\";\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\n/**\n * @internal\n */\nexport interface MappingsViewProps {\n  mappings: Mapping[];\n  isLoading: boolean;\n  extractionStatusData: ExtractionStatusData;\n  showExtractionMessageModal: boolean;\n  extractionMessageData: ExtractionMessageData[];\n  setShowExtractionMessageModal: (show: boolean) => void;\n  isTogglingExtraction: boolean;\n  onRefreshMappings: () => Promise<void>;\n  onRefreshExtractionStatus: () => 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  initialStateExtractionFlag?: boolean;\n  setInitialExtractionStateFlag?: (initialStateExtractionFlag: boolean) => void;\n  hideRefreshIcon?: boolean;\n}\n\n/**\n * UI Component to list mappings and handle extraction.\n * @internal\n */\nexport const MappingsView = ({\n  mappings,\n  isLoading,\n  extractionStatusData,\n  showExtractionMessageModal,\n  extractionMessageData,\n  setShowExtractionMessageModal,\n  isTogglingExtraction,\n  onRefreshMappings,\n  onRefreshExtractionStatus,\n  onToggleExtraction,\n  onDelete,\n  showDeleteModal,\n  setShowDeleteModal,\n  displayStrings: userDisplayStrings,\n  showImportModal,\n  setShowImportModal,\n  onClickAddMapping,\n  onClickMappingTitle,\n  onClickMappingModify,\n  alert,\n  hideRefreshIcon,\n}: MappingsViewProps) => {\n  const displayStrings = React.useMemo(() => ({ ...mappingViewDefaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);\n  const [selectedMappings, setSelectedMappings] = useState<Mapping[]>([]);\n  const groupingMappingApiConfig = useGroupingMappingApiConfig();\n  const { mappingIdJobInfo } = useExtractionStateJobContext();\n  const { runExtraction } = useRunExtraction(groupingMappingApiConfig);\n\n  const jobStartEvent = useMemo(() => new BeEvent<(mappingId: string) => void>(), []);\n\n  const refreshAll = useCallback(async () => {\n    await Promise.all([onRefreshMappings(), onRefreshExtractionStatus()]);\n  }, [onRefreshMappings, onRefreshExtractionStatus]);\n\n  const onSelectionChange = (mapping: Mapping) => {\n    setSelectedMappings((mappingIdList) => {\n      return mappingIdList.some((eachId) => mapping.id === eachId.id)\n        ? mappingIdList.filter((eachId) => mapping.id !== eachId.id)\n        : [...mappingIdList, mapping];\n    });\n  };\n\n  const onRunExtraction = useCallback(async () => {\n    await runExtraction(selectedMappings);\n    selectedMappings.map((mapping) => {\n      jobStartEvent.raiseEvent(mapping.id);\n    });\n    setSelectedMappings([]);\n  }, [selectedMappings, jobStartEvent, runExtraction]);\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 startIcon={<SvgAdd />} onClick={onClickAddMapping} styleType=\"high-visibility\" title=\"New Mapping\">\n                New\n              </Button>\n            )}\n            {showImportModal !== undefined && setShowImportModal && (\n              <IconButton title={`Import ${displayStrings.mappings}`} onClick={() => setShowImportModal(true)}>\n                <SvgImport />\n              </IconButton>\n            )}\n            <IconButton title=\"Run extraction\" onClick={onRunExtraction} disabled={selectedMappings.length === 0}>\n              <SvgPlay />\n            </IconButton>\n          </div>\n          <div className=\"gmw-button-spacing\">\n            <ExtractionStatusIcon\n              iconStatus={extractionStatusData.iconStatus}\n              onClick={() => {\n                if (extractionStatusData.iconStatus === \"negative\") {\n                  setShowExtractionMessageModal(true);\n                }\n              }}\n              iconMessage={extractionStatusData.iconMessage}\n            />\n            {!hideRefreshIcon && (\n              <IconButton title=\"Refresh\" onClick={refreshAll} disabled={isLoading} styleType=\"borderless\">\n                <SvgRefresh />\n              </IconButton>\n            )}\n          </div>\n        </div>\n        {alert}\n        <div className=\"gmw-mappings-border\" />\n        {isLoading && !isTogglingExtraction ? (\n          <LoadingOverlay />\n        ) : mappings.length === 0 ? (\n          <EmptyMessage message={`No ${displayStrings.mappings} available.`} />\n        ) : (\n          <List className=\"gmw-mappings-list\">\n            {mappings.map((mapping) => (\n              <MappingListItem\n                key={mapping.id}\n                mapping={mapping}\n                jobId={mappingIdJobInfo?.get(mapping.id) ?? \"\"}\n                jobStartEvent={jobStartEvent}\n                onClickMappingTitle={onClickMappingTitle}\n                onSelectionChange={onSelectionChange}\n                selected={selectedMappings.some((eachMapping) => mapping.id === eachMapping.id)}\n                onToggleExtraction={onToggleExtraction}\n                onRefreshMappings={onRefreshMappings}\n                onClickMappingModify={onClickMappingModify}\n                setShowDeleteModal={setShowDeleteModal}\n              />\n            ))}\n          </List>\n        )}\n      </div>\n      {showExtractionMessageModal && (\n        <ExtractionMessageModal\n          isOpen={showExtractionMessageModal}\n          onClose={() => setShowExtractionMessageModal(false)}\n          extractionMessageData={extractionMessageData}\n          timestamp={extractionMessageData.length === 0 ? \"\" : extractionMessageData[0].date}\n        />\n      )}\n      {showDeleteModal && (\n        <DeleteModal\n          entityName={showDeleteModal?.mappingName}\n          onClose={() => setShowDeleteModal(undefined)}\n          onDelete={async () => {\n            await onDelete(showDeleteModal);\n          }}\n        />\n      )}\n      {showImportModal && setShowImportModal && (\n        <MappingImportWizardModal show={showImportModal} setShow={setShowImportModal} onFinish={onRefreshMappings} displayStrings={displayStrings} />\n      )}\n    </>\n  );\n};\n"]}

package/lib/esm/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,6 +14,7 @@ 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
  */

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

@@ -13,6 +13,7 @@ import { useGroupingMappingApiConfig } from "../../context/GroupingApiConfigCont
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { usePropertiesClient } from "../../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
  */
@@ -57,7 +58,7 @@ export const CalculatedPropertyAction = ({ mappingId, group, calculatedProperty,
             React.createElement(Fieldset, { legend: "Calculated Property Details", className: "gmw-details-form" },
                 React.createElement("div", { className: "gmw-field-legend-container" },
                     React.createElement(Text, { variant: "small", as: "small", className: "gmw-field-legend" }, "Asterisk * indicates mandatory fields.")),
-                React.createElement(SharedCalculatedPropertyForms, { validator: validator, propertyName: propertyName, setPropertyName: setPropertyName, type: type, setType: setType }))),
+                React.createElement(SharedCalculatedPropertyForms, { calculatedPropertyType: type, setCalculatedPropertyType: setType }))),
         React.createElement(ActionPanel, { onSave: onSave, onCancel: onClickCancel, isSavingDisabled: !(type && propertyName), isLoading: isLoading })));
 };
 //# sourceMappingURL=CalculatedPropertyAction.js.map

package/lib/esm/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 { 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 * 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 = ({ 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 validator={validator} propertyName={propertyName} setPropertyName={setPropertyName} type={type} setType={setType} />\n        </Fieldset>\n      </div>\n      <ActionPanel onSave={onSave} onCancel={onClickCancel} isSavingDisabled={!(type && propertyName)} isLoading={isLoading} />\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/esm/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/esm/components/Properties/CalculatedProperties/CalculatedPropertyActionWithVisuals.js

@@ -3,37 +3,27 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import { IModelApp } from "@itwin/core-frontend";
-import { Fieldset, MenuItem, Text, ToggleSwitch } from "@itwin/itwinui-react";
+import { InputGroup, MenuItem, ToggleSwitch } from "@itwin/itwinui-react";
 import React, { useEffect, useMemo, useState } from "react";
-import ActionPanel from "../../SharedComponents/ActionPanel";
 import { BboxDimension, BboxDimensionsDecorator } from "../../../decorators/BboxDimensionsDecorator";
-import useValidator from "../hooks/useValidator";
-import { visualizeElements, zoomToElements } from "../../../common/viewerUtils";
+import { clearAll, visualizeElements, zoomToElements } from "../../../common/viewerUtils";
 import "./CalculatedPropertyActionWithVisuals.scss";
 import { useGroupingMappingApiConfig } from "../../context/GroupingApiConfigContext";
-import { DataType } from "@itwin/insights-client";
 import { SharedCalculatedPropertyForms } from "./SharedCalculatedPropertyForms";
 import { useGroupKeySetQuery } from "../../Groups/hooks/useKeySetHiliteQueries";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { usePropertiesClient } from "../../context/PropertiesClientContext";
 /**
  * Component to create or update a calculated property with visualizations.
- * @public
+ * @internal
  */
-export const CalculatedPropertyActionWithVisuals = ({ mappingId, group, calculatedProperty, onSaveSuccess, onClickCancel, }) => {
-    const { getAccessToken, iModelId, iModelConnection } = useGroupingMappingApiConfig();
+export const CalculatedPropertyActionWithVisuals = ({ group, calculatedPropertyType, isLoading, setCalculatedPropertyType, }) => {
+    const { iModelConnection } = useGroupingMappingApiConfig();
     if (!iModelConnection) {
         throw new Error("This component requires an active iModelConnection.");
     }
-    const propertiesClient = usePropertiesClient();
-    const [propertyName, setPropertyName] = useState(calculatedProperty?.propertyName ?? "");
-    const [type, setType] = useState(calculatedProperty?.calculatedPropertyType);
     const [bboxDecorator, setBboxDecorator] = useState();
     const [inferredSpatialData, setInferredSpatialData] = useState();
-    const [validator, showValidationMessage] = useValidator();
     const [colorProperty, setColorProperty] = useState(false);
     const { data } = useGroupKeySetQuery(group, iModelConnection, true);
-    const queryClient = useQueryClient();
     const resolvedHiliteIds = useMemo(() => {
         // Resolved ids, default to an empty array if not available
         return data?.result?.ids ?? [];
@@ -48,10 +38,11 @@ export const CalculatedPropertyActionWithVisuals = ({ mappingId, group, calculat
     }, []);
     useEffect(() => {
         if (!colorProperty || resolvedHiliteIds.length === 0) {
+            clearAll();
             return;
         }
         visualizeElements(resolvedHiliteIds, "red");
-        void zoomToElements(resolvedHiliteIds);
+        void zoomToElements([resolvedHiliteIds[0]]);
     }, [colorProperty, resolvedHiliteIds]);
     useEffect(() => {
         if (!colorProperty || resolvedHiliteIds.length === 0) {
@@ -66,53 +57,25 @@ export const CalculatedPropertyActionWithVisuals = ({ mappingId, group, calculat
         void setContext();
     }, [bboxDecorator, colorProperty, resolvedHiliteIds]);
     useEffect(() => {
-        if (bboxDecorator && type && inferredSpatialData) {
-            inferredSpatialData.has(BboxDimension[type]) && colorProperty
-                ? bboxDecorator.drawContext(BboxDimension[type])
+        if (bboxDecorator && calculatedPropertyType && inferredSpatialData) {
+            inferredSpatialData.has(BboxDimension[calculatedPropertyType]) && colorProperty
+                ? bboxDecorator.drawContext(BboxDimension[calculatedPropertyType])
                 : bboxDecorator.clearContext();
         }
-    }, [bboxDecorator, colorProperty, inferredSpatialData, type]);
-    const { mutate: saveMutation, isLoading } = 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: 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(BboxDimension[value]) && (React.createElement("div", null, `${inferredSpatialData?.get(BboxDimension[value])?.toPrecision(4)}m`));
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "gmw-calculated-properties-action-container" },
-            React.createElement(Fieldset, { legend: "Calculated Property Details", className: "gmw-details-form" },
-                React.createElement("div", { className: "gmw-field-legend-container" },
-                    React.createElement(Text, { variant: "small", as: "small", className: "gmw-field-legend" }, "Asterisk * indicates mandatory fields."),
-                    React.createElement(ToggleSwitch, { label: "Visualize Dimensions", labelPosition: "left", disabled: isLoading, checked: colorProperty, onChange: () => setColorProperty((b) => !b) })),
-                React.createElement(SharedCalculatedPropertyForms, { validator: validator, propertyName: propertyName, setPropertyName: setPropertyName, type: type, setType: setType, itemRenderer: (option) => (React.createElement(MenuItem, null,
-                        React.createElement("div", { className: "gmw-gr-cp-menu-item" },
-                            React.createElement("div", null, option.label),
-                            getSpatialData(option.value)))), selectedItemRenderer: (option) => (React.createElement("div", { className: "gmw-select-item" },
+    }, [bboxDecorator, colorProperty, inferredSpatialData, calculatedPropertyType]);
+    const getSpatialData = (value) => value &&
+        inferredSpatialData?.has(BboxDimension[value]) && (React.createElement("div", null, `${inferredSpatialData?.get(BboxDimension[value])?.toPrecision(4)}m`));
+    return (React.createElement("div", { className: "gmw-calculated-properties-action-container" },
+        React.createElement(InputGroup, { className: "gmw-details-form" },
+            React.createElement(ToggleSwitch, { className: "gmw-field-legend-container", label: "Visualize Dimensions", labelPosition: "left", disabled: isLoading, checked: colorProperty, onChange: () => setColorProperty((b) => !b) }),
+            React.createElement(SharedCalculatedPropertyForms, { calculatedPropertyType: calculatedPropertyType, setCalculatedPropertyType: setCalculatedPropertyType, itemRenderer: (option) => (React.createElement(MenuItem, null,
+                    React.createElement("div", { className: "gmw-gr-cp-menu-item" },
                         React.createElement("div", null, option.label),
-                        getSpatialData(option.value))) }))),
-        React.createElement(ActionPanel, { onSave: onSave, onCancel: onClickCancel, isSavingDisabled: !(type && propertyName), isLoading: isLoading })));
+                        getSpatialData(option.value)))), selectedItemRenderer: (option) => (React.createElement("div", { className: "gmw-select-item" },
+                    React.createElement("div", null, option.label),
+                    getSpatialData(option.value))) }))));
 };
 //# sourceMappingURL=CalculatedPropertyActionWithVisuals.js.map

package/lib/esm/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 { SelectOption } from \"@itwin/itwinui-react\";\nimport { Fieldset, MenuItem, Text, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport ActionPanel from \"../../SharedComponents/ActionPanel\";\nimport { BboxDimension, BboxDimensionsDecorator } 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>(calculatedProperty?.propertyName ?? \"\");\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(BboxDimension[type as keyof typeof BboxDimension])\n        : bboxDecorator.clearContext();\n    }\n  }, [bboxDecorator, colorProperty, inferredSpatialData, type]);\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            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  const getSpatialData = (value: string) =>\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    <>\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 onSave={onSave} onCancel={onClickCancel} isSavingDisabled={!(type && propertyName)} isLoading={isLoading} />\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/esm/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/esm/components/Properties/CalculatedProperties/SharedCalculatedPropertyForms.js

@@ -4,12 +4,12 @@
  *--------------------------------------------------------------------------------------------*/
 import { CalculatedPropertyType } from "@itwin/insights-client";
 import React, { useCallback } from "react";
-import { NAME_REQUIREMENTS } from "../hooks/useValidator";
-import { LabeledInput, LabeledSelect } from "@itwin/itwinui-react";
-export const SharedCalculatedPropertyForms = ({ propertyName, setPropertyName, type, setType, validator, itemRenderer, selectedItemRenderer, }) => {
+import { LabeledSelect } from "@itwin/itwinui-react";
+export const SharedCalculatedPropertyForms = ({ calculatedPropertyType, setCalculatedPropertyType, itemRenderer, selectedItemRenderer, }) => {
     const generateOptionsFromCalculatedPropertyType = useCallback(() => {
         const options = [];
         const indexableEnum = 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
@@ -23,15 +23,6 @@ export const SharedCalculatedPropertyForms = ({ propertyName, setPropertyName, t
         return options;
     }, []);
     return (React.createElement(React.Fragment, null,
-        React.createElement(LabeledInput, { value: propertyName, required: true, name: "name", label: "Name", onChange: (event) => {
-                setPropertyName(event.target.value);
-                validator.showMessageFor("name");
-            }, message: validator.message("name", propertyName, NAME_REQUIREMENTS), status: validator.message("name", propertyName, NAME_REQUIREMENTS) ? "negative" : undefined, onBlur: () => {
-                validator.showMessageFor("name");
-            }, onBlurCapture: (event) => {
-                setPropertyName(event.target.value);
-                validator.showMessageFor("name");
-            } }),
-        React.createElement(LabeledSelect, { label: "Quantity Type", required: true, options: generateOptionsFromCalculatedPropertyType(), value: type, onChange: setType, itemRenderer: itemRenderer, selectedItemRenderer: selectedItemRenderer, onShow: () => { }, onHide: () => { } })));
+        React.createElement(LabeledSelect, { label: "Calculated Property Type", options: generateOptionsFromCalculatedPropertyType(), value: calculatedPropertyType, onChange: setCalculatedPropertyType, itemRenderer: itemRenderer, selectedItemRenderer: selectedItemRenderer, placeholder: 'No Calculated Property Type', onShow: () => { }, onHide: () => { } })));
 };
 //# sourceMappingURL=SharedCalculatedPropertyForms.js.map

package/lib/esm/components/Properties/CalculatedProperties/SharedCalculatedPropertyForms.js.map

@@ -1 +1 @@
-{"version":3,"file":"SharedCalculatedPropertyForms.js","sourceRoot":"","sources":["../../../../../src/components/Properties/CalculatedProperties/SharedCalculatedPropertyForms.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAanE,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAC5C,YAAY,EACZ,eAAe,EACf,IAAI,EACJ,OAAO,EACP,SAAS,EACT,YAAY,EACZ,oBAAoB,GACe,EAAE,EAAE;IACvC,MAAM,yCAAyC,GAAG,WAAW,CAAC,GAAG,EAAE;QACjE,MAAM,OAAO,GAA2C,EAAE,CAAC;QAE3D,MAAM,aAAa,GAAG,sBAA8D,CAAC;QAErF,KAAK,MAAM,GAAG,IAAI,aAAa,EAAE;YAC/B,IAAI,OAAO,aAAa,CAAC,GAAG,CAAC,KAAK,QAAQ,IAAI,GAAG,KAAK,WAAW,EAAE;gBACjE,mDAAmD;gBACnD,MAAM,KAAK,GAAG,GAAG;qBACd,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC;qBAC1B,IAAI,EAAE;qBACN,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;gBAC1C,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,GAAG,CAA2B,EAAE,KAAK,EAAE,CAAC,CAAC;aAC9E;SACF;QACD,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL;QACE,oBAAC,YAAY,IACX,KAAK,EAAE,YAAY,EACnB,QAAQ,QACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACpC,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;YACnC,CAAC,EACD,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,YAAY,EAAE,iBAAiB,CAAC,EACnE,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,YAAY,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC3F,MAAM,EAAE,GAAG,EAAE;gBACX,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;YACnC,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACpC,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;YACnC,CAAC,GACD;QACF,oBAAC,aAAa,IACZ,KAAK,EAAC,eAAe,EACrB,QAAQ,QACR,OAAO,EAAE,yCAAyC,EAAE,EACpD,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,YAAY,EAC1B,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC,EAChB,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC,GAChB,CACD,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport { CalculatedPropertyType } from \"@itwin/insights-client\";\nimport React, { useCallback } from \"react\";\nimport { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { LabeledInput, LabeledSelect } from \"@itwin/itwinui-react\";\nimport type SimpleReactValidator from \"simple-react-validator\";\n\ninterface SharedCalculatedPropertyFormsProps {\n  propertyName: string;\n  setPropertyName: (value: string) => void;\n  type: CalculatedPropertyType | undefined;\n  setType: (value: CalculatedPropertyType | undefined) => void;\n  validator: SimpleReactValidator;\n  itemRenderer?: (option: SelectOption<string>) => JSX.Element;\n  selectedItemRenderer?: (option: SelectOption<string>) => JSX.Element;\n}\n\nexport const SharedCalculatedPropertyForms = ({\n  propertyName,\n  setPropertyName,\n  type,\n  setType,\n  validator,\n  itemRenderer,\n  selectedItemRenderer,\n}: SharedCalculatedPropertyFormsProps) => {\n  const generateOptionsFromCalculatedPropertyType = useCallback(() => {\n    const options: SelectOption<CalculatedPropertyType>[] = [];\n\n    const indexableEnum = CalculatedPropertyType as unknown as { [key: string]: string };\n\n    for (const key in indexableEnum) {\n      if (typeof indexableEnum[key] === \"string\" && key !== \"Undefined\") {\n        // Generate labels by adding space between capitals\n        const label = key\n          .replace(/([A-Z])/g, \" $1\")\n          .trim()\n          .replace(/^\\w/, (c) => c.toUpperCase());\n        options.push({ value: indexableEnum[key] as CalculatedPropertyType, label });\n      }\n    }\n    return options;\n  }, []);\n\n  return (\n    <>\n      <LabeledInput\n        value={propertyName}\n        required\n        name=\"name\"\n        label=\"Name\"\n        onChange={(event) => {\n          setPropertyName(event.target.value);\n          validator.showMessageFor(\"name\");\n        }}\n        message={validator.message(\"name\", propertyName, NAME_REQUIREMENTS)}\n        status={validator.message(\"name\", propertyName, NAME_REQUIREMENTS) ? \"negative\" : undefined}\n        onBlur={() => {\n          validator.showMessageFor(\"name\");\n        }}\n        onBlurCapture={(event) => {\n          setPropertyName(event.target.value);\n          validator.showMessageFor(\"name\");\n        }}\n      />\n      <LabeledSelect<CalculatedPropertyType>\n        label=\"Quantity Type\"\n        required\n        options={generateOptionsFromCalculatedPropertyType()}\n        value={type}\n        onChange={setType}\n        itemRenderer={itemRenderer}\n        selectedItemRenderer={selectedItemRenderer}\n        onShow={() => {}}\n        onHide={() => {}}\n      />\n    </>\n  );\n};\n"]}
+{"version":3,"file":"SharedCalculatedPropertyForms.js","sourceRoot":"","sources":["../../../../../src/components/Properties/CalculatedProperties/SharedCalculatedPropertyForms.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AASrD,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAC5C,sBAAsB,EACtB,yBAAyB,EACzB,YAAY,EACZ,oBAAoB,GACe,EAAE,EAAE;IACvC,MAAM,yCAAyC,GAAG,WAAW,CAAC,GAAG,EAAE;QACjE,MAAM,OAAO,GAAuD,EAAE,CAAC;QACvE,MAAM,aAAa,GAAG,sBAA8D,CAAC;QAErF,OAAO,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,6BAA6B,EAAC,CAAC,CAAC;QACvE,KAAK,MAAM,GAAG,IAAI,aAAa,EAAE;YAC/B,IAAI,OAAO,aAAa,CAAC,GAAG,CAAC,KAAK,QAAQ,IAAI,GAAG,KAAK,WAAW,EAAE;gBACjE,mDAAmD;gBACnD,MAAM,KAAK,GAAG,GAAG;qBACd,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC;qBAC1B,IAAI,EAAE;qBACN,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;gBAC1C,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,GAAG,CAA2B,EAAE,KAAK,EAAE,CAAC,CAAC;aAC9E;SACF;QACD,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL;QACE,oBAAC,aAAa,IACZ,KAAK,EAAC,0BAA0B,EAChC,OAAO,EAAE,yCAAyC,EAAE,EACpD,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,EAAE,yBAAyB,EACnC,YAAY,EAAE,YAAY,EAC1B,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAG,6BAA6B,EAC3C,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,EACjB,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,GACjB,CACD,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport { CalculatedPropertyType } from \"@itwin/insights-client\";\nimport React, { useCallback } from \"react\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { LabeledSelect } from \"@itwin/itwinui-react\";\n\ninterface SharedCalculatedPropertyFormsProps {\n  calculatedPropertyType: CalculatedPropertyType | undefined;\n  setCalculatedPropertyType: (value: CalculatedPropertyType | undefined) => void;\n  itemRenderer?: (option: SelectOption<string | undefined>) => JSX.Element;\n  selectedItemRenderer?: (option: SelectOption<string | undefined>) => JSX.Element;\n}\n\nexport const SharedCalculatedPropertyForms = ({\n  calculatedPropertyType,\n  setCalculatedPropertyType,\n  itemRenderer,\n  selectedItemRenderer,\n}: SharedCalculatedPropertyFormsProps) => {\n  const generateOptionsFromCalculatedPropertyType = useCallback(() => {\n    const options: SelectOption<CalculatedPropertyType | undefined>[] = [];\n    const indexableEnum = CalculatedPropertyType as unknown as { [key: string]: string };\n    \n    options.push({value: undefined, label: \"No Calculated Property Type\"});\n    for (const key in indexableEnum) {\n      if (typeof indexableEnum[key] === \"string\" && key !== \"Undefined\") {\n        // Generate labels by adding space between capitals\n        const label = key\n          .replace(/([A-Z])/g, \" $1\")\n          .trim()\n          .replace(/^\\w/, (c) => c.toUpperCase());\n        options.push({ value: indexableEnum[key] as CalculatedPropertyType, label });\n      }\n    }\n    return options;\n  }, []);\n\n  return (\n    <>\n      <LabeledSelect<CalculatedPropertyType | undefined>\n        label=\"Calculated Property Type\"\n        options={generateOptionsFromCalculatedPropertyType()}\n        value={calculatedPropertyType}\n        onChange={setCalculatedPropertyType}\n        itemRenderer={itemRenderer}\n        selectedItemRenderer={selectedItemRenderer}\n        placeholder = 'No Calculated Property Type'\n        onShow={() => { }}\n        onHide={() => { }}\n      />\n    </>\n  );\n};\n"]}

package/lib/esm/components/Properties/CustomCalculations/CustomCalculationAction.d.ts

@@ -1,20 +1,19 @@
 /// <reference types="react" />
 import "./CustomCalculationAction.scss";
-import type { Property } from "@itwin/insights-client";
 /**
  * Props for the {@link CustomCalculationAction} component.
- * @public
+ * @internal
  */
 export interface CustomCalculationActionProps {
-    mappingId: string;
-    groupId: string;
-    customCalculation?: Property;
-    onSaveSuccess: () => void;
-    onClickCancel?: () => void;
+    formula?: string;
+    setFormula: (formula: string | undefined) => void;
+    formulaErrorMessage?: string;
+    forceValidation: () => void;
+    disabled?: boolean;
 }
 /**
  * Component to create or update a custom calculation property.
- * @public
+ * @internal
  */
-export declare const CustomCalculationAction: ({ mappingId, groupId, customCalculation, onSaveSuccess, onClickCancel }: CustomCalculationActionProps) => JSX.Element;
+export declare const CustomCalculationAction: ({ formula, setFormula, formulaErrorMessage, forceValidation, disabled }: CustomCalculationActionProps) => JSX.Element;
 //# sourceMappingURL=CustomCalculationAction.d.ts.map