@itwin/grouping-mapping-widget 0.21.1 → 0.22.0

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

@@ -2,21 +2,15 @@
 * 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 React 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, extractionStatusIcon, 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, extractionStatusData: extractionStatusIcon, 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 }));
+    const { mappings, isLoading, showExtractionMessageModal, extractionStatus, setShowExtractionMessageModal, refreshMappings, refreshExtractionStatus, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction, } = useMappingsOperations({ ...groupingMappingApiConfig, mappingClient });
+    return (React.createElement(MappingsView, { mappings: mappings ?? [], isLoading: isLoading, extractionStatusData: extractionStatus.extractionStatusIcon, showExtractionMessageModal: showExtractionMessageModal, extractionMessageData: extractionStatus.extractionMessageData, setShowExtractionMessageModal: setShowExtractionMessageModal, onRefreshMappings: refreshMappings, onRefreshExtractionStatus: refreshExtractionStatus, onToggleExtraction: toggleExtraction, onDelete: onDelete, showImportModal: showImportModal, setShowImportModal: setShowImportModal, showDeleteModal: showDeleteModal, setShowDeleteModal: setShowDeleteModal, isTogglingExtraction: isTogglingExtraction, ...props }));
 };
 //# sourceMappingURL=Mappings.js.map

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

@@ -1 +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,oBAAoB,EACpB,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,oBAAoB,EAAE,oBAAoB,EAC1C,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    extractionStatusIcon,\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      extractionStatusData={extractionStatusIcon}\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"]}
+{"version":3,"file":"Mappings.js","sourceRoot":"","sources":["../../../../src/components/Mappings/Mappings.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,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;AAWtE,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,0BAA0B,EAC1B,gBAAgB,EAChB,6BAA6B,EAC7B,eAAe,EACf,uBAAuB,EACvB,gBAAgB,EAChB,QAAQ,EACR,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,oBAAoB,GACrB,GAAG,qBAAqB,CAAC,EAAE,GAAG,wBAAwB,EAAE,aAAa,EAAE,CAAC,CAAC;IAE1E,OAAO,CACL,oBAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,IAAI,EAAE,EACxB,SAAS,EAAE,SAAS,EACpB,oBAAoB,EAAE,gBAAgB,CAAC,oBAAoB,EAC3D,0BAA0B,EAAE,0BAA0B,EACtD,qBAAqB,EAAE,gBAAgB,CAAC,qBAAqB,EAC7D,6BAA6B,EAAE,6BAA6B,EAC5D,iBAAiB,EAAE,eAAe,EAClC,yBAAyB,EAAE,uBAAuB,EAClD,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,KACtC,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 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\";\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    showExtractionMessageModal,\n    extractionStatus,\n    setShowExtractionMessageModal,\n    refreshMappings,\n    refreshExtractionStatus,\n    toggleExtraction,\n    onDelete,\n    setShowImportModal,\n    showImportModal,\n    setShowDeleteModal,\n    showDeleteModal,\n    isTogglingExtraction,\n  } = useMappingsOperations({ ...groupingMappingApiConfig, mappingClient });\n\n  return (\n    <MappingsView\n      mappings={mappings ?? []}\n      isLoading={isLoading}\n      extractionStatusData={extractionStatus.extractionStatusIcon}\n      showExtractionMessageModal={showExtractionMessageModal}\n      extractionMessageData={extractionStatus.extractionMessageData}\n      setShowExtractionMessageModal={setShowExtractionMessageModal}\n      onRefreshMappings={refreshMappings}\n      onRefreshExtractionStatus={refreshExtractionStatus}\n      onToggleExtraction={toggleExtraction}\n      onDelete={onDelete}\n      showImportModal={showImportModal}\n      setShowImportModal={setShowImportModal}\n      showDeleteModal={showDeleteModal}\n      setShowDeleteModal={setShowDeleteModal}\n      isTogglingExtraction={isTogglingExtraction}\n      {...props}\n    />\n  );\n};\n"]}

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

@@ -2,8 +2,8 @@ import React from "react";
 import type { Alert } from "@itwin/itwinui-react";
 import "./MappingsView.scss";
 import type { Mapping } from "@itwin/insights-client";
-import type { ExtractionMessageData } from "../context/ExtractionStatusDataContext";
-import type { ExtractionStatusData } from "../context/ExtractionStatusDataContext";
+import type { ExtractionStatusData } from "./Extraction/ExtractionStatusIcon";
+import type { ExtractionMessageData } from "./Extraction/ExtractionMessageModal";
 export declare const mappingViewDefaultDisplayStrings: {
     mappings: string;
     iTwins: string;
@@ -22,7 +22,8 @@ export interface MappingsViewProps {
     extractionMessageData: ExtractionMessageData[];
     setShowExtractionMessageModal: (show: boolean) => void;
     isTogglingExtraction: boolean;
-    onRefresh: () => Promise<void>;
+    onRefreshMappings: () => Promise<void>;
+    onRefreshExtractionStatus: () => Promise<void>;
     onToggleExtraction: (mapping: Mapping) => Promise<void>;
     onDelete: (mapping: Mapping) => Promise<void>;
     showDeleteModal: Mapping | undefined;
@@ -35,5 +36,5 @@ export interface MappingsViewProps {
     onClickMappingModify?: (mapping: Mapping) => void;
     alert?: React.ReactElement<typeof Alert>;
 }
-export declare const MappingsView: ({ mappings, isLoading, extractionStatusData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, isTogglingExtraction, onRefresh, onToggleExtraction, onDelete, showDeleteModal, setShowDeleteModal, displayStrings: userDisplayStrings, showImportModal, setShowImportModal, onClickAddMapping, onClickMappingTitle, onClickMappingModify, alert, }: MappingsViewProps) => JSX.Element;
+export declare const MappingsView: ({ mappings, isLoading, extractionStatusData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, isTogglingExtraction, onRefreshMappings, onRefreshExtractionStatus, onToggleExtraction, onDelete, showDeleteModal, setShowDeleteModal, displayStrings: userDisplayStrings, showImportModal, setShowImportModal, onClickAddMapping, onClickMappingTitle, onClickMappingModify, alert, }: MappingsViewProps) => JSX.Element;
 //# sourceMappingURL=MappingsView.d.ts.map

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

@@ -2,7 +2,7 @@
 * 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 React, { useCallback } from "react";
 import { Button, IconButton, } from "@itwin/itwinui-react";
 import { SvgAdd, SvgImport, SvgRefresh, } from "@itwin/itwinui-icons-react";
 import { EmptyMessage } from "../SharedComponents/EmptyMessage";
@@ -25,8 +25,11 @@ export const mappingViewDefaultDisplayStrings = {
     iModelName: "Name",
     iModelDescription: "Description",
 };
-export const MappingsView = ({ mappings, isLoading, extractionStatusData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, isTogglingExtraction, onRefresh, onToggleExtraction, onDelete, showDeleteModal, setShowDeleteModal, displayStrings: userDisplayStrings, showImportModal, setShowImportModal, onClickAddMapping, onClickMappingTitle, onClickMappingModify, alert, }) => {
+export const MappingsView = ({ mappings, isLoading, extractionStatusData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, isTogglingExtraction, onRefreshMappings, onRefreshExtractionStatus, onToggleExtraction, onDelete, showDeleteModal, setShowDeleteModal, displayStrings: userDisplayStrings, showImportModal, setShowImportModal, onClickAddMapping, onClickMappingTitle, onClickMappingModify, alert, }) => {
     const displayStrings = React.useMemo(() => ({ ...mappingViewDefaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const refreshAll = useCallback(async () => {
+        await Promise.all([onRefreshMappings(), onRefreshExtractionStatus()]);
+    }, [onRefreshMappings, onRefreshExtractionStatus]);
     return (React.createElement(React.Fragment, null,
         React.createElement(BlockingOverlay, { isVisible: isTogglingExtraction }),
         React.createElement("div", { className: "gmw-mappings-view-container" },
@@ -42,16 +45,16 @@ export const MappingsView = ({ mappings, isLoading, extractionStatusData, showEx
                                 setShowExtractionMessageModal(true);
                             }
                         }, iconMessage: extractionStatusData.iconMessage }),
-                    React.createElement(IconButton, { title: "Refresh", onClick: onRefresh, disabled: isLoading, styleType: 'borderless' },
+                    React.createElement(IconButton, { title: "Refresh", onClick: refreshAll, 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 }),
+            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: onRefreshMappings, onClickMappingModify: onClickMappingModify, setShowDeleteModal: setShowDeleteModal }) })))))),
+        showExtractionMessageModal && 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 })));
+                } }),
+        showImportModal && setShowImportModal && React.createElement(MappingImportWizardModal, { show: showImportModal, setShow: setShowImportModal, onFinish: onRefreshMappings, displayStrings: displayStrings })));
 };
 //# sourceMappingURL=MappingsView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MappingsView.js","sourceRoot":"","sources":["../../../../src/components/Mappings/MappingsView.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React 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 \"../context/ExtractionStatusDataContext\";\nimport type { ExtractionStatusData } from \"../context/ExtractionStatusDataContext\";\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  extractionStatusData: ExtractionStatusData;\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  extractionStatusData,\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={extractionStatusData.iconStatus}\n              onClick={() => {\n                if (extractionStatusData.iconStatus === \"negative\") {\n                  setShowExtractionMessageModal(true);\n                }\n              }}\n              iconMessage={extractionStatusData.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"]}
+{"version":3,"file":"MappingsView.js","sourceRoot":"","sources":["../../../../src/components/Mappings/MappingsView.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React, { useCallback } 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 { ExtractionStatusData } from \"./Extraction/ExtractionStatusIcon\";\nimport { ExtractionStatusIcon } from \"./Extraction/ExtractionStatusIcon\";\nimport type { ExtractionMessageData } from \"./Extraction/ExtractionMessageModal\";\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  extractionStatusData: ExtractionStatusData;\n  showExtractionMessageModal: boolean;\n  extractionMessageData: ExtractionMessageData[];\n  setShowExtractionMessageModal: (show: boolean) => void;\n  isTogglingExtraction: boolean;\n  onRefreshMappings: () => Promise<void>;\n  onRefreshExtractionStatus: () => Promise<void>;\n  onToggleExtraction: (mapping: Mapping) => Promise<void>;\n  onDelete: (mapping: Mapping) => Promise<void>;\n  showDeleteModal: Mapping | undefined;\n  setShowDeleteModal: (mapping?: Mapping) => void;\n  displayStrings?: Partial<typeof mappingViewDefaultDisplayStrings>;\n  showImportModal?: boolean;\n  setShowImportModal?: (show: boolean) => void;\n  onClickAddMapping?: () => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  alert?: React.ReactElement<typeof Alert>;\n}\n\nexport const MappingsView = ({\n  mappings,\n  isLoading,\n  extractionStatusData,\n  showExtractionMessageModal,\n  extractionMessageData,\n  setShowExtractionMessageModal,\n  isTogglingExtraction,\n  onRefreshMappings,\n  onRefreshExtractionStatus,\n  onToggleExtraction,\n  onDelete,\n  showDeleteModal,\n  setShowDeleteModal,\n  displayStrings: userDisplayStrings,\n  showImportModal,\n  setShowImportModal,\n  onClickAddMapping,\n  onClickMappingTitle,\n  onClickMappingModify,\n  alert,\n}: MappingsViewProps) => {\n  const displayStrings = React.useMemo(\n    () => ({ ...mappingViewDefaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const refreshAll = useCallback(async () => {\n    await Promise.all([onRefreshMappings(), onRefreshExtractionStatus()]);\n  }, [onRefreshMappings, onRefreshExtractionStatus]);\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={extractionStatusData.iconStatus}\n              onClick={() => {\n                if (extractionStatusData.iconStatus === \"negative\") {\n                  setShowExtractionMessageModal(true);\n                }\n              }}\n              iconMessage={extractionStatusData.iconMessage}\n            />\n            <IconButton\n              title=\"Refresh\"\n              onClick={refreshAll}\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={onRefreshMappings}\n                    onClickMappingModify={onClickMappingModify}\n                    setShowDeleteModal={setShowDeleteModal}\n                  />\n                }\n              />\n            ))}\n          </div>\n        )}\n      </div>\n      {showExtractionMessageModal && <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        />\n      }\n      {showImportModal && setShowImportModal && <MappingImportWizardModal\n        show={showImportModal}\n        setShow={setShowImportModal}\n        onFinish={onRefreshMappings}\n        displayStrings={displayStrings}\n      />}\n    </>\n  );\n};\n"]}

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

@@ -0,0 +1,13 @@
+import type { IExtractionClient } from "@itwin/insights-client";
+import type { GetAccessTokenFn } from "../../context/GroupingApiConfigContext";
+import type { ExtractionMessageData } from "../Extraction/ExtractionMessageModal";
+import type { ExtractionStatusData } from "../Extraction/ExtractionStatusIcon";
+export declare const useFetchExtractionStatus: ({ iModelId, getAccessToken, extractionClient, }: {
+    iModelId: string;
+    getAccessToken: GetAccessTokenFn;
+    extractionClient: IExtractionClient;
+}) => import("@tanstack/react-query").UseQueryResult<{
+    extractionStatusIcon: ExtractionStatusData;
+    extractionMessageData: ExtractionMessageData[];
+}, unknown>;
+//# sourceMappingURL=useFetchExtractionStatus.d.ts.map

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

@@ -0,0 +1,46 @@
+import { useQuery } from "@tanstack/react-query";
+export const useFetchExtractionStatus = ({ iModelId, getAccessToken, extractionClient, }) => {
+    return useQuery({
+        queryKey: ["iModelExtractionStatus", iModelId],
+        staleTime: Infinity,
+        placeholderData: undefined,
+        queryFn: async () => {
+            const accessToken = await getAccessToken();
+            const extraction = extractionClient.getExtractionHistoryIterator(accessToken, iModelId, 1);
+            const latestExtractionResult = await extraction.next();
+            let extractionStatusIcon;
+            let extractionMessageData = [];
+            if (latestExtractionResult.done) {
+                extractionStatusIcon = {
+                    iconStatus: "negative",
+                    iconMessage: "No extraction found.",
+                };
+            }
+            else {
+                const jobId = latestExtractionResult.value.jobId;
+                const status = await extractionClient.getExtractionStatus(accessToken, jobId);
+                if (status.containsIssues) {
+                    const logs = await extractionClient.getExtractionLogs(accessToken, jobId);
+                    extractionMessageData = logs.filter((log) => log.message !== null).map((log) => ({
+                        date: log.dateTime,
+                        category: log.category,
+                        level: log.level,
+                        message: log.message ?? "",
+                    }));
+                    extractionStatusIcon = {
+                        iconStatus: "negative",
+                        iconMessage: "Extraction contains issues. Click to view extraction logs.",
+                    };
+                }
+                else {
+                    extractionStatusIcon = {
+                        iconStatus: "positive",
+                        iconMessage: "Extraction successful.",
+                    };
+                }
+            }
+            return { extractionStatusIcon, extractionMessageData };
+        },
+    });
+};
+//# sourceMappingURL=useFetchExtractionStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchExtractionStatus.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/hooks/useFetchExtractionStatus.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKjD,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,QAAQ,EACR,cAAc,EACd,gBAAgB,GAKjB,EAAE,EAAE;IACH,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,CAAC,wBAAwB,EAAE,QAAQ,CAAC;QAC9C,SAAS,EAAE,QAAQ;QACnB,eAAe,EAAE,SAAS;QAC1B,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;YAC3C,MAAM,UAAU,GAAG,gBAAgB,CAAC,4BAA4B,CAAC,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;YAC3F,MAAM,sBAAsB,GAAG,MAAM,UAAU,CAAC,IAAI,EAAE,CAAC;YAEvD,IAAI,oBAA0C,CAAC;YAC/C,IAAI,qBAAqB,GAA4B,EAAE,CAAC;YAExD,IAAI,sBAAsB,CAAC,IAAI,EAAE;gBAC/B,oBAAoB,GAAG;oBACrB,UAAU,EAAE,UAAU;oBACtB,WAAW,EAAE,sBAAsB;iBACpC,CAAC;aACH;iBAAM;gBACL,MAAM,KAAK,GAAG,sBAAsB,CAAC,KAAK,CAAC,KAAK,CAAC;gBACjD,MAAM,MAAM,GAAG,MAAM,gBAAgB,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;gBAE9E,IAAI,MAAM,CAAC,cAAc,EAAE;oBACzB,MAAM,IAAI,GAAG,MAAM,gBAAgB,CAAC,iBAAiB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;oBAC1E,qBAAqB,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;wBAC/E,IAAI,EAAE,GAAG,CAAC,QAAQ;wBAClB,QAAQ,EAAE,GAAG,CAAC,QAAQ;wBACtB,KAAK,EAAE,GAAG,CAAC,KAAK;wBAChB,OAAO,EAAE,GAAG,CAAC,OAAO,IAAI,EAAE;qBAC3B,CAAC,CAAC,CAAC;oBACJ,oBAAoB,GAAG;wBACrB,UAAU,EAAE,UAAU;wBACtB,WAAW,EAAE,4DAA4D;qBAC1E,CAAC;iBACH;qBAAM;oBACL,oBAAoB,GAAG;wBACrB,UAAU,EAAE,UAAU;wBACtB,WAAW,EAAE,wBAAwB;qBACtC,CAAC;iBACH;aACF;YAED,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;QACzD,CAAC;KACF,CAAC,CAAC;AACL,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 type { IExtractionClient } from \"@itwin/insights-client\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\nimport type { ExtractionMessageData } from \"../Extraction/ExtractionMessageModal\";\nimport type { ExtractionStatusData } from \"../Extraction/ExtractionStatusIcon\";\n\nexport const useFetchExtractionStatus = ({\n  iModelId,\n  getAccessToken,\n  extractionClient,\n}: {\n  iModelId: string;\n  getAccessToken: GetAccessTokenFn;\n  extractionClient: IExtractionClient;\n}) => {\n  return useQuery({\n    queryKey: [\"iModelExtractionStatus\", iModelId],\n    staleTime: Infinity,\n    placeholderData: undefined,\n    queryFn: async () => {\n      const accessToken = await getAccessToken();\n      const extraction = extractionClient.getExtractionHistoryIterator(accessToken, iModelId, 1);\n      const latestExtractionResult = await extraction.next();\n\n      let extractionStatusIcon: ExtractionStatusData;\n      let extractionMessageData: ExtractionMessageData[] = [];\n\n      if (latestExtractionResult.done) {\n        extractionStatusIcon = {\n          iconStatus: \"negative\",\n          iconMessage: \"No extraction found.\",\n        };\n      } else {\n        const jobId = latestExtractionResult.value.jobId;\n        const status = await extractionClient.getExtractionStatus(accessToken, jobId);\n\n        if (status.containsIssues) {\n          const logs = await extractionClient.getExtractionLogs(accessToken, jobId);\n          extractionMessageData = logs.filter((log) => log.message !== null).map((log) => ({\n            date: log.dateTime,\n            category: log.category,\n            level: log.level,\n            message: log.message ?? \"\",\n          }));\n          extractionStatusIcon = {\n            iconStatus: \"negative\",\n            iconMessage: \"Extraction contains issues. Click to view extraction logs.\",\n          };\n        } else {\n          extractionStatusIcon = {\n            iconStatus: \"positive\",\n            iconMessage: \"Extraction successful.\",\n          };\n        }\n      }\n\n      return { extractionStatusIcon, extractionMessageData };\n    },\n  });\n};\n"]}

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

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

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

@@ -0,0 +1,10 @@
+import { useQuery } from "@tanstack/react-query";
+export const useFetchMappings = (iModelId, getAccessToken, mappingsClient) => useQuery({
+    queryKey: ["mappings", iModelId],
+    queryFn: async () => {
+        const accessToken = await getAccessToken();
+        const mappings = await mappingsClient.getMappings(accessToken, iModelId);
+        return mappings.sort((a, b) => a.mappingName.localeCompare(b.mappingName));
+    }
+});
+//# sourceMappingURL=useFetchMappings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchMappings.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/hooks/useFetchMappings.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAgB,EAAE,cAAgC,EAAE,cAA+B,EAAE,EAAE,CACtH,QAAQ,CAAC;IACP,QAAQ,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAChC,OAAO,EAAE,KAAK,IAAI,EAAE;QAClB,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;QAC3C,MAAM,QAAQ,GAAG,MAAM,cAAc,CAAC,WAAW,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QACzE,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;IAC7E,CAAC;CAAC,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 type { IMappingsClient } from \"@itwin/insights-client\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\n\nexport const useFetchMappings = (iModelId: string, getAccessToken: GetAccessTokenFn, mappingsClient: IMappingsClient) =>\n  useQuery({\n    queryKey: [\"mappings\", iModelId],\n    queryFn: async () => {\n      const accessToken = await getAccessToken();\n      const mappings = await mappingsClient.getMappings(accessToken, iModelId);\n      return mappings.sort((a, b) => a.mappingName.localeCompare(b.mappingName));\n    }});\n"]}

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

@@ -1,27 +1,26 @@
 /// <reference types="react" />
 import type { IMappingsClient, Mapping } from "@itwin/insights-client";
 import type { GroupingMappingApiConfig } from "../../context/GroupingApiConfigContext";
-import type { ExtractionStatusData } from "../../context/ExtractionStatusDataContext";
-import type { ExtractionMessageData } from "../../context/ExtractionStatusDataContext";
 export interface MappingsOperationsProps extends GroupingMappingApiConfig {
     mappingClient: IMappingsClient;
 }
 export declare const useMappingsOperations: ({ iModelId, getAccessToken, mappingClient }: MappingsOperationsProps) => {
-    mappings: Mapping[];
+    mappings: Mapping[] | undefined;
     isLoading: boolean;
-    extractionStatusIcon: ExtractionStatusData;
     showExtractionMessageModal: boolean;
-    extractionMessageData: ExtractionMessageData[];
+    extractionStatus: {
+        extractionStatusIcon: import("../Extraction/ExtractionStatusIcon").ExtractionStatusData;
+        extractionMessageData: import("../Extraction/ExtractionMessageModal").ExtractionMessageData[];
+    };
     setShowExtractionMessageModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    refresh: () => Promise<void>;
-    toggleExtraction: (mapping: Mapping) => Promise<void>;
-    onDelete: (mapping: Mapping) => Promise<void>;
+    refreshMappings: () => Promise<void>;
+    refreshExtractionStatus: () => Promise<void>;
+    toggleExtraction: import("@tanstack/react-query").UseMutateAsyncFunction<void, unknown, Mapping, unknown>;
+    onDelete: import("@tanstack/react-query").UseMutateAsyncFunction<void, unknown, Mapping, unknown>;
     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

@@ -2,122 +2,49 @@
 * 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, useRef, useState } from "react";
-import { getErrorMessage } from "../../../common/utils";
+import { useCallback, useState } from "react";
 import { useExtractionClient } from "../../context/ExtractionClientContext";
-import { useExtractionStatusDataContext } from "../../context/ExtractionStatusDataContext";
-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, setExtractionStatusIcon, setExtractionMessageData) => {
-    try {
-        setExtractionStatusIcon({
-            iconStatus: undefined,
-            iconMessage: "Loading...",
-        });
-        const accessToken = await getAccessToken();
-        const extraction = extractionClient.getExtractionHistoryIterator(accessToken, iModelId, 1);
-        const latestExtractionResult = await extraction.next();
-        if (latestExtractionResult.done) {
-            setExtractionStatusIcon({
-                iconStatus: "negative",
-                iconMessage: "No extraction found.",
-            });
-        }
-        else {
-            const jobId = latestExtractionResult.value.jobId;
-            const status = await extractionClient.getExtractionStatus(accessToken, jobId);
-            if (status.containsIssues) {
-                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);
-                setExtractionStatusIcon({
-                    iconStatus: "negative",
-                    iconMessage: "Extraction contains issues. Click to view extraction logs.",
-                });
-            }
-            else {
-                setExtractionStatusIcon({
-                    iconStatus: "positive",
-                    iconMessage: "Extraction successful.",
-                });
-            }
-        }
-    }
-    catch (error) {
-        setExtractionStatusIcon({
-            iconStatus: "negative",
-            iconMessage: "Operation failed. Please try again.",
-        });
-    }
-};
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useFetchMappings } from "./useFetchMappings";
+import { useFetchExtractionStatus } from "./useFetchExtractionStatus";
 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 { extractionStatusIcon, extractionMessageData, setExtractionStatusIcon, setExtractionMessageData } = useExtractionStatusDataContext();
     const [showExtractionMessageModal, setShowExtractionMessageModal] = useState(false);
-    const previousStatusIcon = useRef();
-    useEffect(() => {
-        void fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient, setErrorMessage);
-    }, [getAccessToken, mappingClient, iModelId]);
-    useEffect(() => {
-        previousStatusIcon.current = extractionStatusIcon;
-    }, [extractionStatusIcon]);
-    useEffect(() => {
-        if (previousStatusIcon.current?.iconStatus === undefined) {
-            void fetchExtractionStatus(iModelId, getAccessToken, extractionClient, setExtractionStatusIcon, setExtractionMessageData);
-        }
-    }, [iModelId, getAccessToken, extractionClient, isLoading, setExtractionStatusIcon, setExtractionMessageData]);
-    const refresh = useCallback(async () => {
-        setMappings([]);
-        await Promise.all([
-            fetchExtractionStatus(iModelId, getAccessToken, extractionClient, setExtractionStatusIcon, setExtractionMessageData),
-            fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient, setErrorMessage),
-        ]);
-    }, [extractionClient, getAccessToken, mappingClient, iModelId, setExtractionMessageData, setExtractionStatusIcon]);
-    const toggleExtraction = useCallback(async (mapping) => {
-        try {
-            setIsTogglingExtraction(true);
+    const queryClient = useQueryClient();
+    const { data: mappings, isFetching: isLoadingMappings, } = useFetchMappings(iModelId, getAccessToken, mappingClient);
+    const { data: extractionStatus, isFetching: isLoadingExtractionStatus, } = useFetchExtractionStatus({ iModelId, getAccessToken, extractionClient });
+    const refreshExtractionStatus = useCallback(async () => {
+        await queryClient.invalidateQueries({ queryKey: ["iModelExtractionStatus"] });
+    }, [queryClient]);
+    const refreshMappings = useCallback(async () => {
+        await queryClient.invalidateQueries({ queryKey: ["mappings"] });
+    }, [queryClient]);
+    const { mutateAsync: toggleExtraction, isLoading: isTogglingExtraction } = useMutation({
+        mutationFn: async (mapping) => {
+            const accessToken = await getAccessToken();
             const newState = !mapping.extractionEnabled;
+            await mappingClient.updateMapping(accessToken, iModelId, mapping.id, { extractionEnabled: newState });
+        },
+        onSuccess: async () => {
+            await refreshMappings();
+        },
+    });
+    const { mutateAsync: onDelete, isLoading: isDeletingMapping } = useMutation({
+        mutationFn: async (mapping) => {
             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, extractionStatusIcon, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, refresh, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction, errorMessage, setErrorMessage };
+            await mappingClient.deleteMapping(accessToken, iModelId, mapping.id);
+        },
+        onSuccess: async () => {
+            await refreshMappings();
+        },
+    });
+    const isLoading = isLoadingMappings || isLoadingExtractionStatus || isTogglingExtraction || isDeletingMapping;
+    const extractionStatusGated = extractionStatus ?? { extractionStatusIcon: {
+            iconStatus: undefined,
+            iconMessage: "Loading...",
+        }, extractionMessageData: [] };
+    return { mappings, isLoading, showExtractionMessageModal, extractionStatus: extractionStatusGated, setShowExtractionMessageModal, refreshMappings, refreshExtractionStatus, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction };
 };
 //# sourceMappingURL=useMappingsOperations.js.map

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

@@ -1 +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, useRef, 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\";\nimport type { ExtractionStatusData } from \"../../context/ExtractionStatusDataContext\";\nimport type { ExtractionMessageData } from \"../../context/ExtractionStatusDataContext\";\nimport { useExtractionStatusDataContext } from \"../../context/ExtractionStatusDataContext\";\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  setExtractionStatusIcon: (extractionStatusIcon: ExtractionStatusData) => void,\n  setExtractionMessageData: (extractionMessageData: ExtractionMessageData[]) => void\n) => {\n  try {\n    setExtractionStatusIcon({\n      iconStatus: undefined,\n      iconMessage: \"Loading...\",\n    });\n    const accessToken = await getAccessToken();\n    const extraction = extractionClient.getExtractionHistoryIterator(accessToken, iModelId, 1);\n    const latestExtractionResult = await extraction.next();\n    if(latestExtractionResult.done){\n      setExtractionStatusIcon({\n        iconStatus: \"negative\",\n        iconMessage: \"No extraction found.\",\n      });\n    } else {\n      const jobId = latestExtractionResult.value.jobId;\n      const status = await extractionClient.getExtractionStatus(accessToken, jobId);\n      if (status.containsIssues) {\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        setExtractionStatusIcon({\n          iconStatus: \"negative\",\n          iconMessage: \"Extraction contains issues. Click to view extraction logs.\",\n        });\n      } else {\n        setExtractionStatusIcon({\n          iconStatus: \"positive\",\n          iconMessage: \"Extraction successful.\",\n        });\n      }\n    }\n  } catch (error: any) {\n    setExtractionStatusIcon({\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 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 {extractionStatusIcon, extractionMessageData, setExtractionStatusIcon, setExtractionMessageData} = useExtractionStatusDataContext();\n  const [showExtractionMessageModal, setShowExtractionMessageModal] = useState<boolean>(false);\n  const previousStatusIcon = useRef<ExtractionStatusData>();\n\n  useEffect(() => {\n    void fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient, setErrorMessage);\n  }, [getAccessToken, mappingClient, iModelId]);\n\n  useEffect(() => {\n    previousStatusIcon.current = extractionStatusIcon;\n  }, [extractionStatusIcon]);\n\n  useEffect(() => {\n    if(previousStatusIcon.current?.iconStatus === undefined) {\n      void fetchExtractionStatus(\n        iModelId,\n        getAccessToken,\n        extractionClient,\n        setExtractionStatusIcon,\n        setExtractionMessageData\n      );\n    }\n  }, [iModelId, getAccessToken, extractionClient, isLoading, setExtractionStatusIcon, setExtractionMessageData]);\n\n  const refresh = useCallback(async () => {\n    setMappings([]);\n    await Promise.all([\n      fetchExtractionStatus(iModelId, getAccessToken, extractionClient, setExtractionStatusIcon, setExtractionMessageData),\n      fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient, setErrorMessage),\n    ]);\n  }, [extractionClient, getAccessToken, mappingClient, iModelId, setExtractionMessageData, setExtractionStatusIcon]);\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, extractionStatusIcon, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, refresh, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction, errorMessage, setErrorMessage };\n};\n"]}
+{"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, useState } from \"react\";\nimport type { IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport type { GroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useExtractionClient } from \"../../context/ExtractionClientContext\";\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { useFetchMappings } from \"./useFetchMappings\";\nimport { useFetchExtractionStatus } from \"./useFetchExtractionStatus\";\n\nexport interface MappingsOperationsProps extends GroupingMappingApiConfig {\n  mappingClient: IMappingsClient;\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 extractionClient = useExtractionClient();\n  const [showExtractionMessageModal, setShowExtractionMessageModal] = useState<boolean>(false);\n  const queryClient = useQueryClient();\n\n  const {\n    data: mappings,\n    isFetching: isLoadingMappings,\n  } = useFetchMappings(iModelId, getAccessToken, mappingClient);\n\n  const {\n    data: extractionStatus,\n    isFetching: isLoadingExtractionStatus,\n  } = useFetchExtractionStatus({ iModelId, getAccessToken, extractionClient });\n\n  const refreshExtractionStatus = useCallback(async () => {\n    await queryClient.invalidateQueries({queryKey: [\"iModelExtractionStatus\"]});\n  }, [queryClient]);\n\n  const refreshMappings = useCallback(async () => {\n    await queryClient.invalidateQueries({queryKey: [\"mappings\"]});\n  }, [queryClient]);\n\n  const { mutateAsync: toggleExtraction, isLoading: isTogglingExtraction } = useMutation({\n    mutationFn: async (mapping: Mapping) => {\n      const accessToken = await getAccessToken();\n      const newState = !mapping.extractionEnabled;\n      await mappingClient.updateMapping(accessToken, iModelId, mapping.id, { extractionEnabled: newState });\n    },\n    onSuccess: async () => {\n      await refreshMappings();\n    },\n  });\n\n  const { mutateAsync: onDelete, isLoading: isDeletingMapping} = useMutation({\n    mutationFn: async (mapping: Mapping) => {\n      const accessToken = await getAccessToken();\n      await mappingClient.deleteMapping(accessToken, iModelId, mapping.id);\n    },\n    onSuccess: async () => {\n      await refreshMappings();\n    },\n  });\n\n  const isLoading = isLoadingMappings || isLoadingExtractionStatus || isTogglingExtraction || isDeletingMapping;\n  const extractionStatusGated = extractionStatus ?? {extractionStatusIcon: {\n    iconStatus: undefined,\n    iconMessage: \"Loading...\",\n  }, extractionMessageData : []};\n\n  return { mappings, isLoading, showExtractionMessageModal, extractionStatus: extractionStatusGated, setShowExtractionMessageModal, refreshMappings, refreshExtractionStatus, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction};\n};\n"]}

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

@@ -22,6 +22,7 @@ export const PropertyTable = ({ propertyType, columnsFactory, data, isLoading, o
     return (React.createElement("div", { className: "gmw-property-table-container" },
         React.createElement(PropertyTableToolbar, { propertyType: propertyType, onClickAddProperty: onClickAdd, refreshProperties: refreshProperties, isLoading: isLoading }),
         React.createElement(Table, { data: isLoading ? [] : data, density: 'extra-condensed', columns: memoizedColumns, emptyTableContent: `No ${propertyType} Properties`, isSortable: true, isLoading: isLoading }),
-        React.createElement(DeleteModal, { entityName: showDeleteModal?.propertyName, onClose: handleCloseDeleteModal, onDelete: handleDeleteProperty, refresh: refreshProperties })));
+        showDeleteModal &&
+            React.createElement(DeleteModal, { entityName: showDeleteModal.propertyName, onClose: handleCloseDeleteModal, onDelete: handleDeleteProperty, refresh: refreshProperties })));
 };
 //# sourceMappingURL=PropertyTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyTable.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyTable.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,WAAW,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,sBAAsB,CAAC;AAiB9B,MAAM,CAAC,MAAM,aAAa,GAAG,CAA8B,EACzD,YAAY,EACZ,cAAc,EACd,IAAI,EACJ,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,cAAc,GACQ,EAAE,EAAE;IAE1B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAgB,SAAS,CAAC,CAAC;IAEjF,MAAM,oBAAoB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAClD,MAAM,cAAc,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC,CAAC;IAE1C,MAAM,qBAAqB,GAAG,WAAW,CAAC,CAAC,QAAW,EAAE,EAAE;QACxD,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CACnC,cAAc,CAAC,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAElF,OAAO,CACL,6BAAK,SAAS,EAAC,8BAA8B;QAC3C,oBAAC,oBAAoB,IACnB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,UAAU,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,GACpB;QACF,oBAAC,KAAK,IACJ,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAC3B,OAAO,EAAC,iBAAiB,EACzB,OAAO,EAAE,eAAe,EACxB,iBAAiB,EAAE,MAAM,YAAY,aAAa,EAClD,UAAU,QACV,SAAS,EAAE,SAAS,GACpB;QACF,oBAAC,WAAW,IACV,UAAU,EAAE,eAAe,EAAE,YAAY,EACzC,OAAO,EAAE,sBAAsB,EAC/B,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,EAAE,iBAAiB,GAC1B,CACE,CACP,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 { Table } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport type { Column } from \"react-table\";\nimport type { CreateTypeFromInterface } from \"../../common/utils\";\nimport DeleteModal from \"../SharedComponents/DeleteModal\";\nimport { PropertyTableToolbar } from \"./PropertyTableToolbar\";\nimport \"./PropertyTable.scss\";\n\nexport interface PropertyTableItem {\n  propertyName: string;\n  id: string;\n}\n\nexport interface PropertyTableProps<T extends PropertyTableItem> {\n  propertyType: string;\n  columnsFactory: (handleShowDeleteModal: (value: T) => void) => Array<Column<T>>;\n  data: T[];\n  isLoading: boolean;\n  onClickAdd?: () => void;\n  refreshProperties: () => Promise<void>;\n  deleteProperty: (propertyId: string) => Promise<void>;\n}\n\nexport const PropertyTable = <T extends PropertyTableItem>({\n  propertyType,\n  columnsFactory,\n  data,\n  isLoading,\n  onClickAdd,\n  refreshProperties,\n  deleteProperty,\n}: PropertyTableProps<T>) => {\n\n  const [showDeleteModal, setShowDeleteModal] = useState<T | undefined>(undefined);\n\n  const handleDeleteProperty = useCallback(async () => {\n    await deleteProperty(showDeleteModal?.id ?? \"\");\n  }, [deleteProperty, showDeleteModal?.id]);\n\n  const handleShowDeleteModal = useCallback((property: T) => {\n    setShowDeleteModal(property);\n  }, []);\n\n  const handleCloseDeleteModal = () => {\n    setShowDeleteModal(undefined);\n  };\n\n  const memoizedColumns = useMemo(() =>\n    columnsFactory(handleShowDeleteModal), [columnsFactory, handleShowDeleteModal]);\n\n  return (\n    <div className=\"gmw-property-table-container\">\n      <PropertyTableToolbar\n        propertyType={propertyType}\n        onClickAddProperty={onClickAdd}\n        refreshProperties={refreshProperties}\n        isLoading={isLoading}\n      />\n      <Table<CreateTypeFromInterface<T>>\n        data={isLoading ? [] : data}\n        density='extra-condensed'\n        columns={memoizedColumns}\n        emptyTableContent={`No ${propertyType} Properties`}\n        isSortable\n        isLoading={isLoading}\n      />\n      <DeleteModal\n        entityName={showDeleteModal?.propertyName}\n        onClose={handleCloseDeleteModal}\n        onDelete={handleDeleteProperty}\n        refresh={refreshProperties}\n      />\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"PropertyTable.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyTable.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,WAAW,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,sBAAsB,CAAC;AAiB9B,MAAM,CAAC,MAAM,aAAa,GAAG,CAA8B,EACzD,YAAY,EACZ,cAAc,EACd,IAAI,EACJ,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,cAAc,GACQ,EAAE,EAAE;IAE1B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAgB,SAAS,CAAC,CAAC;IAEjF,MAAM,oBAAoB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAClD,MAAM,cAAc,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC,CAAC;IAE1C,MAAM,qBAAqB,GAAG,WAAW,CAAC,CAAC,QAAW,EAAE,EAAE;QACxD,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CACnC,cAAc,CAAC,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAElF,OAAO,CACL,6BAAK,SAAS,EAAC,8BAA8B;QAC3C,oBAAC,oBAAoB,IACnB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,UAAU,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,GACpB;QACF,oBAAC,KAAK,IACJ,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAC3B,OAAO,EAAC,iBAAiB,EACzB,OAAO,EAAE,eAAe,EACxB,iBAAiB,EAAE,MAAM,YAAY,aAAa,EAClD,UAAU,QACV,SAAS,EAAE,SAAS,GACpB;QACD,eAAe;YACd,oBAAC,WAAW,IACV,UAAU,EAAE,eAAe,CAAC,YAAY,EACxC,OAAO,EAAE,sBAAsB,EAC/B,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,EAAE,iBAAiB,GAC1B,CACA,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { Table } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport type { Column } from \"react-table\";\nimport type { CreateTypeFromInterface } from \"../../common/utils\";\nimport DeleteModal from \"../SharedComponents/DeleteModal\";\nimport { PropertyTableToolbar } from \"./PropertyTableToolbar\";\nimport \"./PropertyTable.scss\";\n\nexport interface PropertyTableItem {\n  propertyName: string;\n  id: string;\n}\n\nexport interface PropertyTableProps<T extends PropertyTableItem> {\n  propertyType: string;\n  columnsFactory: (handleShowDeleteModal: (value: T) => void) => Array<Column<T>>;\n  data: T[];\n  isLoading: boolean;\n  onClickAdd?: () => void;\n  refreshProperties: () => Promise<void>;\n  deleteProperty: (propertyId: string) => Promise<void>;\n}\n\nexport const PropertyTable = <T extends PropertyTableItem>({\n  propertyType,\n  columnsFactory,\n  data,\n  isLoading,\n  onClickAdd,\n  refreshProperties,\n  deleteProperty,\n}: PropertyTableProps<T>) => {\n\n  const [showDeleteModal, setShowDeleteModal] = useState<T | undefined>(undefined);\n\n  const handleDeleteProperty = useCallback(async () => {\n    await deleteProperty(showDeleteModal?.id ?? \"\");\n  }, [deleteProperty, showDeleteModal?.id]);\n\n  const handleShowDeleteModal = useCallback((property: T) => {\n    setShowDeleteModal(property);\n  }, []);\n\n  const handleCloseDeleteModal = () => {\n    setShowDeleteModal(undefined);\n  };\n\n  const memoizedColumns = useMemo(() =>\n    columnsFactory(handleShowDeleteModal), [columnsFactory, handleShowDeleteModal]);\n\n  return (\n    <div className=\"gmw-property-table-container\">\n      <PropertyTableToolbar\n        propertyType={propertyType}\n        onClickAddProperty={onClickAdd}\n        refreshProperties={refreshProperties}\n        isLoading={isLoading}\n      />\n      <Table<CreateTypeFromInterface<T>>\n        data={isLoading ? [] : data}\n        density='extra-condensed'\n        columns={memoizedColumns}\n        emptyTableContent={`No ${propertyType} Properties`}\n        isSortable\n        isLoading={isLoading}\n      />\n      {showDeleteModal &&\n        <DeleteModal\n          entityName={showDeleteModal.propertyName}\n          onClose={handleCloseDeleteModal}\n          onDelete={handleDeleteProperty}\n          refresh={refreshProperties}\n        />}\n    </div>\n  );\n};\n"]}

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import "./DeleteModal.scss";
 export interface DeleteModalProps {
-    entityName?: string;
+    entityName: string;
     onClose: () => void;
     onDelete: () => Promise<void>;
-    refresh: () => Promise<void>;
+    refresh?: () => Promise<void>;
 }
 export declare const DeleteModal: ({ entityName, onClose, onDelete, refresh, }: DeleteModalProps) => JSX.Element;
 export default DeleteModal;