@itwin/grouping-mapping-widget 0.19.2 → 0.20.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectITwin.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Import/SelectITwin.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 { ITwin, ITwinsAccessClient, ITwinsAPIResponse } from \"@itwin/itwins-client\";\nimport { ITwinSubClass } from \"@itwin/itwins-client\";\nimport { SvgCalendar, SvgList, SvgStarHollow } from \"@itwin/itwinui-icons-react\";\nimport type { TablePaginatorRendererProps } from \"@itwin/itwinui-react\";\nimport { Button, Tab, Table, tableFilters, TablePaginator, Tabs } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../../../common/utils\";\nimport \"./SelectITwin.scss\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useITwinsClient } from \"../../context/ITwinsClientContext\";\nimport { handleError } from \"../../../common/utils\";\n\ntype IITwinTyped = CreateTypeFromInterface<ITwin>;\n\nconst defaultDisplayStrings = {\n  iTwins: \"iTwins\",\n  iTwinNumber: \"Number\",\n  iTwinName: \"Name\",\n  iTwinStatus: \"Status\",\n};\n\nconst tabsWithIcons = [\n  <Tab key=\"favorite\" label=\"Favorite iTwins\" startIcon={<SvgStarHollow />} />,\n  <Tab key=\"recents\" label=\"Recent iTwins\" startIcon={<SvgCalendar />} />,\n  <Tab key=\"all\" label=\"My iTwins\" startIcon={<SvgList />} />,\n];\n\nconst fetchITwins = async (\n  setITwins: (iTwins: ITwin[]) => void,\n  setIsLoading: (isLoading: boolean) => void,\n  getAccessToken: GetAccessTokenFn,\n  iTwinsClient: ITwinsAccessClient,\n  iTwinType: number,\n) => {\n  try {\n    setITwins([]);\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    let iTwinsResponse: ITwinsAPIResponse<ITwin[]>;\n    switch (iTwinType) {\n      case 0:\n        iTwinsResponse = await iTwinsClient.queryFavoritesAsync(accessToken, ITwinSubClass.Project);\n        break;\n      case 1:\n        iTwinsResponse = await iTwinsClient.queryRecentsAsync(accessToken, ITwinSubClass.Project);\n        break;\n      default:\n        iTwinsResponse = await iTwinsClient.queryAsync(accessToken, ITwinSubClass.Project);\n    }\n    setITwins(iTwinsResponse.data!);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\ninterface SelectITwinProps {\n  onSelect: (iTwinId: string) => void;\n  onCancel: () => void;\n  onChangeITwinType: (iTwinType: number) => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n  defaultITwinType?: number;\n}\nconst SelectITwin = ({\n  onSelect,\n  onCancel,\n  onChangeITwinType,\n  displayStrings: userDisplayStrings,\n  defaultITwinType = 0,\n}: SelectITwinProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const iTwinsClient = useITwinsClient();\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [iTwins, setITwins] = useState<ITwin[]>([]);\n  const [iTwinType, setITwinType] = useState<number>(defaultITwinType);\n\n  useEffect(() => {\n    void fetchITwins(setITwins, setIsLoading, getAccessToken, iTwinsClient, iTwinType);\n  }, [getAccessToken, iTwinsClient, setIsLoading, iTwinType]);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const iTwinsColumns = useMemo(\n    () => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"iTwinNumber\",\n            Header: `${displayStrings.iTwinNumber}`,\n            accessor: \"number\",\n            Filter: tableFilters.TextFilter(),\n          },\n          {\n            id: \"iTwinName\",\n            Header: `${displayStrings.iTwinName}`,\n            accessor: \"displayName\",\n            Filter: tableFilters.TextFilter(),\n          },\n          {\n            id: \"iTwinStatus\",\n            Header: `${displayStrings.iTwinStatus}`,\n            accessor: \"status\",\n            Filter: tableFilters.TextFilter(),\n          },\n        ],\n      },\n    ],\n    [displayStrings.iTwinNumber, displayStrings.iTwinName, displayStrings.iTwinStatus]\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-itwin-table-container\">\n      <Tabs\n        orientation=\"horizontal\"\n        labels={tabsWithIcons}\n        onTabSelected={(type) => {\n          onChangeITwinType(type);\n          setITwinType(type);\n        }}\n        activeIndex={iTwinType}\n        type={\"borderless\"}\n        contentClassName=\"gmw-table-holding-tab\">\n      </Tabs>\n      <Table<IITwinTyped>\n        data={iTwins}\n        columns={iTwinsColumns}\n        className='gmw-select-itwin-table'\n        emptyTableContent={`No ${displayStrings.iTwins} 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={onCancel}>Cancel</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectITwin;\n"]}

package/lib/esm/components/Mappings/Import/SelectMappings.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { IMappingTyped } from "../Mappings";
+import "./SelectMapping.scss";
+declare const defaultDisplayStrings: {
+    mappings: string;
+};
+interface SelectMappingsProps {
+    iModelId: string;
+    onSelect: (selectedMappings: IMappingTyped[]) => void;
+    onCancel: () => void;
+    backFn: () => void;
+    displayStrings?: Partial<typeof defaultDisplayStrings>;
+}
+declare const SelectMappings: ({ iModelId, onSelect, onCancel, backFn, displayStrings: userDisplayStrings, }: SelectMappingsProps) => JSX.Element;
+export default SelectMappings;
+//# sourceMappingURL=SelectMappings.d.ts.map

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

@@ -0,0 +1,67 @@
+import { Button, Table, tableFilters, TablePaginator, } from "@itwin/itwinui-react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { useMappingClient } from "../../context/MappingClientContext";
+import "./SelectMapping.scss";
+import { handleError } from "../../../common/utils";
+import { useGroupingMappingApiConfig } from "../../context/GroupingApiConfigContext";
+const defaultDisplayStrings = {
+    mappings: "Mappings",
+};
+const fetchMappings = async (setMappings, iModelId, setIsLoading, getAccessToken, mappingsClient) => {
+    try {
+        setIsLoading(true);
+        const accessToken = await getAccessToken();
+        const mappings = await mappingsClient.getMappings(accessToken, iModelId);
+        setMappings(mappings);
+    }
+    catch (error) {
+        handleError(error.status);
+    }
+    finally {
+        setIsLoading(false);
+    }
+};
+const SelectMappings = ({ iModelId, onSelect, onCancel, backFn, displayStrings: userDisplayStrings, }) => {
+    const { getAccessToken } = useGroupingMappingApiConfig();
+    const mappingClient = useMappingClient();
+    const [isLoading, setIsLoading] = useState(true);
+    const [selectedMappings, setSelectedMappings] = useState([]);
+    const [mappings, setMappings] = useState([]);
+    useEffect(() => {
+        void fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient);
+    }, [getAccessToken, mappingClient, iModelId, setIsLoading]);
+    const displayStrings = React.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const mappingsColumns = useMemo(() => [
+        {
+            Header: "Table",
+            columns: [
+                {
+                    id: "mappingName",
+                    Header: `${displayStrings.mappings}`,
+                    accessor: "mappingName",
+                    Filter: tableFilters.TextFilter(),
+                },
+                {
+                    id: "description",
+                    Header: "Description",
+                    accessor: "description",
+                    Filter: tableFilters.TextFilter(),
+                },
+            ],
+        },
+    ], [displayStrings.mappings]);
+    const pageSizeList = useMemo(() => [10, 25, 50], []);
+    const paginator = useCallback((props) => (React.createElement(TablePaginator, { ...props, pageSizeList: pageSizeList })), [pageSizeList]);
+    return (React.createElement("div", { className: 'gmw-select-mapping-container' },
+        React.createElement(Table, { data: mappings, columns: mappingsColumns, className: 'gmw-select-mapping-table', emptyTableContent: `No ${displayStrings.mappings} available.`, isSortable: true, isSelectable: true, isLoading: isLoading, onSelect: (selectData) => {
+                selectData && setSelectedMappings(selectData);
+            }, paginatorRenderer: paginator }),
+        React.createElement("div", { className: 'gmw-import-action-panel' },
+            React.createElement(Button, { onClick: backFn }, "Back"),
+            React.createElement(Button, { styleType: 'high-visibility', onClick: () => {
+                    onSelect(selectedMappings);
+                }, disabled: isLoading || selectedMappings.length === 0 }, "Next"),
+            React.createElement(Button, { onClick: onCancel }, "Cancel"))));
+};
+export default SelectMappings;
+//# sourceMappingURL=SelectMappings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMappings.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Import/SelectMappings.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 {\n  TablePaginatorRendererProps,\n} from \"@itwin/itwinui-react\";\nimport {\n  Button,\n  Table,\n  tableFilters,\n  TablePaginator,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\nimport type { IMappingTyped } from \"../Mappings\";\nimport \"./SelectMapping.scss\";\nimport { handleError } from \"../../../common/utils\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\n\nconst defaultDisplayStrings = {\n  mappings: \"Mappings\",\n};\n\nconst fetchMappings = async (\n  setMappings: React.Dispatch<React.SetStateAction<Mapping[]>>,\n  iModelId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  getAccessToken: GetAccessTokenFn,\n  mappingsClient: IMappingsClient\n) => {\n  try {\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    const mappings = await mappingsClient.getMappings(accessToken, iModelId);\n    setMappings(mappings);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\ninterface SelectMappingsProps {\n  iModelId: string;\n  onSelect: (selectedMappings: IMappingTyped[]) => void;\n  onCancel: () => void;\n  backFn: () => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nconst SelectMappings = ({\n  iModelId,\n  onSelect,\n  onCancel,\n  backFn,\n  displayStrings: userDisplayStrings,\n}: SelectMappingsProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [selectedMappings, setSelectedMappings] = useState<IMappingTyped[]>([]);\n  const [mappings, setMappings] = useState<Mapping[]>([]);\n\n  useEffect(() => {\n    void fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient);\n  }, [getAccessToken, mappingClient, iModelId, setIsLoading]);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const mappingsColumns = useMemo(\n    () => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"mappingName\",\n            Header: `${displayStrings.mappings}`,\n            accessor: \"mappingName\",\n            Filter: tableFilters.TextFilter(),\n          },\n          {\n            id: \"description\",\n            Header: \"Description\",\n            accessor: \"description\",\n            Filter: tableFilters.TextFilter(),\n          },\n        ],\n      },\n    ],\n    [displayStrings.mappings]\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-mapping-container'>\n      <Table<IMappingTyped>\n        data={mappings}\n        columns={mappingsColumns}\n        className='gmw-select-mapping-table'\n        emptyTableContent={`No ${displayStrings.mappings} available.`}\n        isSortable\n        isSelectable\n        isLoading={isLoading}\n        onSelect={(selectData: IMappingTyped[] | undefined) => {\n          selectData && setSelectedMappings(selectData);\n        }}\n        paginatorRenderer={paginator}\n      />\n      <div className='gmw-import-action-panel'>\n        <Button onClick={backFn}>Back</Button>\n        <Button\n          styleType='high-visibility'\n          onClick={() => {\n            onSelect(selectedMappings);\n          }}\n          disabled={isLoading || selectedMappings.length === 0}\n        >\n          Next\n        </Button>\n        <Button onClick={onCancel}>Cancel</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectMappings;\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"MappingViewActionGroup.js","sourceRoot":"","sources":["../../../../src/components/Mappings/MappingViewActionGroup.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,SAAS,EACT,OAAO,EACP,OAAO,EACP,UAAU,GACX,MAAM,4BAA4B,CAAC;AAWpC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,OAAO,EACP,kBAAkB,EAClB,SAAS,EACT,oBAAoB,EACpB,kBAAkB,GACQ,EAAE,EAAE;IAC9B,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC;YAChC,oBAAoB,CAAC,CAAC,CAAC,CACrB,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;oBACZ,oBAAoB,CAAC,OAAO,CAAC,CAAC;oBAC9B,KAAK,EAAE,CAAC;gBACV,CAAC,EACD,IAAI,EAAE,oBAAC,OAAO,OAAG,aAGR,CACZ,CAAC,CAAC,CAAC,EAAE;YACN,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,KAAK,IAAI,EAAE;oBAClB,KAAK,EAAE,CAAC;oBACR,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC;oBAClC,MAAM,SAAS,EAAE,CAAC;gBACpB,CAAC,EACD,IAAI,EAAE,oBAAC,UAAU,OAAG,IAEnB,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,mBAAmB,CAC9D;YACX,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;oBACZ,kBAAkB,CAAC,OAAO,CAAC,CAAC;oBAC5B,KAAK,EAAE,CAAC;gBACV,CAAC,EACD,IAAI,EAAE,oBAAC,SAAS,OAAG,aAGV;SACZ,CAAC,IAAI,EAAE;QAER,oBAAC,UAAU,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAC,iBAAiB;YACxD,oBAAC,OAAO,OACN,CACS,CACA,CAChB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport {\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n} from \"@itwin/itwinui-react\";\nimport {\n  SvgDelete,\n  SvgEdit,\n  SvgMore,\n  SvgProcess,\n} from \"@itwin/itwinui-icons-react\";\nimport type { Mapping } from \"@itwin/insights-client\";\n\ninterface MappingUIActionGroupProps {\n  mapping: Mapping;\n  onToggleExtraction: (mapping: Mapping) => Promise<void>;\n  onRefresh: () => Promise<void>;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  setShowDeleteModal: (mapping?: Mapping) => void;\n}\n\nexport const MappingUIActionGroup = ({\n  mapping,\n  onToggleExtraction,\n  onRefresh,\n  onClickMappingModify,\n  setShowDeleteModal,\n}: MappingUIActionGroupProps) => {\n  return (\n    <DropdownMenu\n      menuItems={(close: () => void) => [\n        onClickMappingModify ? (\n          <MenuItem\n            key={0}\n            onClick={() => {\n              onClickMappingModify(mapping);\n              close();\n            }}\n            icon={<SvgEdit />}\n          >\n            Modify\n          </MenuItem>\n        ) : [],\n        <MenuItem\n          key={1}\n          onClick={async () => {\n            close();\n            await onToggleExtraction(mapping);\n            await onRefresh();\n          }}\n          icon={<SvgProcess />}\n        >\n          {mapping.extractionEnabled ? \"Disable extraction\" : \"Enable extraction\"}\n        </MenuItem>,\n        <MenuItem\n          key={2}\n          onClick={() => {\n            setShowDeleteModal(mapping);\n            close();\n          }}\n          icon={<SvgDelete />}\n        >\n          Remove\n        </MenuItem>,\n      ].flat()}\n    >\n      <IconButton styleType=\"borderless\" title='Mapping Options'>\n        <SvgMore\n        />\n      </IconButton>\n    </DropdownMenu>\n  );\n};\n"]}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { Mapping } from "@itwin/insights-client";
+import type { CreateTypeFromInterface } from "../../common/utils";
+import type { mappingViewDefaultDisplayStrings } from "./MappingsView";
+export declare type IMappingTyped = CreateTypeFromInterface<Mapping>;
+export interface MappingsProps {
+    onClickAddMapping?: () => void;
+    onClickMappingTitle?: (mapping: Mapping) => void;
+    onClickMappingModify?: (mapping: Mapping) => void;
+    displayStrings?: Partial<typeof mappingViewDefaultDisplayStrings>;
+}
+export declare const Mappings: (props: MappingsProps) => JSX.Element;
+//# sourceMappingURL=Mappings.d.ts.map

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

@@ -0,0 +1,22 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import React, { useCallback } from "react";
+import { useMappingClient } from "../context/MappingClientContext";
+import { useGroupingMappingApiConfig } from "../context/GroupingApiConfigContext";
+import { MappingsView } from "./MappingsView";
+import { useMappingsOperations } from "./hooks/useMappingsOperations";
+import { Alert } from "@itwin/itwinui-react";
+export const Mappings = (props) => {
+    const groupingMappingApiConfig = useGroupingMappingApiConfig();
+    const mappingClient = useMappingClient();
+    const { mappings, isLoading, extractionIconData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, refresh, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction, errorMessage, setErrorMessage, } = useMappingsOperations({ ...groupingMappingApiConfig, mappingClient });
+    const renderAlert = useCallback(() => {
+        if (!errorMessage)
+            return;
+        return (React.createElement(Alert, { type: "negative", onClose: () => setErrorMessage(undefined) }, errorMessage));
+    }, [errorMessage, setErrorMessage]);
+    return (React.createElement(MappingsView, { mappings: mappings, isLoading: isLoading, extractionIconData: extractionIconData, showExtractionMessageModal: showExtractionMessageModal, extractionMessageData: extractionMessageData, setShowExtractionMessageModal: setShowExtractionMessageModal, onRefresh: refresh, onToggleExtraction: toggleExtraction, onDelete: onDelete, showImportModal: showImportModal, setShowImportModal: setShowImportModal, showDeleteModal: showDeleteModal, setShowDeleteModal: setShowDeleteModal, isTogglingExtraction: isTogglingExtraction, alert: renderAlert(), ...props }));
+};
+//# sourceMappingURL=Mappings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Mappings.js","sourceRoot":"","sources":["../../../../src/components/Mappings/Mappings.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAGlF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAW7C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,wBAAwB,GAAG,2BAA2B,EAAE,CAAC;IAC/D,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,0BAA0B,EAC1B,qBAAqB,EACrB,6BAA6B,EAC7B,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,YAAY,EACZ,eAAe,GAChB,GAAG,qBAAqB,CAAC,EAAE,GAAG,wBAAwB,EAAE,aAAa,EAAE,CAAC,CAAC;IAE1E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,IAC7D,YAAY,CACP,CACT,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,oBAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,0BAA0B,EAAE,0BAA0B,EACtD,qBAAqB,EAAE,qBAAqB,EAC5C,6BAA6B,EAAE,6BAA6B,EAC5D,SAAS,EAAE,OAAO,EAClB,kBAAkB,EAAE,gBAAgB,EACpC,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,oBAAoB,EAAE,oBAAoB,EAC1C,KAAK,EAAE,WAAW,EAAE,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React, { useCallback } from \"react\";\nimport { useMappingClient } from \"../context/MappingClientContext\";\nimport type { Mapping } from \"@itwin/insights-client\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport type { CreateTypeFromInterface } from \"../../common/utils\";\nimport type { mappingViewDefaultDisplayStrings } from \"./MappingsView\";\nimport { MappingsView } from \"./MappingsView\";\nimport { useMappingsOperations } from \"./hooks/useMappingsOperations\";\nimport { Alert } from \"@itwin/itwinui-react\";\n\nexport type IMappingTyped = CreateTypeFromInterface<Mapping>;\n\nexport interface MappingsProps {\n  onClickAddMapping?: () => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  displayStrings?: Partial<typeof mappingViewDefaultDisplayStrings>;\n}\n\nexport const Mappings = (props: MappingsProps) => {\n  const groupingMappingApiConfig = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const {\n    mappings,\n    isLoading,\n    extractionIconData,\n    showExtractionMessageModal,\n    extractionMessageData,\n    setShowExtractionMessageModal,\n    refresh,\n    toggleExtraction,\n    onDelete,\n    setShowImportModal,\n    showImportModal,\n    setShowDeleteModal,\n    showDeleteModal,\n    isTogglingExtraction,\n    errorMessage,\n    setErrorMessage,\n  } = useMappingsOperations({ ...groupingMappingApiConfig, mappingClient });\n\n  const renderAlert = useCallback(() => {\n    if (!errorMessage) return;\n    return (\n      <Alert type=\"negative\" onClose={() => setErrorMessage(undefined)}>\n        {errorMessage}\n      </Alert>\n    );\n  }, [errorMessage, setErrorMessage]);\n\n  return (\n    <MappingsView\n      mappings={mappings}\n      isLoading={isLoading}\n      extractionIconData={extractionIconData}\n      showExtractionMessageModal={showExtractionMessageModal}\n      extractionMessageData={extractionMessageData}\n      setShowExtractionMessageModal={setShowExtractionMessageModal}\n      onRefresh={refresh}\n      onToggleExtraction={toggleExtraction}\n      onDelete={onDelete}\n      showImportModal={showImportModal}\n      setShowImportModal={setShowImportModal}\n      showDeleteModal={showDeleteModal}\n      setShowDeleteModal={setShowDeleteModal}\n      isTogglingExtraction={isTogglingExtraction}\n      alert={renderAlert()}\n      {...props}\n    />\n  );\n};\n"]}

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

@@ -0,0 +1,57 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import React from "react";
+import { Button, IconButton, } from "@itwin/itwinui-react";
+import { SvgAdd, SvgImport, SvgRefresh, } from "@itwin/itwinui-icons-react";
+import { EmptyMessage } from "../SharedComponents/EmptyMessage";
+import { LoadingOverlay } from "../SharedComponents/LoadingOverlay";
+import "./MappingsView.scss";
+import DeleteModal from "../SharedComponents/DeleteModal";
+import { MappingImportWizardModal } from "./Import/MappingImportWizardModal";
+import { HorizontalTile } from "../SharedComponents/HorizontalTile";
+import { BlockingOverlay } from "./BlockingOverlay";
+import { MappingUIActionGroup } from "./MappingViewActionGroup";
+import { ExtractionStatusIcon } from "./Extraction/ExtractionStatusIcon";
+import { ExtractionMessageModal } from "./Extraction/ExtractionMessageModal";
+export const mappingViewDefaultDisplayStrings = {
+    mappings: "Mappings",
+    iTwins: "iTwins",
+    iTwinNumber: "Number",
+    iTwinName: "Name",
+    iTwinStatus: "Status",
+    iModels: "iModels",
+    iModelName: "Name",
+    iModelDescription: "Description",
+};
+export const MappingsView = ({ mappings, isLoading, extractionIconData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, isTogglingExtraction, onRefresh, onToggleExtraction, onDelete, showDeleteModal, setShowDeleteModal, displayStrings: userDisplayStrings, showImportModal, setShowImportModal, onClickAddMapping, onClickMappingTitle, onClickMappingModify, alert, }) => {
+    const displayStrings = React.useMemo(() => ({ ...mappingViewDefaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(BlockingOverlay, { isVisible: isTogglingExtraction }),
+        React.createElement("div", { className: "gmw-mappings-view-container" },
+            React.createElement("div", { className: "gmw-table-toolbar" },
+                React.createElement("div", { className: "gmw-button-spacing" },
+                    onClickAddMapping &&
+                        React.createElement(Button, { startIcon: React.createElement(SvgAdd, null), onClick: onClickAddMapping, styleType: "high-visibility", title: "New Mapping" }, "New"),
+                    showImportModal !== undefined && setShowImportModal && React.createElement(IconButton, { title: `Import ${displayStrings.mappings}`, onClick: () => setShowImportModal(true) },
+                        React.createElement(SvgImport, null))),
+                React.createElement("div", { className: "gmw-button-spacing" },
+                    React.createElement(ExtractionStatusIcon, { iconStatus: extractionIconData.iconStatus, onClick: () => {
+                            if (extractionIconData.iconStatus === "negative") {
+                                setShowExtractionMessageModal(true);
+                            }
+                        }, iconMessage: extractionIconData.iconMessage }),
+                    React.createElement(IconButton, { title: "Refresh", onClick: onRefresh, disabled: isLoading, styleType: 'borderless' },
+                        React.createElement(SvgRefresh, null)))),
+            alert,
+            React.createElement("div", { className: 'gmw-mappings-border' }),
+            isLoading ? (React.createElement(LoadingOverlay, null)) : mappings.length === 0 ? (React.createElement(EmptyMessage, { message: `No ${displayStrings.mappings} available.` })) : (React.createElement("div", { className: "gmw-mappings-list" }, mappings.map((mapping) => (React.createElement(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.createElement(MappingUIActionGroup, { mapping: mapping, onToggleExtraction: onToggleExtraction, onRefresh: onRefresh, onClickMappingModify: onClickMappingModify, setShowDeleteModal: setShowDeleteModal }) })))))),
+        React.createElement(ExtractionMessageModal, { isOpen: showExtractionMessageModal, onClose: () => setShowExtractionMessageModal(false), extractionMessageData: extractionMessageData, timestamp: extractionMessageData.length === 0 ? "" : extractionMessageData[0].date }),
+        showDeleteModal &&
+            React.createElement(DeleteModal, { entityName: showDeleteModal?.mappingName, onClose: () => setShowDeleteModal(undefined), onDelete: async () => {
+                    await onDelete(showDeleteModal);
+                }, refresh: onRefresh }),
+        showImportModal && setShowImportModal && React.createElement(MappingImportWizardModal, { show: showImportModal, setShow: setShowImportModal, onFinish: onRefresh, displayStrings: displayStrings })));
+};
+//# sourceMappingURL=MappingsView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MappingsView.js","sourceRoot":"","sources":["../../../../src/components/Mappings/MappingsView.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport type {\n  Alert,\n} from \"@itwin/itwinui-react\";\nimport {\n  Button,\n  IconButton,\n} from \"@itwin/itwinui-react\";\nimport {\n  SvgAdd,\n  SvgImport,\n  SvgRefresh,\n} from \"@itwin/itwinui-icons-react\";\nimport { EmptyMessage } from \"../SharedComponents/EmptyMessage\";\nimport { LoadingOverlay } from \"../SharedComponents/LoadingOverlay\";\nimport \"./MappingsView.scss\";\nimport DeleteModal from \"../SharedComponents/DeleteModal\";\nimport { MappingImportWizardModal } from \"./Import/MappingImportWizardModal\";\nimport { HorizontalTile } from \"../SharedComponents/HorizontalTile\";\nimport type { Mapping } from \"@itwin/insights-client\";\nimport { BlockingOverlay } from \"./BlockingOverlay\";\nimport { MappingUIActionGroup } from \"./MappingViewActionGroup\";\nimport type { ExtractionMessageData } from \"./hooks/useMappingsOperations\";\nimport type { ExtractionIconData } from \"./hooks/useMappingsOperations\";\nimport { ExtractionStatusIcon } from \"./Extraction/ExtractionStatusIcon\";\nimport { ExtractionMessageModal } from \"./Extraction/ExtractionMessageModal\";\n\nexport const mappingViewDefaultDisplayStrings = {\n  mappings: \"Mappings\",\n  iTwins: \"iTwins\",\n  iTwinNumber: \"Number\",\n  iTwinName: \"Name\",\n  iTwinStatus: \"Status\",\n  iModels: \"iModels\",\n  iModelName: \"Name\",\n  iModelDescription: \"Description\",\n};\n\nexport interface MappingsViewProps {\n  mappings: Mapping[];\n  isLoading: boolean;\n  extractionIconData: ExtractionIconData;\n  showExtractionMessageModal: boolean;\n  extractionMessageData: ExtractionMessageData[];\n  setShowExtractionMessageModal: (show: boolean) => void;\n  isTogglingExtraction: boolean;\n  onRefresh: () => Promise<void>;\n  onToggleExtraction: (mapping: Mapping) => Promise<void>;\n  onDelete: (mapping: Mapping) => Promise<void>;\n  showDeleteModal: Mapping | undefined;\n  setShowDeleteModal: (mapping?: Mapping) => void;\n  displayStrings?: Partial<typeof mappingViewDefaultDisplayStrings>;\n  showImportModal?: boolean;\n  setShowImportModal?: (show: boolean) => void;\n  onClickAddMapping?: () => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  alert?: React.ReactElement<typeof Alert>;\n}\n\nexport const MappingsView = ({\n  mappings,\n  isLoading,\n  extractionIconData,\n  showExtractionMessageModal,\n  extractionMessageData,\n  setShowExtractionMessageModal,\n  isTogglingExtraction,\n  onRefresh,\n  onToggleExtraction,\n  onDelete,\n  showDeleteModal,\n  setShowDeleteModal,\n  displayStrings: userDisplayStrings,\n  showImportModal,\n  setShowImportModal,\n  onClickAddMapping,\n  onClickMappingTitle,\n  onClickMappingModify,\n  alert,\n}: MappingsViewProps) => {\n  const displayStrings = React.useMemo(\n    () => ({ ...mappingViewDefaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  return (\n    <>\n      <BlockingOverlay isVisible={isTogglingExtraction} />\n      <div className=\"gmw-mappings-view-container\">\n        <div className=\"gmw-table-toolbar\">\n          <div className=\"gmw-button-spacing\">\n            {onClickAddMapping &&\n              <Button\n                startIcon={<SvgAdd />}\n                onClick={onClickAddMapping}\n                styleType=\"high-visibility\"\n                title=\"New Mapping\"\n              >\n                New\n              </Button>\n            }\n            {showImportModal !== undefined && setShowImportModal && <IconButton\n              title={`Import ${displayStrings.mappings}`}\n              onClick={() => setShowImportModal(true)}\n            >\n              <SvgImport />\n            </IconButton>\n            }\n          </div>\n          <div className=\"gmw-button-spacing\">\n            <ExtractionStatusIcon\n              iconStatus={extractionIconData.iconStatus}\n              onClick={() => {\n                if (extractionIconData.iconStatus === \"negative\") {\n                  setShowExtractionMessageModal(true);\n                }\n              }}\n              iconMessage={extractionIconData.iconMessage}\n            />\n            <IconButton\n              title=\"Refresh\"\n              onClick={onRefresh}\n              disabled={isLoading}\n              styleType='borderless'\n            >\n              <SvgRefresh />\n            </IconButton>\n          </div>\n        </div>\n        {alert}\n        <div className='gmw-mappings-border' />\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : mappings.length === 0 ? (\n          <EmptyMessage message={`No ${displayStrings.mappings} available.`} />\n        ) : (\n          <div className=\"gmw-mappings-list\">\n            {mappings.map((mapping) => (\n              <HorizontalTile\n                key={mapping.id}\n                title={mapping.mappingName ? mapping.mappingName : \"Untitled\"}\n                subText={mapping.description ?? \"\"}\n                subtextToolTip={mapping.description ?? \"\"}\n                titleTooltip={mapping.mappingName}\n                onClickTitle={onClickMappingTitle ? () => onClickMappingTitle(mapping) : undefined}\n                actionGroup={\n                  <MappingUIActionGroup\n                    mapping={mapping}\n                    onToggleExtraction={onToggleExtraction}\n                    onRefresh={onRefresh}\n                    onClickMappingModify={onClickMappingModify}\n                    setShowDeleteModal={setShowDeleteModal}\n                  />\n                }\n              />\n            ))}\n          </div>\n        )}\n      </div>\n      <ExtractionMessageModal\n        isOpen={showExtractionMessageModal}\n        onClose={() => setShowExtractionMessageModal(false)}\n        extractionMessageData={extractionMessageData}\n        timestamp={extractionMessageData.length === 0 ? \"\" : extractionMessageData[0].date}\n      />\n      {showDeleteModal &&\n        <DeleteModal\n          entityName={showDeleteModal?.mappingName}\n          onClose={() => setShowDeleteModal(undefined)}\n          onDelete={async () => {\n            await onDelete(showDeleteModal);\n          }}\n          refresh={onRefresh}\n        />\n      }\n      {showImportModal && setShowImportModal && <MappingImportWizardModal\n        show={showImportModal}\n        setShow={setShowImportModal}\n        onFinish={onRefresh}\n        displayStrings={displayStrings}\n      />}\n    </>\n  );\n};\n"]}

package/lib/esm/components/Mappings/hooks/useMappingsOperations.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import type { IMappingsClient, Mapping } from "@itwin/insights-client";
+import type { GroupingMappingApiConfig } from "../../context/GroupingApiConfigContext";
+export interface MappingsOperationsProps extends GroupingMappingApiConfig {
+    mappingClient: IMappingsClient;
+}
+export interface ExtractionMessageData {
+    date: string;
+    category: string;
+    level: string;
+    message: string;
+}
+export interface ExtractionIconData {
+    iconStatus: "negative" | "positive" | "warning";
+    iconMessage: string;
+}
+export declare const useMappingsOperations: ({ iModelId, getAccessToken, mappingClient }: MappingsOperationsProps) => {
+    mappings: Mapping[];
+    isLoading: boolean;
+    extractionIconData: ExtractionIconData;
+    showExtractionMessageModal: boolean;
+    extractionMessageData: ExtractionMessageData[];
+    setShowExtractionMessageModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    refresh: () => Promise<void>;
+    toggleExtraction: (mapping: Mapping) => Promise<void>;
+    onDelete: (mapping: Mapping) => Promise<void>;
+    setShowImportModal: import("react").Dispatch<import("react").SetStateAction<boolean | undefined>>;
+    showImportModal: boolean | undefined;
+    setShowDeleteModal: import("react").Dispatch<import("react").SetStateAction<Mapping | undefined>>;
+    showDeleteModal: Mapping | undefined;
+    isTogglingExtraction: boolean;
+    errorMessage: string | undefined;
+    setErrorMessage: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+};
+//# sourceMappingURL=useMappingsOperations.d.ts.map

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

@@ -0,0 +1,116 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { useCallback, useEffect, useState } from "react";
+import { getErrorMessage } from "../../../common/utils";
+import { useExtractionClient } from "../../context/ExtractionClientContext";
+const fetchMappings = async (setMappings, iModelId, setIsLoading, getAccessToken, mappingsClient, setErrorMessage) => {
+    try {
+        setIsLoading(true);
+        const accessToken = await getAccessToken();
+        const mappings = await mappingsClient.getMappings(accessToken, iModelId);
+        setMappings(mappings.sort((a, b) => a.mappingName.localeCompare(b.mappingName)));
+    }
+    catch (error) {
+        setErrorMessage(getErrorMessage(error.status));
+    }
+    finally {
+        setIsLoading(false);
+    }
+};
+const fetchExtractionStatus = async (iModelId, getAccessToken, extractionClient, setExtractionIconData, setExtractionMessageData) => {
+    setExtractionIconData({
+        iconStatus: "warning",
+        iconMessage: "Extraction status pending.",
+    });
+    try {
+        const accessToken = await getAccessToken();
+        const extractions = await extractionClient.getExtractionHistory(accessToken, iModelId, 1);
+        if (extractions.length === 0) {
+            setExtractionIconData({
+                iconStatus: "negative",
+                iconMessage: "No extraction found.",
+            });
+        }
+        else {
+            const jobId = extractions[0].jobId;
+            const status = await extractionClient.getExtractionStatus(accessToken, jobId);
+            if (status.containsIssues) {
+                setExtractionIconData({
+                    iconStatus: "negative",
+                    iconMessage: "Extraction contains issues. Click to view extraction logs.",
+                });
+                const logs = await extractionClient.getExtractionLogs(accessToken, jobId);
+                const filteredLogs = logs.filter((log) => log.message !== null);
+                const extractionMessageData = filteredLogs.map((filteredLog) => ({
+                    date: filteredLog.dateTime,
+                    category: filteredLog.category,
+                    level: filteredLog.level,
+                    message: String(filteredLog.message),
+                }));
+                setExtractionMessageData(extractionMessageData);
+            }
+            else {
+                setExtractionIconData({
+                    iconStatus: "positive",
+                    iconMessage: "Extraction successful.",
+                });
+            }
+        }
+    }
+    catch (error) {
+        setExtractionIconData({
+            iconStatus: "negative",
+            iconMessage: "Operation failed. Please try again.",
+        });
+    }
+};
+export const useMappingsOperations = ({ iModelId, getAccessToken, mappingClient }) => {
+    const [showImportModal, setShowImportModal] = useState(false);
+    const [showDeleteModal, setShowDeleteModal] = useState(undefined);
+    const [isLoading, setIsLoading] = useState(true);
+    const [mappings, setMappings] = useState([]);
+    const extractionClient = useExtractionClient();
+    const [errorMessage, setErrorMessage] = useState(undefined);
+    const [isTogglingExtraction, setIsTogglingExtraction] = useState(false);
+    const [extractionIconData, setExtractionIconData] = useState({
+        iconStatus: "warning",
+        iconMessage: "",
+    });
+    const [showExtractionMessageModal, setShowExtractionMessageModal] = useState(false);
+    const [extractionMessageData, setExtractionMessageData] = useState([]);
+    useEffect(() => {
+        void fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient, setErrorMessage);
+    }, [getAccessToken, mappingClient, iModelId]);
+    useEffect(() => {
+        void fetchExtractionStatus(iModelId, getAccessToken, extractionClient, setExtractionIconData, setExtractionMessageData);
+    }, [iModelId, getAccessToken, extractionClient]);
+    const refresh = useCallback(async () => {
+        setMappings([]);
+        await fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient, setErrorMessage);
+    }, [getAccessToken, mappingClient, iModelId]);
+    const toggleExtraction = useCallback(async (mapping) => {
+        try {
+            setIsTogglingExtraction(true);
+            const newState = !mapping.extractionEnabled;
+            const accessToken = await getAccessToken();
+            await mappingClient.updateMapping(accessToken, iModelId, mapping.id, {
+                extractionEnabled: newState,
+            });
+        }
+        catch (error) {
+            setErrorMessage(getErrorMessage(error.status));
+        }
+        finally {
+            setIsTogglingExtraction(false);
+        }
+    }, [getAccessToken, iModelId, mappingClient]);
+    const onDelete = async (mapping) => {
+        const accessToken = await getAccessToken();
+        await mappingClient.deleteMapping(accessToken, iModelId, mapping.id);
+        await refresh();
+    };
+    return { mappings, isLoading, extractionIconData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, refresh, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction, errorMessage, setErrorMessage };
+};
+//# sourceMappingURL=useMappingsOperations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMappingsOperations.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/hooks/useMappingsOperations.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { useCallback, useEffect, useState } from \"react\";\nimport { getErrorMessage } from \"../../../common/utils\";\nimport type { IExtractionClient, IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport type { GroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\nimport { useExtractionClient } from \"../../context/ExtractionClientContext\";\n\nconst fetchMappings = async (\n  setMappings: React.Dispatch<React.SetStateAction<Mapping[]>>,\n  iModelId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  getAccessToken: GetAccessTokenFn,\n  mappingsClient: IMappingsClient,\n  setErrorMessage: (message: string | undefined) => void\n) => {\n  try {\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    const mappings = await mappingsClient.getMappings(accessToken, iModelId);\n    setMappings(mappings.sort((a, b) => a.mappingName.localeCompare(b.mappingName)));\n  } catch (error: any) {\n    setErrorMessage(getErrorMessage(error.status));\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nconst fetchExtractionStatus = async (\n  iModelId: string,\n  getAccessToken: GetAccessTokenFn,\n  extractionClient: IExtractionClient,\n  setExtractionIconData: React.Dispatch<React.SetStateAction<ExtractionIconData>>,\n  setExtractionMessageData: React.Dispatch<React.SetStateAction<ExtractionMessageData[]>>\n) => {\n  setExtractionIconData({\n    iconStatus: \"warning\",\n    iconMessage: \"Extraction status pending.\",\n  });\n  try {\n    const accessToken = await getAccessToken();\n    const extractions = await extractionClient.getExtractionHistory(accessToken, iModelId, 1);\n    if (extractions.length === 0) {\n      setExtractionIconData({\n        iconStatus: \"negative\",\n        iconMessage: \"No extraction found.\",\n      });\n    } else {\n      const jobId = extractions[0].jobId;\n      const status = await extractionClient.getExtractionStatus(accessToken, jobId);\n      if (status.containsIssues) {\n        setExtractionIconData({\n          iconStatus: \"negative\",\n          iconMessage: \"Extraction contains issues. Click to view extraction logs.\",\n        });\n        const logs = await extractionClient.getExtractionLogs(accessToken, jobId);\n        const filteredLogs = logs.filter((log) => log.message !== null);\n        const extractionMessageData = filteredLogs.map((filteredLog) => ({\n          date: filteredLog.dateTime,\n          category: filteredLog.category,\n          level: filteredLog.level,\n          message: String(filteredLog.message),\n        }));\n        setExtractionMessageData(extractionMessageData);\n      } else {\n        setExtractionIconData({\n          iconStatus: \"positive\",\n          iconMessage: \"Extraction successful.\",\n        });\n      }\n    }\n  } catch (error: any) {\n    setExtractionIconData({\n      iconStatus: \"negative\",\n      iconMessage: \"Operation failed. Please try again.\",\n    });\n  }\n};\n\nexport interface MappingsOperationsProps extends GroupingMappingApiConfig {\n  mappingClient: IMappingsClient;\n}\n\nexport interface ExtractionMessageData {\n  date: string;\n  category: string;\n  level: string;\n  message: string;\n}\n\nexport interface ExtractionIconData {\n  iconStatus: \"negative\" | \"positive\" | \"warning\";\n  iconMessage: string;\n}\n\nexport const useMappingsOperations = ({ iModelId, getAccessToken, mappingClient }: MappingsOperationsProps) => {\n  const [showImportModal, setShowImportModal] = useState<boolean | undefined>(false);\n  const [showDeleteModal, setShowDeleteModal] = useState<Mapping | undefined>(undefined);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [mappings, setMappings] = useState<Mapping[]>([]);\n  const extractionClient = useExtractionClient();\n  const [errorMessage, setErrorMessage] = useState<string | undefined>(undefined);\n  const [isTogglingExtraction, setIsTogglingExtraction] = useState<boolean>(false);\n  const [extractionIconData, setExtractionIconData] = useState<ExtractionIconData>({\n    iconStatus: \"warning\",\n    iconMessage: \"\",\n  });\n  const [showExtractionMessageModal, setShowExtractionMessageModal] = useState<boolean>(false);\n  const [extractionMessageData, setExtractionMessageData] = useState<ExtractionMessageData[]>([]);\n\n  useEffect(() => {\n    void fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient, setErrorMessage);\n  }, [getAccessToken, mappingClient, iModelId]);\n\n  useEffect(() => {\n    void fetchExtractionStatus(\n      iModelId,\n      getAccessToken,\n      extractionClient,\n      setExtractionIconData,\n      setExtractionMessageData\n    );\n  }, [iModelId, getAccessToken, extractionClient]);\n\n  const refresh = useCallback(async () => {\n    setMappings([]);\n    await fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient, setErrorMessage);\n  }, [getAccessToken, mappingClient, iModelId]);\n\n  const toggleExtraction = useCallback(async (mapping: Mapping) => {\n    try {\n      setIsTogglingExtraction(true);\n      const newState = !mapping.extractionEnabled;\n      const accessToken = await getAccessToken();\n      await mappingClient.updateMapping(accessToken, iModelId, mapping.id, {\n        extractionEnabled: newState,\n      });\n    } catch (error: any) {\n      setErrorMessage(getErrorMessage(error.status));\n    } finally {\n      setIsTogglingExtraction(false);\n    }\n  }, [getAccessToken, iModelId, mappingClient]);\n\n  const onDelete = async (mapping: Mapping) => {\n    const accessToken = await getAccessToken();\n    await mappingClient.deleteMapping(accessToken, iModelId, mapping.id);\n    await refresh();\n  };\n\n  return { mappings, isLoading, extractionIconData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, refresh, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction, errorMessage, setErrorMessage };\n};\n"]}

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

@@ -0,0 +1,58 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { Fieldset, Text, } from "@itwin/itwinui-react";
+import React, { useState } from "react";
+import ActionPanel from "../../SharedComponents/ActionPanel";
+import useValidator from "../hooks/useValidator";
+import "./CalculatedPropertyAction.scss";
+import { CalculatedPropertyType } from "@itwin/insights-client";
+import { SharedCalculatedPropertyForms } from "./SharedCalculatedPropertyForms";
+import { handleError } from "../../../common/utils";
+import { useGroupingMappingApiConfig } from "../../context/GroupingApiConfigContext";
+import { useMappingClient } from "../../context/MappingClientContext";
+export const CalculatedPropertyAction = ({ mappingId, group, calculatedProperty, onSaveSuccess, onClickCancel, }) => {
+    const { getAccessToken, iModelId } = useGroupingMappingApiConfig();
+    const mappingClient = useMappingClient();
+    const [propertyName, setPropertyName] = useState(calculatedProperty?.propertyName ?? "");
+    const [type, setType] = useState(calculatedProperty?.type);
+    const [isLoading, setIsLoading] = useState(false);
+    const [validator, showValidationMessage] = useValidator();
+    const onSave = async () => {
+        if (!validator.allValid() || !type) {
+            showValidationMessage(true);
+            return;
+        }
+        try {
+            setIsLoading(true);
+            const accessToken = await getAccessToken();
+            calculatedProperty
+                ? await mappingClient.updateCalculatedProperty(accessToken, iModelId, mappingId, group.id, calculatedProperty.id, {
+                    propertyName,
+                    type,
+                })
+                : await mappingClient.createCalculatedProperty(accessToken, iModelId, mappingId, group.id, {
+                    propertyName,
+                    type,
+                });
+            onSaveSuccess();
+            setPropertyName("");
+            setType(CalculatedPropertyType.Undefined);
+        }
+        catch (error) {
+            handleError(error.status);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: 'gmw-calculated-properties-action-container' },
+            React.createElement(Fieldset, { legend: 'Calculated Property Details', className: 'gmw-details-form' },
+                React.createElement("div", { className: 'gmw-field-legend-container' },
+                    React.createElement(Text, { variant: 'small', as: 'small', className: 'gmw-field-legend' }, "Asterisk * indicates mandatory fields.")),
+                React.createElement(SharedCalculatedPropertyForms, { validator: validator, propertyName: propertyName, setPropertyName: setPropertyName, type: type, setType: setType }))),
+        React.createElement(ActionPanel, { onSave: onSave, onCancel: onClickCancel, isSavingDisabled: !(type && propertyName), isLoading: isLoading })));
+};
+//# sourceMappingURL=CalculatedPropertyAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalculatedPropertyAction.js","sourceRoot":"","sources":["../../../../../src/components/Properties/CalculatedProperties/CalculatedPropertyAction.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  Fieldset,\n  Text,\n} from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport ActionPanel from \"../../SharedComponents/ActionPanel\";\nimport useValidator from \"../hooks/useValidator\";\nimport \"./CalculatedPropertyAction.scss\";\nimport type { CalculatedProperty, Group } from \"@itwin/insights-client\";\nimport { CalculatedPropertyType } from \"@itwin/insights-client\";\nimport { SharedCalculatedPropertyForms } from \"./SharedCalculatedPropertyForms\";\nimport { handleError } from \"../../../common/utils\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\n\nexport interface CalculatedPropertyActionProps {\n  mappingId: string;\n  group: Group;\n  calculatedProperty?: CalculatedProperty;\n  onSaveSuccess: () => void;\n  onClickCancel?: () => void;\n}\n\nexport const CalculatedPropertyAction = ({\n  mappingId,\n  group,\n  calculatedProperty,\n  onSaveSuccess,\n  onClickCancel,\n}: CalculatedPropertyActionProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [propertyName, setPropertyName] = useState<string>(\n    calculatedProperty?.propertyName ?? \"\",\n  );\n  const [type, setType] = useState<CalculatedPropertyType | undefined>(calculatedProperty?.type);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [validator, showValidationMessage] = useValidator();\n\n  const onSave = async () => {\n    if (!validator.allValid() || !type) {\n      showValidationMessage(true);\n      return;\n    }\n    try {\n      setIsLoading(true);\n\n      const accessToken = await getAccessToken();\n\n      calculatedProperty\n        ? await mappingClient.updateCalculatedProperty(\n          accessToken,\n          iModelId,\n          mappingId,\n          group.id,\n          calculatedProperty.id,\n          {\n            propertyName,\n            type,\n          },\n        )\n        : await mappingClient.createCalculatedProperty(\n          accessToken,\n          iModelId,\n          mappingId,\n          group.id,\n          {\n            propertyName,\n            type,\n          },\n        );\n      onSaveSuccess();\n      setPropertyName(\"\");\n      setType(CalculatedPropertyType.Undefined);\n    } catch (error: any) {\n      handleError(error.status);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <>\n      <div className='gmw-calculated-properties-action-container'>\n        <Fieldset legend='Calculated Property Details' className='gmw-details-form'>\n          <div className='gmw-field-legend-container'>\n            <Text variant='small' as='small' className='gmw-field-legend'>\n              Asterisk * indicates mandatory fields.\n            </Text>\n          </div>\n          <SharedCalculatedPropertyForms\n            validator={validator}\n            propertyName={propertyName}\n            setPropertyName={setPropertyName}\n            type={type}\n            setType={setType}\n          />\n        </Fieldset>\n      </div>\n      <ActionPanel\n        onSave={onSave}\n        onCancel={onClickCancel}\n        isSavingDisabled={!(type && propertyName)}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n"]}