@itwin/grouping-mapping-widget 0.19.1 → 0.20.0

package/lib/esm/components/Mappings/Editing/MappingAction.js

@@ -0,0 +1,83 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { Fieldset, LabeledInput, Text, ToggleSwitch } from "@itwin/itwinui-react";
+import React, { useState } from "react";
+import ActionPanel from "../../SharedComponents/ActionPanel";
+import useValidator, { NAME_REQUIREMENTS } from "../../Properties/hooks/useValidator";
+import "./MappingAction.scss";
+import { useMappingClient } from "../../context/MappingClientContext";
+import { useGroupingMappingApiConfig } from "../../context/GroupingApiConfigContext";
+import { handleError, handleInputChange } from "../../../common/utils";
+const defaultDisplayStrings = {
+    mappingDetails: "Mapping Details",
+};
+export const MappingAction = ({ mapping, onSaveSuccess, onClickCancel, displayStrings: userDisplayStrings }) => {
+    const { getAccessToken, iModelId } = useGroupingMappingApiConfig();
+    const mappingClient = useMappingClient();
+    const [values, setValues] = useState({
+        name: mapping?.mappingName ?? "",
+        description: mapping?.description ?? "",
+        extractionEnabled: mapping?.extractionEnabled ?? true,
+    });
+    const [validator, showValidationMessage] = useValidator();
+    const [isLoading, setIsLoading] = useState(false);
+    const displayStrings = React.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const onSave = async () => {
+        try {
+            if (!validator.allValid()) {
+                showValidationMessage(true);
+                return;
+            }
+            setIsLoading(true);
+            const accessToken = await getAccessToken();
+            mapping
+                ? await mappingClient.updateMapping(accessToken, iModelId, mapping.id, {
+                    mappingName: values.name,
+                    description: values.description,
+                    extractionEnabled: values.extractionEnabled,
+                })
+                : await mappingClient.createMapping(accessToken, iModelId, {
+                    mappingName: values.name,
+                    description: values.description,
+                    extractionEnabled: values.extractionEnabled,
+                });
+            setValues({
+                name: mapping?.mappingName ?? "",
+                description: mapping?.description ?? "",
+                extractionEnabled: mapping?.extractionEnabled ?? true,
+            });
+            onSaveSuccess();
+        }
+        catch (error) {
+            handleError(error.status);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: 'gmw-details-form-container' },
+            React.createElement(Fieldset, { legend: displayStrings.mappingDetails, className: 'gmw-details-form' },
+                React.createElement(Text, { variant: 'small', as: 'small', className: 'gmw-field-legend' }, "Asterisk * indicates mandatory fields."),
+                React.createElement(LabeledInput, { id: 'name', name: 'name', label: 'Name', value: values.name, required: true, onChange: (event) => {
+                        handleInputChange(event, values, setValues);
+                        validator.showMessageFor("name");
+                    }, message: validator.message("name", values.name, NAME_REQUIREMENTS), status: validator.message("name", values.name, NAME_REQUIREMENTS)
+                        ? "negative"
+                        : undefined, onBlur: () => {
+                        validator.showMessageFor("name");
+                    }, onBlurCapture: (event) => {
+                        handleInputChange(event, values, setValues);
+                        validator.showMessageFor("name");
+                    } }),
+                React.createElement(LabeledInput, { id: 'description', name: 'description', label: 'Description', value: values.description, onChange: (event) => {
+                        handleInputChange(event, values, setValues);
+                    } }),
+                React.createElement(ToggleSwitch, { id: 'extractionEnabled', name: 'extractionEnabled', label: 'Extract data from iModel', labelPosition: "right", checked: values.extractionEnabled, onChange: (event) => {
+                        setValues({ ...values, extractionEnabled: event.currentTarget.checked });
+                    } }))),
+        React.createElement(ActionPanel, { onSave: onSave, onCancel: onClickCancel, isSavingDisabled: !values.name, isLoading: isLoading })));
+};
+//# sourceMappingURL=MappingAction.js.map

package/lib/esm/components/Mappings/Editing/MappingAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MappingAction.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Editing/MappingAction.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { Fieldset, LabeledInput, Text, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport ActionPanel from \"../../SharedComponents/ActionPanel\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../../Properties/hooks/useValidator\";\nimport \"./MappingAction.scss\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\nimport type { Mapping } from \"@itwin/insights-client\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { handleError, handleInputChange } from \"../../../common/utils\";\n\nconst defaultDisplayStrings = {\n  mappingDetails: \"Mapping Details\",\n};\n\nexport interface MappingActionProps {\n  mapping?: Mapping;\n  onSaveSuccess: () => void;\n  onClickCancel?: () => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nexport const MappingAction = ({ mapping, onSaveSuccess, onClickCancel, displayStrings: userDisplayStrings }: MappingActionProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [values, setValues] = useState({\n    name: mapping?.mappingName ?? \"\",\n    description: mapping?.description ?? \"\",\n    extractionEnabled: mapping?.extractionEnabled ?? true,\n  });\n  const [validator, showValidationMessage] = useValidator();\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const onSave = async () => {\n    try {\n      if (!validator.allValid()) {\n        showValidationMessage(true);\n        return;\n      }\n      setIsLoading(true);\n      const accessToken = await getAccessToken();\n      mapping\n        ? await mappingClient.updateMapping(accessToken, iModelId, mapping.id, {\n          mappingName: values.name,\n          description: values.description,\n          extractionEnabled: values.extractionEnabled,\n        })\n        : await mappingClient.createMapping(accessToken, iModelId, {\n          mappingName: values.name,\n          description: values.description,\n          extractionEnabled: values.extractionEnabled,\n        });\n      setValues({\n        name: mapping?.mappingName ?? \"\",\n        description: mapping?.description ?? \"\",\n        extractionEnabled: mapping?.extractionEnabled ?? true,\n      });\n      onSaveSuccess();\n    } catch (error: any) {\n      handleError(error.status);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <>\n      <div className='gmw-details-form-container'>\n        <Fieldset legend={displayStrings.mappingDetails} className='gmw-details-form'>\n          <Text variant='small' as='small' className='gmw-field-legend'>\n            Asterisk * indicates mandatory fields.\n          </Text>\n          <LabeledInput\n            id='name'\n            name='name'\n            label='Name'\n            value={values.name}\n            required\n            onChange={(event) => {\n              handleInputChange(event, values, setValues);\n              validator.showMessageFor(\"name\");\n            }}\n            message={validator.message(\"name\", values.name, NAME_REQUIREMENTS)}\n            status={\n              validator.message(\"name\", values.name, NAME_REQUIREMENTS)\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"name\");\n            }}\n            onBlurCapture={(event) => {\n              handleInputChange(event, values, setValues);\n              validator.showMessageFor(\"name\");\n            }}\n          />\n          <LabeledInput\n            id='description'\n            name='description'\n            label='Description'\n            value={values.description}\n            onChange={(event) => {\n              handleInputChange(event, values, setValues);\n            }}\n          />\n          <ToggleSwitch\n            id='extractionEnabled'\n            name='extractionEnabled'\n            label='Extract data from iModel'\n            labelPosition=\"right\"\n            checked={values.extractionEnabled}\n            onChange={(event) => {\n              setValues({ ...values, extractionEnabled: event.currentTarget.checked });\n            }}\n          />\n        </Fieldset>\n      </div>\n      <ActionPanel\n        onSave={onSave}\n        onCancel={onClickCancel}\n        isSavingDisabled={!values.name}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n"]}

package/lib/esm/components/Mappings/Extraction/ExtractionLogCustomFilter.js

@@ -0,0 +1,19 @@
+import { BaseFilter, FilterButtonBar, InputGroup, Radio } from "@itwin/itwinui-react";
+import React, { useMemo, useState } from "react";
+export function ExtractionLogCustomFilter({ column, clearFilter, setFilter, }) {
+    const [value, setValue] = useState(column.filterValue);
+    const translatedLabels = useMemo(() => ({
+        filter: "Filter",
+        clear: "Clear",
+    }), []);
+    const filterOptionList = useMemo(() => {
+        if (column.Header === "Category") {
+            return ["GroupQuery", "NoMatchesForECProperties", "QueryTranslation", "QueryExecution"];
+        }
+        return ["Info", "Warning", "Error", "Trace"];
+    }, [column]);
+    return (React.createElement(BaseFilter, null,
+        React.createElement(InputGroup, { displayStyle: "default" }, filterOptionList.map((option, id) => (React.createElement(Radio, { name: "filterOption", key: id, label: option, defaultChecked: option === value, onChange: () => setValue(option) })))),
+        React.createElement(FilterButtonBar, { setFilter: () => setFilter(value), clearFilter: clearFilter, translatedLabels: translatedLabels })));
+}
+//# sourceMappingURL=ExtractionLogCustomFilter.js.map

package/lib/esm/components/Mappings/Extraction/ExtractionLogCustomFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtractionLogCustomFilter.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Extraction/ExtractionLogCustomFilter.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAG,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACvF,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,UAAU,yBAAyB,CAAC,EACxC,MAAM,EACN,WAAW,EACX,SAAS,GACiC;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,MAAM,CAAC,WAAiC,CACzC,CAAC;IACF,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QACtC,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,OAAO;KACf,CAAC,EAAE,EAAE,CACL,CAAC;IACF,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,IAAG,MAAM,CAAC,MAAM,KAAK,UAAU,EAAC;YAC9B,OAAO,CAAC,YAAY,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,CAAC;SACzF;QACD,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC/C,CAAC,EAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IACZ,OAAO,CACL,oBAAC,UAAU;QACT,oBAAC,UAAU,IAAC,YAAY,EAAC,SAAS,IAC/B,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CACpC,oBAAC,KAAK,IACJ,IAAI,EAAC,cAAc,EACnB,GAAG,EAAE,EAAE,EACP,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,MAAM,KAAK,KAAK,EAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,GAChC,CACH,CAAC,CACS;QACb,oBAAC,eAAe,IACd,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EACjC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,GAClC,CACS,CACd,CAAC;AACJ,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 type { TableFilterProps } from \"@itwin/itwinui-react\";\nimport {  BaseFilter, FilterButtonBar, InputGroup, Radio } from \"@itwin/itwinui-react\";\nimport React, { useMemo, useState } from \"react\";\n\nexport function ExtractionLogCustomFilter({\n  column,\n  clearFilter,\n  setFilter,\n}: TableFilterProps<Record<string, unknown>>): React.ReactElement {\n  const [value, setValue] = useState<string | undefined>(\n    column.filterValue as string | undefined\n  );\n  const translatedLabels = useMemo(() => ({\n    filter: \"Filter\",\n    clear: \"Clear\",\n  }), []\n  );\n  const filterOptionList = useMemo(() => {\n    if(column.Header === \"Category\"){\n      return [\"GroupQuery\", \"NoMatchesForECProperties\", \"QueryTranslation\", \"QueryExecution\"];\n    }\n    return [\"Info\", \"Warning\", \"Error\", \"Trace\"];\n  },[column]);\n  return (\n    <BaseFilter>\n      <InputGroup displayStyle=\"default\">\n        {filterOptionList.map((option, id) => (\n          <Radio\n            name=\"filterOption\"\n            key={id}\n            label={option}\n            defaultChecked={option === value}\n            onChange={() => setValue(option)}\n          />\n        ))}\n      </InputGroup>\n      <FilterButtonBar\n        setFilter={() => setFilter(value)}\n        clearFilter={clearFilter}\n        translatedLabels={translatedLabels}\n      />\n    </BaseFilter>\n  );\n}\n"]}

package/lib/esm/components/Mappings/Extraction/ExtractionMessageModal.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { ExtractionMessageData } from "../hooks/useMappingsOperations";
+import "./ExtractionMessageModal.scss";
+export interface ExtractionMessageModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    extractionMessageData: ExtractionMessageData[];
+    timestamp: string;
+}
+export declare const ExtractionMessageModal: ({ isOpen, onClose, extractionMessageData, timestamp }: ExtractionMessageModalProps) => JSX.Element;
+//# sourceMappingURL=ExtractionMessageModal.d.ts.map

package/lib/esm/components/Mappings/Extraction/ExtractionMessageModal.js

@@ -0,0 +1,106 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { Button, DefaultCell, Icon, Modal, ModalButtonBar, ModalContent, Table, tableFilters, Text } from "@itwin/itwinui-react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import "./ExtractionMessageModal.scss";
+import { SvgClock } from "@itwin/itwinui-icons-react";
+import { StatusIcon } from "../../SharedComponents/StatusIcon";
+import { ExtractionLogCustomFilter } from "./ExtractionLogCustomFilter";
+import { useGroupingMappingApiConfig } from "../../context/GroupingApiConfigContext";
+import { useMappingClient } from "../../context/MappingClientContext";
+import { useMappingsOperations } from "../hooks/useMappingsOperations";
+export const ExtractionMessageModal = ({ isOpen, onClose, extractionMessageData, timestamp }) => {
+    const [formattedExtractionMessage, setFormattedExtractionMessage] = useState([]);
+    const groupingMappingApiConfig = useGroupingMappingApiConfig();
+    const mappingClient = useMappingClient();
+    const { mappings } = useMappingsOperations({ ...groupingMappingApiConfig, mappingClient });
+    const [formattedTimestamp, setFormattedTimestamp] = useState("");
+    const getMappingName = useCallback(async (mappingId) => {
+        return mappings.find((mapping) => { return mapping.id === mappingId; })?.mappingName ?? "";
+    }, [mappings]);
+    const getGroupNames = useCallback(async (mappingId, groupId, groupsCache) => {
+        const accessToken = await groupingMappingApiConfig.getAccessToken();
+        if (!groupsCache.has(mappingId)) {
+            const groups = await mappingClient.getGroups(accessToken, groupingMappingApiConfig.iModelId, mappingId);
+            groupsCache.set(mappingId, groups);
+        }
+        return groupsCache.get(mappingId)?.find((group) => { return group.id === groupId; })?.groupName ?? "";
+    }, [groupingMappingApiConfig, mappingClient]);
+    useEffect(() => {
+        const formatMessages = async () => {
+            const groupsCache = new Map();
+            const extractionMessageDataPromises = extractionMessageData.map(async (extractionMessage) => {
+                let replacedMessage = extractionMessage.message;
+                if (extractionMessage.message.includes("iModel")) {
+                    replacedMessage = replacedMessage.replace(/iModel [\w-]+/, "iModel");
+                }
+                if (replacedMessage.includes("MappingId:")) {
+                    const splittedMessage = replacedMessage.split(" ");
+                    const mappingId = splittedMessage[splittedMessage.indexOf("MappingId:") + 1];
+                    const groupId = splittedMessage[splittedMessage.indexOf("GroupId:") + 1];
+                    const mappingName = getMappingName(mappingId);
+                    const groupName = await getGroupNames(mappingId, groupId, groupsCache);
+                    replacedMessage = replacedMessage.replace(/MappingId: [\w-]+/, `Mapping: ${mappingName}`);
+                    replacedMessage = replacedMessage.replace(/GroupId: [\w-]+/, `Group: ${groupName}`);
+                }
+                return { ...extractionMessage, message: replacedMessage };
+            });
+            const newMessages = await Promise.all(extractionMessageDataPromises);
+            setFormattedExtractionMessage(newMessages);
+        };
+        void formatMessages();
+    }, [extractionMessageData, groupingMappingApiConfig, mappings, mappingClient, getGroupNames, getMappingName]);
+    useEffect(() => {
+        const newDateTime = new Date(timestamp);
+        const options = {
+            day: "numeric", month: "numeric", year: "numeric",
+            hour: "2-digit", minute: "2-digit",
+        };
+        setFormattedTimestamp(newDateTime.toLocaleString(undefined, options));
+    }, [timestamp]);
+    const translatedLabels = useMemo(() => ({
+        filter: "Filter",
+        clear: "Clear",
+    }), []);
+    const columns = useMemo(() => [
+        {
+            id: "category",
+            Header: "Category",
+            accessor: "category",
+            fieldType: "text",
+            Filter: ExtractionLogCustomFilter,
+            filter: "equals",
+        },
+        {
+            id: "level",
+            Header: "Level",
+            accessor: "level",
+            cellRenderer: ({ cellElementProps, cellProps }) => {
+                const level = cellProps.row.original.level;
+                return (React.createElement(DefaultCell, { cellElementProps: cellElementProps, cellProps: cellProps, startIcon: level === "Error" ? (React.createElement(StatusIcon, { status: 'error' })) : level === "Warning" ? (React.createElement(StatusIcon, { status: 'warning' })) : level === "Info" ? (React.createElement(StatusIcon, { status: 'informational' })) : React.createElement(StatusIcon, { status: 'trace' }) }, level));
+            },
+            Filter: ExtractionLogCustomFilter,
+            filter: "equals",
+        },
+        {
+            id: "message",
+            Header: "Message",
+            accessor: "message",
+            width: "25vw",
+            fieldType: "text",
+            Filter: tableFilters.TextFilter(translatedLabels),
+        },
+    ], [translatedLabels]);
+    return (React.createElement(Modal, { className: "gmw-message-modal-container", title: "Extraction Logs", isOpen: isOpen, onClose: onClose, closeOnExternalClick: false },
+        React.createElement(ModalContent, null,
+            React.createElement("div", { className: "gmw-timestamp-icon" },
+                React.createElement(Icon, { title: "Extraction Timestamp", size: "medium" },
+                    React.createElement(SvgClock, null)),
+                React.createElement(Text, null, formattedTimestamp)),
+            React.createElement(Table, { columns: columns, data: formattedExtractionMessage, emptyTableContent: "", emptyFilteredTableContent: "No results match filters.", className: "gmw-extraction-message-table-container" })),
+        React.createElement(ModalButtonBar, null,
+            React.createElement(Button, { onClick: onClose, styleType: "high-visibility" }, "Close"))));
+};
+//# sourceMappingURL=ExtractionMessageModal.js.map

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

@@ -0,0 +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 type { ExtractionMessageData } from \"../hooks/useMappingsOperations\";\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 { Group } from \"@itwin/insights-client\";\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[]>([]);\n  const groupingMappingApiConfig = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const { mappings } = useMappingsOperations({...groupingMappingApiConfig, mappingClient});\n  const [formattedTimestamp, setFormattedTimestamp] = useState<string>(\"\");\n\n  const getMappingName = useCallback(async (mappingId: string) => {\n    return mappings.find((mapping) => {return mapping.id === mappingId;})?.mappingName ?? \"\";\n  }, [mappings]);\n\n  const getGroupNames = useCallback(async (mappingId: string, groupId: string, groupsCache: Map<string, Group[]>) => {\n    const accessToken = await groupingMappingApiConfig.getAccessToken();\n    if(!groupsCache.has(mappingId)){\n      const groups = await mappingClient.getGroups(\n        accessToken,\n        groupingMappingApiConfig.iModelId,\n        mappingId\n      );\n      groupsCache.set(mappingId, groups);\n    }\n    return groupsCache.get(mappingId)?.find((group) => {return group.id === groupId;})?.groupName ?? \"\";\n  }, [groupingMappingApiConfig, mappingClient]);\n\n  useEffect(() => {\n    const formatMessages = async () => {\n      const groupsCache = new Map<string,Group[]>();\n      const extractionMessageDataPromises = extractionMessageData.map(async (extractionMessage) => {\n        let replacedMessage = extractionMessage.message;\n        if(extractionMessage.message.includes(\"iModel\")){\n          replacedMessage = replacedMessage.replace(/iModel [\\w-]+/, \"iModel\");\n        }\n        if(replacedMessage.includes(\"MappingId:\")){\n          const splittedMessage = replacedMessage.split(\" \");\n          const mappingId = splittedMessage[splittedMessage.indexOf(\"MappingId:\") + 1];\n          const groupId = splittedMessage[splittedMessage.indexOf(\"GroupId:\") + 1];\n          const mappingName = getMappingName(mappingId);\n          const groupName = await getGroupNames(mappingId, groupId, groupsCache);\n          replacedMessage = replacedMessage.replace(/MappingId: [\\w-]+/, `Mapping: ${mappingName}`);\n          replacedMessage = replacedMessage.replace(/GroupId: [\\w-]+/, `Group: ${groupName}`);\n        }\n        return {...extractionMessage, message: replacedMessage};\n      });\n\n      const newMessages = await Promise.all(extractionMessageDataPromises);\n      setFormattedExtractionMessage(newMessages);\n    };\n    void formatMessages();\n  }, [extractionMessageData, groupingMappingApiConfig, mappings, mappingClient, getGroupNames, getMappingName]);\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  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        />\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/esm/components/Mappings/Extraction/ExtractionStatusIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtractionStatusIcon.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Extraction/ExtractionStatusIcon.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAQxD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAA6B,EAAE,EAAE;IACtG,OAAO,CACL,oBAAC,OAAO,IAAC,OAAO,EAAE,WAAW;QAC3B,oBAAC,UAAU,IAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,OAAO;YACjD,oBAAC,kBAAkB,IAAC,MAAM,EAAE,UAAU;gBACpC,oBAAC,UAAU,OAAG,CACK,CACV,CACL,CACX,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 { IconButton, NotificationMarker, Tooltip } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport { SvgProcess } from \"@itwin/itwinui-icons-react\";\n\nexport interface ExtractionStatusIconProps {\n  iconStatus: \"negative\" | \"positive\" | \"warning\";\n  onClick: () => void;\n  iconMessage: string;\n}\n\nexport const ExtractionStatusIcon = ({ iconStatus, onClick, iconMessage }: ExtractionStatusIconProps) => {\n  return (\n    <Tooltip content={iconMessage}>\n      <IconButton styleType='borderless' onClick={onClick}>\n        <NotificationMarker status={iconStatus}>\n          <SvgProcess />\n        </NotificationMarker>\n      </IconButton>\n    </Tooltip>\n  );\n};\n"]}

package/lib/esm/components/Mappings/Import/MappingImportWizardModal.js

@@ -0,0 +1,99 @@
+import { Stepper } from "@itwin/itwinui-react";
+import { Modal } from "@itwin/itwinui-react";
+import React, { useEffect, useRef, useState } from "react";
+import ConfirmMappingImport from "../ConfirmMappingsImport";
+import "./MappingImportWizardModal.scss";
+import SelectIModel from "./SelectIModel";
+import SelectITwin from "./SelectITwin";
+import SelectMappings from "./SelectMappings";
+import { useGroupingMappingApiConfig } from "../../context/GroupingApiConfigContext";
+import { createIModelsClient, IModelsClientContext } from "../../context/IModelsClientContext";
+import { createITwinsClient, ITwinsClientContext } from "../../context/ITwinsClientContext";
+const defaultDisplayStrings = {
+    mappings: "Mappings",
+    iTwins: "iTwins",
+    iTwinNumber: "Number",
+    iTwinName: "Name",
+    iTwinStatus: "Status",
+    iModels: "iModels",
+    iModelName: "Name",
+    iModelDescription: "Description",
+};
+export const MappingImportWizardModal = ({ show, setShow, onFinish, displayStrings: userDisplayStrings, }) => {
+    const { prefix } = useGroupingMappingApiConfig();
+    const [currentStep, setCurrentStep] = useState(0);
+    const [iTwinType, setITwinType] = useState(0);
+    const [selectedITwinId, setSelectedITwinId] = useState("");
+    const [selectedIModelId, setSelectedIModelId] = useState("");
+    const [selectedMappings, setSelectedMappings] = useState([]);
+    const [importing, setImporting] = useState(false);
+    const [iTwinsClient, setITwinsClient] = useState(createITwinsClient(prefix));
+    const [iModelsClient, setIModelsClient] = useState(createIModelsClient(prefix));
+    useEffect(() => {
+        setITwinsClient(createITwinsClient(prefix));
+        setIModelsClient(createIModelsClient(prefix));
+    }, [prefix]);
+    const displayStrings = React.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const steps = useRef([
+        {
+            name: "Select iTwin",
+            description: `Select the source iTwin to bring your ${displayStrings.mappings} from.`,
+        },
+        {
+            name: "Select iModel",
+            description: "Select an iModel within the iTwin you have selected.",
+        },
+        {
+            name: `Select ${displayStrings.mappings}`,
+            description: `Select one or more ${displayStrings.mappings} to import.`,
+        },
+        {
+            name: "Rename & Confirm",
+            description: "Rename and confirm your selections. Click import when finished.",
+        },
+    ]);
+    const onClose = async () => {
+        setShow(false);
+        setCurrentStep(0);
+        await onFinish();
+    };
+    return (React.createElement(Modal, { title: `Import ${displayStrings.mappings}`, modalRootId: 'grouping-mapping-widget', isOpen: show, closeOnEsc: false, closeOnExternalClick: false, isDismissible: !importing, styleType: 'fullPage', onClose: async () => {
+            await onClose();
+        } },
+        React.createElement("div", { className: 'gmw-import-wizard-body-container' },
+            React.createElement(Stepper, { currentStep: currentStep, steps: steps.current, onStepClick: importing ? undefined : (index) => setCurrentStep(index) }),
+            (() => {
+                switch (currentStep) {
+                    case 0:
+                        return (React.createElement(ITwinsClientContext.Provider, { value: iTwinsClient },
+                            React.createElement("div", { className: "gmw-table-container" },
+                                React.createElement(SelectITwin, { onSelect: (iTwinId) => {
+                                        setSelectedITwinId(iTwinId);
+                                        setCurrentStep(1);
+                                    }, onCancel: onClose, onChangeITwinType: setITwinType, displayStrings: displayStrings, defaultITwinType: iTwinType }))));
+                    case 1:
+                        return (React.createElement(IModelsClientContext.Provider, { value: iModelsClient },
+                            React.createElement("div", { className: "gmw-table-container" },
+                                React.createElement(SelectIModel, { iTwinId: selectedITwinId, onSelect: (iModelId) => {
+                                        setSelectedIModelId(iModelId);
+                                        setCurrentStep(2);
+                                    }, backFn: () => setCurrentStep(currentStep - 1), onCancel: onClose }))));
+                    case 2:
+                    case 3:
+                        // Preserve table state within Select Mappings
+                        return (React.createElement(React.Fragment, null,
+                            React.createElement("div", { style: { display: currentStep === 2 ? "flex" : "none" }, className: "gmw-mapping-container" },
+                                React.createElement(SelectMappings, { iModelId: selectedIModelId, onSelect: (selectedMappings) => {
+                                        setSelectedMappings(selectedMappings);
+                                        setCurrentStep(3);
+                                    }, onCancel: onClose, backFn: () => setCurrentStep(currentStep - 1), displayStrings: displayStrings })),
+                            currentStep === 3 && (React.createElement(ConfirmMappingImport, { sourceiModelId: selectedIModelId, selectedMappings: selectedMappings, importing: importing, setImporting: setImporting, setSelectedMappings: setSelectedMappings, backFn: () => setCurrentStep(currentStep - 1), onCancel: onClose, onFinish: async () => {
+                                    await onClose();
+                                    setImporting(false);
+                                }, displayStrings: displayStrings }))));
+                    default:
+                        return null;
+                }
+            })())));
+};
+//# sourceMappingURL=MappingImportWizardModal.js.map

package/lib/esm/components/Mappings/Import/MappingImportWizardModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MappingImportWizardModal.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Import/MappingImportWizardModal.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 { IModelsClient } from \"@itwin/imodels-client-management\";\nimport type { ITwinsAccessClient } from \"@itwin/itwins-client\";\nimport type { StepProperties } from \"@itwin/itwinui-react\";\nimport { Stepper } from \"@itwin/itwinui-react\";\nimport { Modal } from \"@itwin/itwinui-react\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport ConfirmMappingImport from \"../ConfirmMappingsImport\";\nimport type { IMappingTyped } from \"../Mappings\";\nimport \"./MappingImportWizardModal.scss\";\nimport SelectIModel from \"./SelectIModel\";\nimport SelectITwin from \"./SelectITwin\";\nimport SelectMappings from \"./SelectMappings\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { createIModelsClient, IModelsClientContext } from \"../../context/IModelsClientContext\";\nimport { createITwinsClient, ITwinsClientContext } from \"../../context/ITwinsClientContext\";\n\nconst defaultDisplayStrings = {\n  mappings: \"Mappings\",\n  iTwins: \"iTwins\",\n  iTwinNumber: \"Number\",\n  iTwinName: \"Name\",\n  iTwinStatus: \"Status\",\n  iModels: \"iModels\",\n  iModelName: \"Name\",\n  iModelDescription: \"Description\",\n};\ninterface MappingImportWizardModalProps {\n  show: boolean;\n  setShow: (show: boolean) => void;\n  onFinish: () => Promise<void>;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nexport const MappingImportWizardModal = ({\n  show,\n  setShow,\n  onFinish,\n  displayStrings: userDisplayStrings,\n}: MappingImportWizardModalProps) => {\n  const { prefix } = useGroupingMappingApiConfig();\n  const [currentStep, setCurrentStep] = useState<number>(0);\n  const [iTwinType, setITwinType] = useState<number>(0);\n  const [selectedITwinId, setSelectedITwinId] = useState<string>(\"\");\n  const [selectedIModelId, setSelectedIModelId] = useState<string>(\"\");\n  const [selectedMappings, setSelectedMappings] = useState<IMappingTyped[]>([]);\n  const [importing, setImporting] = useState<boolean>(false);\n  const [iTwinsClient, setITwinsClient] = useState<ITwinsAccessClient>(createITwinsClient(prefix));\n  const [iModelsClient, setIModelsClient] = useState<IModelsClient>(createIModelsClient(prefix));\n\n  useEffect(() => {\n    setITwinsClient(createITwinsClient(prefix));\n    setIModelsClient(createIModelsClient(prefix));\n  }, [prefix]);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const steps = useRef<StepProperties[]>([\n    {\n      name: \"Select iTwin\",\n      description: `Select the source iTwin to bring your ${displayStrings.mappings} from.`,\n    },\n    {\n      name: \"Select iModel\",\n      description: \"Select an iModel within the iTwin you have selected.\",\n    },\n    {\n      name: `Select ${displayStrings.mappings}`,\n      description: `Select one or more ${displayStrings.mappings} to import.`,\n    },\n    {\n      name: \"Rename & Confirm\",\n      description:\n        \"Rename and confirm your selections. Click import when finished.\",\n    },\n  ]);\n\n  const onClose = async () => {\n    setShow(false);\n    setCurrentStep(0);\n    await onFinish();\n  };\n\n  return (\n    <Modal\n      title={`Import ${displayStrings.mappings}`}\n      modalRootId='grouping-mapping-widget'\n      isOpen={show}\n      closeOnEsc={false}\n      closeOnExternalClick={false}\n      isDismissible={!importing}\n      styleType='fullPage'\n      onClose={async () => {\n        await onClose();\n      }}\n    >\n      <div className='gmw-import-wizard-body-container'>\n        <Stepper\n          currentStep={currentStep}\n          steps={steps.current}\n          onStepClick={\n            importing ? undefined : (index: number) => setCurrentStep(index)\n          }\n        />\n\n        {(() => {\n          switch (currentStep) {\n            case 0:\n              return (\n                <ITwinsClientContext.Provider value={iTwinsClient}>\n                  <div className=\"gmw-table-container\">\n                    <SelectITwin\n                      onSelect={(iTwinId) => {\n                        setSelectedITwinId(iTwinId);\n                        setCurrentStep(1);\n                      }}\n                      onCancel={onClose}\n                      onChangeITwinType={setITwinType}\n                      displayStrings={displayStrings}\n                      defaultITwinType={iTwinType}\n                    />\n                  </div>\n                </ITwinsClientContext.Provider>\n              );\n            case 1:\n              return (\n                <IModelsClientContext.Provider value={iModelsClient}>\n                  <div className=\"gmw-table-container\">\n                    <SelectIModel\n                      iTwinId={selectedITwinId}\n                      onSelect={(iModelId) => {\n                        setSelectedIModelId(iModelId);\n                        setCurrentStep(2);\n                      }}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      onCancel={onClose}\n                    />\n                  </div>\n                </IModelsClientContext.Provider>\n              );\n            case 2:\n            case 3:\n              // Preserve table state within Select Mappings\n              return (\n                <>\n                  <div\n                    style={{ display: currentStep === 2 ? \"flex\" : \"none\" }}\n                    className=\"gmw-mapping-container\"\n                  >\n                    <SelectMappings\n                      iModelId={selectedIModelId}\n                      onSelect={(selectedMappings) => {\n                        setSelectedMappings(selectedMappings);\n                        setCurrentStep(3);\n                      }}\n                      onCancel={onClose}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      displayStrings={displayStrings}\n                    />\n                  </div>\n                  {currentStep === 3 && (\n                    <ConfirmMappingImport\n                      sourceiModelId={selectedIModelId}\n                      selectedMappings={selectedMappings}\n                      importing={importing}\n                      setImporting={setImporting}\n                      setSelectedMappings={setSelectedMappings}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      onCancel={onClose}\n                      onFinish={async () => {\n                        await onClose();\n                        setImporting(false);\n                      }}\n                      displayStrings={displayStrings}\n                    />\n                  )}\n                </>\n              );\n            default:\n              return null;\n          }\n        })()}\n      </div>\n    </Modal>\n  );\n};\n"]}

package/lib/esm/components/Mappings/Import/SelectIModel.js

@@ -0,0 +1,81 @@
+import { Button, Table, tableFilters, TablePaginator } from "@itwin/itwinui-react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import "./SelectIModel.scss";
+import { useGroupingMappingApiConfig } from "../../context/GroupingApiConfigContext";
+import { useIModelsClient } from "../../context/IModelsClientContext";
+import { handleError } from "../../../common/utils";
+const defaultDisplayStrings = {
+    iModels: "iModels",
+    iModelName: "Name",
+    iModelDescription: "Description",
+};
+const fetchIModels = async (setIModels, setIsLoading, getAccessToken, iTwinId, iModelsClient) => {
+    try {
+        setIModels([]);
+        setIsLoading(true);
+        const iModelIterator = iModelsClient.iModels.getRepresentationList({
+            authorization: async () => {
+                const token = await getAccessToken();
+                const splitToken = token.split(" ");
+                return {
+                    scheme: splitToken[0],
+                    token: splitToken[1],
+                };
+            },
+            urlParams: {
+                iTwinId,
+            },
+        });
+        const iModels = [];
+        for await (const iModel of iModelIterator) {
+            iModels.push(iModel);
+        }
+        setIModels(iModels);
+    }
+    catch (error) {
+        handleError(error.status);
+    }
+    finally {
+        setIsLoading(false);
+    }
+};
+const SelectIModel = ({ iTwinId: iTwinId, onSelect, onCancel, backFn, displayStrings: userDisplayStrings, }) => {
+    const { getAccessToken } = useGroupingMappingApiConfig();
+    const iModelsClient = useIModelsClient();
+    const [isLoading, setIsLoading] = useState(true);
+    const [iModels, setIModels] = useState([]);
+    useEffect(() => {
+        void fetchIModels(setIModels, setIsLoading, getAccessToken, iTwinId, iModelsClient);
+    }, [getAccessToken, iModelsClient, setIsLoading, iTwinId]);
+    const displayStrings = React.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const iModelsColumns = useMemo(() => [
+        {
+            Header: "Table",
+            columns: [
+                {
+                    id: "iModelName",
+                    Header: `${displayStrings.iModelName}`,
+                    accessor: "name",
+                    Filter: tableFilters.TextFilter(),
+                },
+                {
+                    id: "iModelDescription",
+                    Header: `${displayStrings.iModelDescription}`,
+                    accessor: "description",
+                    Filter: tableFilters.TextFilter(),
+                },
+            ],
+        },
+    ], [displayStrings.iModelName, displayStrings.iModelDescription]);
+    const pageSizeList = useMemo(() => [10, 25, 50], []);
+    const paginator = useCallback((props) => (React.createElement(TablePaginator, { ...props, pageSizeList: pageSizeList })), [pageSizeList]);
+    return (React.createElement("div", { className: 'gmw-select-imodel-table-container' },
+        React.createElement(Table, { data: iModels, columns: iModelsColumns, className: 'gmw-select-imodel-table', emptyTableContent: `No ${displayStrings.iModels} available.`, isSortable: true, isLoading: isLoading, onRowClick: (_, row) => {
+                onSelect(row.original.id);
+            }, paginatorRenderer: paginator }),
+        React.createElement("div", { className: 'gmw-import-action-panel' },
+            React.createElement(Button, { onClick: backFn }, "Back"),
+            React.createElement(Button, { onClick: onCancel }, "Cancel"))));
+};
+export default SelectIModel;
+//# sourceMappingURL=SelectIModel.js.map

package/lib/esm/components/Mappings/Import/SelectIModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectIModel.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Import/SelectIModel.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 { EntityListIterator, IModel, IModelsClient } from \"@itwin/imodels-client-management\";\nimport type { TablePaginatorRendererProps } from \"@itwin/itwinui-react\";\nimport { Button, Table, tableFilters, TablePaginator } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../../../common/utils\";\nimport \"./SelectIModel.scss\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useIModelsClient } from \"../../context/IModelsClientContext\";\nimport { handleError } from \"../../../common/utils\";\n\ntype IIModelTyped = CreateTypeFromInterface<IModel>;\n\nconst defaultDisplayStrings = {\n  iModels: \"iModels\",\n  iModelName: \"Name\",\n  iModelDescription: \"Description\",\n};\n\nconst fetchIModels = async (\n  setIModels: (iModels: IModel[]) => void,\n  setIsLoading: (isLoading: boolean) => void,\n  getAccessToken: GetAccessTokenFn,\n  iTwinId: string,\n  iModelsClient: IModelsClient,\n) => {\n  try {\n    setIModels([]);\n    setIsLoading(true);\n    const iModelIterator: EntityListIterator<IModel> = iModelsClient.iModels.getRepresentationList({\n      authorization: async () => {\n        const token = await getAccessToken();\n        const splitToken = token.split(\" \");\n        return {\n          scheme: splitToken[0],\n          token: splitToken[1],\n        };\n      },\n      urlParams: {\n        iTwinId,\n      },\n    });\n    const iModels: IModel[] = [];\n    for await (const iModel of iModelIterator) {\n      iModels.push(iModel);\n    }\n    setIModels(iModels);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\ninterface SelectIModelProps {\n  iTwinId: string;\n  onSelect: (iModelId: string) => void;\n  onCancel: () => void;\n  backFn: () => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\nconst SelectIModel = ({\n  iTwinId: iTwinId,\n  onSelect,\n  onCancel,\n  backFn,\n  displayStrings: userDisplayStrings,\n}: SelectIModelProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const iModelsClient = useIModelsClient();\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [iModels, setIModels] = useState<IModel[]>([]);\n\n  useEffect(() => {\n    void fetchIModels(setIModels, setIsLoading, getAccessToken, iTwinId, iModelsClient);\n  }, [getAccessToken, iModelsClient, setIsLoading, iTwinId]);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const iModelsColumns = useMemo(\n    () => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"iModelName\",\n            Header: `${displayStrings.iModelName}`,\n            accessor: \"name\",\n            Filter: tableFilters.TextFilter(),\n          },\n          {\n            id: \"iModelDescription\",\n            Header: `${displayStrings.iModelDescription}`,\n            accessor: \"description\",\n            Filter: tableFilters.TextFilter(),\n          },\n        ],\n      },\n    ],\n    [displayStrings.iModelName, displayStrings.iModelDescription]\n  );\n\n  const pageSizeList = useMemo(() => [10, 25, 50], []);\n  const paginator = useCallback(\n    (props: TablePaginatorRendererProps) => (\n      <TablePaginator {...props} pageSizeList={pageSizeList} />\n    ),\n    [pageSizeList]\n  );\n\n  return (\n    <div className='gmw-select-imodel-table-container'>\n      <Table<IIModelTyped>\n        data={iModels}\n        columns={iModelsColumns}\n        className='gmw-select-imodel-table'\n        emptyTableContent={`No ${displayStrings.iModels} available.`}\n        isSortable\n        isLoading={isLoading}\n        onRowClick={(_, row) => {\n          onSelect(row.original.id);\n        }}\n        paginatorRenderer={paginator}\n      />\n      <div className='gmw-import-action-panel'>\n        <Button onClick={backFn}>Back</Button>\n        <Button onClick={onCancel}>Cancel</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectIModel;\n"]}

package/lib/esm/components/Mappings/Import/SelectITwin.js

@@ -0,0 +1,94 @@
+import { ITwinSubClass } from "@itwin/itwins-client";
+import { SvgCalendar, SvgList, SvgStarHollow } from "@itwin/itwinui-icons-react";
+import { Button, Tab, Table, tableFilters, TablePaginator, Tabs } from "@itwin/itwinui-react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import "./SelectITwin.scss";
+import { useGroupingMappingApiConfig } from "../../context/GroupingApiConfigContext";
+import { useITwinsClient } from "../../context/ITwinsClientContext";
+import { handleError } from "../../../common/utils";
+const defaultDisplayStrings = {
+    iTwins: "iTwins",
+    iTwinNumber: "Number",
+    iTwinName: "Name",
+    iTwinStatus: "Status",
+};
+const tabsWithIcons = [
+    React.createElement(Tab, { key: "favorite", label: "Favorite iTwins", startIcon: React.createElement(SvgStarHollow, null) }),
+    React.createElement(Tab, { key: "recents", label: "Recent iTwins", startIcon: React.createElement(SvgCalendar, null) }),
+    React.createElement(Tab, { key: "all", label: "My iTwins", startIcon: React.createElement(SvgList, null) }),
+];
+const fetchITwins = async (setITwins, setIsLoading, getAccessToken, iTwinsClient, iTwinType) => {
+    try {
+        setITwins([]);
+        setIsLoading(true);
+        const accessToken = await getAccessToken();
+        let iTwinsResponse;
+        switch (iTwinType) {
+            case 0:
+                iTwinsResponse = await iTwinsClient.queryFavoritesAsync(accessToken, ITwinSubClass.Project);
+                break;
+            case 1:
+                iTwinsResponse = await iTwinsClient.queryRecentsAsync(accessToken, ITwinSubClass.Project);
+                break;
+            default:
+                iTwinsResponse = await iTwinsClient.queryAsync(accessToken, ITwinSubClass.Project);
+        }
+        setITwins(iTwinsResponse.data);
+    }
+    catch (error) {
+        handleError(error.status);
+    }
+    finally {
+        setIsLoading(false);
+    }
+};
+const SelectITwin = ({ onSelect, onCancel, onChangeITwinType, displayStrings: userDisplayStrings, defaultITwinType = 0, }) => {
+    const { getAccessToken } = useGroupingMappingApiConfig();
+    const iTwinsClient = useITwinsClient();
+    const [isLoading, setIsLoading] = useState(true);
+    const [iTwins, setITwins] = useState([]);
+    const [iTwinType, setITwinType] = useState(defaultITwinType);
+    useEffect(() => {
+        void fetchITwins(setITwins, setIsLoading, getAccessToken, iTwinsClient, iTwinType);
+    }, [getAccessToken, iTwinsClient, setIsLoading, iTwinType]);
+    const displayStrings = React.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const iTwinsColumns = useMemo(() => [
+        {
+            Header: "Table",
+            columns: [
+                {
+                    id: "iTwinNumber",
+                    Header: `${displayStrings.iTwinNumber}`,
+                    accessor: "number",
+                    Filter: tableFilters.TextFilter(),
+                },
+                {
+                    id: "iTwinName",
+                    Header: `${displayStrings.iTwinName}`,
+                    accessor: "displayName",
+                    Filter: tableFilters.TextFilter(),
+                },
+                {
+                    id: "iTwinStatus",
+                    Header: `${displayStrings.iTwinStatus}`,
+                    accessor: "status",
+                    Filter: tableFilters.TextFilter(),
+                },
+            ],
+        },
+    ], [displayStrings.iTwinNumber, displayStrings.iTwinName, displayStrings.iTwinStatus]);
+    const pageSizeList = useMemo(() => [10, 25, 50], []);
+    const paginator = useCallback((props) => (React.createElement(TablePaginator, { ...props, pageSizeList: pageSizeList })), [pageSizeList]);
+    return (React.createElement("div", { className: "gmw-select-itwin-table-container" },
+        React.createElement(Tabs, { orientation: "horizontal", labels: tabsWithIcons, onTabSelected: (type) => {
+                onChangeITwinType(type);
+                setITwinType(type);
+            }, activeIndex: iTwinType, type: "borderless", contentClassName: "gmw-table-holding-tab" }),
+        React.createElement(Table, { data: iTwins, columns: iTwinsColumns, className: 'gmw-select-itwin-table', emptyTableContent: `No ${displayStrings.iTwins} available.`, isSortable: true, isLoading: isLoading, onRowClick: (_, row) => {
+                onSelect(row.original.id);
+            }, paginatorRenderer: paginator }),
+        React.createElement("div", { className: "gmw-import-action-panel" },
+            React.createElement(Button, { onClick: onCancel }, "Cancel"))));
+};
+export default SelectITwin;
+//# sourceMappingURL=SelectITwin.js.map