@itwin/grouping-mapping-widget 0.23.1 → 0.24.0

package/lib/cjs/components/Properties/GroupProperties/GroupsPropertiesSelectionModal.scss

@@ -0,0 +1,49 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.gmw-property-selection-container {
+  display: flex;
+  gap: var(--iui-size-xs);
+  width: 45vw;
+  min-width: 100%;
+  height: 75vh;
+
+  .gmw-gutter {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .gmw-selected-properties {
+    display: flex;
+    flex-direction: column;
+    gap: var(--iui-size-s);
+    padding: var(--iui-size-s) var(--iui-size-m);
+  }
+
+  .gmw-available-properties {
+    display: flex;
+    flex-direction: column;
+    gap: var(--iui-size-s);
+    padding: var(--iui-size-s) var(--iui-size-m);
+    .gmw-available-properties-header {
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: wrap;
+      gap: var(--iui-size-xs);
+      .gmw-available-prop-search {
+        flex: 1 1 80px;
+        min-width: 80px;
+        max-width: 300px;
+      }
+    }
+  }
+}
+
+.gmw-gutter-drag-icon {
+  justify-content: center;
+  cursor: col-resize;
+}

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

@@ -31,30 +31,26 @@ exports.PropertyMenu = void 0;
 const react_1 = __importStar(require("react"));
 require("./PropertyMenu.scss");
 const GroupPropertyTable_1 = require("./GroupProperties/GroupPropertyTable");
-const useFetchData_1 = require("./hooks/useFetchData");
 const MappingClientContext_1 = require("../context/MappingClientContext");
 const GroupingApiConfigContext_1 = require("../context/GroupingApiConfigContext");
-const PropertiesContext_1 = require("../context/PropertiesContext");
 const CalculatedPropertyTable_1 = require("./CalculatedProperties/CalculatedPropertyTable");
 const CustomCalculationTable_1 = require("./CustomCalculations/CustomCalculationTable");
+const useGroupPropertiesQuery_1 = require("./hooks/useGroupPropertiesQuery");
+const useCalculatedPropertiesQuery_1 = require("./hooks/useCalculatedPropertiesQuery");
+const useCustomCalculationsQuery_1 = require("./hooks/useCustomCalculationsQuery");
+const react_query_1 = require("@tanstack/react-query");
 const PropertyMenu = ({ mapping, group, onClickAddGroupProperty, onClickModifyGroupProperty, onClickAddCalculatedProperty, onClickModifyCalculatedProperty, onClickAddCustomCalculationProperty, onClickModifyCustomCalculation, hideGroupProps = false, hideCalculatedProps = false, hideCustomCalculationProps = false, }) => {
     const groupId = group.id;
     const mappingId = mapping.id;
     const { getAccessToken, iModelId } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
     const mappingClient = (0, MappingClientContext_1.useMappingClient)();
-    const { groupProperties, setGroupProperties, calculatedProperties, setCalculatedProperties, customCalculationProperties, setCustomCalculationProperties, } = (0, PropertiesContext_1.usePropertiesContext)();
-    const fetchGroupProperties = (0, react_1.useMemo)(() => {
-        return async () => mappingClient.getGroupProperties(await getAccessToken(), iModelId, mappingId, groupId);
-    }, [getAccessToken, mappingClient, iModelId, mappingId, groupId]);
-    const { isLoading: isLoadingGroupProperties, refreshData: refreshGroupProperties } = (0, useFetchData_1.useCombinedFetchRefresh)(fetchGroupProperties, setGroupProperties);
-    const fetchCalculatedProperties = (0, react_1.useMemo)(() => {
-        return async () => mappingClient.getCalculatedProperties(await getAccessToken(), iModelId, mappingId, groupId);
-    }, [getAccessToken, mappingClient, iModelId, mappingId, groupId]);
-    const { isLoading: isLoadingCalculatedProperties, refreshData: refreshCalculatedProperties } = (0, useFetchData_1.useCombinedFetchRefresh)(fetchCalculatedProperties, setCalculatedProperties);
-    const fetchCustomCalculations = (0, react_1.useMemo)(() => {
-        return async () => mappingClient.getCustomCalculations(await getAccessToken(), iModelId, mappingId, groupId);
-    }, [getAccessToken, mappingClient, iModelId, mappingId, groupId]);
-    const { isLoading: isLoadingCustomCalculations, refreshData: refreshCustomCalculations } = (0, useFetchData_1.useCombinedFetchRefresh)(fetchCustomCalculations, setCustomCalculationProperties);
+    const queryClient = (0, react_query_1.useQueryClient)();
+    const { data: groupProperties, isFetching: isLoadingGroupProperties } = (0, useGroupPropertiesQuery_1.useGroupPropertiesQuery)(iModelId, mappingId, groupId, getAccessToken, mappingClient);
+    const { data: calculatedProperties, isFetching: isLoadingCalculatedProperties } = (0, useCalculatedPropertiesQuery_1.useCalculatedPropertiesQuery)(iModelId, mappingId, groupId, getAccessToken, mappingClient);
+    const { data: customCalculationProperties, isFetching: isLoadingCustomCalculations } = (0, useCustomCalculationsQuery_1.useCustomCalculationsQuery)(iModelId, mappingId, groupId, getAccessToken, mappingClient);
+    const refreshGroupProperties = (0, react_1.useCallback)(async () => queryClient.invalidateQueries({ queryKey: ["groupProperties", iModelId, mappingId, group.id] }), [group.id, iModelId, mappingId, queryClient]);
+    const refreshCalculatedProperties = (0, react_1.useCallback)(async () => queryClient.invalidateQueries({ queryKey: ["calculatedProperties", iModelId, mappingId, group.id] }), [group.id, iModelId, mappingId, queryClient]);
+    const refreshCustomCalculations = (0, react_1.useCallback)(async () => queryClient.invalidateQueries({ queryKey: ["customCalculations", iModelId, mappingId, group.id] }), [group.id, iModelId, mappingId, queryClient]);
     return (react_1.default.createElement("div", { className: 'gmw-property-menu-wrapper' },
         !hideGroupProps && (react_1.default.createElement(GroupPropertyTable_1.GroupPropertyTable, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddGroupProperty, onClickModify: onClickModifyGroupProperty, isLoading: isLoadingGroupProperties, groupProperties: groupProperties ?? [], refresh: refreshGroupProperties })),
         !hideCalculatedProps && (react_1.default.createElement(CalculatedPropertyTable_1.CalculatedPropertyTable, { mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddCalculatedProperty, onClickModify: onClickModifyCalculatedProperty, isLoading: isLoadingCalculatedProperties, calculatedProperties: calculatedProperties ?? [], refresh: refreshCalculatedProperties })),

package/lib/cjs/components/Properties/PropertyMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyMenu.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React, { useMemo } from \"react\";\nimport \"./PropertyMenu.scss\";\nimport { GroupPropertyTable } from \"./GroupProperties/GroupPropertyTable\";\nimport { useCombinedFetchRefresh } from \"./hooks/useFetchData\";\nimport { useMappingClient } from \"../context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport type { CalculatedProperty, CustomCalculation, Group, GroupProperty, Mapping } from \"@itwin/insights-client\";\nimport { usePropertiesContext } from \"../context/PropertiesContext\";\nimport { CalculatedPropertyTable } from \"./CalculatedProperties/CalculatedPropertyTable\";\nimport { CustomCalculationTable } from \"./CustomCalculations/CustomCalculationTable\";\n\nexport interface PropertyMenuProps {\n  mapping: Mapping;\n  group: Group;\n  onClickAddGroupProperty?: () => void;\n  onClickModifyGroupProperty?: (groupProperty: GroupProperty) => void;\n  onClickAddCalculatedProperty?: () => void;\n  onClickModifyCalculatedProperty?: (calculatedProperty: CalculatedProperty) => void;\n  onClickAddCustomCalculationProperty?: () => void;\n  onClickModifyCustomCalculation?: (customCalculation: CustomCalculation) => void;\n  hideGroupProps?: boolean;\n  hideCalculatedProps?: boolean;\n  hideCustomCalculationProps?: boolean;\n}\n\nexport const PropertyMenu = ({\n  mapping,\n  group,\n  onClickAddGroupProperty,\n  onClickModifyGroupProperty,\n  onClickAddCalculatedProperty,\n  onClickModifyCalculatedProperty,\n  onClickAddCustomCalculationProperty,\n  onClickModifyCustomCalculation,\n  hideGroupProps = false,\n  hideCalculatedProps = false,\n  hideCustomCalculationProps = false,\n}: PropertyMenuProps) => {\n  const groupId = group.id;\n  const mappingId = mapping.id;\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const {\n    groupProperties,\n    setGroupProperties,\n    calculatedProperties,\n    setCalculatedProperties,\n    customCalculationProperties,\n    setCustomCalculationProperties,\n  } = usePropertiesContext();\n\n  const fetchGroupProperties = useMemo(\n    () => {\n      return async () => mappingClient.getGroupProperties(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingGroupProperties, refreshData: refreshGroupProperties } =\n    useCombinedFetchRefresh<GroupProperty>(fetchGroupProperties, setGroupProperties);\n\n  const fetchCalculatedProperties = useMemo(\n    () => {\n      return async () => mappingClient.getCalculatedProperties(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCalculatedProperties, refreshData: refreshCalculatedProperties } =\n    useCombinedFetchRefresh<CalculatedProperty>(fetchCalculatedProperties, setCalculatedProperties);\n\n  const fetchCustomCalculations = useMemo(\n    () => {\n      return async () => mappingClient.getCustomCalculations(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCustomCalculations, refreshData: refreshCustomCalculations } =\n    useCombinedFetchRefresh<CustomCalculation>(fetchCustomCalculations, setCustomCalculationProperties);\n\n  return (\n    <div className='gmw-property-menu-wrapper'>\n      {!hideGroupProps && (\n        <GroupPropertyTable\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={groupId}\n          onClickAdd={onClickAddGroupProperty}\n          onClickModify={onClickModifyGroupProperty}\n          isLoading={isLoadingGroupProperties}\n          groupProperties={groupProperties ?? []}\n          refresh={refreshGroupProperties}\n        />\n      )}\n      {!hideCalculatedProps && (\n        <CalculatedPropertyTable\n          mappingId={mappingId}\n          groupId={groupId}\n          onClickAdd={onClickAddCalculatedProperty}\n          onClickModify={onClickModifyCalculatedProperty}\n          isLoading={isLoadingCalculatedProperties}\n          calculatedProperties={calculatedProperties ?? []}\n          refresh={refreshCalculatedProperties}\n        />\n      )}\n      {!hideCustomCalculationProps && (\n        <CustomCalculationTable\n          mappingId={mappingId}\n          groupId={groupId}\n          onClickAdd={onClickAddCustomCalculationProperty}\n          onClickModify={onClickModifyCustomCalculation}\n          isLoading={isLoadingCustomCalculations}\n          customCalculations={customCalculationProperties ?? []}\n          refresh={refreshCustomCalculations}\n        />\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"PropertyMenu.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React, { useCallback } from \"react\";\nimport \"./PropertyMenu.scss\";\nimport { GroupPropertyTable } from \"./GroupProperties/GroupPropertyTable\";\nimport { useMappingClient } from \"../context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport type { CalculatedProperty, CustomCalculation, Group, GroupProperty, Mapping } from \"@itwin/insights-client\";\nimport { CalculatedPropertyTable } from \"./CalculatedProperties/CalculatedPropertyTable\";\nimport { CustomCalculationTable } from \"./CustomCalculations/CustomCalculationTable\";\nimport { useGroupPropertiesQuery } from \"./hooks/useGroupPropertiesQuery\";\nimport { useCalculatedPropertiesQuery } from \"./hooks/useCalculatedPropertiesQuery\";\nimport { useCustomCalculationsQuery } from \"./hooks/useCustomCalculationsQuery\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nexport interface PropertyMenuProps {\n  mapping: Mapping;\n  group: Group;\n  onClickAddGroupProperty?: () => void;\n  onClickModifyGroupProperty?: (groupProperty: GroupProperty) => void;\n  onClickAddCalculatedProperty?: () => void;\n  onClickModifyCalculatedProperty?: (calculatedProperty: CalculatedProperty) => void;\n  onClickAddCustomCalculationProperty?: () => void;\n  onClickModifyCustomCalculation?: (customCalculation: CustomCalculation) => void;\n  hideGroupProps?: boolean;\n  hideCalculatedProps?: boolean;\n  hideCustomCalculationProps?: boolean;\n}\n\nexport const PropertyMenu = ({\n  mapping,\n  group,\n  onClickAddGroupProperty,\n  onClickModifyGroupProperty,\n  onClickAddCalculatedProperty,\n  onClickModifyCalculatedProperty,\n  onClickAddCustomCalculationProperty,\n  onClickModifyCustomCalculation,\n  hideGroupProps = false,\n  hideCalculatedProps = false,\n  hideCustomCalculationProps = false,\n}: PropertyMenuProps) => {\n  const groupId = group.id;\n  const mappingId = mapping.id;\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const queryClient = useQueryClient();\n\n  const { data: groupProperties, isFetching: isLoadingGroupProperties } = useGroupPropertiesQuery(iModelId, mappingId, groupId, getAccessToken, mappingClient);\n  const { data: calculatedProperties, isFetching: isLoadingCalculatedProperties } = useCalculatedPropertiesQuery(iModelId, mappingId, groupId, getAccessToken, mappingClient);\n  const { data: customCalculationProperties, isFetching: isLoadingCustomCalculations } = useCustomCalculationsQuery(iModelId, mappingId, groupId, getAccessToken, mappingClient);\n\n  const refreshGroupProperties = useCallback(async () => queryClient.invalidateQueries({ queryKey: [\"groupProperties\", iModelId, mappingId, group.id] }), [group.id, iModelId, mappingId, queryClient]);\n  const refreshCalculatedProperties = useCallback(async () => queryClient.invalidateQueries({ queryKey: [\"calculatedProperties\", iModelId, mappingId, group.id] }), [group.id, iModelId, mappingId, queryClient]);\n  const refreshCustomCalculations = useCallback(async () => queryClient.invalidateQueries({ queryKey: [\"customCalculations\", iModelId, mappingId, group.id] }), [group.id, iModelId, mappingId, queryClient]);\n\n  return (\n    <div className='gmw-property-menu-wrapper'>\n      {!hideGroupProps && (\n        <GroupPropertyTable\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={groupId}\n          onClickAdd={onClickAddGroupProperty}\n          onClickModify={onClickModifyGroupProperty}\n          isLoading={isLoadingGroupProperties}\n          groupProperties={groupProperties ?? []}\n          refresh={refreshGroupProperties}\n        />\n      )}\n      {!hideCalculatedProps && (\n        <CalculatedPropertyTable\n          mappingId={mappingId}\n          groupId={groupId}\n          onClickAdd={onClickAddCalculatedProperty}\n          onClickModify={onClickModifyCalculatedProperty}\n          isLoading={isLoadingCalculatedProperties}\n          calculatedProperties={calculatedProperties ?? []}\n          refresh={refreshCalculatedProperties}\n        />\n      )}\n      {!hideCustomCalculationProps && (\n        <CustomCalculationTable\n          mappingId={mappingId}\n          groupId={groupId}\n          onClickAdd={onClickAddCustomCalculationProperty}\n          onClickModify={onClickModifyCustomCalculation}\n          isLoading={isLoadingCustomCalculations}\n          customCalculations={customCalculationProperties ?? []}\n          refresh={refreshCustomCalculations}\n        />\n      )}\n    </div>\n  );\n};\n"]}

package/lib/cjs/components/Properties/PropertyTable.js

@@ -52,7 +52,7 @@ const PropertyTable = ({ propertyType, columnsFactory, data, isLoading, onClickA
         react_1.default.createElement(PropertyTableToolbar_1.PropertyTableToolbar, { propertyType: propertyType, onClickAddProperty: onClickAdd, refreshProperties: refreshProperties, isLoading: isLoading }),
         react_1.default.createElement(itwinui_react_1.Table, { data: isLoading ? [] : data, density: 'extra-condensed', columns: memoizedColumns, emptyTableContent: `No ${propertyType} Properties`, isSortable: true, isLoading: isLoading }),
         showDeleteModal &&
-            react_1.default.createElement(DeleteModal_1.default, { entityName: showDeleteModal.propertyName, onClose: handleCloseDeleteModal, onDelete: handleDeleteProperty, refresh: refreshProperties })));
+            react_1.default.createElement(DeleteModal_1.default, { entityName: showDeleteModal.propertyName, onClose: handleCloseDeleteModal, onDelete: handleDeleteProperty })));
 };
 exports.PropertyTable = PropertyTable;
 //# sourceMappingURL=PropertyTable.js.map

package/lib/cjs/components/Properties/PropertyTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyTable.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,wDAA6C;AAC7C,+CAA8D;AAG9D,kFAA0D;AAC1D,iEAA8D;AAC9D,gCAA8B;AAiBvB,MAAM,aAAa,GAAG,CAA8B,EACzD,YAAY,EACZ,cAAc,EACd,IAAI,EACJ,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,cAAc,GACQ,EAAE,EAAE;IAE1B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAgB,SAAS,CAAC,CAAC;IAEjF,MAAM,oBAAoB,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QAClD,MAAM,cAAc,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC,CAAC;IAE1C,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EAAC,CAAC,QAAW,EAAE,EAAE;QACxD,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CACnC,cAAc,CAAC,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAElF,OAAO,CACL,uCAAK,SAAS,EAAC,8BAA8B;QAC3C,8BAAC,2CAAoB,IACnB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,UAAU,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,GACpB;QACF,8BAAC,qBAAK,IACJ,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAC3B,OAAO,EAAC,iBAAiB,EACzB,OAAO,EAAE,eAAe,EACxB,iBAAiB,EAAE,MAAM,YAAY,aAAa,EAClD,UAAU,QACV,SAAS,EAAE,SAAS,GACpB;QACD,eAAe;YACd,8BAAC,qBAAW,IACV,UAAU,EAAE,eAAe,CAAC,YAAY,EACxC,OAAO,EAAE,sBAAsB,EAC/B,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,EAAE,iBAAiB,GAC1B,CACA,CACP,CAAC;AACJ,CAAC,CAAC;AApDW,QAAA,aAAa,iBAoDxB","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 { Table } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport type { Column } from \"react-table\";\nimport type { CreateTypeFromInterface } from \"../../common/utils\";\nimport DeleteModal from \"../SharedComponents/DeleteModal\";\nimport { PropertyTableToolbar } from \"./PropertyTableToolbar\";\nimport \"./PropertyTable.scss\";\n\nexport interface PropertyTableItem {\n  propertyName: string;\n  id: string;\n}\n\nexport interface PropertyTableProps<T extends PropertyTableItem> {\n  propertyType: string;\n  columnsFactory: (handleShowDeleteModal: (value: T) => void) => Array<Column<T>>;\n  data: T[];\n  isLoading: boolean;\n  onClickAdd?: () => void;\n  refreshProperties: () => Promise<void>;\n  deleteProperty: (propertyId: string) => Promise<void>;\n}\n\nexport const PropertyTable = <T extends PropertyTableItem>({\n  propertyType,\n  columnsFactory,\n  data,\n  isLoading,\n  onClickAdd,\n  refreshProperties,\n  deleteProperty,\n}: PropertyTableProps<T>) => {\n\n  const [showDeleteModal, setShowDeleteModal] = useState<T | undefined>(undefined);\n\n  const handleDeleteProperty = useCallback(async () => {\n    await deleteProperty(showDeleteModal?.id ?? \"\");\n  }, [deleteProperty, showDeleteModal?.id]);\n\n  const handleShowDeleteModal = useCallback((property: T) => {\n    setShowDeleteModal(property);\n  }, []);\n\n  const handleCloseDeleteModal = () => {\n    setShowDeleteModal(undefined);\n  };\n\n  const memoizedColumns = useMemo(() =>\n    columnsFactory(handleShowDeleteModal), [columnsFactory, handleShowDeleteModal]);\n\n  return (\n    <div className=\"gmw-property-table-container\">\n      <PropertyTableToolbar\n        propertyType={propertyType}\n        onClickAddProperty={onClickAdd}\n        refreshProperties={refreshProperties}\n        isLoading={isLoading}\n      />\n      <Table<CreateTypeFromInterface<T>>\n        data={isLoading ? [] : data}\n        density='extra-condensed'\n        columns={memoizedColumns}\n        emptyTableContent={`No ${propertyType} Properties`}\n        isSortable\n        isLoading={isLoading}\n      />\n      {showDeleteModal &&\n        <DeleteModal\n          entityName={showDeleteModal.propertyName}\n          onClose={handleCloseDeleteModal}\n          onDelete={handleDeleteProperty}\n          refresh={refreshProperties}\n        />}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"PropertyTable.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,wDAA6C;AAC7C,+CAA8D;AAG9D,kFAA0D;AAC1D,iEAA8D;AAC9D,gCAA8B;AAiBvB,MAAM,aAAa,GAAG,CAA8B,EACzD,YAAY,EACZ,cAAc,EACd,IAAI,EACJ,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,cAAc,GACQ,EAAE,EAAE;IAE1B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAgB,SAAS,CAAC,CAAC;IAEjF,MAAM,oBAAoB,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QAClD,MAAM,cAAc,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC,CAAC;IAE1C,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EAAC,CAAC,QAAW,EAAE,EAAE;QACxD,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CACnC,cAAc,CAAC,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAElF,OAAO,CACL,uCAAK,SAAS,EAAC,8BAA8B;QAC3C,8BAAC,2CAAoB,IACnB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,UAAU,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,GACpB;QACF,8BAAC,qBAAK,IACJ,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAC3B,OAAO,EAAC,iBAAiB,EACzB,OAAO,EAAE,eAAe,EACxB,iBAAiB,EAAE,MAAM,YAAY,aAAa,EAClD,UAAU,QACV,SAAS,EAAE,SAAS,GACpB;QACD,eAAe;YACd,8BAAC,qBAAW,IACV,UAAU,EAAE,eAAe,CAAC,YAAY,EACxC,OAAO,EAAE,sBAAsB,EAC/B,QAAQ,EAAE,oBAAoB,GAC9B,CACA,CACP,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,aAAa,iBAmDxB","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 { Table } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport type { Column } from \"react-table\";\nimport type { CreateTypeFromInterface } from \"../../common/utils\";\nimport DeleteModal from \"../SharedComponents/DeleteModal\";\nimport { PropertyTableToolbar } from \"./PropertyTableToolbar\";\nimport \"./PropertyTable.scss\";\n\nexport interface PropertyTableItem {\n  propertyName: string;\n  id: string;\n}\n\nexport interface PropertyTableProps<T extends PropertyTableItem> {\n  propertyType: string;\n  columnsFactory: (handleShowDeleteModal: (value: T) => void) => Array<Column<T>>;\n  data: T[];\n  isLoading: boolean;\n  onClickAdd?: () => void;\n  refreshProperties: () => Promise<void>;\n  deleteProperty: (propertyId: string) => Promise<void>;\n}\n\nexport const PropertyTable = <T extends PropertyTableItem>({\n  propertyType,\n  columnsFactory,\n  data,\n  isLoading,\n  onClickAdd,\n  refreshProperties,\n  deleteProperty,\n}: PropertyTableProps<T>) => {\n\n  const [showDeleteModal, setShowDeleteModal] = useState<T | undefined>(undefined);\n\n  const handleDeleteProperty = useCallback(async () => {\n    await deleteProperty(showDeleteModal?.id ?? \"\");\n  }, [deleteProperty, showDeleteModal?.id]);\n\n  const handleShowDeleteModal = useCallback((property: T) => {\n    setShowDeleteModal(property);\n  }, []);\n\n  const handleCloseDeleteModal = () => {\n    setShowDeleteModal(undefined);\n  };\n\n  const memoizedColumns = useMemo(() =>\n    columnsFactory(handleShowDeleteModal), [columnsFactory, handleShowDeleteModal]);\n\n  return (\n    <div className=\"gmw-property-table-container\">\n      <PropertyTableToolbar\n        propertyType={propertyType}\n        onClickAddProperty={onClickAdd}\n        refreshProperties={refreshProperties}\n        isLoading={isLoading}\n      />\n      <Table<CreateTypeFromInterface<T>>\n        data={isLoading ? [] : data}\n        density='extra-condensed'\n        columns={memoizedColumns}\n        emptyTableContent={`No ${propertyType} Properties`}\n        isSortable\n        isLoading={isLoading}\n      />\n      {showDeleteModal &&\n        <DeleteModal\n          entityName={showDeleteModal.propertyName}\n          onClose={handleCloseDeleteModal}\n          onDelete={handleDeleteProperty}\n        />}\n    </div>\n  );\n};\n"]}

package/lib/cjs/components/Properties/hooks/useCalculatedPropertiesQuery.d.ts

@@ -0,0 +1,4 @@
+import type { IMappingsClient } from "@itwin/insights-client";
+import type { GetAccessTokenFn } from "../../context/GroupingApiConfigContext";
+export declare const useCalculatedPropertiesQuery: (iModelId: string, mappingId: string, groupId: string, getAccessToken: GetAccessTokenFn, mappingsClient: IMappingsClient) => import("@tanstack/react-query").UseQueryResult<import("@itwin/insights-client").CalculatedProperty[], unknown>;
+//# sourceMappingURL=useCalculatedPropertiesQuery.d.ts.map

package/lib/cjs/components/Properties/hooks/useCalculatedPropertiesQuery.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCalculatedPropertiesQuery = void 0;
+const react_query_1 = require("@tanstack/react-query");
+const useCalculatedPropertiesQuery = (iModelId, mappingId, groupId, getAccessToken, mappingsClient) => {
+    return (0, react_query_1.useQuery)({
+        queryKey: ["calculatedProperties", iModelId, mappingId, groupId],
+        queryFn: async () => mappingsClient.getCalculatedProperties(await getAccessToken(), iModelId, mappingId, groupId),
+    });
+};
+exports.useCalculatedPropertiesQuery = useCalculatedPropertiesQuery;
+//# sourceMappingURL=useCalculatedPropertiesQuery.js.map

package/lib/cjs/components/Properties/hooks/useCalculatedPropertiesQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalculatedPropertiesQuery.js","sourceRoot":"","sources":["../../../../../src/components/Properties/hooks/useCalculatedPropertiesQuery.ts"],"names":[],"mappings":";;;AAKA,uDAAiD;AAG1C,MAAM,4BAA4B,GAAG,CAAC,QAAgB,EAAE,SAAiB,EAAE,OAAe,EAAE,cAAgC,EAAE,cAA+B,EAAE,EAAE;IACtK,OAAO,IAAA,sBAAQ,EAAC;QACd,QAAQ,EAAE,CAAC,sBAAsB,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC;QAChE,OAAO,EAAG,KAAK,IAAI,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,MAAM,cAAc,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC;KACnH,CAAC,CAAC;AACL,CAAC,CAAC;AALW,QAAA,4BAA4B,gCAKvC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { IMappingsClient } from \"@itwin/insights-client\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\n\nexport const useCalculatedPropertiesQuery = (iModelId: string, mappingId: string, groupId: string, getAccessToken: GetAccessTokenFn, mappingsClient: IMappingsClient) => {\n  return useQuery({\n    queryKey: [\"calculatedProperties\", iModelId, mappingId, groupId],\n    queryFn:  async () => mappingsClient.getCalculatedProperties(await getAccessToken(), iModelId, mappingId, groupId),\n  });\n};\n"]}

package/lib/cjs/components/Properties/hooks/useCustomCalculationsQuery.d.ts

@@ -0,0 +1,4 @@
+import type { IMappingsClient } from "@itwin/insights-client";
+import type { GetAccessTokenFn } from "../../context/GroupingApiConfigContext";
+export declare const useCustomCalculationsQuery: (iModelId: string, mappingId: string, groupId: string, getAccessToken: GetAccessTokenFn, mappingsClient: IMappingsClient) => import("@tanstack/react-query").UseQueryResult<import("@itwin/insights-client").CustomCalculation[], unknown>;
+//# sourceMappingURL=useCustomCalculationsQuery.d.ts.map

package/lib/cjs/components/Properties/hooks/useCustomCalculationsQuery.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCustomCalculationsQuery = void 0;
+const react_query_1 = require("@tanstack/react-query");
+const useCustomCalculationsQuery = (iModelId, mappingId, groupId, getAccessToken, mappingsClient) => {
+    return (0, react_query_1.useQuery)({
+        queryKey: ["customCalculations", iModelId, mappingId, groupId],
+        queryFn: async () => mappingsClient.getCustomCalculations(await getAccessToken(), iModelId, mappingId, groupId),
+    });
+};
+exports.useCustomCalculationsQuery = useCustomCalculationsQuery;
+//# sourceMappingURL=useCustomCalculationsQuery.js.map

package/lib/cjs/components/Properties/hooks/useCustomCalculationsQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCustomCalculationsQuery.js","sourceRoot":"","sources":["../../../../../src/components/Properties/hooks/useCustomCalculationsQuery.ts"],"names":[],"mappings":";;;AAKA,uDAAiD;AAG1C,MAAM,0BAA0B,GAAG,CAAC,QAAgB,EAAE,SAAiB,EAAE,OAAe,EAAE,cAAgC,EAAE,cAA+B,EAAE,EAAE;IACpK,OAAO,IAAA,sBAAQ,EAAC;QACd,QAAQ,EAAE,CAAC,oBAAoB,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC;QAC9D,OAAO,EAAG,KAAK,IAAI,EAAE,CAAC,cAAc,CAAC,qBAAqB,CAAC,MAAM,cAAc,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC;KACjH,CAAC,CAAC;AACL,CAAC,CAAC;AALW,QAAA,0BAA0B,8BAKrC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { IMappingsClient } from \"@itwin/insights-client\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\n\nexport const useCustomCalculationsQuery = (iModelId: string, mappingId: string, groupId: string, getAccessToken: GetAccessTokenFn, mappingsClient: IMappingsClient) => {\n  return useQuery({\n    queryKey: [\"customCalculations\", iModelId, mappingId, groupId],\n    queryFn:  async () => mappingsClient.getCustomCalculations(await getAccessToken(), iModelId, mappingId, groupId),\n  });\n};\n"]}

package/lib/cjs/components/Properties/hooks/useGroupPropertiesQuery.d.ts

@@ -0,0 +1,4 @@
+import type { IMappingsClient } from "@itwin/insights-client";
+import type { GetAccessTokenFn } from "../../context/GroupingApiConfigContext";
+export declare const useGroupPropertiesQuery: (iModelId: string, mappingId: string, groupId: string, getAccessToken: GetAccessTokenFn, mappingsClient: IMappingsClient) => import("@tanstack/react-query").UseQueryResult<import("@itwin/insights-client").GroupProperty[], unknown>;
+//# sourceMappingURL=useGroupPropertiesQuery.d.ts.map

package/lib/cjs/components/Properties/hooks/useGroupPropertiesQuery.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGroupPropertiesQuery = void 0;
+const react_query_1 = require("@tanstack/react-query");
+const useGroupPropertiesQuery = (iModelId, mappingId, groupId, getAccessToken, mappingsClient) => {
+    return (0, react_query_1.useQuery)({
+        queryKey: ["groupProperties", iModelId, mappingId, groupId],
+        queryFn: async () => mappingsClient.getGroupProperties(await getAccessToken(), iModelId, mappingId, groupId),
+    });
+};
+exports.useGroupPropertiesQuery = useGroupPropertiesQuery;
+//# sourceMappingURL=useGroupPropertiesQuery.js.map

package/lib/cjs/components/Properties/hooks/useGroupPropertiesQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGroupPropertiesQuery.js","sourceRoot":"","sources":["../../../../../src/components/Properties/hooks/useGroupPropertiesQuery.ts"],"names":[],"mappings":";;;AAKA,uDAAiD;AAG1C,MAAM,uBAAuB,GAAG,CAAC,QAAgB,EAAE,SAAiB,EAAE,OAAe,EAAE,cAAgC,EAAE,cAA+B,EAAE,EAAE;IACjK,OAAO,IAAA,sBAAQ,EAAC;QACd,QAAQ,EAAE,CAAC,iBAAiB,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC;QAC3D,OAAO,EAAG,KAAK,IAAI,EAAE,CAAC,cAAc,CAAC,kBAAkB,CAAC,MAAM,cAAc,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC;KAC9G,CAAC,CAAC;AACL,CAAC,CAAC;AALW,QAAA,uBAAuB,2BAKlC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { IMappingsClient } from \"@itwin/insights-client\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\n\nexport const useGroupPropertiesQuery = (iModelId: string, mappingId: string, groupId: string, getAccessToken: GetAccessTokenFn, mappingsClient: IMappingsClient) => {\n  return useQuery({\n    queryKey: [\"groupProperties\", iModelId, mappingId, groupId],\n    queryFn:  async () => mappingsClient.getGroupProperties(await getAccessToken(), iModelId, mappingId, groupId),\n  });\n};\n"]}

package/lib/cjs/components/SharedComponents/DeleteModal.d.ts

@@ -4,8 +4,7 @@ export interface DeleteModalProps {
     entityName: string;
     onClose: () => void;
     onDelete: () => Promise<void>;
-    refresh?: () => Promise<void>;
 }
-export declare const DeleteModal: ({ entityName, onClose, onDelete, refresh, }: DeleteModalProps) => JSX.Element;
+export declare const DeleteModal: ({ entityName, onClose, onDelete, }: DeleteModalProps) => JSX.Element;
 export default DeleteModal;
 //# sourceMappingURL=DeleteModal.d.ts.map

package/lib/cjs/components/SharedComponents/DeleteModal.js

@@ -33,12 +33,11 @@ const react_query_1 = require("@tanstack/react-query");
 const react_1 = __importStar(require("react"));
 require("./DeleteModal.scss");
 const LoadingSpinner_1 = require("./LoadingSpinner");
-const DeleteModal = ({ entityName, onClose, onDelete, refresh, }) => {
+const DeleteModal = ({ entityName, onClose, onDelete, }) => {
     const [localEntityName] = (0, react_1.useState)(entityName);
     const deleteMutation = (0, react_query_1.useMutation)({
         mutationFn: onDelete,
         onSuccess: async () => {
-            refresh && await refresh();
             onClose();
         },
     });

package/lib/cjs/components/SharedComponents/DeleteModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteModal.js","sourceRoot":"","sources":["../../../../src/components/SharedComponents/DeleteModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,wDAM8B;AAC9B,uDAAoD;AACpD,+CAAqD;AACrD,8BAA4B;AAC5B,qDAAkD;AAS3C,MAAM,WAAW,GAAG,CAAC,EAC1B,UAAU,EACV,OAAO,EACP,QAAQ,EACR,OAAO,GACU,EAAE,EAAE;IACrB,MAAM,CAAC,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,CAAC;IAE/C,MAAM,cAAc,GAAG,IAAA,yBAAW,EAAC;QACjC,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,KAAK,IAAI,EAAE;YACpB,OAAO,IAAI,MAAM,OAAO,EAAE,CAAC;YAC3B,OAAO,EAAE,CAAC;QACZ,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACtC,cAAc,CAAC,MAAM,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL;QACE,8BAAC,qBAAK,IACJ,KAAK,EAAC,SAAS,EACf,WAAW,EAAC,yBAAyB,EACrC,MAAM,EAAE,CAAC,CAAC,eAAe,EACzB,aAAa,EAAE,CAAC,cAAc,CAAC,SAAS,EACxC,OAAO,EAAE,OAAO;YAEhB,uCAAK,SAAS,EAAC,4BAA4B;gBACzC,8BAAC,oBAAI,IAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAC,IAAI,sCAExB;gBACP,8CACG,8BAAC,oCAAoB,IAAC,IAAI,EAAE,GAAG,UAAU,GAAG,GAAI,CAC1C,CACL;YACN,8BAAC,8BAAc;gBACZ,cAAc,CAAC,SAAS;oBACvB,uCAAK,SAAS,EAAC,oBAAoB;wBACjC,8BAAC,+BAAc,OAAG,CACd;gBACR,8BAAC,sBAAM,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,CAAC,SAAS,aAEtF;gBACT,8BAAC,sBAAM,IACL,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,CAAC,SAAS,aAG3B,CACM,CACX,CACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAxDW,QAAA,WAAW,eAwDtB;AAEF,kBAAe,mBAAW,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 {\n  Button,\n  MiddleTextTruncation,\n  Modal,\n  ModalButtonBar,\n  Text,\n} from \"@itwin/itwinui-react\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport React, { useCallback, useState } from \"react\";\nimport \"./DeleteModal.scss\";\nimport { LoadingSpinner } from \"./LoadingSpinner\";\n\nexport interface DeleteModalProps {\n  entityName: string;\n  onClose: () => void;\n  onDelete: () => Promise<void>;\n  refresh?: () => Promise<void>;\n}\n\nexport const DeleteModal = ({\n  entityName,\n  onClose,\n  onDelete,\n  refresh,\n}: DeleteModalProps) => {\n  const [localEntityName] = useState(entityName);\n\n  const deleteMutation = useMutation({\n    mutationFn: onDelete,\n    onSuccess: async () => {\n      refresh && await refresh();\n      onClose();\n    },\n  });\n\n  const deleteCallback = useCallback(() => {\n    deleteMutation.mutate();\n  }, [deleteMutation]);\n\n  return (\n    <>\n      <Modal\n        title='Confirm'\n        modalRootId='grouping-mapping-widget'\n        isOpen={!!localEntityName}\n        isDismissible={!deleteMutation.isLoading}\n        onClose={onClose}\n      >\n        <div className=\"gmw-delete-modal-body-text\">\n          <Text variant=\"leading\" as=\"h3\">\n            Are you sure you want to delete\n          </Text>\n          <strong>\n            {<MiddleTextTruncation text={`${entityName}?`} />}\n          </strong>\n        </div>\n        <ModalButtonBar>\n          {deleteMutation.isLoading &&\n            <div className=\"gmw-loading-delete\">\n              <LoadingSpinner />\n            </div>}\n          <Button styleType='high-visibility' onClick={deleteCallback} disabled={deleteMutation.isLoading}>\n            Delete\n          </Button>\n          <Button\n            styleType='default'\n            onClick={onClose}\n            disabled={deleteMutation.isLoading}\n          >\n            Cancel\n          </Button>\n        </ModalButtonBar>\n      </Modal>\n    </>\n  );\n};\n\nexport default DeleteModal;\n"]}
+{"version":3,"file":"DeleteModal.js","sourceRoot":"","sources":["../../../../src/components/SharedComponents/DeleteModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,wDAM8B;AAC9B,uDAAoD;AACpD,+CAAqD;AACrD,8BAA4B;AAC5B,qDAAkD;AAQ3C,MAAM,WAAW,GAAG,CAAC,EAC1B,UAAU,EACV,OAAO,EACP,QAAQ,GACS,EAAE,EAAE;IACrB,MAAM,CAAC,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,CAAC;IAE/C,MAAM,cAAc,GAAG,IAAA,yBAAW,EAAC;QACjC,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,KAAK,IAAI,EAAE;YACpB,OAAO,EAAE,CAAC;QACZ,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACtC,cAAc,CAAC,MAAM,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL;QACE,8BAAC,qBAAK,IACJ,KAAK,EAAC,SAAS,EACf,WAAW,EAAC,yBAAyB,EACrC,MAAM,EAAE,CAAC,CAAC,eAAe,EACzB,aAAa,EAAE,CAAC,cAAc,CAAC,SAAS,EACxC,OAAO,EAAE,OAAO;YAEhB,uCAAK,SAAS,EAAC,4BAA4B;gBACzC,8BAAC,oBAAI,IAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAC,IAAI,sCAExB;gBACP,8CACG,8BAAC,oCAAoB,IAAC,IAAI,EAAE,GAAG,UAAU,GAAG,GAAI,CAC1C,CACL;YACN,8BAAC,8BAAc;gBACZ,cAAc,CAAC,SAAS;oBACvB,uCAAK,SAAS,EAAC,oBAAoB;wBACjC,8BAAC,+BAAc,OAAG,CACd;gBACR,8BAAC,sBAAM,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,CAAC,SAAS,aAEtF;gBACT,8BAAC,sBAAM,IACL,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,CAAC,SAAS,aAG3B,CACM,CACX,CACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAtDW,QAAA,WAAW,eAsDtB;AAEF,kBAAe,mBAAW,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 {\n  Button,\n  MiddleTextTruncation,\n  Modal,\n  ModalButtonBar,\n  Text,\n} from \"@itwin/itwinui-react\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport React, { useCallback, useState } from \"react\";\nimport \"./DeleteModal.scss\";\nimport { LoadingSpinner } from \"./LoadingSpinner\";\n\nexport interface DeleteModalProps {\n  entityName: string;\n  onClose: () => void;\n  onDelete: () => Promise<void>;\n}\n\nexport const DeleteModal = ({\n  entityName,\n  onClose,\n  onDelete,\n}: DeleteModalProps) => {\n  const [localEntityName] = useState(entityName);\n\n  const deleteMutation = useMutation({\n    mutationFn: onDelete,\n    onSuccess: async () => {\n      onClose();\n    },\n  });\n\n  const deleteCallback = useCallback(() => {\n    deleteMutation.mutate();\n  }, [deleteMutation]);\n\n  return (\n    <>\n      <Modal\n        title='Confirm'\n        modalRootId='grouping-mapping-widget'\n        isOpen={!!localEntityName}\n        isDismissible={!deleteMutation.isLoading}\n        onClose={onClose}\n      >\n        <div className=\"gmw-delete-modal-body-text\">\n          <Text variant=\"leading\" as=\"h3\">\n            Are you sure you want to delete\n          </Text>\n          <strong>\n            {<MiddleTextTruncation text={`${entityName}?`} />}\n          </strong>\n        </div>\n        <ModalButtonBar>\n          {deleteMutation.isLoading &&\n            <div className=\"gmw-loading-delete\">\n              <LoadingSpinner />\n            </div>}\n          <Button styleType='high-visibility' onClick={deleteCallback} disabled={deleteMutation.isLoading}>\n            Delete\n          </Button>\n          <Button\n            styleType='default'\n            onClick={onClose}\n            disabled={deleteMutation.isLoading}\n          >\n            Cancel\n          </Button>\n        </ModalButtonBar>\n      </Modal>\n    </>\n  );\n};\n\nexport default DeleteModal;\n"]}

package/lib/cjs/components/context/ExtractionStateJobContext.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface ExtractionStatusJob {
+    mappingIdJobInfo: Map<string, string>;
+    setMappingIdJobInfo: (mappingIdJobInfo: Map<string, string> | ((mappingIdJobInfo: Map<string, string>) => Map<string, string>)) => void;
+}
+export declare const ExtractionStatusJobContext: React.Context<ExtractionStatusJob>;
+export declare const useExtractionStateJobContext: () => ExtractionStatusJob;
+//# sourceMappingURL=ExtractionStateJobContext.d.ts.map

package/lib/cjs/components/context/ExtractionStateJobContext.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExtractionStateJobContext = exports.ExtractionStatusJobContext = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const React = __importStar(require("react"));
+exports.ExtractionStatusJobContext = React.createContext({
+    mappingIdJobInfo: new Map(),
+    setMappingIdJobInfo: () => { },
+});
+const useExtractionStateJobContext = () => {
+    const context = React.useContext(exports.ExtractionStatusJobContext);
+    if (!context) {
+        throw new Error("useExtractionStateJobContext should be used within a ExtractionStatusJobContext provider");
+    }
+    return context;
+};
+exports.useExtractionStateJobContext = useExtractionStateJobContext;
+//# sourceMappingURL=ExtractionStateJobContext.js.map

package/lib/cjs/components/context/ExtractionStateJobContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtractionStateJobContext.js","sourceRoot":"","sources":["../../../../src/components/context/ExtractionStateJobContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAOlB,QAAA,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAsB;IACjF,gBAAgB,EAAE,IAAI,GAAG,EAAE;IAC3B,mBAAmB,EAAE,GAAG,EAAE,GAAG,CAAC;CAC/B,CAAC,CAAC;AAEI,MAAM,4BAA4B,GAAG,GAAwB,EAAE;IACpE,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,kCAA0B,CAAC,CAAC;IAC7D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,0FAA0F,CAC3F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,4BAA4B,gCAQvC","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 * as React from \"react\";\n\nexport interface ExtractionStatusJob {\n  mappingIdJobInfo: Map<string, string>; // key: mappingId, value: jobId\n  setMappingIdJobInfo: (mappingIdJobInfo: Map<string, string> | ((mappingIdJobInfo: Map<string, string>) => Map<string, string>)) => void;\n}\n\nexport const ExtractionStatusJobContext = React.createContext<ExtractionStatusJob>({\n  mappingIdJobInfo: new Map(),\n  setMappingIdJobInfo: () => { },\n});\n\nexport const useExtractionStateJobContext = (): ExtractionStatusJob => {\n  const context = React.useContext(ExtractionStatusJobContext);\n  if (!context) {\n    throw new Error(\n      \"useExtractionStateJobContext should be used within a ExtractionStatusJobContext provider\"\n    );\n  }\n  return context;\n};\n"]}

package/lib/cjs/components/context/PropertiesGroupColorContext.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface PropertiesGroupColor {
+    showGroupColor: boolean;
+    setShowGroupColor: (showGroupColor: boolean | ((showGroupColor: boolean) => boolean)) => void;
+}
+export declare const PropertiesGroupColorContext: React.Context<PropertiesGroupColor>;
+export declare const usePropertiesGroupColorContext: () => PropertiesGroupColor;
+//# sourceMappingURL=PropertiesGroupColorContext.d.ts.map

package/lib/cjs/components/context/{PropertiesContext.js → PropertiesGroupColorContext.js}

@@ -23,25 +23,22 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePropertiesContext = exports.PropertiesContext = void 0;
+exports.usePropertiesGroupColorContext = exports.PropertiesGroupColorContext = void 0;
 /*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-exports.PropertiesContext = React.createContext({
+exports.PropertiesGroupColorContext = React.createContext({
     showGroupColor: false,
-    setGroupProperties: () => { },
-    setCalculatedProperties: () => { },
-    setCustomCalculationProperties: () => { },
     setShowGroupColor: () => { },
 });
-const usePropertiesContext = () => {
-    const context = React.useContext(exports.PropertiesContext);
+const usePropertiesGroupColorContext = () => {
+    const context = React.useContext(exports.PropertiesGroupColorContext);
     if (!context) {
-        throw new Error("usePropertiesContext should be used within a PropertiesContext provider");
+        throw new Error("usePropertiesGroupColorContext should be used within a PropertiesGroupColorContext provider");
     }
     return context;
 };
-exports.usePropertiesContext = usePropertiesContext;
-//# sourceMappingURL=PropertiesContext.js.map
+exports.usePropertiesGroupColorContext = usePropertiesGroupColorContext;
+//# sourceMappingURL=PropertiesGroupColorContext.js.map

package/lib/cjs/components/context/PropertiesGroupColorContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertiesGroupColorContext.js","sourceRoot":"","sources":["../../../../src/components/context/PropertiesGroupColorContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAOlB,QAAA,2BAA2B,GAAG,KAAK,CAAC,aAAa,CAAuB;IACnF,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE,GAAG,EAAE,GAAG,CAAC;CAC7B,CAAC,CAAC;AAEI,MAAM,8BAA8B,GAAG,GAAyB,EAAE;IACvE,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,mCAA2B,CAAC,CAAC;IAC9D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,6FAA6F,CAC9F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,8BAA8B,kCAQzC","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 * as React from \"react\";\n\nexport interface PropertiesGroupColor {\n  showGroupColor: boolean;\n  setShowGroupColor: (showGroupColor: boolean | ((showGroupColor: boolean) => boolean)) => void;\n}\n\nexport const PropertiesGroupColorContext = React.createContext<PropertiesGroupColor>({\n  showGroupColor: false,\n  setShowGroupColor: () => { },\n});\n\nexport const usePropertiesGroupColorContext = (): PropertiesGroupColor => {\n  const context = React.useContext(PropertiesGroupColorContext);\n  if (!context) {\n    throw new Error(\n      \"usePropertiesGroupColorContext should be used within a PropertiesGroupColorContext provider\"\n    );\n  }\n  return context;\n};\n"]}

package/lib/esm/WidgetShell/GroupingMappingContent.js

@@ -4,12 +4,12 @@
 *--------------------------------------------------------------------------------------------*/
 import React, { useEffect } from "react";
 import { useGroupHilitedElementsContext } from "../components/context/GroupHilitedElementsContext";
-import { usePropertiesContext } from "../components/context/PropertiesContext";
+import { usePropertiesGroupColorContext } from "../components/context/PropertiesGroupColorContext";
 import { GroupingMappingRouter } from "./Router/GroupingMappingRouter";
 import { clearAll } from "../common/viewerUtils";
 export const GroupingMappingContent = ({ routingHistory, navigateTo, goBack, }) => {
     const { setShowGroupColor, setHiddenGroupsIds } = useGroupHilitedElementsContext();
-    const { setShowGroupColor: setPropertiesShowGroup } = usePropertiesContext();
+    const { setShowGroupColor: setPropertiesShowGroup } = usePropertiesGroupColorContext();
     const currentRoute = routingHistory[routingHistory.length - 1];
     // Clean up group visualization when in mappings
     useEffect(() => {

package/lib/esm/WidgetShell/GroupingMappingContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupingMappingContent.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMappingContent.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,8BAA8B,EAAE,MAAM,mDAAmD,CAAC;AACnG,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAE/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,cAAc,EACd,UAAU,EACV,MAAM,GAKP,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,GAAG,8BAA8B,EAAE,CAAC;IACnF,MAAM,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC7E,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE/D,gDAAgD;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;YAC/B,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,kBAAkB,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;YAC9B,QAAQ,EAAE,CAAC;YACX,2CAA2C;SAC5C;aAAM,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;YACtC,sBAAsB,CAAC,KAAK,CAAC,CAAC;SAC/B;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEpF,OAAO,CACL,oBAAC,qBAAqB,IACpB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,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 React, { useEffect } from \"react\";\nimport { useGroupHilitedElementsContext } from \"../components/context/GroupHilitedElementsContext\";\nimport { usePropertiesContext } from \"../components/context/PropertiesContext\";\nimport type { Route } from \"./GroupingMapping\";\nimport { GroupingMappingRouter } from \"./Router/GroupingMappingRouter\";\nimport { clearAll } from \"../common/viewerUtils\";\n\nexport const GroupingMappingContent = ({\n  routingHistory,\n  navigateTo,\n  goBack,\n}: {\n  routingHistory: Route[];\n  navigateTo: (toRoute: (prev: Route | undefined) => Route) => void;\n  goBack: () => void;\n}) => {\n  const { setShowGroupColor, setHiddenGroupsIds } = useGroupHilitedElementsContext();\n  const { setShowGroupColor: setPropertiesShowGroup } = usePropertiesContext();\n  const currentRoute = routingHistory[routingHistory.length - 1];\n\n  // Clean up group visualization when in mappings\n  useEffect(() => {\n    if (routingHistory.length === 1) {\n      setShowGroupColor(false);\n      setHiddenGroupsIds(new Set());\n      clearAll();\n      // Turn off visualiztion in properties menu\n    } else if (routingHistory.length === 2) {\n      setPropertiesShowGroup(false);\n    }\n  }, [routingHistory, setHiddenGroupsIds, setPropertiesShowGroup, setShowGroupColor]);\n\n  return (\n    <GroupingMappingRouter\n      currentRoute={currentRoute}\n      navigateTo={navigateTo}\n      goBack={goBack}\n    />\n  );\n};\n"]}
+{"version":3,"file":"GroupingMappingContent.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMappingContent.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,8BAA8B,EAAE,MAAM,mDAAmD,CAAC;AACnG,OAAO,EAAE,8BAA8B,EAAE,MAAM,mDAAmD,CAAC;AAEnG,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,cAAc,EACd,UAAU,EACV,MAAM,GAKP,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,GAAG,8BAA8B,EAAE,CAAC;IACnF,MAAM,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,GAAG,8BAA8B,EAAE,CAAC;IACvF,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE/D,gDAAgD;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;YAC/B,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,kBAAkB,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;YAC9B,QAAQ,EAAE,CAAC;YACX,2CAA2C;SAC5C;aAAM,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;YACtC,sBAAsB,CAAC,KAAK,CAAC,CAAC;SAC/B;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEpF,OAAO,CACL,oBAAC,qBAAqB,IACpB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,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 React, { useEffect } from \"react\";\nimport { useGroupHilitedElementsContext } from \"../components/context/GroupHilitedElementsContext\";\nimport { usePropertiesGroupColorContext } from \"../components/context/PropertiesGroupColorContext\";\nimport type { Route } from \"./GroupingMapping\";\nimport { GroupingMappingRouter } from \"./Router/GroupingMappingRouter\";\nimport { clearAll } from \"../common/viewerUtils\";\n\nexport const GroupingMappingContent = ({\n  routingHistory,\n  navigateTo,\n  goBack,\n}: {\n  routingHistory: Route[];\n  navigateTo: (toRoute: (prev: Route | undefined) => Route) => void;\n  goBack: () => void;\n}) => {\n  const { setShowGroupColor, setHiddenGroupsIds } = useGroupHilitedElementsContext();\n  const { setShowGroupColor: setPropertiesShowGroup } = usePropertiesGroupColorContext();\n  const currentRoute = routingHistory[routingHistory.length - 1];\n\n  // Clean up group visualization when in mappings\n  useEffect(() => {\n    if (routingHistory.length === 1) {\n      setShowGroupColor(false);\n      setHiddenGroupsIds(new Set());\n      clearAll();\n      // Turn off visualiztion in properties menu\n    } else if (routingHistory.length === 2) {\n      setPropertiesShowGroup(false);\n    }\n  }, [routingHistory, setHiddenGroupsIds, setPropertiesShowGroup, setShowGroupColor]);\n\n  return (\n    <GroupingMappingRouter\n      currentRoute={currentRoute}\n      navigateTo={navigateTo}\n      goBack={goBack}\n    />\n  );\n};\n"]}

package/lib/esm/components/Constants.d.ts

@@ -1,3 +1,6 @@
+export declare const STATUS_CHECK_INTERVAL = 5000;
+export declare const ANIMATION_DELAY = "3s";
+export declare const ANIMATION_DURATION = "1s";
 export declare enum TErrCodes {
     QUERY_HILITE_FETCH_FAILED = 0
 }

package/lib/esm/components/Constants.js

@@ -2,6 +2,9 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
+export const STATUS_CHECK_INTERVAL = 5000;
+export const ANIMATION_DELAY = "3s";
+export const ANIMATION_DURATION = "1s";
 // Types of error codes that get handled by query cache error handler.
 export var TErrCodes;
 (function (TErrCodes) {

package/lib/esm/components/Constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Constants.js","sourceRoot":"","sources":["../../../src/components/Constants.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F,sEAAsE;AACtE,MAAM,CAAN,IAAY,SAEX;AAFD,WAAY,SAAS;IACnB,mFAAyB,CAAA,CAAC,2DAA2D;AACvF,CAAC,EAFW,SAAS,KAAT,SAAS,QAEpB","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*--------------------------------------------------------------------------------------------*/\n\n// Types of error codes that get handled by query cache error handler.\nexport enum TErrCodes {\n  QUERY_HILITE_FETCH_FAILED // Error code when failing to fetch hilite ids for a group.\n}\n"]}
+{"version":3,"file":"Constants.js","sourceRoot":"","sources":["../../../src/components/Constants.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC;AAC1C,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC;AACpC,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAEvC,sEAAsE;AACtE,MAAM,CAAN,IAAY,SAEX;AAFD,WAAY,SAAS;IACnB,mFAAyB,CAAA,CAAC,2DAA2D;AACvF,CAAC,EAFW,SAAS,KAAT,SAAS,QAEpB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nexport const STATUS_CHECK_INTERVAL = 5000;\nexport const ANIMATION_DELAY = \"3s\";\nexport const ANIMATION_DURATION = \"1s\";\n\n// Types of error codes that get handled by query cache error handler.\nexport enum TErrCodes {\n  QUERY_HILITE_FETCH_FAILED // Error code when failing to fetch hilite ids for a group.\n}\n"]}

package/lib/esm/components/GroupingMappingContext.js

@@ -8,13 +8,14 @@ import { GroupingMappingApiConfigContext } from "./context/GroupingApiConfigCont
 import { createMappingClient, MappingClientContext, } from "./context/MappingClientContext";
 import { createGroupingMappingCustomUI, GroupingMappingCustomUIContext } from "./context/GroupingMappingCustomUIContext";
 import { GroupHilitedElementsContext } from "./context/GroupHilitedElementsContext";
-import { PropertiesContext } from "./context/PropertiesContext";
+import { PropertiesGroupColorContext } from "./context/PropertiesGroupColorContext";
 import { useActiveIModelConnection } from "@itwin/appui-react";
 import { createExtractionClient, ExtractionClientContext } from "./context/ExtractionClientContext";
 import { MutationCache, QueryCache, QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { toaster } from "@itwin/itwinui-react";
 import { getErrorMessage } from "../common/utils";
 import { TErrCodes } from "./Constants";
+import { ExtractionStatusJobContext } from "./context/ExtractionStateJobContext";
 const authorizationClientGetAccessToken = async () => (await IModelApp.authorizationClient?.getAccessToken()) ?? "";
 const defaultQueryClient = new QueryClient({
     defaultOptions: {
@@ -63,9 +64,6 @@ export const GroupingMappingContext = (props) => {
     const [showGroupColor, setShowGroupColor] = useState(false);
     const [propertiesShowGroup, setPropertiesShowGroup] = useState(false);
     const [groups, setGroups] = useState([]);
-    const [groupProperties, setGroupProperties] = useState([]);
-    const [calculatedProperties, setCalculatedProperties] = useState([]);
-    const [customCalculationProperties, setCustomCalculationProperties] = useState([]);
     const [numberOfVisualizedGroups, setNumberOfVisualizedGroups] = useState(0);
     const [isOverlappedColored, setIsOverlappedColored] = useState(false);
     const [currentHilitedGroups, setCurrentHilitedGroups] = useState(1);
@@ -76,6 +74,7 @@ export const GroupingMappingContext = (props) => {
         overlappedElementGroupPairs: [],
     });
     const queryClient = props.queryClient ?? defaultQueryClient;
+    const [mappingIdJobInfo, setMappingIdJobInfo] = useState(new Map());
     useEffect(() => {
         setApiConfig(() => ({
             prefix: props.prefix,
@@ -114,23 +113,22 @@ export const GroupingMappingContext = (props) => {
     const propertiesContextValue = useMemo(() => ({
         showGroupColor: propertiesShowGroup,
         setShowGroupColor: setPropertiesShowGroup,
-        groupProperties,
-        setGroupProperties,
-        calculatedProperties,
-        setCalculatedProperties,
-        customCalculationProperties,
-        setCustomCalculationProperties,
-    }), [calculatedProperties, customCalculationProperties, groupProperties, propertiesShowGroup]);
+    }), [propertiesShowGroup]);
     const customUIContextValue = useMemo(() => ({
         customUIs,
         setCustomUIs,
     }), [customUIs]);
+    const extractionStateJobContextValue = useMemo(() => ({
+        mappingIdJobInfo,
+        setMappingIdJobInfo,
+    }), [mappingIdJobInfo]);
     return (React.createElement(QueryClientProvider, { client: queryClient },
         React.createElement(GroupingMappingApiConfigContext.Provider, { value: apiConfig },
             React.createElement(MappingClientContext.Provider, { value: mappingClient },
                 React.createElement(ExtractionClientContext.Provider, { value: extractionClient },
-                    React.createElement(GroupingMappingCustomUIContext.Provider, { value: customUIContextValue },
-                        React.createElement(GroupHilitedElementsContext.Provider, { value: hilitedElementsContextValue },
-                            React.createElement(PropertiesContext.Provider, { value: propertiesContextValue }, props.children))))))));
+                    React.createElement(ExtractionStatusJobContext.Provider, { value: extractionStateJobContextValue },
+                        React.createElement(GroupingMappingCustomUIContext.Provider, { value: customUIContextValue },
+                            React.createElement(GroupHilitedElementsContext.Provider, { value: hilitedElementsContextValue },
+                                React.createElement(PropertiesGroupColorContext.Provider, { value: propertiesContextValue }, props.children)))))))));
 };
 //# sourceMappingURL=GroupingMappingContext.js.map