@itwin/grouping-mapping-widget 0.23.1 → 0.24.0

package/lib/cjs/components/Mappings/Extraction/ExtractionMessageModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtractionMessageModal.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Extraction/ExtractionMessageModal.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 { Button, DefaultCell, Icon, Modal, ModalButtonBar, ModalContent, Table, tableFilters, Text } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../../../common/utils\";\nimport \"./ExtractionMessageModal.scss\";\nimport { SvgClock } from \"@itwin/itwinui-icons-react\";\nimport type { CellRendererProps, Column } from \"react-table\";\nimport { StatusIcon } from \"../../SharedComponents/StatusIcon\";\nimport { ExtractionLogCustomFilter } from \"./ExtractionLogCustomFilter\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\nimport { useMappingsOperations } from \"../hooks/useMappingsOperations\";\nimport type { Mapping } from \"@itwin/insights-client\";\nimport { useQueries } from \"@tanstack/react-query\";\nimport { useMemoizedCollectionPick } from \"../../../common/hooks/useMemoizedCollectionPick\";\nimport { fetchGroups } from \"../../Groups/hooks/useFetchGroups\";\n\nexport interface ExtractionMessageData {\n  date: string;\n  category: string;\n  level: string;\n  message: string;\n}\n\nexport interface ExtractionMessageModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  extractionMessageData: ExtractionMessageData[];\n  timestamp: string;\n}\n\nexport const ExtractionMessageModal = ({ isOpen, onClose, extractionMessageData, timestamp }: ExtractionMessageModalProps) => {\n  const [formattedExtractionMessage, setFormattedExtractionMessage] = useState<ExtractionMessageData[] | undefined>(undefined);\n  const groupingMappingApiConfig = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const { mappings, isLoading: isMappingsLoading } = useMappingsOperations({ ...groupingMappingApiConfig, mappingClient });\n  const [formattedTimestamp, setFormattedTimestamp] = useState<string>(\"\");\n\n  const getMappingName = useCallback((mappingId: string, mappings: Mapping[]) => {\n    return mappings.find((mapping) => mapping.id === mappingId)?.mappingName ?? \"\";\n  }, []);\n\n  // Extract groupIds and mappingIds from messages\n  const extractionInfo = useMemo(() => {\n    return extractionMessageData.reduce<{\n      mappingId: string;\n      groupId: string;\n    }[]>((acc, message) => {\n      const splittedMessage = message.message.split(\" \");\n      const mappingId = splittedMessage[splittedMessage.indexOf(\"MappingId:\") + 1]?.match(/^([^,]+),$/)?.[1];\n      const groupId = splittedMessage[splittedMessage.indexOf(\"GroupId:\") + 1]?.match(/^([^,]+).$/)?.[1];\n\n      if (mappingId && groupId) {\n        acc.push({ mappingId, groupId });\n      }\n      return acc;\n    }, []);\n  }, [extractionMessageData]);\n\n  // useQueries to fetch all group names\n  const groupQueriesResults = useQueries({\n    queries: extractionInfo.map(({ mappingId }) => ({\n      queryKey: [\"groups\", mappingId],\n      queryFn: async () => fetchGroups(groupingMappingApiConfig.iModelId, mappingId, groupingMappingApiConfig.getAccessToken, mappingClient),\n    })),\n  });\n\n  // Workaround to get data from useQueries with more stability\n  const pickedResult = useMemoizedCollectionPick(groupQueriesResults, [\"data\", \"error\", \"isLoading\", \"isSuccess\"]);\n\n  useEffect(() => {\n    if (pickedResult.every((query) => query.isSuccess) && mappings) {\n      const formattedMessages = extractionMessageData.map((extractionMessage, index) => {\n        let replacedMessage: string = extractionMessage.message;\n\n        const { mappingId, groupId } = extractionInfo[index];\n        const groupName = pickedResult[index].data!.find((group) => group.id === groupId)?.groupName;\n\n        if (replacedMessage.includes(\"MappingId:\")) {\n          const mappingName = getMappingName(mappingId, mappings);\n          replacedMessage = replacedMessage.replace(/MappingId: [\\w-]+/, `Mapping: ${mappingName}`);\n        }\n\n        if (replacedMessage.includes(\"GroupId:\")) {\n          replacedMessage = replacedMessage.replace(/GroupId: [\\w-]+/, `Group: ${groupName ? groupName : \"<Not Found>\"}`);\n        }\n\n        return { ...extractionMessage, message: replacedMessage };\n      });\n\n      setFormattedExtractionMessage(formattedMessages);\n    }\n  }, [extractionMessageData, mappings, extractionInfo, getMappingName, pickedResult]);\n\n  useEffect(() => {\n    const newDateTime: Date = new Date(timestamp);\n    const options: Intl.DateTimeFormatOptions = {\n      day: \"numeric\", month: \"numeric\", year: \"numeric\",\n      hour: \"2-digit\", minute: \"2-digit\",\n    };\n    setFormattedTimestamp(newDateTime.toLocaleString(undefined, options));\n  }, [timestamp]);\n\n  const translatedLabels = useMemo(() => ({\n    filter: \"Filter\",\n    clear: \"Clear\",\n  }), []);\n\n  const columns = useMemo(\n    (): Column<CreateTypeFromInterface<ExtractionMessageData>>[] => [\n      {\n        id: \"category\",\n        Header: \"Category\",\n        accessor: \"category\",\n        fieldType: \"text\",\n        Filter: ExtractionLogCustomFilter,\n        filter: \"equals\",\n      },\n      {\n        id: \"level\",\n        Header: \"Level\",\n        accessor: \"level\",\n        cellRenderer: ({ cellElementProps, cellProps }: CellRendererProps<CreateTypeFromInterface<ExtractionMessageData>>) => {\n          const level = cellProps.row.original.level;\n          return (\n            <DefaultCell\n              cellElementProps={cellElementProps}\n              cellProps={cellProps}\n              startIcon={\n                level === \"Error\" ? (\n                  <StatusIcon status='error' />\n                ) : level === \"Warning\" ? (\n                  <StatusIcon status='warning' />\n                ) : level === \"Info\" ? (\n                  <StatusIcon status='informational' />\n                ) : <StatusIcon status='trace' />\n              }\n            >\n              {level}\n            </DefaultCell>\n          );\n        },\n        Filter: ExtractionLogCustomFilter,\n        filter: \"equals\",\n      },\n      {\n        id: \"message\",\n        Header: \"Message\",\n        accessor: \"message\",\n        width: \"25vw\",\n        fieldType: \"text\",\n        Filter: tableFilters.TextFilter(translatedLabels),\n      },\n    ],\n    [translatedLabels]\n  );\n  const isLoading = pickedResult.some((query) => query.isLoading) || isMappingsLoading;\n\n  return (\n    <Modal className=\"gmw-message-modal-container\"\n      title=\"Extraction Logs\"\n      isOpen={isOpen}\n      onClose={onClose}\n      closeOnExternalClick={false}\n    >\n      <ModalContent>\n        <div className=\"gmw-timestamp-icon\">\n          <Icon\n            title=\"Extraction Timestamp\"\n            size=\"medium\"\n          >\n            <SvgClock />\n          </Icon>\n          <Text>{formattedTimestamp}</Text>\n        </div>\n        <Table<CreateTypeFromInterface<ExtractionMessageData>>\n          columns={columns}\n          data={formattedExtractionMessage ?? []}\n          emptyTableContent={\"\"}\n          emptyFilteredTableContent=\"No results match filters.\"\n          className=\"gmw-extraction-message-table-container\"\n          isLoading={isLoading}\n        />\n      </ModalContent>\n      <ModalButtonBar>\n        <Button\n          onClick={onClose}\n          styleType=\"high-visibility\"\n        >\n          Close\n        </Button>\n      </ModalButtonBar>\n    </Modal>\n  );\n};\n"]}
+{"version":3,"file":"ExtractionMessageModal.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Extraction/ExtractionMessageModal.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 { Button, DefaultCell, Icon, Modal, ModalButtonBar, ModalContent, Table, tableFilters, Text } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../../../common/utils\";\nimport \"./ExtractionMessageModal.scss\";\nimport { SvgClock } from \"@itwin/itwinui-icons-react\";\nimport type { CellRendererProps, Column } from \"react-table\";\nimport { StatusIcon } from \"../../SharedComponents/StatusIcon\";\nimport { ExtractionLogCustomFilter } from \"./ExtractionLogCustomFilter\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\nimport type { Mapping } from \"@itwin/insights-client\";\nimport { useQueries } from \"@tanstack/react-query\";\nimport { useMemoizedCollectionPick } from \"../../../common/hooks/useMemoizedCollectionPick\";\nimport { fetchGroups } from \"../../Groups/hooks/useFetchGroups\";\nimport { useFetchMappings } from \"../hooks/useFetchMappings\";\n\nexport interface ExtractionMessageData {\n  date: string;\n  category: string;\n  level: string;\n  message: string;\n}\n\nexport interface ExtractionMessageModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  extractionMessageData: ExtractionMessageData[];\n  timestamp: string;\n}\n\nexport const ExtractionMessageModal = ({ isOpen, onClose, extractionMessageData, timestamp }: ExtractionMessageModalProps) => {\n  const [formattedExtractionMessage, setFormattedExtractionMessage] = useState<ExtractionMessageData[] | undefined>(undefined);\n  const groupingMappingApiConfig = useGroupingMappingApiConfig();\n  const { iModelId, getAccessToken } = groupingMappingApiConfig;\n  const mappingClient = useMappingClient();\n  const { data: mappings, isLoading: isMappingsLoading } = useFetchMappings(iModelId, getAccessToken, mappingClient);\n  const [formattedTimestamp, setFormattedTimestamp] = useState<string>(\"\");\n\n  const getMappingName = useCallback((mappingId: string, mappings: Mapping[]) => {\n    return mappings.find((mapping) => mapping.id === mappingId)?.mappingName ?? \"\";\n  }, []);\n\n  const extractionInfo = useMemo(() => {\n    const infoMap = new Map<string, { mappingId: string, groupId: string }>();\n\n    extractionMessageData.forEach((message) => {\n      const splittedMessage = message.message.split(\" \");\n      const mappingId = splittedMessage[splittedMessage.indexOf(\"MappingId:\") + 1]?.match(/^([^,]+),$/)?.[1];\n      const groupId = splittedMessage[splittedMessage.indexOf(\"GroupId:\") + 1]?.match(/^([^,]+).$/)?.[1];\n\n      if (mappingId && groupId) {\n        infoMap.set(message.message, { mappingId, groupId });\n      }\n    });\n\n    return infoMap;\n  }, [extractionMessageData]);\n\n  // useQueries to fetch all group names\n  const groupQueriesResults = useQueries({\n    queries: Array.from(extractionInfo.values()).map(({ mappingId }) => ({\n      queryKey: [\"groups\", mappingId],\n      queryFn: async () => {\n        const groups = await fetchGroups(groupingMappingApiConfig.iModelId, mappingId, groupingMappingApiConfig.getAccessToken, mappingClient);\n        // Return both mappingId and groups in the result\n        return { mappingId, groups };\n      },\n    })),\n  });\n\n  // Workaround to get data from useQueries with more stability\n  const pickedResult = useMemoizedCollectionPick(groupQueriesResults, [\"data\", \"error\", \"isLoading\", \"isSuccess\"]);\n\n  useEffect(() => {\n    if (pickedResult.every((query) => query.isSuccess) && mappings) {\n      const formattedMessages = extractionMessageData.map((extractionMessage) => {\n        let replacedMessage: string = extractionMessage.message;\n\n        const info = extractionInfo.get(extractionMessage.message);\n        if (info) {\n          const { mappingId, groupId } = info;\n\n          const queryResult = pickedResult.find((result) => result.data?.mappingId === mappingId);\n          const groupName = queryResult?.data?.groups?.find((group) => group.id === groupId)?.groupName;\n\n          if (replacedMessage.includes(\"MappingId:\")) {\n            const mappingName = getMappingName(mappingId, mappings);\n            replacedMessage = replacedMessage.replace(/MappingId: [\\w-]+/, `Mapping: ${mappingName}`);\n          }\n\n          if (replacedMessage.includes(\"GroupId:\")) {\n            replacedMessage = replacedMessage.replace(/GroupId: [\\w-]+/, `Group: ${groupName ? groupName : \"<Not Found>\"}`);\n          }\n        }\n\n        return { ...extractionMessage, message: replacedMessage };\n      });\n\n      setFormattedExtractionMessage(formattedMessages);\n    }\n  }, [extractionMessageData, mappings, extractionInfo, getMappingName, pickedResult]);\n\n  useEffect(() => {\n    const newDateTime: Date = new Date(timestamp);\n    const options: Intl.DateTimeFormatOptions = {\n      day: \"numeric\", month: \"numeric\", year: \"numeric\",\n      hour: \"2-digit\", minute: \"2-digit\",\n    };\n    setFormattedTimestamp(newDateTime.toLocaleString(undefined, options));\n  }, [timestamp]);\n\n  const translatedLabels = useMemo(() => ({\n    filter: \"Filter\",\n    clear: \"Clear\",\n  }), []);\n\n  const columns = useMemo(\n    (): Column<CreateTypeFromInterface<ExtractionMessageData>>[] => [\n      {\n        id: \"category\",\n        Header: \"Category\",\n        accessor: \"category\",\n        fieldType: \"text\",\n        Filter: ExtractionLogCustomFilter,\n        filter: \"equals\",\n      },\n      {\n        id: \"level\",\n        Header: \"Level\",\n        accessor: \"level\",\n        cellRenderer: ({ cellElementProps, cellProps }: CellRendererProps<CreateTypeFromInterface<ExtractionMessageData>>) => {\n          const level = cellProps.row.original.level;\n          return (\n            <DefaultCell\n              cellElementProps={cellElementProps}\n              cellProps={cellProps}\n              startIcon={\n                level === \"Error\" ? (\n                  <StatusIcon status='error' />\n                ) : level === \"Warning\" ? (\n                  <StatusIcon status='warning' />\n                ) : level === \"Info\" ? (\n                  <StatusIcon status='informational' />\n                ) : <StatusIcon status='trace' />\n              }\n            >\n              {level}\n            </DefaultCell>\n          );\n        },\n        Filter: ExtractionLogCustomFilter,\n        filter: \"equals\",\n      },\n      {\n        id: \"message\",\n        Header: \"Message\",\n        accessor: \"message\",\n        width: \"25vw\",\n        fieldType: \"text\",\n        Filter: tableFilters.TextFilter(translatedLabels),\n      },\n    ],\n    [translatedLabels]\n  );\n  const isLoading = pickedResult.some((query) => query.isLoading) || isMappingsLoading;\n\n  return (\n    <Modal className=\"gmw-message-modal-container\"\n      title=\"Extraction Logs\"\n      isOpen={isOpen}\n      onClose={onClose}\n      closeOnExternalClick={false}\n    >\n      <ModalContent>\n        <div className=\"gmw-timestamp-icon\">\n          <Icon\n            title=\"Extraction Timestamp\"\n            size=\"medium\"\n          >\n            <SvgClock />\n          </Icon>\n          <Text>{formattedTimestamp}</Text>\n        </div>\n        <Table<CreateTypeFromInterface<ExtractionMessageData>>\n          columns={columns}\n          data={formattedExtractionMessage ?? []}\n          emptyTableContent={\"\"}\n          emptyFilteredTableContent=\"No results match filters.\"\n          className=\"gmw-extraction-message-table-container\"\n          isLoading={isLoading}\n        />\n      </ModalContent>\n      <ModalButtonBar>\n        <Button\n          onClick={onClose}\n          styleType=\"high-visibility\"\n        >\n          Close\n        </Button>\n      </ModalButtonBar>\n    </Modal>\n  );\n};\n"]}

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/QueuedExtractionState.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const QueuedExtractionState: () => JSX.Element;
+//# sourceMappingURL=QueuedExtractionState.d.ts.map

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/QueuedExtractionState.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QueuedExtractionState = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = __importDefault(require("react"));
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const QueuedExtractionState = () => (react_1.default.createElement("div", { title: "Queued", className: "gmw-extraction-status" },
+    react_1.default.createElement("div", { className: "gmw-status-icon" },
+        react_1.default.createElement(itwinui_icons_react_1.SvgStatusPending, null))));
+exports.QueuedExtractionState = QueuedExtractionState;
+//# sourceMappingURL=QueuedExtractionState.js.map

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/QueuedExtractionState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueuedExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/QueuedExtractionState.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,oEAA8D;AAEvD,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,CACzC,uCACE,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uBAAuB;IACjC,uCAAK,SAAS,EAAC,iBAAiB;QAC9B,8BAAC,sCAAgB,OAAG,CAChB,CACF,CACP,CAAC;AARW,QAAA,qBAAqB,yBAQhC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport { SvgStatusPending } from \"@itwin/itwinui-icons-react\";\n\nexport const QueuedExtractionState = () => (\n  <div\n    title=\"Queued\"\n    className=\"gmw-extraction-status\">\n    <div className=\"gmw-status-icon\">\n      <SvgStatusPending />\n    </div>\n  </div>\n);\n"]}

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/RunningExtractionState.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const RunningExtractionState: () => JSX.Element;
+//# sourceMappingURL=RunningExtractionState.d.ts.map

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/RunningExtractionState.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RunningExtractionState = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = __importDefault(require("react"));
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const RunningExtractionState = () => (react_1.default.createElement("div", { title: "Running", className: "gmw-extraction-status-running" },
+    react_1.default.createElement(itwinui_react_1.ProgressRadial, { size: "x-small", indeterminate: true })));
+exports.RunningExtractionState = RunningExtractionState;
+//# sourceMappingURL=RunningExtractionState.js.map

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/RunningExtractionState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunningExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/RunningExtractionState.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,wDAAsD;AAE/C,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,CAC1C,uCACE,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,+BAA+B;IACzC,8BAAC,8BAAc,IAAC,IAAI,EAAC,SAAS,EAAC,aAAa,SAAG,CAC3C,CACP,CAAC;AANW,QAAA,sBAAsB,0BAMjC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport { ProgressRadial } from \"@itwin/itwinui-react\";\n\nexport const RunningExtractionState = () => (\n  <div\n    title=\"Running\"\n    className=\"gmw-extraction-status-running\">\n    <ProgressRadial size=\"x-small\" indeterminate />\n  </div>\n);\n"]}

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/StartingExtractionState.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StartingExtractionState: () => JSX.Element;
+//# sourceMappingURL=StartingExtractionState.d.ts.map

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/StartingExtractionState.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StartingExtractionState = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = __importDefault(require("react"));
+const itwinui_icons_color_react_1 = require("@itwin/itwinui-icons-color-react");
+const StartingExtractionState = () => (react_1.default.createElement("div", { title: "Starting", className: "gmw-extraction-status" },
+    react_1.default.createElement("div", { className: "gmw-status-icon" },
+        react_1.default.createElement(itwinui_icons_color_react_1.SvgStatusPendingHollow, null))));
+exports.StartingExtractionState = StartingExtractionState;
+//# sourceMappingURL=StartingExtractionState.js.map

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/StartingExtractionState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartingExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/StartingExtractionState.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,gFAA0E;AAEnE,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CAC3C,uCACE,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,uBAAuB;IACjC,uCAAK,SAAS,EAAC,iBAAiB;QAC9B,8BAAC,kDAAsB,OAAG,CACtB,CACF,CACP,CAAC;AARW,QAAA,uBAAuB,2BAQlC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport { SvgStatusPendingHollow } from \"@itwin/itwinui-icons-color-react\";\n\nexport const StartingExtractionState = () => (\n  <div\n    title=\"Starting\"\n    className=\"gmw-extraction-status\">\n    <div className=\"gmw-status-icon\">\n      <SvgStatusPendingHollow />\n    </div>\n  </div>\n);\n"]}

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/TerminalExtractionState.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface ExtractionStateProps {
+    status: string;
+    animation: boolean;
+    onAnimationEnd: () => void;
+}
+export declare const TerminalExtractionState: ({ status, animation, onAnimationEnd }: ExtractionStateProps) => JSX.Element;
+export {};
+//# sourceMappingURL=TerminalExtractionState.d.ts.map

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/TerminalExtractionState.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TerminalExtractionState = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = __importDefault(require("react"));
+const itwinui_icons_color_react_1 = require("@itwin/itwinui-icons-color-react");
+const Constants_1 = require("../../../Constants");
+const TerminalExtractionState = ({ status, animation, onAnimationEnd }) => (react_1.default.createElement("div", { title: status, className: "gmw-extraction-status" },
+    react_1.default.createElement("div", { className: `gmw-status-icon`, style: {
+            animationName: animation ? "gmw-fade-out" : "",
+            animationDelay: Constants_1.ANIMATION_DELAY,
+            animationDuration: Constants_1.ANIMATION_DURATION,
+        }, onAnimationEnd: onAnimationEnd }, status === "Succeeded" ? react_1.default.createElement(itwinui_icons_color_react_1.SvgStatusSuccess, null) : react_1.default.createElement(itwinui_icons_color_react_1.SvgStatusError, null))));
+exports.TerminalExtractionState = TerminalExtractionState;
+//# sourceMappingURL=TerminalExtractionState.js.map

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/TerminalExtractionState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/TerminalExtractionState.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,gFAAoF;AACpF,kDAAyE;AAQlE,MAAM,uBAAuB,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAwB,EAAE,EAAE,CAAC,CACtG,uCACE,KAAK,EAAE,MAAM,EACb,SAAS,EAAC,uBAAuB;IACjC,uCACE,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE;YACL,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;YAC9C,cAAc,EAAE,2BAAe;YAC/B,iBAAiB,EAAE,8BAAkB;SACtC,EACD,cAAc,EAAE,cAAc,IAE7B,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,8BAAC,4CAAgB,OAAG,CAAC,CAAC,CAAC,8BAAC,0CAAc,OAAG,CAC/D,CACF,CACP,CAAC;AAhBW,QAAA,uBAAuB,2BAgBlC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport { SvgStatusError, SvgStatusSuccess } from \"@itwin/itwinui-icons-color-react\";\nimport { ANIMATION_DELAY, ANIMATION_DURATION } from \"../../../Constants\";\n\ninterface ExtractionStateProps {\n  status: string;\n  animation: boolean;\n  onAnimationEnd: () => void;\n}\n\nexport const TerminalExtractionState = ({ status, animation, onAnimationEnd }: ExtractionStateProps) => (\n  <div\n    title={status}\n    className=\"gmw-extraction-status\">\n    <div\n      className={`gmw-status-icon`}\n      style={{\n        animationName: animation ? \"gmw-fade-out\" : \"\",\n        animationDelay: ANIMATION_DELAY,\n        animationDuration: ANIMATION_DURATION,\n      }}\n      onAnimationEnd={onAnimationEnd}\n    >\n      {status === \"Succeeded\" ? <SvgStatusSuccess /> : <SvgStatusError />}\n    </div>\n  </div>\n);\n"]}

package/lib/cjs/components/Mappings/Extraction/ExtractionStatus.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import "./ExtractionStatus.scss";
+export declare enum ExtractionStates {
+    None = 0,
+    Starting = 1,
+    Queued = 2,
+    Running = 3,
+    Succeeded = 4,
+    Failed = 5
+}
+interface ExtractionStatusProps {
+    state: ExtractionStates | undefined;
+    clearExtractionState: () => void;
+}
+export declare const ExtractionStatus: ({ state, clearExtractionState, }: ExtractionStatusProps) => JSX.Element | null;
+export {};
+//# sourceMappingURL=ExtractionStatus.d.ts.map

package/lib/cjs/components/Mappings/Extraction/ExtractionStatus.js

@@ -0,0 +1,79 @@
+"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.ExtractionStatus = exports.ExtractionStates = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = require("react");
+const React = __importStar(require("react"));
+const Constants_1 = require("../../Constants");
+const StartingExtractionState_1 = require("./ExtractionStates/StartingExtractionState");
+const QueuedExtractionState_1 = require("./ExtractionStates/QueuedExtractionState");
+const TerminalExtractionState_1 = require("./ExtractionStates/TerminalExtractionState");
+const RunningExtractionState_1 = require("./ExtractionStates/RunningExtractionState");
+require("./ExtractionStatus.scss");
+var ExtractionStates;
+(function (ExtractionStates) {
+    ExtractionStates[ExtractionStates["None"] = 0] = "None";
+    ExtractionStates[ExtractionStates["Starting"] = 1] = "Starting";
+    ExtractionStates[ExtractionStates["Queued"] = 2] = "Queued";
+    ExtractionStates[ExtractionStates["Running"] = 3] = "Running";
+    ExtractionStates[ExtractionStates["Succeeded"] = 4] = "Succeeded";
+    ExtractionStates[ExtractionStates["Failed"] = 5] = "Failed";
+})(ExtractionStates = exports.ExtractionStates || (exports.ExtractionStates = {}));
+const ExtractionStatus = ({ state, clearExtractionState, }) => {
+    const [fadeOut, setFadeOut] = (0, react_1.useState)(false);
+    const onAnimationEnd = () => {
+        clearExtractionState();
+        setFadeOut(false);
+    };
+    (0, react_1.useEffect)(() => {
+        let timer;
+        switch (state) {
+            case ExtractionStates.Succeeded:
+            case ExtractionStates.Failed:
+                timer = window.setTimeout(() => setFadeOut(true), Constants_1.STATUS_CHECK_INTERVAL);
+        }
+        return () => window.clearTimeout(timer);
+    }, [state]);
+    switch (state) {
+        case ExtractionStates.Starting:
+            return (React.createElement(StartingExtractionState_1.StartingExtractionState, null));
+        case ExtractionStates.Queued:
+            return (React.createElement(QueuedExtractionState_1.QueuedExtractionState, null));
+        case ExtractionStates.Running:
+            return (React.createElement(RunningExtractionState_1.RunningExtractionState, null));
+        case ExtractionStates.Succeeded:
+            return (React.createElement(TerminalExtractionState_1.TerminalExtractionState, { status: "Succeeded", animation: fadeOut, onAnimationEnd: onAnimationEnd }));
+        case ExtractionStates.Failed:
+            return (React.createElement(TerminalExtractionState_1.TerminalExtractionState, { status: "Failed", animation: fadeOut, onAnimationEnd: onAnimationEnd }));
+        default:
+            return null;
+    }
+};
+exports.ExtractionStatus = ExtractionStatus;
+//# sourceMappingURL=ExtractionStatus.js.map

package/lib/cjs/components/Mappings/Extraction/ExtractionStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtractionStatus.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Extraction/ExtractionStatus.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,iCAA4C;AAC5C,6CAA+B;AAC/B,+CAAwD;AACxD,wFAAqF;AACrF,oFAAiF;AACjF,wFAAqF;AACrF,sFAAmF;AACnF,mCAAiC;AAEjC,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IAC1B,uDAAI,CAAA;IACJ,+DAAQ,CAAA;IACR,2DAAM,CAAA;IACN,6DAAO,CAAA;IACP,iEAAS,CAAA;IACT,2DAAM,CAAA;AACR,CAAC,EAPW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAO3B;AAOM,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,oBAAoB,GACE,EAAE,EAAE;IAC1B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,oBAAoB,EAAE,CAAC;QACvB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAa,CAAC;QAClB,QAAQ,KAAK,EAAE;YACb,KAAK,gBAAgB,CAAC,SAAS,CAAC;YAChC,KAAK,gBAAgB,CAAC,MAAM;gBAC1B,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,iCAAqB,CAAC,CAAC;SAC5E;QACD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,QAAQ,KAAK,EAAE;QACb,KAAK,gBAAgB,CAAC,QAAQ;YAC5B,OAAO,CAAC,oBAAC,iDAAuB,OAAG,CAAC,CAAC;QACvC,KAAK,gBAAgB,CAAC,MAAM;YAC1B,OAAO,CAAC,oBAAC,6CAAqB,OAAG,CAAC,CAAC;QACrC,KAAK,gBAAgB,CAAC,OAAO;YAC3B,OAAO,CAAC,oBAAC,+CAAsB,OAAG,CAAC,CAAC;QACtC,KAAK,gBAAgB,CAAC,SAAS;YAC7B,OAAO,CAAC,oBAAC,iDAAuB,IAC9B,MAAM,EAAC,WAAW,EAClB,SAAS,EAAE,OAAO,EAClB,cAAc,EAAE,cAAc,GAC9B,CAAC,CAAC;QACN,KAAK,gBAAgB,CAAC,MAAM;YAC1B,OAAO,CAAC,oBAAC,iDAAuB,IAC9B,MAAM,EAAC,QAAQ,EACf,SAAS,EAAE,OAAO,EAClB,cAAc,EAAE,cAAc,GAC9B,CAAC,CAAC;QACN;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AA3CW,QAAA,gBAAgB,oBA2C3B","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { useEffect, useState } from \"react\";\nimport * as React from \"react\";\nimport { STATUS_CHECK_INTERVAL } from \"../../Constants\";\nimport { StartingExtractionState } from \"./ExtractionStates/StartingExtractionState\";\nimport { QueuedExtractionState } from \"./ExtractionStates/QueuedExtractionState\";\nimport { TerminalExtractionState } from \"./ExtractionStates/TerminalExtractionState\";\nimport { RunningExtractionState } from \"./ExtractionStates/RunningExtractionState\";\nimport \"./ExtractionStatus.scss\";\n\nexport enum ExtractionStates {\n  None,\n  Starting,\n  Queued,\n  Running,\n  Succeeded,\n  Failed,\n}\n\ninterface ExtractionStatusProps {\n  state: ExtractionStates | undefined;\n  clearExtractionState: () => void;\n}\n\nexport const ExtractionStatus = ({\n  state,\n  clearExtractionState,\n}: ExtractionStatusProps) => {\n  const [fadeOut, setFadeOut] = useState<boolean>(false);\n\n  const onAnimationEnd = () => {\n    clearExtractionState();\n    setFadeOut(false);\n  };\n\n  useEffect(() => {\n    let timer: number;\n    switch (state) {\n      case ExtractionStates.Succeeded:\n      case ExtractionStates.Failed:\n        timer = window.setTimeout(() => setFadeOut(true), STATUS_CHECK_INTERVAL);\n    }\n    return () => window.clearTimeout(timer);\n  }, [state]);\n\n  switch (state) {\n    case ExtractionStates.Starting:\n      return (<StartingExtractionState />);\n    case ExtractionStates.Queued:\n      return (<QueuedExtractionState />);\n    case ExtractionStates.Running:\n      return (<RunningExtractionState />);\n    case ExtractionStates.Succeeded:\n      return (<TerminalExtractionState\n        status=\"Succeeded\"\n        animation={fadeOut}\n        onAnimationEnd={onAnimationEnd}\n      />);\n    case ExtractionStates.Failed:\n      return (<TerminalExtractionState\n        status=\"Failed\"\n        animation={fadeOut}\n        onAnimationEnd={onAnimationEnd}\n      />);\n    default:\n      return null;\n  }\n};\n"]}

package/lib/cjs/components/Mappings/Extraction/ExtractionStatus.scss

@@ -0,0 +1,40 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.gmw-extraction-status {
+  align-items: center;
+  height: 38px;
+  display: flex;
+
+  .gmw-status-icon {
+    width: var(--iui-size-m);
+    height: var(--iui-size-m);
+    align-items: center;
+    margin: auto calc(var(--iui-size-2xs) * 3);
+    display: flex;
+  }
+}
+
+.gmw-extraction-status-running {
+  align-items: center;
+  height: 38px;
+  display: flex;
+  margin: auto calc(var(--iui-size-2xs) * 3);
+
+  .gmw-status-icon {
+    width: var(--iui-size-m);
+    height: var(--iui-size-m);
+  }
+}
+
+@keyframes gmw-fade-out {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}

package/lib/cjs/components/Mappings/MappingListItem.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { Mapping } from "@itwin/insights-client";
+import type { BeEvent } from "@itwin/core-bentley";
+import "./MappingListItem.scss";
+export interface MappingListItemProps {
+    selected: boolean;
+    onSelectionChange: (mapping: Mapping) => void;
+    mapping: Mapping;
+    jobId: string;
+    jobStartEvent: BeEvent<(mappingId: string) => void>;
+    onClickMappingTitle?: (mapping: Mapping) => void;
+    onClickMappingModify?: (mapping: Mapping) => void;
+    onRefreshMappings: () => Promise<void>;
+    onToggleExtraction: (mapping: Mapping) => Promise<void>;
+    setShowDeleteModal: (mapping?: Mapping) => void;
+    initialStateExtractionFlag?: boolean;
+    setInitialExtractionStateFlag?: (initialStateExtractionFlag: boolean) => void;
+}
+export declare const MappingListItem: ({ selected, onSelectionChange, mapping, jobId, jobStartEvent, onClickMappingModify, onClickMappingTitle, onRefreshMappings, onToggleExtraction, setShowDeleteModal, }: MappingListItemProps) => JSX.Element;
+//# sourceMappingURL=MappingListItem.d.ts.map

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

@@ -0,0 +1,96 @@
+"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.MappingListItem = void 0;
+const react_1 = __importStar(require("react"));
+const MappingViewActionGroup_1 = require("./MappingViewActionGroup");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const ExtractionStatus_1 = require("./Extraction/ExtractionStatus");
+const ExtractionStatus_2 = require("./Extraction/ExtractionStatus");
+const ExtractionStateJobContext_1 = require("../context/ExtractionStateJobContext");
+const useFetchMappingExtractionStatus_1 = require("./hooks/useFetchMappingExtractionStatus");
+require("./MappingListItem.scss");
+const GroupingApiConfigContext_1 = require("../context/GroupingApiConfigContext");
+const react_query_1 = require("@tanstack/react-query");
+const MappingListItem = ({ selected, onSelectionChange, mapping, jobId, jobStartEvent, onClickMappingModify, onClickMappingTitle, onRefreshMappings, onToggleExtraction, setShowDeleteModal, }) => {
+    const [extractionState, setExtractionState] = (0, react_1.useState)(ExtractionStatus_1.ExtractionStates.None);
+    const { mappingIdJobInfo, setMappingIdJobInfo } = (0, ExtractionStateJobContext_1.useExtractionStateJobContext)();
+    const groupingMappingApiConfig = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
+    const [isJobStarted, setIsJobStarted] = (0, react_1.useState)(false);
+    const statusQuery = (0, useFetchMappingExtractionStatus_1.useFetchMappingExtractionStatus)({ ...groupingMappingApiConfig, mapping, enabled: isJobStarted });
+    const queryClient = (0, react_query_1.useQueryClient)();
+    const onClickTile = () => {
+        onSelectionChange(mapping);
+    };
+    // Check whether the job is still running when users refresh the mapping list
+    // or modify any mappings
+    (0, react_1.useEffect)(() => {
+        if (mappingIdJobInfo.get(mapping.id)) {
+            setIsJobStarted(true);
+        }
+    }, [mappingIdJobInfo, mapping.id]);
+    const resolveTerminalExtractionStatus = (0, react_1.useCallback)(async () => {
+        const state = statusQuery.data.finalExtractionStateValue;
+        if (state === ExtractionStatus_1.ExtractionStates.Failed || state === ExtractionStatus_1.ExtractionStates.Succeeded) {
+            setIsJobStarted(false);
+            setMappingIdJobInfo((prevMap) => {
+                const newMap = new Map(prevMap);
+                newMap.delete(mapping.id);
+                return newMap;
+            });
+            await queryClient.invalidateQueries({ queryKey: ["iModelExtractionStatus"] });
+        }
+    }, [mapping.id, queryClient, setMappingIdJobInfo, statusQuery.data]);
+    (0, react_1.useEffect)(() => {
+        const listener = (startedMappingId) => {
+            if (startedMappingId === mapping.id) {
+                setExtractionState(ExtractionStatus_1.ExtractionStates.Starting);
+                setIsJobStarted(true);
+            }
+        };
+        jobStartEvent.addListener(listener);
+        return () => {
+            jobStartEvent.removeListener(listener);
+        };
+    }, [jobStartEvent, mapping.id, jobId]);
+    (0, react_1.useEffect)(() => {
+        const isStatusReady = statusQuery.data && statusQuery.isFetched;
+        if (isStatusReady) {
+            setExtractionState(statusQuery.data.finalExtractionStateValue);
+            // No need to await. We don't need to wait for the status to be resolved in invalidation.
+            void resolveTerminalExtractionStatus();
+        }
+    }, [resolveTerminalExtractionStatus, statusQuery]);
+    return (react_1.default.createElement(itwinui_react_1.ListItem, { actionable: true, className: "gmw-list-item-container", active: selected, key: mapping.id, onClick: onClickTile, title: mapping.mappingName },
+        react_1.default.createElement(itwinui_react_1.ListItem.Content, null,
+            react_1.default.createElement(itwinui_react_1.Anchor, { onClick: onClickMappingTitle ? () => onClickMappingTitle?.(mapping) : undefined }, mapping.mappingName ? mapping.mappingName : "Untitled"),
+            mapping.description && react_1.default.createElement(itwinui_react_1.Text, { className: "gmw-body-text", isMuted: true, title: mapping.description, variant: "small" }, mapping.description)),
+        react_1.default.createElement(ExtractionStatus_2.ExtractionStatus, { state: extractionState, clearExtractionState: () => {
+                setExtractionState(ExtractionStatus_1.ExtractionStates.None);
+            } }),
+        react_1.default.createElement(MappingViewActionGroup_1.MappingUIActionGroup, { mapping: mapping, onToggleExtraction: onToggleExtraction, onRefresh: onRefreshMappings, onClickMappingModify: onClickMappingModify, setShowDeleteModal: setShowDeleteModal })));
+};
+exports.MappingListItem = MappingListItem;
+//# sourceMappingURL=MappingListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MappingListItem.js","sourceRoot":"","sources":["../../../../src/components/Mappings/MappingListItem.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { Mapping } from \"@itwin/insights-client\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport { MappingUIActionGroup } from \"./MappingViewActionGroup\";\nimport { Anchor, ListItem, Text } from \"@itwin/itwinui-react\";\nimport { ExtractionStates } from \"./Extraction/ExtractionStatus\";\nimport { ExtractionStatus } from \"./Extraction/ExtractionStatus\";\nimport { useExtractionStateJobContext } from \"../context/ExtractionStateJobContext\";\nimport { useFetchMappingExtractionStatus } from \"./hooks/useFetchMappingExtractionStatus\";\nimport \"./MappingListItem.scss\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nexport interface MappingListItemProps {\n  selected: boolean;\n  onSelectionChange: (mapping: Mapping) => void;\n  mapping: Mapping;\n  jobId: string;\n  jobStartEvent: BeEvent<(mappingId: string) => void>;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  onRefreshMappings: () => Promise<void>;\n  onToggleExtraction: (mapping: Mapping) => Promise<void>;\n  setShowDeleteModal: (mapping?: Mapping) => void;\n  initialStateExtractionFlag?: boolean;\n  setInitialExtractionStateFlag?: (initialStateExtractionFlag: boolean) => void;\n}\n\nexport const MappingListItem = ({\n  selected,\n  onSelectionChange,\n  mapping,\n  jobId,\n  jobStartEvent,\n  onClickMappingModify,\n  onClickMappingTitle,\n  onRefreshMappings,\n  onToggleExtraction,\n  setShowDeleteModal,\n}: MappingListItemProps) => {\n  const [extractionState, setExtractionState] = useState<ExtractionStates | undefined>(ExtractionStates.None);\n  const { mappingIdJobInfo, setMappingIdJobInfo } = useExtractionStateJobContext();\n  const groupingMappingApiConfig = useGroupingMappingApiConfig();\n  const [isJobStarted, setIsJobStarted] = useState<boolean>(false);\n  const statusQuery = useFetchMappingExtractionStatus({ ...groupingMappingApiConfig, mapping, enabled: isJobStarted });\n  const queryClient = useQueryClient();\n\n  const onClickTile = () => {\n    onSelectionChange(mapping);\n  };\n\n  // Check whether the job is still running when users refresh the mapping list\n  // or modify any mappings\n  useEffect(() => {\n    if(mappingIdJobInfo.get(mapping.id)){\n      setIsJobStarted(true);\n    }\n  }, [mappingIdJobInfo, mapping.id]);\n\n  const resolveTerminalExtractionStatus = useCallback(async () => {\n    const state = statusQuery.data!.finalExtractionStateValue;\n    if (state === ExtractionStates.Failed || state === ExtractionStates.Succeeded) {\n      setIsJobStarted(false);\n      setMappingIdJobInfo((prevMap: Map<string, string>) => {\n        const newMap = new Map(prevMap);\n        newMap.delete(mapping.id);\n        return newMap;\n      });\n      await queryClient.invalidateQueries({ queryKey: [\"iModelExtractionStatus\"] });\n    }\n  }, [mapping.id, queryClient, setMappingIdJobInfo, statusQuery.data]);\n\n  useEffect(() => {\n    const listener = (startedMappingId: string) => {\n      if (startedMappingId === mapping.id) {\n        setExtractionState(ExtractionStates.Starting);\n        setIsJobStarted(true);\n      }\n    };\n    jobStartEvent.addListener(listener);\n\n    return () => {\n      jobStartEvent.removeListener(listener);\n    };\n  }, [jobStartEvent, mapping.id, jobId]);\n\n  useEffect(() => {\n    const isStatusReady = statusQuery.data && statusQuery.isFetched;\n    if (isStatusReady) {\n      setExtractionState(statusQuery.data.finalExtractionStateValue);\n      // No need to await. We don't need to wait for the status to be resolved in invalidation.\n      void resolveTerminalExtractionStatus();\n    }\n  }, [resolveTerminalExtractionStatus, statusQuery]);\n\n  return (\n    <ListItem actionable\n      className=\"gmw-list-item-container\"\n      active={selected}\n      key={mapping.id}\n      onClick={onClickTile}\n      title={mapping.mappingName}>\n      <ListItem.Content>\n        <Anchor onClick={onClickMappingTitle ? () => onClickMappingTitle?.(mapping) : undefined}>{mapping.mappingName ? mapping.mappingName : \"Untitled\"}</Anchor>\n        {mapping.description && <Text className=\"gmw-body-text\" isMuted={true} title={mapping.description} variant=\"small\">{mapping.description}</Text>}\n      </ListItem.Content>\n      <ExtractionStatus\n        state={extractionState}\n        clearExtractionState={() => {\n          setExtractionState(ExtractionStates.None);\n        }}\n      ></ExtractionStatus >\n      <MappingUIActionGroup\n        mapping={mapping}\n        onToggleExtraction={onToggleExtraction}\n        onRefresh={onRefreshMappings}\n        onClickMappingModify={onClickMappingModify}\n        setShowDeleteModal={setShowDeleteModal}\n      />\n    </ListItem>\n  );\n};\n"]}

package/lib/cjs/components/Mappings/MappingListItem.scss

@@ -0,0 +1,25 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.gmw-list-item-container{
+  display: flex;
+  justify-content: space-between;
+  border-radius: 5px;
+  min-height: calc(var(--iui-size-s) * 5);
+  padding: 5.5px var(--iui-size-xs);
+  padding-bottom: 2px var(--iui-size-xs);
+  padding-top: 2px var(--iui-size-xs);
+}
+
+.gmw-body {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  justify-content: center;
+  &-text {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+}

package/lib/cjs/components/Mappings/MappingsView.d.ts

@@ -35,6 +35,8 @@ export interface MappingsViewProps {
     onClickMappingTitle?: (mapping: Mapping) => void;
     onClickMappingModify?: (mapping: Mapping) => void;
     alert?: React.ReactElement<typeof Alert>;
+    initialStateExtractionFlag?: boolean;
+    setInitialExtractionStateFlag?: (initialStateExtractionFlag: boolean) => void;
 }
 export declare const MappingsView: ({ mappings, isLoading, extractionStatusData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, isTogglingExtraction, onRefreshMappings, onRefreshExtractionStatus, onToggleExtraction, onDelete, showDeleteModal, setShowDeleteModal, displayStrings: userDisplayStrings, showImportModal, setShowImportModal, onClickAddMapping, onClickMappingTitle, onClickMappingModify, alert, }: MappingsViewProps) => JSX.Element;
 //# sourceMappingURL=MappingsView.d.ts.map

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

@@ -39,11 +39,14 @@ const LoadingOverlay_1 = require("../SharedComponents/LoadingOverlay");
 require("./MappingsView.scss");
 const DeleteModal_1 = __importDefault(require("../SharedComponents/DeleteModal"));
 const MappingImportWizardModal_1 = require("./Import/MappingImportWizardModal");
-const HorizontalTile_1 = require("../SharedComponents/HorizontalTile");
 const BlockingOverlay_1 = require("./BlockingOverlay");
-const MappingViewActionGroup_1 = require("./MappingViewActionGroup");
 const ExtractionStatusIcon_1 = require("./Extraction/ExtractionStatusIcon");
+const MappingListItem_1 = require("./MappingListItem");
 const ExtractionMessageModal_1 = require("./Extraction/ExtractionMessageModal");
+const core_bentley_1 = require("@itwin/core-bentley");
+const ExtractionStateJobContext_1 = require("../context/ExtractionStateJobContext");
+const GroupingApiConfigContext_1 = require("../context/GroupingApiConfigContext");
+const useRunExtraction_1 = require("./hooks/useRunExtraction");
 exports.mappingViewDefaultDisplayStrings = {
     mappings: "Mappings",
     iTwins: "iTwins",
@@ -56,9 +59,28 @@ exports.mappingViewDefaultDisplayStrings = {
 };
 const MappingsView = ({ mappings, isLoading, extractionStatusData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, isTogglingExtraction, onRefreshMappings, onRefreshExtractionStatus, onToggleExtraction, onDelete, showDeleteModal, setShowDeleteModal, displayStrings: userDisplayStrings, showImportModal, setShowImportModal, onClickAddMapping, onClickMappingTitle, onClickMappingModify, alert, }) => {
     const displayStrings = react_1.default.useMemo(() => ({ ...exports.mappingViewDefaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const [selectedMappings, setSelectedMappings] = (0, react_1.useState)([]);
+    const groupingMappingApiConfig = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
+    const { mappingIdJobInfo } = (0, ExtractionStateJobContext_1.useExtractionStateJobContext)();
+    const { runExtraction } = (0, useRunExtraction_1.useRunExtraction)(groupingMappingApiConfig);
+    const jobStartEvent = (0, react_1.useMemo)(() => new core_bentley_1.BeEvent(), []);
     const refreshAll = (0, react_1.useCallback)(async () => {
         await Promise.all([onRefreshMappings(), onRefreshExtractionStatus()]);
     }, [onRefreshMappings, onRefreshExtractionStatus]);
+    const onSelectionChange = (mapping) => {
+        setSelectedMappings((mappingIdList) => {
+            return mappingIdList.some((eachId) => mapping.id === eachId.id)
+                ? mappingIdList.filter((eachId) => mapping.id !== eachId.id)
+                : [...mappingIdList, mapping];
+        });
+    };
+    const onRunExtraction = (0, react_1.useCallback)(async () => {
+        await runExtraction(selectedMappings);
+        selectedMappings.map((mapping) => {
+            jobStartEvent.raiseEvent(mapping.id);
+        });
+        setSelectedMappings([]);
+    }, [selectedMappings, jobStartEvent, runExtraction]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(BlockingOverlay_1.BlockingOverlay, { isVisible: isTogglingExtraction }),
         react_1.default.createElement("div", { className: "gmw-mappings-view-container" },
@@ -67,7 +89,9 @@ const MappingsView = ({ mappings, isLoading, extractionStatusData, showExtractio
                     onClickAddMapping &&
                         react_1.default.createElement(itwinui_react_1.Button, { startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgAdd, null), onClick: onClickAddMapping, styleType: "high-visibility", title: "New Mapping" }, "New"),
                     showImportModal !== undefined && setShowImportModal && react_1.default.createElement(itwinui_react_1.IconButton, { title: `Import ${displayStrings.mappings}`, onClick: () => setShowImportModal(true) },
-                        react_1.default.createElement(itwinui_icons_react_1.SvgImport, null))),
+                        react_1.default.createElement(itwinui_icons_react_1.SvgImport, null)),
+                    react_1.default.createElement(itwinui_react_1.IconButton, { title: "Run extraction", onClick: onRunExtraction, disabled: selectedMappings.length === 0 },
+                        react_1.default.createElement(itwinui_icons_react_1.SvgPlay, null))),
                 react_1.default.createElement("div", { className: "gmw-button-spacing" },
                     react_1.default.createElement(ExtractionStatusIcon_1.ExtractionStatusIcon, { iconStatus: extractionStatusData.iconStatus, onClick: () => {
                             if (extractionStatusData.iconStatus === "negative") {
@@ -78,7 +102,7 @@ const MappingsView = ({ mappings, isLoading, extractionStatusData, showExtractio
                         react_1.default.createElement(itwinui_icons_react_1.SvgRefresh, null)))),
             alert,
             react_1.default.createElement("div", { className: 'gmw-mappings-border' }),
-            isLoading ? (react_1.default.createElement(LoadingOverlay_1.LoadingOverlay, null)) : mappings.length === 0 ? (react_1.default.createElement(EmptyMessage_1.EmptyMessage, { message: `No ${displayStrings.mappings} available.` })) : (react_1.default.createElement("div", { className: "gmw-mappings-list" }, mappings.map((mapping) => (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { key: mapping.id, title: mapping.mappingName ? mapping.mappingName : "Untitled", subText: mapping.description ?? "", subtextToolTip: mapping.description ?? "", titleTooltip: mapping.mappingName, onClickTitle: onClickMappingTitle ? () => onClickMappingTitle(mapping) : undefined, actionGroup: react_1.default.createElement(MappingViewActionGroup_1.MappingUIActionGroup, { mapping: mapping, onToggleExtraction: onToggleExtraction, onRefresh: onRefreshMappings, onClickMappingModify: onClickMappingModify, setShowDeleteModal: setShowDeleteModal }) })))))),
+            isLoading ? (react_1.default.createElement(LoadingOverlay_1.LoadingOverlay, null)) : mappings.length === 0 ? (react_1.default.createElement(EmptyMessage_1.EmptyMessage, { message: `No ${displayStrings.mappings} available.` })) : (react_1.default.createElement("div", { className: "gmw-mappings-list" }, mappings.map((mapping) => (react_1.default.createElement(MappingListItem_1.MappingListItem, { key: mapping.id, mapping: mapping, jobId: mappingIdJobInfo?.get(mapping.id) ?? "", jobStartEvent: jobStartEvent, onClickMappingTitle: onClickMappingTitle, onSelectionChange: onSelectionChange, selected: selectedMappings.some((eachMapping) => mapping.id === eachMapping.id), onToggleExtraction: onToggleExtraction, onRefreshMappings: onRefreshMappings, onClickMappingModify: onClickMappingModify, setShowDeleteModal: setShowDeleteModal })))))),
         showExtractionMessageModal && react_1.default.createElement(ExtractionMessageModal_1.ExtractionMessageModal, { isOpen: showExtractionMessageModal, onClose: () => setShowExtractionMessageModal(false), extractionMessageData: extractionMessageData, timestamp: extractionMessageData.length === 0 ? "" : extractionMessageData[0].date }),
         showDeleteModal &&
             react_1.default.createElement(DeleteModal_1.default, { entityName: showDeleteModal?.mappingName, onClose: () => setShowDeleteModal(undefined), onDelete: async () => {