npm - @itwin/reports-config-widget-react - Versions diffs - 0.1.0 → 0.2.1 - Mend

@itwin/reports-config-widget-react 0.1.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (250) hide show

package/lib/esm/widget/components/ExtractionToast.js ADDED Viewed

@@ -0,0 +1,25 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import React from "react";
+import { Text } from "@itwin/itwinui-react";
+import { ReportsConfigWidget } from "../../ReportsConfigWidget";
+export const SuccessfulExtractionToast = ({ iModelName, odataFeedUrl }) => {
+    const onClick = async (e) => {
+        e.preventDefault();
+        await navigator.clipboard.writeText(odataFeedUrl);
+    };
+    return (React.createElement("div", null,
+        React.createElement(Text, null,
+            ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ExtractionSuccess"),
+            iModelName),
+        React.createElement("a", { href: "#", onClick: onClick }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:CopyODataUrl"))));
+};
+export const FailedExtractionToast = ({ iModelName }) => {
+    return (React.createElement("div", null,
+        React.createElement(Text, null,
+            ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ExtractionFailed"),
+            iModelName)));
+};
+//# sourceMappingURL=ExtractionToast.js.map

package/lib/esm/widget/components/ExtractionToast.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ExtractionToast.js","sourceRoot":"","sources":["../../../../src/widget/components/ExtractionToast.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAUhE,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EAAE,UAAU,EAAE,YAAY,EAAkC,EAAE,EAAE;IACxG,MAAM,OAAO,GAAG,KAAK,EAAE,CAAkD,EAAE,EAAE;QAC3E,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IACpD,CAAC,CAAC;IACF,OAAO,CACL;QACE,oBAAC,IAAI;YAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAAC,uCAAuC,CAAC;YAAE,UAAU,CAAQ;QACvH,2BACE,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,OAAO,IAEf,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAAC,kCAAkC,CAAC,CACtF,CACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,UAAU,EAAwB,EAAE,EAAE;IAC5E,OAAO,CACL;QACE,oBAAC,IAAI;YAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAAC,sCAAsC,CAAC;YAAE,UAAU,CAAQ,CAClH,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 React from \"react\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\ninterface SuccessfulExtractionToastProps extends ExtractionToastProps {\n odataFeedUrl: string;\n}\n\ninterface ExtractionToastProps {\n iModelName: string;\n}\n\nexport const SuccessfulExtractionToast = ({ iModelName, odataFeedUrl }: SuccessfulExtractionToastProps) => {\n const onClick = async (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n e.preventDefault();\n await navigator.clipboard.writeText(odataFeedUrl);\n };\n return (\n <div>\n <Text>{ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:ExtractionSuccess\")}{iModelName}</Text>\n <a\n href=\"#\"\n onClick={onClick}\n >\n {ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:CopyODataUrl\")}\n </a>\n </div>\n );\n};\n\nexport const FailedExtractionToast = ({ iModelName }: ExtractionToastProps) => {\n return (\n <div>\n <Text>{ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:ExtractionFailed\")}{iModelName}</Text>\n </div>\n );\n};\n"]}

package/lib/esm/widget/components/HorizontalTile.scss CHANGED Viewed

@@ -36,8 +36,8 @@
       margin-left: 0;
       align-self: center;
       min-width: 36px;
-      margin-right: $iui-xs;
       flex-shrink: 0;
+      display: flex;
     }
   }

package/lib/esm/widget/components/ReportAction.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReportAction.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportAction.tsx"],"names":[],"mappings":";AAcA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAKrD,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/B;AAED,QAAA,MAAM,YAAY,kCAAmC,iBAAiB,~~gBAqHrE~~,CAAC;AAEF,eAAe,YAAY,CAAC"}
1	+ {"version":3,"file":"ReportAction.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportAction.tsx"],"names":[],"mappings":";AAcA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAKrD,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/B;AAED,QAAA,MAAM,YAAY,kCAAmC,iBAAiB,gBAmHrE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/esm/widget/components/ReportAction.js CHANGED Viewed

@@ -55,9 +55,9 @@ const ReportAction = ({ iTwinId, report, returnFn }) => {
                 ? ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ModifyReport")
                 : ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:AddReport"), returnFn: returnFn }),
         React.createElement("div", { className: "rcw-details-form-container" },
-            React.createElement(Fieldset, { legend: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ReportDetails"), className: "details-form" },
+            React.createElement(Fieldset, { legend: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ReportDetails"), className: "rcw-details-form" },
                 React.createElement(Small, { className: "field-legend" }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:MandatoryFields")),
-                React.createElement(LabeledInput, { id: "name", name: "name", label: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Name"), value: values.name, required: true, disabled: isLoading, onChange: (event) => {
+                React.createElement(LabeledInput, { name: "name", label: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Name"), value: values.name, required: true, disabled: isLoading, onChange: (event) => {
                         handleInputChange(event, values, setValues);
                         validator.showMessageFor("name");
                     }, message: validator.message("name", values.name, NAME_REQUIREMENTS), status: validator.message("name", values.name, NAME_REQUIREMENTS)
@@ -68,7 +68,7 @@ const ReportAction = ({ iTwinId, report, returnFn }) => {
                         handleInputChange(event, values, setValues);
                         validator.showMessageFor("name");
                     } }),
-                React.createElement(LabeledInput, { id: "description", name: "description", label: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Description"), value: values.description, onChange: (event) => {
+                React.createElement(LabeledInput, { name: "description", label: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Description"), value: values.description, onChange: (event) => {
                         handleInputChange(event, values, setValues);
                     }, disabled: isLoading }))),
         React.createElement(ActionPanel, { actionLabel: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Add"), onAction: onSave, onCancel: returnFn, isSavingDisabled: !values.name, isLoading: isLoading })));

package/lib/esm/widget/components/ReportAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReportAction.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportAction.tsx"],"names":[],"mappings":"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~~cAAc~~;~~gBAExB~~,oBAAC,KAAK,IAAC,SAAS,EAAC,cAAc,IAC5B,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,qCAAqC,CACtC,CACK;gBACR,oBAAC,YAAY,IACX,~~EAAE,EAAC,MAAM,EACT,~~IAAI,EAAC,MAAM,EACX,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,0BAA0B,CAC3B,EACD,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,QAAQ,QACR,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;wBAC5C,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBACnC,CAAC,EACD,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,iBAAiB,CAAC,EAClE,MAAM,EACJ,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,iBAAiB,CAAC;wBACvD,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,SAAS,EAEf,MAAM,EAAE,GAAG,EAAE;wBACX,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBACnC,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;wBACvB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;wBAC5C,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBACnC,CAAC,GACD;gBACF,oBAAC,YAAY,IACX,~~EAAE,EAAC,aAAa,EAChB,~~IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,iCAAiC,CAClC,EACD,KAAK,EAAE,MAAM,CAAC,WAAW,EACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;oBAC9C,CAAC,EACD,QAAQ,EAAE,SAAS,GACnB,CACO,CACP;QACN,oBAAC,WAAW,IACV,WAAW,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC9D,yBAAyB,CAC1B,EACD,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,CAAC,MAAM,CAAC,IAAI,EAC9B,SAAS,EAAE,SAAS,GACpB,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,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 { Fieldset, LabeledInput, Small } from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport ActionPanel from \"./ActionPanel\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport {\n generateUrl,\n handleError,\n handleInputChange,\n WidgetHeader,\n} from \"./utils\";\nimport \"./ReportAction.scss\";\nimport type { Report } from \"@itwin/insights-client\";\nimport { REPORTING_BASE_PATH, ReportsClient } from \"@itwin/insights-client\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\ninterface ReportActionProps {\n iTwinId: string;\n report?: Report;\n returnFn: () => Promise<void>;\n}\n\nconst ReportAction = ({ iTwinId, report, returnFn }: ReportActionProps) => {\n const apiConfig = useReportsApiConfig();\n const [values, setValues] = useState({\n name: report?.displayName ?? \"\",\n description: report?.description ?? \"\",\n });\n const [validator, showValidationMessage] = useValidator();\n const [isLoading, setIsLoading] = useState<boolean>(false);\n\n const onSave = async () => {\n try {\n if (!validator.allValid()) {\n showValidationMessage(true);\n return;\n }\n setIsLoading(true);\n const reportsClientApi = new ReportsClient(\n generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n );\n const accessToken = await apiConfig.getAccessToken();\n report\n ? await reportsClientApi.updateReport(accessToken, report.id ?? \"\", {\n displayName: values.name,\n description: values.description,\n })\n : await reportsClientApi.createReport(accessToken, {\n displayName: values.name,\n description: values.description,\n projectId: iTwinId,\n });\n await returnFn();\n } catch (error: any) {\n handleError(error.status);\n setIsLoading(false);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n <>\n <WidgetHeader\n title={\n report\n ? ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:ModifyReport\"\n )\n : ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:AddReport\"\n )\n }\n returnFn={returnFn}\n />\n <div className=\"rcw-details-form-container\">\n <Fieldset\n legend={ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:ReportDetails\"\n )}\n className=\"details-form\"\n >\n <Small className=\"field-legend\">\n {ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:MandatoryFields\"\n )}\n </Small>\n <LabeledInput\n ~~id=\"~~name~~\"\n name~~=\"name\"\n label={ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:Name\"\n )}\n value={values.name}\n required\n disabled={isLoading}\n onChange={(event) => {\n handleInputChange(event, values, setValues);\n validator.showMessageFor(\"name\");\n }}\n message={validator.message(\"name\", values.name, NAME_REQUIREMENTS)}\n status={\n validator.message(\"name\", values.name, NAME_REQUIREMENTS)\n ? \"negative\"\n : undefined\n }\n onBlur={() => {\n validator.showMessageFor(\"name\");\n }}\n onBlurCapture={(event) => {\n handleInputChange(event, values, setValues);\n validator.showMessageFor(\"name\");\n }}\n />\n <LabeledInput\n ~~id=\"description\"\n~~ name=\"description\"\n label={ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:Description\"\n )}\n value={values.description}\n onChange={(event) => {\n handleInputChange(event, values, setValues);\n }}\n disabled={isLoading}\n />\n </Fieldset>\n </div>\n <ActionPanel\n actionLabel={ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:Add\"\n )}\n onAction={onSave}\n onCancel={returnFn}\n isSavingDisabled={!values.name}\n isLoading={isLoading}\n />\n </>\n );\n};\n\nexport default ReportAction;\n"]}
1	+ {"version":3,"file":"ReportAction.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportAction.tsx"],"names":[],"mappings":"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","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n--------------------------------------------------------------------------------------------/\nimport { Fieldset, LabeledInput, Small } from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport ActionPanel from \"./ActionPanel\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport {\n generateUrl,\n handleError,\n handleInputChange,\n WidgetHeader,\n} from \"./utils\";\nimport \"./ReportAction.scss\";\nimport type { Report } from \"@itwin/insights-client\";\nimport { REPORTING_BASE_PATH, ReportsClient } from \"@itwin/insights-client\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\ninterface ReportActionProps {\n iTwinId: string;\n report?: Report;\n returnFn: () => Promise<void>;\n}\n\nconst ReportAction = ({ iTwinId, report, returnFn }: ReportActionProps) => {\n const apiConfig = useReportsApiConfig();\n const [values, setValues] = useState({\n name: report?.displayName ?? \"\",\n description: report?.description ?? \"\",\n });\n const [validator, showValidationMessage] = useValidator();\n const [isLoading, setIsLoading] = useState<boolean>(false);\n\n const onSave = async () => {\n try {\n if (!validator.allValid()) {\n showValidationMessage(true);\n return;\n }\n setIsLoading(true);\n const reportsClientApi = new ReportsClient(\n generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n );\n const accessToken = await apiConfig.getAccessToken();\n report\n ? await reportsClientApi.updateReport(accessToken, report.id ?? \"\", {\n displayName: values.name,\n description: values.description,\n })\n : await reportsClientApi.createReport(accessToken, {\n displayName: values.name,\n description: values.description,\n projectId: iTwinId,\n });\n await returnFn();\n } catch (error: any) {\n handleError(error.status);\n setIsLoading(false);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n <>\n <WidgetHeader\n title={\n report\n ? ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:ModifyReport\"\n )\n : ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:AddReport\"\n )\n }\n returnFn={returnFn}\n />\n <div className=\"rcw-details-form-container\">\n <Fieldset\n legend={ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:ReportDetails\"\n )}\n className=\"rcw-details-form\"\n >\n <Small className=\"field-legend\">\n {ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:MandatoryFields\"\n )}\n </Small>\n <LabeledInput\n name=\"name\"\n label={ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:Name\"\n )}\n value={values.name}\n required\n disabled={isLoading}\n onChange={(event) => {\n handleInputChange(event, values, setValues);\n validator.showMessageFor(\"name\");\n }}\n message={validator.message(\"name\", values.name, NAME_REQUIREMENTS)}\n status={\n validator.message(\"name\", values.name, NAME_REQUIREMENTS)\n ? \"negative\"\n : undefined\n }\n onBlur={() => {\n validator.showMessageFor(\"name\");\n }}\n onBlurCapture={(event) => {\n handleInputChange(event, values, setValues);\n validator.showMessageFor(\"name\");\n }}\n />\n <LabeledInput\n name=\"description\"\n label={ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:Description\"\n )}\n value={values.description}\n onChange={(event) => {\n handleInputChange(event, values, setValues);\n }}\n disabled={isLoading}\n />\n </Fieldset>\n </div>\n <ActionPanel\n actionLabel={ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:Add\"\n )}\n onAction={onSave}\n onCancel={returnFn}\n isSavingDisabled={!values.name}\n isLoading={isLoading}\n />\n </>\n );\n};\n\nexport default ReportAction;\n"]}

package/lib/esm/widget/components/ReportAction.scss CHANGED Viewed

@@ -8,9 +8,9 @@
   overflow-x: auto;
   height: 100%;
-  .details-form {
+  .rcw-details-form {
     display: flex;
     flex-direction: column;
     gap: $iui-baseline;
   }
-}
+}

package/lib/esm/widget/components/ReportHorizontalTile.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReportHorizontalTile.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportHorizontalTile.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAarD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,mBAAmB,EAAE,cAAc,CAAC;IAC1F,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;IACvE,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IACnD,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,oBAAoB,UAAW,yBAAyB,~~gBA+FpE~~,CAAC"}
1	+ {"version":3,"file":"ReportHorizontalTile.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportHorizontalTile.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAarD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,mBAAmB,EAAE,cAAc,CAAC;IAC1F,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;IACvE,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IACnD,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,oBAAoB,UAAW,yBAAyB,gBA8FpE,CAAC"}

package/lib/esm/widget/components/ReportHorizontalTile.js CHANGED Viewed

@@ -31,7 +31,7 @@ export const ReportHorizontalTile = (props) => {
         if (jobStarted) {
             window.clearInterval(interval.current);
             interval.current = window.setInterval(async () => {
-                const state = props.bulkExtractor.getState(props.report.id);
+                const state = await props.bulkExtractor.getReportState(props.report.id);
                 if (state) {
                     setExtractionState(state);
                     if (state === ExtractionStates.Failed || state === ExtractionStates.Succeeded) {
@@ -58,7 +58,6 @@ export const ReportHorizontalTile = (props) => {
                 ] },
                 React.createElement(IconButton, { styleType: "borderless" },
                     React.createElement(SvgMore, null))))) : (React.createElement(ExtractionStatus, { state: extractionState, clearExtractionState: () => {
-                props.bulkExtractor.clearJob(props.report.id);
                 setExtractionState(ExtractionStates.None);
             } })) }));
 };

package/lib/esm/widget/components/ReportHorizontalTile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReportHorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportHorizontalTile.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAExE,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EACL,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,SAAS,EACT,OAAO,EACP,OAAO,GACR,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAalD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;;IACvE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAmB,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAChG,MAAM,QAAQ,GAAG,MAAM,EAAU,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,eAAuB,EAAE,EAAE;YAC3C,IAAI,eAAe,KAAK,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE;gBACvC,kBAAkB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;gBAC9C,aAAa,CAAC,IAAI,CAAC,CAAC;aACrB;QACH,CAAC,CAAC;QACF,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE1C,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC/C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE;YACd,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACvC,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;gBAC/C,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,~~QAAQ~~,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;~~gBAC5D~~,IAAI,KAAK,EAAE;oBACT,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC1B,IAAI,KAAK,KAAK,gBAAgB,CAAC,MAAM,IAAI,KAAK,KAAK,gBAAgB,CAAC,SAAS,EAAE;wBAC7E,aAAa,CAAC,KAAK,CAAC,CAAC;qBACtB;iBACF;YACH,CAAC,EAAE,qBAAqB,CAAC,CAAC;SAC3B;QACD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC;IAEvD,MAAM,WAAW,GAAG,CAAC,CAAmB,EAAE,EAAE;;QAC1C,IAAI,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,aAAa,CAAC,SAAS,0CAAE,QAAQ,GAAG,KAAK,CAAC,GAAG,EAAE,QAAQ,CAAC,+BAA+B,CAAC,EAAE;YAC/F,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;SACrD;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAC/B,OAAO,EAAE,MAAA,KAAK,CAAC,MAAM,CAAC,WAAW,mCAAI,EAAE,EACvC,cAAc,EAAE,MAAA,KAAK,CAAC,MAAM,CAAC,WAAW,mCAAI,EAAE,EAC9C,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EACtC,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,eAAe,KAAK,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CACvD,6BACE,SAAS,EAAC,mBAAmB,iBACjB,oBAAoB;YAChC,oBAAC,YAAY,IACX,SAAS,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC;oBAChC,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,KAAK,CAAC,aAAa,EAC5B,IAAI,EAAE,oBAAC,OAAO,OAAG,IAEhB,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,4BAA4B,CAC7B,CACQ;oBACX,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;4BACZ,KAAK,CAAC,aAAa,EAAE,CAAC;4BACtB,KAAK,EAAE,CAAC;wBACV,CAAC,EACD,IAAI,EAAE,oBAAC,SAAS,OAAG,IAElB,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,4BAA4B,CAC7B,CACQ;iBACZ;gBAED,oBAAC,UAAU,IAAC,SAAS,EAAC,YAAY;oBAChC,oBAAC,OAAO,OAAG,CACA,CACA,CACX,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,IACf,KAAK,EAAE,eAAe,EACtB,oBAAoB,EAAE,GAAG,EAAE;gBACzB,~~KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;gBAC9C,~~kBAAkB,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAC5C,CAAC,GACiB,CACrB,GACe,CACnB,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 { useEffect, useRef, useState } from \"react\";\nimport React from \"react\";\nimport type BulkExtractor from \"./BulkExtractor\";\nimport { ExtractionStates, ExtractionStatus } from \"./ExtractionStatus\";\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport { STATUS_CHECK_INTERVAL } from \"./Constants\";\nimport type { Report } from \"@itwin/insights-client\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport {\n DropdownMenu,\n IconButton,\n MenuItem,\n} from \"@itwin/itwinui-react\";\nimport {\n SvgDelete,\n SvgEdit,\n SvgMore,\n} from \"@itwin/itwinui-icons-react\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport type { HorizontalTileProps } from \"./HorizontalTile\";\n\nexport interface ReportHorizontalTileProps extends Pick<HorizontalTileProps, \"onClickTitle\"> {\n selected: boolean;\n onSelectionChange: (reportId: string, controlPressed: boolean) => void;\n bulkExtractor: BulkExtractor;\n jobStartEvent: BeEvent<(reportId: string) => void>;\n report: Report;\n onClickDelete: () => void;\n onClickModify: () => void;\n}\n\nexport const ReportHorizontalTile = (props: ReportHorizontalTileProps) => {\n const [jobStarted, setJobStarted] = useState<boolean>(false);\n const [extractionState, setExtractionState] = useState<ExtractionStates>(ExtractionStates.None);\n const interval = useRef<number>();\n\n useEffect(() => {\n const listener = (startedReportId: string) => {\n if (startedReportId === props.report.id) {\n setExtractionState(ExtractionStates.Starting);\n setJobStarted(true);\n }\n };\n props.jobStartEvent.addListener(listener);\n\n return () => {\n props.jobStartEvent.removeListener(listener);\n };\n }, [props.jobStartEvent, props.report.id]);\n\n useEffect(() => {\n if (jobStarted) {\n window.clearInterval(interval.current);\n interval.current = window.setInterval(async () => {\n const state = props.bulkExtractor.~~getState~~(props.report.id);\n if (state) {\n setExtractionState(state);\n if (state === ExtractionStates.Failed \|\| state === ExtractionStates.Succeeded) {\n setJobStarted(false);\n }\n }\n }, STATUS_CHECK_INTERVAL);\n }\n return () => window.clearInterval(interval.current);\n }, [props.report.id, props.bulkExtractor, jobStarted]);\n\n const onClickTile = (e: React.MouseEvent) => {\n if (e?.currentTarget.className?.toString().split(\" \").includes(\"rcw-horizontal-tile-container\")) {\n props.onSelectionChange(props.report.id, e.ctrlKey);\n }\n };\n\n return (\n <HorizontalTile\n title={props.report.displayName}\n subText={props.report.description ?? \"\"}\n subtextToolTip={props.report.description ?? \"\"}\n titleTooltip={props.report.displayName}\n onClick={onClickTile}\n onClickTitle={props.onClickTitle}\n selected={props.selected}\n actionGroup={extractionState === ExtractionStates.None ? (\n <div\n className=\"rcw-action-button\"\n data-testid=\"tile-action-button\">\n <DropdownMenu\n menuItems={(close: () => void) => [\n <MenuItem\n key={0}\n onClick={props.onClickModify}\n icon={<SvgEdit />}\n >\n {ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:Modify\"\n )}\n </MenuItem>,\n <MenuItem\n key={1}\n onClick={() => {\n props.onClickDelete();\n close();\n }}\n icon={<SvgDelete />}\n >\n {ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:Remove\"\n )}\n </MenuItem>,\n ]}\n >\n <IconButton styleType=\"borderless\">\n <SvgMore />\n </IconButton>\n </DropdownMenu>\n </div>\n ) : (\n <ExtractionStatus\n state={extractionState}\n clearExtractionState={() => {\n ~~props.bulkExtractor.clearJob(props.report.id);\n~~ setExtractionState(ExtractionStates.None);\n }}\n ></ExtractionStatus>\n )}\n ></HorizontalTile>\n );\n};\n"]}
1	+ {"version":3,"file":"ReportHorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportHorizontalTile.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAExE,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EACL,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,SAAS,EACT,OAAO,EACP,OAAO,GACR,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAalD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;;IACvE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAmB,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAChG,MAAM,QAAQ,GAAG,MAAM,EAAU,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,eAAuB,EAAE,EAAE;YAC3C,IAAI,eAAe,KAAK,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE;gBACvC,kBAAkB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;gBAC9C,aAAa,CAAC,IAAI,CAAC,CAAC;aACrB;QACH,CAAC,CAAC;QACF,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE1C,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC/C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE;YACd,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACvC,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;gBAC/C,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;gBACxE,IAAI,KAAK,EAAE;oBACT,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC1B,IAAI,KAAK,KAAK,gBAAgB,CAAC,MAAM,IAAI,KAAK,KAAK,gBAAgB,CAAC,SAAS,EAAE;wBAC7E,aAAa,CAAC,KAAK,CAAC,CAAC;qBACtB;iBACF;YACH,CAAC,EAAE,qBAAqB,CAAC,CAAC;SAC3B;QACD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC;IAEvD,MAAM,WAAW,GAAG,CAAC,CAAmB,EAAE,EAAE;;QAC1C,IAAI,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,aAAa,CAAC,SAAS,0CAAE,QAAQ,GAAG,KAAK,CAAC,GAAG,EAAE,QAAQ,CAAC,+BAA+B,CAAC,EAAE;YAC/F,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;SACrD;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAC/B,OAAO,EAAE,MAAA,KAAK,CAAC,MAAM,CAAC,WAAW,mCAAI,EAAE,EACvC,cAAc,EAAE,MAAA,KAAK,CAAC,MAAM,CAAC,WAAW,mCAAI,EAAE,EAC9C,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EACtC,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,eAAe,KAAK,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CACvD,6BACE,SAAS,EAAC,mBAAmB,iBACjB,oBAAoB;YAChC,oBAAC,YAAY,IACX,SAAS,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC;oBAChC,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,KAAK,CAAC,aAAa,EAC5B,IAAI,EAAE,oBAAC,OAAO,OAAG,IAEhB,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,4BAA4B,CAC7B,CACQ;oBACX,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;4BACZ,KAAK,CAAC,aAAa,EAAE,CAAC;4BACtB,KAAK,EAAE,CAAC;wBACV,CAAC,EACD,IAAI,EAAE,oBAAC,SAAS,OAAG,IAElB,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,4BAA4B,CAC7B,CACQ;iBACZ;gBAED,oBAAC,UAAU,IAAC,SAAS,EAAC,YAAY;oBAChC,oBAAC,OAAO,OAAG,CACA,CACA,CACX,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,IACf,KAAK,EAAE,eAAe,EACtB,oBAAoB,EAAE,GAAG,EAAE;gBACzB,kBAAkB,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAC5C,CAAC,GACiB,CACrB,GACe,CACnB,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 { useEffect, useRef, useState } from \"react\";\nimport React from \"react\";\nimport type BulkExtractor from \"./BulkExtractor\";\nimport { ExtractionStates, ExtractionStatus } from \"./ExtractionStatus\";\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport { STATUS_CHECK_INTERVAL } from \"./Constants\";\nimport type { Report } from \"@itwin/insights-client\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport {\n DropdownMenu,\n IconButton,\n MenuItem,\n} from \"@itwin/itwinui-react\";\nimport {\n SvgDelete,\n SvgEdit,\n SvgMore,\n} from \"@itwin/itwinui-icons-react\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport type { HorizontalTileProps } from \"./HorizontalTile\";\n\nexport interface ReportHorizontalTileProps extends Pick<HorizontalTileProps, \"onClickTitle\"> {\n selected: boolean;\n onSelectionChange: (reportId: string, controlPressed: boolean) => void;\n bulkExtractor: BulkExtractor;\n jobStartEvent: BeEvent<(reportId: string) => void>;\n report: Report;\n onClickDelete: () => void;\n onClickModify: () => void;\n}\n\nexport const ReportHorizontalTile = (props: ReportHorizontalTileProps) => {\n const [jobStarted, setJobStarted] = useState<boolean>(false);\n const [extractionState, setExtractionState] = useState<ExtractionStates>(ExtractionStates.None);\n const interval = useRef<number>();\n\n useEffect(() => {\n const listener = (startedReportId: string) => {\n if (startedReportId === props.report.id) {\n setExtractionState(ExtractionStates.Starting);\n setJobStarted(true);\n }\n };\n props.jobStartEvent.addListener(listener);\n\n return () => {\n props.jobStartEvent.removeListener(listener);\n };\n }, [props.jobStartEvent, props.report.id]);\n\n useEffect(() => {\n if (jobStarted) {\n window.clearInterval(interval.current);\n interval.current = window.setInterval(async () => {\n const state = await props.bulkExtractor.getReportState(props.report.id);\n if (state) {\n setExtractionState(state);\n if (state === ExtractionStates.Failed \|\| state === ExtractionStates.Succeeded) {\n setJobStarted(false);\n }\n }\n }, STATUS_CHECK_INTERVAL);\n }\n return () => window.clearInterval(interval.current);\n }, [props.report.id, props.bulkExtractor, jobStarted]);\n\n const onClickTile = (e: React.MouseEvent) => {\n if (e?.currentTarget.className?.toString().split(\" \").includes(\"rcw-horizontal-tile-container\")) {\n props.onSelectionChange(props.report.id, e.ctrlKey);\n }\n };\n\n return (\n <HorizontalTile\n title={props.report.displayName}\n subText={props.report.description ?? \"\"}\n subtextToolTip={props.report.description ?? \"\"}\n titleTooltip={props.report.displayName}\n onClick={onClickTile}\n onClickTitle={props.onClickTitle}\n selected={props.selected}\n actionGroup={extractionState === ExtractionStates.None ? (\n <div\n className=\"rcw-action-button\"\n data-testid=\"tile-action-button\">\n <DropdownMenu\n menuItems={(close: () => void) => [\n <MenuItem\n key={0}\n onClick={props.onClickModify}\n icon={<SvgEdit />}\n >\n {ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:Modify\"\n )}\n </MenuItem>,\n <MenuItem\n key={1}\n onClick={() => {\n props.onClickDelete();\n close();\n }}\n icon={<SvgDelete />}\n >\n {ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:Remove\"\n )}\n </MenuItem>,\n ]}\n >\n <IconButton styleType=\"borderless\">\n <SvgMore />\n </IconButton>\n </DropdownMenu>\n </div>\n ) : (\n <ExtractionStatus\n state={extractionState}\n clearExtractionState={() => {\n setExtractionState(ExtractionStates.None);\n }}\n ></ExtractionStatus>\n )}\n ></HorizontalTile>\n );\n};\n"]}

package/lib/esm/widget/components/ReportMappingHorizontalTile.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type BulkExtractor from "./BulkExtractor";
+import type { BeEvent } from "@itwin/core-bentley";
+import type { ReportMappingAndMapping } from "./ReportMappings";
+export interface ReportMappingHorizontalTileProps {
+    jobStartEvent: BeEvent<(iModelId: string) => void>;
+    mapping: ReportMappingAndMapping;
+    onClickDelete: () => void;
+    bulkExtractor: BulkExtractor;
+    odataFeedUrl: string;
+}
+export declare const ReportMappingHorizontalTile: (props: ReportMappingHorizontalTileProps) => JSX.Element;
+//# sourceMappingURL=ReportMappingHorizontalTile.d.ts.map

package/lib/esm/widget/components/ReportMappingHorizontalTile.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ReportMappingHorizontalTile.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappingHorizontalTile.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AASnD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,WAAW,gCAAgC;IAC/C,aAAa,EAAE,OAAO,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,uBAAuB,CAAC;IACjC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,EAAE,aAAa,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,2BAA2B,UAAW,gCAAgC,gBAoGlF,CAAC"}

package/lib/esm/widget/components/ReportMappingHorizontalTile.js ADDED Viewed

@@ -0,0 +1,75 @@
+/*---------------------------------------------------------------------------------------------
+* 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 React from "react";
+import { ExtractionStates, ExtractionStatus } from "./ExtractionStatus";
+import { STATUS_CHECK_INTERVAL } from "./Constants";
+import { ReportsConfigWidget } from "../../ReportsConfigWidget";
+import { IconButton } from "@itwin/itwinui-react";
+import { SvgDelete, SvgRefresh, } from "@itwin/itwinui-icons-react";
+import { HorizontalTile } from "./HorizontalTile";
+export const ReportMappingHorizontalTile = (props) => {
+    const [extractionState, setExtractionState] = useState(ExtractionStates.None);
+    const [jobStarted, setJobStarted] = useState(true);
+    const interval = useRef();
+    const initialLoad = useRef(true);
+    useEffect(() => {
+        const listener = (startedIModelId) => {
+            if (startedIModelId === props.mapping.imodelId) {
+                setExtractionState(ExtractionStates.Starting);
+                setJobStarted(true);
+            }
+        };
+        props.jobStartEvent.addListener(listener);
+        return () => {
+            props.jobStartEvent.removeListener(listener);
+        };
+    }, [props.jobStartEvent, props.mapping]);
+    const getExtractionState = useCallback(async () => {
+        const state = await props.bulkExtractor.getIModelState(props.mapping.imodelId, props.mapping.iModelName, props.odataFeedUrl);
+        if (state === ExtractionStates.Failed || state === ExtractionStates.Succeeded || state === ExtractionStates.None) {
+            setJobStarted(false);
+            if (initialLoad.current) {
+                initialLoad.current = false;
+                setExtractionState(ExtractionStates.None);
+                return;
+            }
+        }
+        else {
+            initialLoad.current = false;
+        }
+        setExtractionState(state);
+    }, [props.mapping, props.bulkExtractor, props.odataFeedUrl]);
+    useEffect(() => {
+        if (jobStarted) {
+            getExtractionState().catch((error) => {
+                setExtractionState(ExtractionStates.Failed);
+                setJobStarted(false);
+                /* eslint-disable no-console */
+                console.error(error);
+            });
+            window.clearInterval(interval.current);
+            interval.current = window.setInterval(async () => {
+                await getExtractionState();
+            }, STATUS_CHECK_INTERVAL);
+        }
+        return () => window.clearInterval(interval.current);
+    }, [jobStarted, getExtractionState]);
+    return (React.createElement(HorizontalTile, { title: props.mapping.mappingName, subText: props.mapping.iModelName, titleTooltip: props.mapping.mappingDescription, actionGroup: (React.createElement("div", { className: "rcw-action-button", "data-testid": "tile-action-button" },
+            extractionState === ExtractionStates.None ?
+                (React.createElement(IconButton, { styleType: "borderless", title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateDataset"), onClick: async () => {
+                        setExtractionState(ExtractionStates.Starting);
+                        await props.bulkExtractor.runIModelExtraction(props.mapping.imodelId);
+                        props.jobStartEvent.raiseEvent(props.mapping.imodelId);
+                    }, disabled: jobStarted },
+                    React.createElement(SvgRefresh, null))) : (React.createElement(ExtractionStatus, { state: extractionState, clearExtractionState: () => {
+                    setExtractionState(ExtractionStates.None);
+                } })),
+            React.createElement(IconButton, { styleType: "borderless", title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Remove"), onClick: () => {
+                    props.onClickDelete();
+                }, disabled: jobStarted },
+                React.createElement(SvgDelete, null)))) }));
+};
+//# sourceMappingURL=ReportMappingHorizontalTile.js.map

package/lib/esm/widget/components/ReportMappingHorizontalTile.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ReportMappingHorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappingHorizontalTile.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 { useCallback, useEffect, useRef, useState } from \"react\";\nimport React from \"react\";\nimport type BulkExtractor from \"./BulkExtractor\";\nimport { ExtractionStates, ExtractionStatus } from \"./ExtractionStatus\";\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport { STATUS_CHECK_INTERVAL } from \"./Constants\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport {\n SvgDelete,\n SvgRefresh,\n} from \"@itwin/itwinui-icons-react\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport type { ReportMappingAndMapping } from \"./ReportMappings\";\n\nexport interface ReportMappingHorizontalTileProps {\n jobStartEvent: BeEvent<(iModelId: string) => void>;\n mapping: ReportMappingAndMapping;\n onClickDelete: () => void;\n bulkExtractor: BulkExtractor;\n odataFeedUrl: string;\n}\n\nexport const ReportMappingHorizontalTile = (props: ReportMappingHorizontalTileProps) => {\n const [extractionState, setExtractionState] = useState<ExtractionStates>(ExtractionStates.None);\n const [jobStarted, setJobStarted] = useState<boolean>(true);\n const interval = useRef<number>();\n const initialLoad = useRef<boolean>(true);\n\n useEffect(() => {\n const listener = (startedIModelId: string) => {\n if (startedIModelId === props.mapping.imodelId) {\n setExtractionState(ExtractionStates.Starting);\n setJobStarted(true);\n }\n };\n props.jobStartEvent.addListener(listener);\n\n return () => {\n props.jobStartEvent.removeListener(listener);\n };\n }, [props.jobStartEvent, props.mapping]);\n\n const getExtractionState = useCallback(async () => {\n const state = await props.bulkExtractor.getIModelState(props.mapping.imodelId, props.mapping.iModelName, props.odataFeedUrl);\n if (state === ExtractionStates.Failed || state === ExtractionStates.Succeeded || state === ExtractionStates.None) {\n setJobStarted(false);\n if (initialLoad.current) {\n initialLoad.current = false;\n setExtractionState(ExtractionStates.None);\n return;\n }\n } else {\n initialLoad.current = false;\n }\n setExtractionState(state);\n }, [props.mapping, props.bulkExtractor, props.odataFeedUrl]);\n\n useEffect(() => {\n if (jobStarted) {\n getExtractionState().catch((error) => {\n setExtractionState(ExtractionStates.Failed);\n setJobStarted(false);\n /* eslint-disable no-console */\n console.error(error);\n });\n window.clearInterval(interval.current);\n interval.current = window.setInterval(async () => {\n await getExtractionState();\n }, STATUS_CHECK_INTERVAL);\n }\n return () => window.clearInterval(interval.current);\n }, [jobStarted, getExtractionState]);\n\n return (\n <HorizontalTile\n title={props.mapping.mappingName}\n subText={props.mapping.iModelName}\n titleTooltip={props.mapping.mappingDescription}\n actionGroup={(\n <div\n className=\"rcw-action-button\"\n data-testid=\"tile-action-button\">\n {extractionState === ExtractionStates.None ?\n (\n <IconButton\n styleType=\"borderless\"\n title={ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:UpdateDataset\"\n )}\n onClick={async () => {\n setExtractionState(ExtractionStates.Starting);\n await props.bulkExtractor.runIModelExtraction(props.mapping.imodelId);\n props.jobStartEvent.raiseEvent(props.mapping.imodelId);\n }}\n disabled={jobStarted}\n >\n <SvgRefresh />\n </IconButton>\n ) : (\n <ExtractionStatus\n state={extractionState}\n clearExtractionState={() => {\n setExtractionState(ExtractionStates.None);\n }}\n ></ExtractionStatus>\n )}\n <IconButton\n styleType=\"borderless\"\n title={ReportsConfigWidget.localization.getLocalizedString(\n \"ReportsConfigWidget:Remove\"\n )}\n onClick={() => {\n props.onClickDelete();\n }}\n disabled={jobStarted}\n >\n <SvgDelete />\n </IconButton>\n </div >\n )}\n />\n );\n};\n"]}

package/lib/esm/widget/components/ReportMappings.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@
 import type { CreateTypeFromInterface } from "./utils";
 import "./ReportMappings.scss";
 import type { Report, ReportMapping } from "@itwin/insights-client";
+import type BulkExtractor from "./BulkExtractor";
 export declare type ReportMappingType = CreateTypeFromInterface<ReportMapping>;
 export declare type ReportMappingAndMapping = ReportMappingType & {
     mappingName: string;
@@ -10,8 +11,9 @@ export declare type ReportMappingAndMapping = ReportMappingType & {
 };
 interface ReportMappingsProps {
     report: Report;
+    bulkExtractor: BulkExtractor;
     goBack: () => Promise<void>;
 }
-export declare const ReportMappings: ({ report, goBack }: ReportMappingsProps) => JSX.Element;
+export declare const ReportMappings: ({ report, bulkExtractor, goBack }: ReportMappingsProps) => JSX.Element;
 export {};
 //# sourceMappingURL=ReportMappings.d.ts.map

package/lib/esm/widget/components/ReportMappings.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReportMappings.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappings.tsx"],"names":[],"mappings":";~~AAqBA~~,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAQvD,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;~~AAgBpE~~,oBAAY,iBAAiB,GAAG,uBAAuB,CAAC,aAAa,CAAC,CAAC;AAEvE,oBAAY,uBAAuB,GAAG,iBAAiB,GAAG;IACxD,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAwEF,UAAU,mBAAmB;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,~~uBAAwB~~,mBAAmB,~~gBAwNrE~~,CAAC"}
1	+ {"version":3,"file":"ReportMappings.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappings.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAQvD,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAcpE,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAIjD,oBAAY,iBAAiB,GAAG,uBAAuB,CAAC,aAAa,CAAC,CAAC;AAEvE,oBAAY,uBAAuB,GAAG,iBAAiB,GAAG;IACxD,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAwEF,UAAU,mBAAmB;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,aAAa,CAAC;IAC7B,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,sCAAuC,mBAAmB,gBAyMpF,CAAC"}

package/lib/esm/widget/components/ReportMappings.js CHANGED Viewed

@@ -2,28 +2,29 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-import { SvgAdd, SvgCopy, SvgDelete, SvgMore, } from "@itwin/itwinui-icons-react";
-import { Button, DropdownMenu, IconButton, LabeledInput, MenuItem, Surface, Text, toaster, } from "@itwin/itwinui-react";
+import { SvgAdd, SvgCopy, } from "@itwin/itwinui-icons-react";
+import { Button, IconButton, LabeledInput, Surface, Text, toaster, } from "@itwin/itwinui-react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { EmptyMessage, generateUrl, handleError, LoadingOverlay, WidgetHeader, } from "./utils";
 import "./ReportMappings.scss";
 import DeleteModal from "./DeleteModal";
 import { MappingsClient, REPORTING_BASE_PATH, ReportsClient } from "@itwin/insights-client";
-import AddMappingsModal from "./AddMappingsModal";
+import { AddMappingsModal } from "./AddMappingsModal";
 import { Constants, IModelsClient } from "@itwin/imodels-client-management";
 import { AccessTokenAdapter } from "@itwin/imodels-access-frontend";
-import { HorizontalTile } from "./HorizontalTile";
-import { Extraction, ExtractionStates, ExtractionStatus } from "./Extraction";
 import { SearchBar } from "./SearchBar";
 import { useReportsApiConfig } from "../context/ReportsApiConfigContext";
 import { ReportsConfigWidget } from "../../ReportsConfigWidget";
+import { ReportMappingHorizontalTile } from "./ReportMappingHorizontalTile";
+import { BeEvent } from "@itwin/core-bentley";
+import { LoadingSpinner } from "./utils";
 var ReportMappingsView;
 (function (ReportMappingsView) {
     ReportMappingsView["REPORTMAPPINGS"] = "reportmappings";
     ReportMappingsView["ADDING"] = "adding";
 })(ReportMappingsView || (ReportMappingsView = {}));
 const fetchReportMappings = async (setReportMappings, reportId, setIsLoading, apiContext) => {
-    var _a;
+    var _a, _b;
     try {
         setIsLoading(true);
         const reportsClientApi = new ReportsClient(generateUrl(REPORTING_BASE_PATH, apiContext.baseUrl));
@@ -36,8 +37,8 @@ const fetchReportMappings = async (setReportMappings, reportId, setIsLoading, ap
         const iModelsClient = new IModelsClient(iModelClientOptions);
         const authorization = AccessTokenAdapter.toAuthorizationCallback(accessToken);
         const iModelNames = new Map();
-        const reportMappingsAndMapping = await Promise.all((_a = reportMappings.map(async (reportMapping) => {
-            var _a, _b;
+        const reportMappingsAndMappings = [];
+        for (const reportMapping of reportMappings) {
             const iModelId = reportMapping.imodelId;
             let iModelName = "";
             const mapping = await mappingsClientApi.getMapping(accessToken, iModelId, reportMapping.mappingId);
@@ -59,9 +60,9 @@ const fetchReportMappings = async (setReportMappings, reportId, setIsLoading, ap
                 mappingName: mapping.mappingName,
                 mappingDescription: (_b = mapping.description) !== null && _b !== void 0 ? _b : "",
             };
-            return reportMappingAndMapping;
-        })) !== null && _a !== void 0 ? _a : []);
-        setReportMappings(reportMappingsAndMapping);
+            reportMappingsAndMappings.push(reportMappingAndMapping);
+        }
+        setReportMappings(reportMappingsAndMappings);
     }
     catch (error) {
         handleError(error.status);
@@ -70,20 +71,23 @@ const fetchReportMappings = async (setReportMappings, reportId, setIsLoading, ap
         setIsLoading(false);
     }
 };
-export const ReportMappings = ({ report, goBack }) => {
+export const ReportMappings = ({ report, bulkExtractor, goBack }) => {
     var _a;
     const apiConfig = useReportsApiConfig();
     const [reportMappingsView, setReportMappingsView] = useState(ReportMappingsView.REPORTMAPPINGS);
     const [selectedReportMapping, setSelectedReportMapping] = useState(undefined);
     const [showDeleteModal, setShowDeleteModal] = useState(false);
     const [isLoading, setIsLoading] = useState(true);
-    const [extractionState, setExtractionState] = useState(ExtractionStates.None);
-    const [runningIModelId, setRunningIModelId] = useState("");
     const [searchValue, setSearchValue] = useState("");
     const [reportMappings, setReportMappings] = useState([]);
+    const [jobRunning, setJobRunning] = useState(false);
+    const jobStartEvent = useMemo(() => new BeEvent(), []);
     useEffect(() => {
         void fetchReportMappings(setReportMappings, report.id, setIsLoading, apiConfig);
     }, [apiConfig, report.id, setIsLoading]);
+    useEffect(() => {
+        bulkExtractor.setHook(setJobRunning, reportMappings.map((x) => x.imodelId));
+    }, [bulkExtractor, reportMappings]);
     const refresh = useCallback(async () => {
         setReportMappingsView(ReportMappingsView.REPORTMAPPINGS);
         await fetchReportMappings(setReportMappings, report.id, setIsLoading, apiConfig);
@@ -91,10 +95,6 @@ export const ReportMappings = ({ report, goBack }) => {
     const addMapping = () => {
         setReportMappingsView(ReportMappingsView.ADDING);
     };
-    const uniqueIModels = useMemo(() => new Map(reportMappings.map((mapping) => [
-        mapping.imodelId,
-        mapping.iModelName,
-    ])), [reportMappings]);
     const odataFeedUrl = `${generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)}/odata/${report.id}`;
     const filteredReportMappings = useMemo(() => reportMappings.filter((x) => [x.iModelName, x.mappingName, x.mappingDescription]
         .join(" ")
@@ -102,43 +102,42 @@ export const ReportMappings = ({ report, goBack }) => {
         .includes(searchValue.toLowerCase())), [reportMappings, searchValue]);
     return (React.createElement(React.Fragment, null,
         React.createElement(WidgetHeader, { title: report.displayName, returnFn: goBack }),
-        React.createElement("div", { className: "report-mapping-misc" },
-            React.createElement(LabeledInput, { label: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ODataFeedURL"), className: "odata-url-input", readOnly: true, value: odataFeedUrl, svgIcon: React.createElement(IconButton, { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Copy"), styleType: "borderless", onClick: async (_) => {
+        React.createElement("div", { className: "rcw-report-mapping-misc" },
+            React.createElement(LabeledInput, { label: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ODataFeedURL"), className: "rcw-odata-url-input", readOnly: true, value: odataFeedUrl, svgIcon: React.createElement(IconButton, { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Copy"), styleType: "borderless", onClick: async (_) => {
                         await navigator.clipboard.writeText(odataFeedUrl);
                         toaster.positive(ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:CopiedToClipboard"));
                     } },
-                    React.createElement(SvgCopy, null)), iconDisplayStyle: "inline" }),
-            React.createElement(Extraction, { iModels: uniqueIModels, extractionState: extractionState, setExtractionState: setExtractionState, setExtractingIModelId: setRunningIModelId, isLoading: isLoading })),
-        React.createElement(Surface, { className: "report-mappings-container" },
-            React.createElement("div", { className: "toolbar" },
+                    React.createElement(SvgCopy, null)), iconDisplayStyle: "inline" })),
+        React.createElement(Surface, { className: "rcw-report-mappings-container" },
+            React.createElement("div", { className: "rcw-toolbar" },
                 React.createElement(Button, { startIcon: React.createElement(SvgAdd, null), onClick: () => addMapping(), styleType: "high-visibility" }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:AddMapping")),
-                React.createElement("div", { className: "search-bar-container", "data-testid": "search-bar" },
+                React.createElement("div", { className: "rcw-search-bar-container", "data-testid": "rcw-search-bar" },
                     React.createElement(SearchBar, { searchValue: searchValue, setSearchValue: setSearchValue, disabled: isLoading }))),
             isLoading ? (React.createElement(LoadingOverlay, null)) : reportMappings.length === 0 ? (React.createElement(EmptyMessage, null,
                 React.createElement(React.Fragment, null,
                     React.createElement(Text, null, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:NoReportMappings")),
                     React.createElement("div", null,
-                        React.createElement(Button, { onClick: () => addMapping(), styleType: "cta" }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:LetsAddSomeMappingsCTA")))))) : (React.createElement("div", { className: "mapping-list" }, filteredReportMappings.map((mapping) => (React.createElement(HorizontalTile, { key: mapping.mappingId, title: mapping.mappingName, subText: mapping.iModelName, titleTooltip: mapping.mappingDescription, actionGroup: React.createElement(ExtractionStatus, { state: mapping.imodelId === runningIModelId
-                        ? extractionState
-                        : ExtractionStates.None },
-                    React.createElement(DropdownMenu, { menuItems: (close) => [
-                            React.createElement(MenuItem, { key: 0, onClick: () => {
-                                    setSelectedReportMapping(mapping);
-                                    setShowDeleteModal(true);
-                                    close();
-                                }, icon: React.createElement(SvgDelete, null) }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Remove")),
-                        ] },
-                        React.createElement(IconButton, { styleType: "borderless" },
-                            React.createElement(SvgMore, { style: {
-                                    width: "16px",
-                                    height: "16px",
-                                } })))) })))))),
+                        React.createElement(Button, { onClick: () => addMapping(), styleType: "cta" }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:LetsAddSomeMappingsCTA")))))) : (React.createElement("div", { className: "rcw-mapping-list" }, filteredReportMappings.map((mapping) => (React.createElement(ReportMappingHorizontalTile, { key: mapping.mappingId, bulkExtractor: bulkExtractor, mapping: mapping, onClickDelete: () => {
+                    setSelectedReportMapping(mapping);
+                    setShowDeleteModal(true);
+                }, odataFeedUrl: odataFeedUrl, jobStartEvent: jobStartEvent })))))),
         React.createElement(AddMappingsModal, { show: reportMappingsView === ReportMappingsView.ADDING, reportId: report.id, existingMappings: reportMappings, returnFn: refresh }),
         React.createElement(DeleteModal, { entityName: (_a = selectedReportMapping === null || selectedReportMapping === void 0 ? void 0 : selectedReportMapping.mappingName) !== null && _a !== void 0 ? _a : "", show: showDeleteModal, setShow: setShowDeleteModal, onDelete: async () => {
                 var _a;
                 const reportsClientApi = new ReportsClient(generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl));
                 const accessToken = await apiConfig.getAccessToken();
                 await reportsClientApi.deleteReportMapping(accessToken, report.id, (_a = selectedReportMapping === null || selectedReportMapping === void 0 ? void 0 : selectedReportMapping.mappingId) !== null && _a !== void 0 ? _a : "");
-            }, refresh: refresh })));
+            }, refresh: refresh }),
+        React.createElement("div", { className: "rcw-action-panel" },
+            isLoading && React.createElement(LoadingSpinner, null),
+            React.createElement(Button, { disabled: isLoading || jobRunning || reportMappings.length === 0, styleType: "high-visibility", onClick: async () => {
+                    setJobRunning(true);
+                    const uniqueIModels = Array.from(new Set(reportMappings.map((x) => x.imodelId)));
+                    await bulkExtractor.runIModelExtractions(uniqueIModels);
+                    reportMappings.forEach((reportMapping) => {
+                        jobStartEvent.raiseEvent(reportMapping.imodelId);
+                    });
+                } }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateAllDatasets")),
+            React.createElement(Button, { styleType: "default", type: "button", onClick: goBack, disabled: isLoading }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Close")))));
 };
 //# sourceMappingURL=ReportMappings.js.map