@itwin/reports-config-widget-react 0.3.0 → 0.4.0

package/lib/cjs/widget/components/LocalizedTablePaginator.js

@@ -24,8 +24,8 @@ const itwinui_react_1 = require("@itwin/itwinui-react");
 const react_1 = __importStar(require("react"));
 const ReportsConfigWidget_1 = require("../../ReportsConfigWidget");
 const LocalizedTablePaginator = (props) => {
-    const pageSizeList = react_1.useMemo(() => [10, 25, 50], []);
-    const paginationLocalization = react_1.useMemo(() => ({
+    const pageSizeList = (0, react_1.useMemo)(() => [10, 25, 50], []);
+    const paginationLocalization = (0, react_1.useMemo)(() => ({
         pageSizeLabel: (size) => ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Table.SizePerPage", { size }),
         rangeLabel: (startIndex, endIndex, totalRows, isLoading) => isLoading
             ? ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Table.StartIndexEndIndex", { startIndex, endIndex })

package/lib/cjs/widget/components/LocalizedTablePaginator.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocalizedTablePaginator.js","sourceRoot":"","sources":["../../../../src/widget/components/LocalizedTablePaginator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,wDAAsD;AACtD,+CAAuC;AACvC,mEAAgE;AAEzD,MAAM,uBAAuB,GAAG,CAAC,KAAkC,EAAE,EAAE;IAC5E,MAAM,YAAY,GAAG,eAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACrD,MAAM,sBAAsB,GAAG,eAAO,CACpC,GAAG,EAAE,CAAC,CAAC;QACL,aAAa,EAAE,CAAC,IAAY,EAAE,EAAE,CAC9B,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjD,uCAAuC,EACvC,EAAE,IAAI,EAAE,CACT;QACH,UAAU,EAAE,CACV,UAAkB,EAClB,QAAgB,EAChB,SAAiB,EACjB,SAAkB,EAClB,EAAE,CACF,SAAS;YACP,CAAC,CAAC,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACnD,8CAA8C,EAC9C,EAAE,UAAU,EAAE,QAAQ,EAAE,CACzB;YACD,CAAC,CAAC,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACnD,gDAAgD,EAChD,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,CACpC;QACL,YAAY,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC/D,wCAAwC,CACzC;QACD,QAAQ,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC3D,oCAAoC,CACrC;QACD,aAAa,EAAE,CAAC,IAAY,EAAE,EAAE,CAC9B,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjD,oCAAoC,EACpC,EAAE,IAAI,EAAE,CACT;QACH,gBAAgB,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACnE,uCAAuC,CACxC;KACF,CAAC,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,8BAAC,8BAAc,OACT,KAAK,EACT,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,sBAAsB,GACpC,CACH,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,uBAAuB,2BAiDlC","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 { TablePaginatorRendererProps } from \"@itwin/itwinui-react\";\nimport { TablePaginator } from \"@itwin/itwinui-react\";\nimport React, { useMemo } from \"react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\nexport const LocalizedTablePaginator = (props: TablePaginatorRendererProps) => {\n  const pageSizeList = useMemo(() => [10, 25, 50], []);\n  const paginationLocalization = useMemo(\n    () => ({\n      pageSizeLabel: (size: number) =>\n        ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:Table.SizePerPage\",\n          { size }\n        ),\n      rangeLabel: (\n        startIndex: number,\n        endIndex: number,\n        totalRows: number,\n        isLoading: boolean\n      ) =>\n        isLoading\n          ? ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Table.StartIndexEndIndex\",\n            { startIndex, endIndex }\n          )\n          : ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Table.StartIndexEndIndexOf\",\n            { startIndex, endIndex, totalRows }\n          ),\n      previousPage: ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:Table.PreviousPage\"\n      ),\n      nextPage: ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:Table.NextPage\"\n      ),\n      goToPageLabel: (page: number) =>\n        ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:Table.GoToPage\",\n          { page }\n        ),\n      rowsPerPageLabel: ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:Table.RowsPerPage\"\n      ),\n    }),\n    []\n  );\n\n  return (\n    <TablePaginator\n      {...props}\n      pageSizeList={pageSizeList}\n      localization={paginationLocalization}\n    />\n  );\n};\n"]}
+{"version":3,"file":"LocalizedTablePaginator.js","sourceRoot":"","sources":["../../../../src/widget/components/LocalizedTablePaginator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,wDAAsD;AACtD,+CAAuC;AACvC,mEAAgE;AAEzD,MAAM,uBAAuB,GAAG,CAAC,KAAkC,EAAE,EAAE;IAC5E,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACrD,MAAM,sBAAsB,GAAG,IAAA,eAAO,EACpC,GAAG,EAAE,CAAC,CAAC;QACL,aAAa,EAAE,CAAC,IAAY,EAAE,EAAE,CAC9B,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjD,uCAAuC,EACvC,EAAE,IAAI,EAAE,CACT;QACH,UAAU,EAAE,CACV,UAAkB,EAClB,QAAgB,EAChB,SAAiB,EACjB,SAAkB,EAClB,EAAE,CACF,SAAS;YACP,CAAC,CAAC,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACnD,8CAA8C,EAC9C,EAAE,UAAU,EAAE,QAAQ,EAAE,CACzB;YACD,CAAC,CAAC,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACnD,gDAAgD,EAChD,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,CACpC;QACL,YAAY,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC/D,wCAAwC,CACzC;QACD,QAAQ,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC3D,oCAAoC,CACrC;QACD,aAAa,EAAE,CAAC,IAAY,EAAE,EAAE,CAC9B,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjD,oCAAoC,EACpC,EAAE,IAAI,EAAE,CACT;QACH,gBAAgB,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACnE,uCAAuC,CACxC;KACF,CAAC,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,8BAAC,8BAAc,OACT,KAAK,EACT,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,sBAAsB,GACpC,CACH,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,uBAAuB,2BAiDlC","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 { TablePaginatorRendererProps } from \"@itwin/itwinui-react\";\nimport { TablePaginator } from \"@itwin/itwinui-react\";\nimport React, { useMemo } from \"react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\nexport const LocalizedTablePaginator = (props: TablePaginatorRendererProps) => {\n  const pageSizeList = useMemo(() => [10, 25, 50], []);\n  const paginationLocalization = useMemo(\n    () => ({\n      pageSizeLabel: (size: number) =>\n        ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:Table.SizePerPage\",\n          { size }\n        ),\n      rangeLabel: (\n        startIndex: number,\n        endIndex: number,\n        totalRows: number,\n        isLoading: boolean\n      ) =>\n        isLoading\n          ? ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Table.StartIndexEndIndex\",\n            { startIndex, endIndex }\n          )\n          : ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Table.StartIndexEndIndexOf\",\n            { startIndex, endIndex, totalRows }\n          ),\n      previousPage: ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:Table.PreviousPage\"\n      ),\n      nextPage: ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:Table.NextPage\"\n      ),\n      goToPageLabel: (page: number) =>\n        ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:Table.GoToPage\",\n          { page }\n        ),\n      rowsPerPageLabel: ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:Table.RowsPerPage\"\n      ),\n    }),\n    []\n  );\n\n  return (\n    <TablePaginator\n      {...props}\n      pageSizeList={pageSizeList}\n      localization={paginationLocalization}\n    />\n  );\n};\n"]}

package/lib/cjs/widget/components/ReportAction.js

@@ -36,16 +36,14 @@ require("./ReportAction.scss");
 const ReportsConfigApiContext_1 = require("../context/ReportsConfigApiContext");
 const ReportsConfigWidget_1 = require("../../ReportsConfigWidget");
 const ReportAction = ({ report, onSaveSuccess, onClickCancel }) => {
-    var _a, _b;
-    const { iTwinId, getAccessToken, reportsClient } = ReportsConfigApiContext_1.useReportsConfigApi();
-    const [values, setValues] = react_1.useState({
-        name: (_a = report === null || report === void 0 ? void 0 : report.displayName) !== null && _a !== void 0 ? _a : "",
-        description: (_b = report === null || report === void 0 ? void 0 : report.description) !== null && _b !== void 0 ? _b : "",
+    const { iTwinId, getAccessToken, reportsClient } = (0, ReportsConfigApiContext_1.useReportsConfigApi)();
+    const [values, setValues] = (0, react_1.useState)({
+        name: report?.displayName ?? "",
+        description: report?.description ?? "",
     });
-    const [validator, showValidationMessage] = useValidator_1.default();
-    const [isLoading, setIsLoading] = react_1.useState(false);
+    const [validator, showValidationMessage] = (0, useValidator_1.default)();
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const onSave = async () => {
-        var _a, _b, _c;
         try {
             if (!validator.allValid()) {
                 showValidationMessage(true);
@@ -54,7 +52,7 @@ const ReportAction = ({ report, onSaveSuccess, onClickCancel }) => {
             setIsLoading(true);
             const accessToken = await getAccessToken();
             report
-                ? await reportsClient.updateReport(accessToken, (_a = report.id) !== null && _a !== void 0 ? _a : "", {
+                ? await reportsClient.updateReport(accessToken, report.id ?? "", {
                     displayName: values.name,
                     description: values.description,
                 })
@@ -65,12 +63,12 @@ const ReportAction = ({ report, onSaveSuccess, onClickCancel }) => {
                 });
             onSaveSuccess();
             setValues({
-                name: (_b = report === null || report === void 0 ? void 0 : report.displayName) !== null && _b !== void 0 ? _b : "",
-                description: (_c = report === null || report === void 0 ? void 0 : report.description) !== null && _c !== void 0 ? _c : "",
+                name: report?.displayName ?? "",
+                description: report?.description ?? "",
             });
         }
         catch (error) {
-            utils_1.handleError(error.status);
+            (0, utils_1.handleError)(error.status);
             setIsLoading(false);
         }
         finally {
@@ -80,20 +78,20 @@ const ReportAction = ({ report, onSaveSuccess, onClickCancel }) => {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "rcw-details-form-container" },
             react_1.default.createElement(itwinui_react_1.Fieldset, { legend: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ReportDetails"), className: "rcw-details-form" },
-                react_1.default.createElement(itwinui_react_1.Small, { className: "field-legend" }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:MandatoryFields")),
+                react_1.default.createElement(itwinui_react_1.Text, { variant: 'small', className: "field-legend" }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:MandatoryFields")),
                 react_1.default.createElement(itwinui_react_1.LabeledInput, { name: "name", label: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Name"), value: values.name, required: true, disabled: isLoading, onChange: (event) => {
-                        utils_1.handleInputChange(event, values, setValues);
+                        (0, utils_1.handleInputChange)(event, values, setValues);
                         validator.showMessageFor("name");
                     }, message: validator.message("name", values.name, useValidator_1.NAME_REQUIREMENTS), status: validator.message("name", values.name, useValidator_1.NAME_REQUIREMENTS)
                         ? "negative"
                         : undefined, onBlur: () => {
                         validator.showMessageFor("name");
                     }, onBlurCapture: (event) => {
-                        utils_1.handleInputChange(event, values, setValues);
+                        (0, utils_1.handleInputChange)(event, values, setValues);
                         validator.showMessageFor("name");
                     } }),
                 react_1.default.createElement(itwinui_react_1.LabeledInput, { name: "description", label: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Description"), value: values.description, onChange: (event) => {
-                        utils_1.handleInputChange(event, values, setValues);
+                        (0, utils_1.handleInputChange)(event, values, setValues);
                     }, disabled: isLoading }))),
         react_1.default.createElement(ActionPanel_1.default, { actionLabel: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Add"), onAction: onSave, onCancel: onClickCancel, isSavingDisabled: !values.name, isLoading: isLoading })));
 };

package/lib/cjs/widget/components/ReportAction.js.map

@@ -1 +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  handleError,\n  handleInputChange,\n} from \"./utils\";\nimport \"./ReportAction.scss\";\nimport type { Report } from \"@itwin/insights-client\";\nimport { useReportsConfigApi } from \"../context/ReportsConfigApiContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\nexport interface ReportActionProps {\n  report?: Report;\n  onSaveSuccess: () => void;\n  onClickCancel?: () => void;\n}\n\nexport const ReportAction = ({ report, onSaveSuccess, onClickCancel }: ReportActionProps) => {\n  const { iTwinId, getAccessToken, reportsClient } = useReportsConfigApi();\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 accessToken = await getAccessToken();\n      report\n        ? await reportsClient.updateReport(accessToken, report.id ?? \"\", {\n          displayName: values.name,\n          description: values.description,\n        })\n        : await reportsClient.createReport(accessToken, {\n          displayName: values.name,\n          description: values.description,\n          projectId: iTwinId,\n        });\n      onSaveSuccess();\n      setValues({\n        name: report?.displayName ?? \"\",\n        description: report?.description ?? \"\",\n      });\n    } catch (error: any) {\n      handleError(error.status);\n      setIsLoading(false);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\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={onClickCancel}\n        isSavingDisabled={!values.name}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n\n"]}
+{"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, Text } from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport ActionPanel from \"./ActionPanel\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport {\n  handleError,\n  handleInputChange,\n} from \"./utils\";\nimport \"./ReportAction.scss\";\nimport type { Report } from \"@itwin/insights-client\";\nimport { useReportsConfigApi } from \"../context/ReportsConfigApiContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\nexport interface ReportActionProps {\n  report?: Report;\n  onSaveSuccess: () => void;\n  onClickCancel?: () => void;\n}\n\nexport const ReportAction = ({ report, onSaveSuccess, onClickCancel }: ReportActionProps) => {\n  const { iTwinId, getAccessToken, reportsClient } = useReportsConfigApi();\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 accessToken = await getAccessToken();\n      report\n        ? await reportsClient.updateReport(accessToken, report.id ?? \"\", {\n          displayName: values.name,\n          description: values.description,\n        })\n        : await reportsClient.createReport(accessToken, {\n          displayName: values.name,\n          description: values.description,\n          projectId: iTwinId,\n        });\n      onSaveSuccess();\n      setValues({\n        name: report?.displayName ?? \"\",\n        description: report?.description ?? \"\",\n      });\n    } catch (error: any) {\n      handleError(error.status);\n      setIsLoading(false);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\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          <Text variant='small' className=\"field-legend\">\n            {ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:MandatoryFields\"\n            )}\n          </Text>\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={onClickCancel}\n        isSavingDisabled={!values.name}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n\n"]}

package/lib/cjs/widget/components/ReportAction.scss

@@ -2,7 +2,6 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/itwinui-css/scss/variables";
 
 .rcw-details-form-container {
   overflow-x: auto;
@@ -11,6 +10,6 @@
   .rcw-details-form {
     display: flex;
     flex-direction: column;
-    gap: $iui-baseline;
+    gap: var(--iui-size-);
   }
 }

package/lib/cjs/widget/components/ReportHorizontalTile.js

@@ -32,11 +32,10 @@ const itwinui_react_1 = require("@itwin/itwinui-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const HorizontalTile_1 = require("./HorizontalTile");
 const ReportHorizontalTile = (props) => {
-    var _a, _b;
-    const [jobStarted, setJobStarted] = react_1.useState(false);
-    const [extractionState, setExtractionState] = react_1.useState(ExtractionStatus_1.ExtractionStates.None);
-    const interval = react_1.useRef();
-    react_1.useEffect(() => {
+    const [jobStarted, setJobStarted] = (0, react_1.useState)(false);
+    const [extractionState, setExtractionState] = (0, react_1.useState)(ExtractionStatus_1.ExtractionStates.None);
+    const interval = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
         const listener = (startedReportId) => {
             if (startedReportId === props.report.id) {
                 setExtractionState(ExtractionStatus_1.ExtractionStates.Starting);
@@ -48,7 +47,7 @@ const ReportHorizontalTile = (props) => {
             props.jobStartEvent.removeListener(listener);
         };
     }, [props.jobStartEvent, props.report.id]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (jobStarted) {
             window.clearInterval(interval.current);
             interval.current = window.setInterval(async () => {
@@ -64,20 +63,19 @@ const ReportHorizontalTile = (props) => {
         return () => window.clearInterval(interval.current);
     }, [props.report.id, props.bulkExtractor, jobStarted]);
     const onClickTile = (e) => {
-        var _a;
-        if ((_a = e === null || e === void 0 ? void 0 : e.currentTarget.className) === null || _a === void 0 ? void 0 : _a.toString().split(" ").includes("rcw-horizontal-tile-container")) {
+        if (e?.currentTarget.className?.toString().split(" ").includes("rcw-horizontal-tile-container")) {
             props.onSelectionChange(props.report.id, e.ctrlKey);
         }
     };
-    return (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { title: props.report.displayName, subText: (_a = props.report.description) !== null && _a !== void 0 ? _a : "", subtextToolTip: (_b = props.report.description) !== null && _b !== void 0 ? _b : "", titleTooltip: props.report.displayName, onClick: onClickTile, onClickTitle: () => { var _a; return (_a = props.onClickTitle) === null || _a === void 0 ? void 0 : _a.call(props, props.report); }, selected: props.selected, actionGroup: extractionState === ExtractionStatus_1.ExtractionStates.None ? (react_1.default.createElement("div", { className: "rcw-action-button", "data-testid": "tile-action-button" },
+    return (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { title: props.report.displayName, subText: props.report.description ?? "", subtextToolTip: props.report.description ?? "", titleTooltip: props.report.displayName, onClick: onClickTile, onClickTitle: () => props.onClickTitle?.(props.report), selected: props.selected, actionGroup: extractionState === ExtractionStatus_1.ExtractionStates.None ? (react_1.default.createElement("div", { className: "rcw-action-button", "data-testid": "tile-action-button" },
             react_1.default.createElement(itwinui_react_1.DropdownMenu, { menuItems: (close) => [
-                    props.onClickModify ? react_1.default.createElement(itwinui_react_1.MenuItem, { key: 0, onClick: () => { var _a; return (_a = props.onClickModify) === null || _a === void 0 ? void 0 : _a.call(props, props.report); }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgEdit, null) }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Modify")) : [],
+                    props.onClickModify ? react_1.default.createElement(itwinui_react_1.MenuItem, { key: 0, onClick: () => props.onClickModify?.(props.report), icon: react_1.default.createElement(itwinui_icons_react_1.SvgEdit, null) }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Modify")) : [],
                     react_1.default.createElement(itwinui_react_1.MenuItem, { key: 1, onClick: () => {
                             props.onClickDelete();
                             close();
                         }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgDelete, null) }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Remove")),
                 ].flat() },
-                react_1.default.createElement(itwinui_react_1.IconButton, { styleType: "borderless" },
+                react_1.default.createElement(itwinui_react_1.IconButton, { styleType: "borderless", title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ReportOptions") },
                     react_1.default.createElement(itwinui_icons_react_1.SvgMore, null))))) : (react_1.default.createElement(ExtractionStatus_1.ExtractionStatus, { state: extractionState, clearExtractionState: () => {
                 setExtractionState(ExtractionStatus_1.ExtractionStates.None);
             } })) }));

package/lib/cjs/widget/components/ReportHorizontalTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReportHorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportHorizontalTile.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, { useEffect, useRef, useState } 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\";\n\nexport interface ReportHorizontalTileProps {\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?: (report: Report) => void;\n  onClickTitle?: (report: Report) => 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?.(props.report)}\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              props.onClickModify ? <MenuItem\n                key={0}\n                onClick={() => props.onClickModify?.(props.report)}\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            ].flat()}\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"]}
+{"version":3,"file":"ReportHorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportHorizontalTile.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, { useEffect, useRef, useState } 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\";\n\nexport interface ReportHorizontalTileProps {\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?: (report: Report) => void;\n  onClickTitle?: (report: Report) => 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?.(props.report)}\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              props.onClickModify ? <MenuItem\n                key={0}\n                onClick={() => props.onClickModify?.(props.report)}\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            ].flat()}\n          >\n            <IconButton styleType=\"borderless\" title={ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:ReportOptions\")}>\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/cjs/widget/components/ReportMappingHorizontalTile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReportMappingHorizontalTile.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappingHorizontalTile.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,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"}
+{"version":3,"file":"ReportMappingHorizontalTile.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappingHorizontalTile.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,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,gBAqGlF,CAAC"}

package/lib/cjs/widget/components/ReportMappingHorizontalTile.js

@@ -32,11 +32,11 @@ const itwinui_react_1 = require("@itwin/itwinui-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const HorizontalTile_1 = require("./HorizontalTile");
 const ReportMappingHorizontalTile = (props) => {
-    const [extractionState, setExtractionState] = react_1.useState(ExtractionStatus_1.ExtractionStates.None);
-    const [jobStarted, setJobStarted] = react_1.useState(true);
-    const interval = react_1.useRef();
-    const initialLoad = react_1.useRef(true);
-    react_1.useEffect(() => {
+    const [extractionState, setExtractionState] = (0, react_1.useState)(ExtractionStatus_1.ExtractionStates.None);
+    const [jobStarted, setJobStarted] = (0, react_1.useState)(true);
+    const interval = (0, react_1.useRef)();
+    const initialLoad = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(() => {
         const listener = (startedIModelId) => {
             if (startedIModelId === props.mapping.imodelId) {
                 setExtractionState(ExtractionStatus_1.ExtractionStates.Starting);
@@ -48,7 +48,7 @@ const ReportMappingHorizontalTile = (props) => {
             props.jobStartEvent.removeListener(listener);
         };
     }, [props.jobStartEvent, props.mapping]);
-    const getExtractionState = react_1.useCallback(async () => {
+    const getExtractionState = (0, react_1.useCallback)(async () => {
         const state = await props.bulkExtractor.getIModelState(props.mapping.imodelId, props.mapping.iModelName, props.odataFeedUrl);
         if (state === ExtractionStatus_1.ExtractionStates.Failed || state === ExtractionStatus_1.ExtractionStates.Succeeded || state === ExtractionStatus_1.ExtractionStates.None) {
             setJobStarted(false);
@@ -63,7 +63,7 @@ const ReportMappingHorizontalTile = (props) => {
         }
         setExtractionState(state);
     }, [props.mapping, props.bulkExtractor, props.odataFeedUrl]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (jobStarted) {
             getExtractionState().catch((error) => {
                 setExtractionState(ExtractionStatus_1.ExtractionStates.Failed);
@@ -78,20 +78,20 @@ const ReportMappingHorizontalTile = (props) => {
         }
         return () => window.clearInterval(interval.current);
     }, [jobStarted, getExtractionState]);
-    return (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { title: props.mapping.mappingName, subText: props.mapping.iModelName, titleTooltip: props.mapping.mappingDescription, actionGroup: (react_1.default.createElement("div", { className: "rcw-action-button", "data-testid": "tile-action-button" },
-            extractionState === ExtractionStatus_1.ExtractionStates.None ?
-                (react_1.default.createElement(itwinui_react_1.IconButton, { styleType: "borderless", title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateDataset"), onClick: async () => {
+    return (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { title: props.mapping.mappingName, subText: props.mapping.iModelName, titleTooltip: props.mapping.mappingDescription, actionGroup: (react_1.default.createElement("div", { className: "rcw-action-button", "data-testid": "tile-action-button" }, extractionState === ExtractionStatus_1.ExtractionStates.None ?
+            (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(itwinui_react_1.IconButton, { styleType: "borderless", title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateDataset"), onClick: async () => {
                         setExtractionState(ExtractionStatus_1.ExtractionStates.Starting);
                         await props.bulkExtractor.runIModelExtraction(props.mapping.imodelId);
                         props.jobStartEvent.raiseEvent(props.mapping.imodelId);
                     }, disabled: jobStarted },
-                    react_1.default.createElement(itwinui_icons_react_1.SvgRefresh, null))) : (react_1.default.createElement(ExtractionStatus_1.ExtractionStatus, { state: extractionState, clearExtractionState: () => {
-                    setExtractionState(ExtractionStatus_1.ExtractionStates.None);
-                } })),
-            react_1.default.createElement(itwinui_react_1.IconButton, { styleType: "borderless", title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Remove"), onClick: () => {
-                    props.onClickDelete();
-                }, disabled: jobStarted },
-                react_1.default.createElement(itwinui_icons_react_1.SvgDelete, null)))) }));
+                    react_1.default.createElement(itwinui_icons_react_1.SvgPlay, null)),
+                react_1.default.createElement(itwinui_react_1.IconButton, { styleType: "borderless", title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Remove"), onClick: () => {
+                        props.onClickDelete();
+                    } },
+                    react_1.default.createElement(itwinui_icons_react_1.SvgDelete, null)))) : (react_1.default.createElement(ExtractionStatus_1.ExtractionStatus, { state: extractionState, clearExtractionState: () => {
+                setExtractionState(ExtractionStatus_1.ExtractionStates.None);
+            } })))) }));
 };
 exports.ReportMappingHorizontalTile = ReportMappingHorizontalTile;
 //# sourceMappingURL=ReportMappingHorizontalTile.js.map

package/lib/cjs/widget/components/ReportMappingHorizontalTile.js.map

@@ -1 +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 React, { useCallback, useEffect, useRef, useState } 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"]}
+{"version":3,"file":"ReportMappingHorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappingHorizontalTile.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAAwE;AAExE,yDAAwE;AAExE,2CAAoD;AACpD,mEAAgE;AAChE,wDAAkD;AAClD,oEAGoC;AACpC,qDAAkD;AAW3C,MAAM,2BAA2B,GAAG,CAAC,KAAuC,EAAE,EAAE;IACrF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAmB,mCAAgB,CAAC,IAAI,CAAC,CAAC;IAChG,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAU,IAAI,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,IAAA,cAAM,GAAU,CAAC;IAClC,MAAM,WAAW,GAAG,IAAA,cAAM,EAAU,IAAI,CAAC,CAAC;IAE1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,eAAuB,EAAE,EAAE;YAC3C,IAAI,eAAe,KAAK,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE;gBAC9C,kBAAkB,CAAC,mCAAgB,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,OAAO,CAAC,CAAC,CAAC;IAEzC,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QAChD,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;QAC7H,IAAI,KAAK,KAAK,mCAAgB,CAAC,MAAM,IAAI,KAAK,KAAK,mCAAgB,CAAC,SAAS,IAAI,KAAK,KAAK,mCAAgB,CAAC,IAAI,EAAE;YAChH,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,IAAI,WAAW,CAAC,OAAO,EAAE;gBACvB,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;gBAC5B,kBAAkB,CAAC,mCAAgB,CAAC,IAAI,CAAC,CAAC;gBAC1C,OAAO;aACR;SACF;aAAM;YACL,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;SAC7B;QACD,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAE7D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE;YACd,kBAAkB,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;gBACnC,kBAAkB,CAAC,mCAAgB,CAAC,MAAM,CAAC,CAAC;gBAC5C,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,+BAA+B;gBAC/B,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC,CAAC,CAAC;YACH,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACvC,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;gBAC/C,MAAM,kBAAkB,EAAE,CAAC;YAC7B,CAAC,EAAE,iCAAqB,CAAC,CAAC;SAC3B;QACD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAErC,OAAO,CACL,8BAAC,+BAAc,IACb,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,EAChC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,EACjC,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,EAC9C,WAAW,EAAE,CACX,uCACE,SAAS,EAAC,mBAAmB,iBACjB,oBAAoB,IAC/B,eAAe,KAAK,mCAAgB,CAAC,IAAI,CAAC,CAAC;YAC1C,CACE;gBACE,8BAAC,0BAAU,IACT,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,mCAAmC,CACpC,EACD,OAAO,EAAE,KAAK,IAAI,EAAE;wBAClB,kBAAkB,CAAC,mCAAgB,CAAC,QAAQ,CAAC,CAAC;wBAC9C,MAAM,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;wBACtE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;oBACzD,CAAC,EACD,QAAQ,EAAE,UAAU;oBAEpB,8BAAC,6BAAO,OAAG,CACA;gBACb,8BAAC,0BAAU,IACT,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,4BAA4B,CAC7B,EACD,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,aAAa,EAAE,CAAC;oBACxB,CAAC;oBAED,8BAAC,+BAAS,OAAG,CACF,CACZ,CACJ,CAAC,CAAC,CAAC,CACF,8BAAC,mCAAgB,IACf,KAAK,EAAE,eAAe,EACtB,oBAAoB,EAAE,GAAG,EAAE;gBACzB,kBAAkB,CAAC,mCAAgB,CAAC,IAAI,CAAC,CAAC;YAC5C,CAAC,GACiB,CACrB,CACE,CACR,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AArGW,QAAA,2BAA2B,+BAqGtC","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, useEffect, useRef, useState } 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  SvgPlay,\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              <>\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                  <SvgPlay />\n                </IconButton>\n                <IconButton\n                  styleType=\"borderless\"\n                  title={ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:Remove\"\n                  )}\n                  onClick={() => {\n                    props.onClickDelete();\n                  }}\n                >\n                  <SvgDelete />\n                </IconButton>\n              </>\n            ) : (\n              <ExtractionStatus\n                state={extractionState}\n                clearExtractionState={() => {\n                  setExtractionState(ExtractionStates.None);\n                }}\n              ></ExtractionStatus>\n            )}\n        </div >\n      )}\n    />\n  );\n};\n"]}

package/lib/cjs/widget/components/ReportMappings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReportMappings.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappings.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAQvD,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAkB,MAAM,EAAE,aAAa,EAAiB,MAAM,wBAAwB,CAAC;AAgBnG,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;AA2DF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,cAAc,8CAA+C,mBAAmB,uBAoN5F,CAAC"}
+{"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,EAAkB,MAAM,EAAE,aAAa,EAAiB,MAAM,wBAAwB,CAAC;AAgBnG,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;AA2DF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,cAAc,8CAA+C,mBAAmB,uBAmN5F,CAAC"}

package/lib/cjs/widget/components/ReportMappings.js

@@ -43,7 +43,6 @@ const ReportMappingHorizontalTile_1 = require("./ReportMappingHorizontalTile");
 const core_bentley_1 = require("@itwin/core-bentley");
 const BulkExtractorContext_1 = require("../context/BulkExtractorContext");
 const fetchReportMappings = async (setReportMappings, reportId, setIsLoading, reportsClient, mappingsClient, iModelsClient, getAccessToken) => {
-    var _a, _b;
     try {
         setIsLoading(true);
         const accessToken = await getAccessToken();
@@ -56,7 +55,7 @@ const fetchReportMappings = async (setReportMappings, reportId, setIsLoading, re
             let iModelName = "";
             const mapping = await mappingsClient.getMapping(accessToken, iModelId, reportMapping.mappingId);
             if (iModelNames.has(iModelId)) {
-                iModelName = (_a = iModelNames.get(iModelId)) !== null && _a !== void 0 ? _a : "";
+                iModelName = iModelNames.get(iModelId) ?? "";
             }
             else {
                 const getSingleParams = {
@@ -71,55 +70,54 @@ const fetchReportMappings = async (setReportMappings, reportId, setIsLoading, re
                 ...reportMapping,
                 iModelName,
                 mappingName: mapping.mappingName,
-                mappingDescription: (_b = mapping.description) !== null && _b !== void 0 ? _b : "",
+                mappingDescription: mapping.description ?? "",
             };
             reportMappingsAndMappings.push(reportMappingAndMapping);
         }
         setReportMappings(reportMappingsAndMappings);
     }
     catch (error) {
-        utils_1.handleError(error.status);
+        (0, utils_1.handleError)(error.status);
     }
     finally {
         setIsLoading(false);
     }
 };
 const ReportMappings = ({ report, onClickClose, defaultIModelId }) => {
-    var _a;
-    const { getAccessToken, reportsClient, iModelsClient, mappingsClient, baseUrl } = ReportsConfigApiContext_1.useReportsConfigApi();
-    const [showDeleteModal, setShowDeleteModal] = react_1.useState(undefined);
-    const [showAddMapping, setShowAddMapping] = react_1.useState(false);
-    const { bulkExtractor } = BulkExtractorContext_1.useBulkExtractor();
-    const [isLoading, setIsLoading] = react_1.useState(true);
-    const [searchValue, setSearchValue] = react_1.useState("");
-    const [reportMappings, setReportMappings] = react_1.useState([]);
-    const [jobRunning, setJobRunning] = react_1.useState(false);
-    const jobStartEvent = react_1.useMemo(() => new core_bentley_1.BeEvent(), []);
-    react_1.useEffect(() => {
+    const { getAccessToken, reportsClient, iModelsClient, mappingsClient, baseUrl } = (0, ReportsConfigApiContext_1.useReportsConfigApi)();
+    const [showDeleteModal, setShowDeleteModal] = (0, react_1.useState)(undefined);
+    const [showAddMapping, setShowAddMapping] = (0, react_1.useState)(false);
+    const { bulkExtractor } = (0, BulkExtractorContext_1.useBulkExtractor)();
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const [searchValue, setSearchValue] = (0, react_1.useState)("");
+    const [reportMappings, setReportMappings] = (0, react_1.useState)([]);
+    const [jobRunning, setJobRunning] = (0, react_1.useState)(false);
+    const jobStartEvent = (0, react_1.useMemo)(() => new core_bentley_1.BeEvent(), []);
+    (0, react_1.useEffect)(() => {
         void fetchReportMappings(setReportMappings, report.id, setIsLoading, reportsClient, mappingsClient, iModelsClient, getAccessToken);
     }, [getAccessToken, iModelsClient, mappingsClient, report.id, reportsClient, setIsLoading]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!bulkExtractor)
             return;
         bulkExtractor.setHook(setJobRunning, reportMappings.map((x) => x.imodelId));
     }, [bulkExtractor, reportMappings]);
-    const refresh = react_1.useCallback(async () => {
+    const refresh = (0, react_1.useCallback)(async () => {
         await fetchReportMappings(setReportMappings, report.id, setIsLoading, reportsClient, mappingsClient, iModelsClient, getAccessToken);
     }, [getAccessToken, iModelsClient, mappingsClient, report.id, reportsClient]);
-    const odataFeedUrl = `${utils_1.generateUrl(insights_client_1.REPORTING_BASE_PATH, baseUrl)}/odata/${report.id}`;
-    const addMapping = react_1.useCallback(() => {
+    const odataFeedUrl = `${(0, utils_1.generateUrl)(insights_client_1.REPORTING_BASE_PATH, baseUrl)}/odata/${report.id}`;
+    const addMapping = (0, react_1.useCallback)(() => {
         setShowAddMapping(true);
     }, []);
-    const filteredReportMappings = react_1.useMemo(() => reportMappings.filter((x) => [x.iModelName, x.mappingName, x.mappingDescription]
+    const filteredReportMappings = (0, react_1.useMemo)(() => reportMappings.filter((x) => [x.iModelName, x.mappingName, x.mappingDescription]
         .join(" ")
         .toLowerCase()
         .includes(searchValue.toLowerCase())), [reportMappings, searchValue]);
-    const onAddMappingsModalClose = react_1.useCallback(async () => { await refresh(); setShowAddMapping(false); }, [refresh]);
+    const onAddMappingsModalClose = (0, react_1.useCallback)(async () => { await refresh(); setShowAddMapping(false); }, [refresh]);
     if (!bulkExtractor)
         return null;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(itwinui_react_1.Surface, { className: "rcw-report-mappings-container" },
-            react_1.default.createElement(itwinui_react_1.LabeledInput, { label: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ODataFeedURL"), className: "rcw-odata-url-input", readOnly: true, value: odataFeedUrl, svgIcon: react_1.default.createElement(itwinui_react_1.IconButton, { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Copy"), styleType: "borderless", onClick: async (_) => {
+        react_1.default.createElement("div", { className: "rcw-report-mappings-container" },
+            react_1.default.createElement(itwinui_react_1.LabeledInput, { label: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ODataFeedURL"), className: "rcw-odata-url-input", readOnly: true, value: odataFeedUrl, svgIcon: react_1.default.createElement(itwinui_react_1.IconButton, { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Copy"), onClick: async (_) => {
                         await navigator.clipboard.writeText(odataFeedUrl);
                         itwinui_react_1.toaster.positive(ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:CopiedToClipboard"));
                     } },
@@ -138,10 +136,9 @@ const ReportMappings = ({ report, onClickClose, defaultIModelId }) => {
                     setShowDeleteModal(mapping);
                 }, odataFeedUrl: odataFeedUrl, jobStartEvent: jobStartEvent })))))),
         react_1.default.createElement(AddMappingsModal_1.AddMappingsModal, { show: showAddMapping, reportId: report.id, existingMappings: reportMappings, onClose: onAddMappingsModalClose, defaultIModelId: defaultIModelId }),
-        react_1.default.createElement(DeleteModal_1.default, { entityName: (_a = showDeleteModal === null || showDeleteModal === void 0 ? void 0 : showDeleteModal.mappingName) !== null && _a !== void 0 ? _a : "", onDelete: async () => {
-                var _a;
+        react_1.default.createElement(DeleteModal_1.default, { entityName: showDeleteModal?.mappingName ?? "", onDelete: async () => {
                 const accessToken = await getAccessToken();
-                await reportsClient.deleteReportMapping(accessToken, report.id, (_a = showDeleteModal === null || showDeleteModal === void 0 ? void 0 : showDeleteModal.mappingId) !== null && _a !== void 0 ? _a : "");
+                await reportsClient.deleteReportMapping(accessToken, report.id, showDeleteModal?.mappingId ?? "");
             }, refresh: refresh, onClose: () => setShowDeleteModal(undefined) }),
         react_1.default.createElement("div", { className: "rcw-action-panel" },
             isLoading && react_1.default.createElement(utils_1.LoadingSpinner, null),

package/lib/cjs/widget/components/ReportMappings.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReportMappings.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappings.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  SvgAdd,\n  SvgCopy,\n  SvgRefresh,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  IconButton,\n  LabeledInput,\n  Surface,\n  Text,\n  toaster,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"./utils\";\nimport {\n  EmptyMessage,\n  generateUrl,\n  handleError,\n  LoadingOverlay,\n  LoadingSpinner,\n} from \"./utils\";\nimport \"./ReportMappings.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport type { MappingsClient, Report, ReportMapping, ReportsClient } from \"@itwin/insights-client\";\nimport { REPORTING_BASE_PATH } from \"@itwin/insights-client\";\nimport { AddMappingsModal } from \"./AddMappingsModal\";\nimport type {\n  GetSingleIModelParams,\n  IModelsClient,\n} from \"@itwin/imodels-client-management\";\nimport { AccessTokenAdapter } from \"@itwin/imodels-access-frontend\";\nimport { SearchBar } from \"./SearchBar\";\nimport { useReportsConfigApi } from \"../context/ReportsConfigApiContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport { ReportMappingHorizontalTile } from \"./ReportMappingHorizontalTile\";\nimport type { AccessToken } from \"@itwin/core-bentley\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport { useBulkExtractor } from \"../context/BulkExtractorContext\";\n\nexport type ReportMappingType = CreateTypeFromInterface<ReportMapping>;\n\nexport type ReportMappingAndMapping = ReportMappingType & {\n  mappingName: string;\n  mappingDescription: string;\n  iModelName: string;\n};\n\nconst fetchReportMappings = async (\n  setReportMappings: (mappings: ReportMappingAndMapping[]) => void,\n  reportId: string,\n  setIsLoading: (isLoading: boolean) => void,\n  reportsClient: ReportsClient,\n  mappingsClient: MappingsClient,\n  iModelsClient: IModelsClient,\n  getAccessToken: () => Promise<AccessToken>\n) => {\n  try {\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    const reportMappings = await reportsClient.getReportMappings(\n      accessToken,\n      reportId\n    );\n    const authorization =\n      AccessTokenAdapter.toAuthorizationCallback(accessToken);\n    const iModelNames = new Map<string, string>();\n\n    const reportMappingsAndMappings = [];\n    for (const reportMapping of reportMappings) {\n      const iModelId = reportMapping.imodelId;\n      let iModelName = \"\";\n      const mapping = await mappingsClient.getMapping(\n        accessToken,\n        iModelId,\n        reportMapping.mappingId\n      );\n      if (iModelNames.has(iModelId)) {\n        iModelName = iModelNames.get(iModelId) ?? \"\";\n      } else {\n        const getSingleParams: GetSingleIModelParams = {\n          authorization,\n          iModelId,\n        };\n        const iModel = await iModelsClient.iModels.getSingle(getSingleParams);\n        iModelName = iModel.displayName;\n        iModelNames.set(iModelId, iModelName);\n      }\n      const reportMappingAndMapping: ReportMappingAndMapping = {\n        ...reportMapping,\n        iModelName,\n        mappingName: mapping.mappingName,\n        mappingDescription: mapping.description ?? \"\",\n      };\n      reportMappingsAndMappings.push(reportMappingAndMapping);\n    }\n\n    setReportMappings(reportMappingsAndMappings);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nexport interface ReportMappingsProps {\n  report: Report;\n  onClickClose: () => void;\n  defaultIModelId?: string;\n}\n\nexport const ReportMappings = ({ report, onClickClose, defaultIModelId }: ReportMappingsProps) => {\n  const { getAccessToken, reportsClient, iModelsClient, mappingsClient, baseUrl } = useReportsConfigApi();\n  const [showDeleteModal, setShowDeleteModal] = useState<ReportMappingAndMapping | undefined>(undefined);\n  const [showAddMapping, setShowAddMapping] = useState<boolean>(false);\n  const { bulkExtractor } = useBulkExtractor();\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [searchValue, setSearchValue] = useState<string>(\"\");\n  const [reportMappings, setReportMappings] = useState<ReportMappingAndMapping[]>([]);\n  const [jobRunning, setJobRunning] = useState<boolean>(false);\n  const jobStartEvent = useMemo(\n    () => new BeEvent<(iModelId: string) => void>(),\n    []\n  );\n\n  useEffect(() => {\n    void fetchReportMappings(\n      setReportMappings,\n      report.id,\n      setIsLoading,\n      reportsClient,\n      mappingsClient,\n      iModelsClient,\n      getAccessToken\n    );\n  }, [getAccessToken, iModelsClient, mappingsClient, report.id, reportsClient, setIsLoading]);\n\n  useEffect(() => {\n    if (!bulkExtractor) return;\n    bulkExtractor.setHook(setJobRunning, reportMappings.map((x) => x.imodelId));\n  }, [bulkExtractor, reportMappings]);\n\n  const refresh = useCallback(async () => {\n    await fetchReportMappings(\n      setReportMappings,\n      report.id,\n      setIsLoading,\n      reportsClient,\n      mappingsClient,\n      iModelsClient,\n      getAccessToken\n    );\n  }, [getAccessToken, iModelsClient, mappingsClient, report.id, reportsClient]);\n\n  const odataFeedUrl = `${generateUrl(\n    REPORTING_BASE_PATH,\n    baseUrl\n  )}/odata/${report.id}`;\n\n  const addMapping = useCallback(() => {\n    setShowAddMapping(true);\n  }, []);\n\n  const filteredReportMappings = useMemo(\n    () =>\n      reportMappings.filter((x) =>\n        [x.iModelName, x.mappingName, x.mappingDescription]\n          .join(\" \")\n          .toLowerCase()\n          .includes(searchValue.toLowerCase())\n      ),\n    [reportMappings, searchValue]\n  );\n\n  const onAddMappingsModalClose = useCallback(async () => { await refresh(); setShowAddMapping(false); }, [refresh]);\n\n  if (!bulkExtractor) return null;\n\n  return (\n    <>\n      <Surface className=\"rcw-report-mappings-container\">\n        <LabeledInput\n          label={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:ODataFeedURL\"\n          )}\n          className=\"rcw-odata-url-input\"\n          readOnly={true}\n          value={odataFeedUrl}\n          svgIcon={\n            <IconButton\n              title={ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:Copy\"\n              )}\n              styleType=\"borderless\"\n              onClick={async (_) => {\n                await navigator.clipboard.writeText(odataFeedUrl);\n                toaster.positive(\n                  ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:CopiedToClipboard\"\n                  )\n                );\n              }}\n            >\n              <SvgCopy />\n            </IconButton>\n          }\n          iconDisplayStyle=\"inline\"\n        />\n        <div className=\"rcw-toolbar\">\n          <Button\n            startIcon={<SvgAdd />}\n            onClick={() => addMapping()}\n            styleType=\"high-visibility\"\n          >\n            {ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:AddMapping\"\n            )}\n          </Button>\n          <div className=\"rcw-search-bar-container\" data-testid=\"rcw-search-bar\">\n            <IconButton\n              title={ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:Refresh\"\n              )}\n              onClick={refresh}\n              disabled={isLoading}\n              styleType='borderless'\n            >\n              <SvgRefresh />\n            </IconButton>\n            <SearchBar\n              searchValue={searchValue}\n              setSearchValue={setSearchValue}\n              disabled={isLoading}\n            />\n          </div>\n        </div>\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : reportMappings.length === 0 ? (\n          <EmptyMessage>\n            <>\n              <Text>\n                {ReportsConfigWidget.localization.getLocalizedString(\n                  \"ReportsConfigWidget:NoReportMappings\"\n                )}\n              </Text>\n              <div>\n                <Button onClick={addMapping} styleType=\"cta\">\n                  {ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:LetsAddSomeMappingsCTA\"\n                  )}\n                </Button>\n              </div>\n            </>\n          </EmptyMessage>\n        ) : (\n          <div className=\"rcw-mapping-list\">\n            {filteredReportMappings.map((mapping) => (\n              <ReportMappingHorizontalTile\n                key={mapping.mappingId}\n                bulkExtractor={bulkExtractor}\n                mapping={mapping}\n                onClickDelete={() => {\n                  setShowDeleteModal(mapping);\n                }}\n                odataFeedUrl={odataFeedUrl}\n                jobStartEvent={jobStartEvent}\n              />\n            ))}\n          </div>\n        )}\n      </Surface>\n      <AddMappingsModal\n        show={showAddMapping}\n        reportId={report.id}\n        existingMappings={reportMappings}\n        onClose={onAddMappingsModalClose}\n        defaultIModelId={defaultIModelId}\n      />\n      <DeleteModal\n        entityName={showDeleteModal?.mappingName ?? \"\"}\n        onDelete={async () => {\n          const accessToken = await getAccessToken();\n          await reportsClient.deleteReportMapping(\n            accessToken,\n            report.id,\n            showDeleteModal?.mappingId ?? \"\"\n          );\n        }}\n        refresh={refresh}\n        onClose={() => setShowDeleteModal(undefined)}\n      />\n      <div className=\"rcw-action-panel\">\n        {isLoading && <LoadingSpinner />}\n        <Button\n          disabled={isLoading || jobRunning || reportMappings.length === 0}\n          styleType=\"high-visibility\"\n          onClick={async () => {\n            setJobRunning(true);\n            const uniqueIModels = Array.from(new Set(reportMappings.map((x) => x.imodelId)));\n            await bulkExtractor.runIModelExtractions(uniqueIModels);\n            reportMappings.forEach((reportMapping) => {\n              jobStartEvent.raiseEvent(reportMapping.imodelId);\n            });\n          }}\n        >\n          {ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:UpdateAllDatasets\"\n          )}\n        </Button>\n        <Button\n          styleType=\"default\"\n          type=\"button\"\n          onClick={onClickClose}\n          disabled={isLoading}\n        >\n          {ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Close\"\n          )}\n        </Button>\n      </div>\n    </>\n  );\n};\n"]}
+{"version":3,"file":"ReportMappings.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappings.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  SvgAdd,\n  SvgCopy,\n  SvgRefresh,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  IconButton,\n  LabeledInput,\n  Text,\n  toaster,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"./utils\";\nimport {\n  EmptyMessage,\n  generateUrl,\n  handleError,\n  LoadingOverlay,\n  LoadingSpinner,\n} from \"./utils\";\nimport \"./ReportMappings.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport type { MappingsClient, Report, ReportMapping, ReportsClient } from \"@itwin/insights-client\";\nimport { REPORTING_BASE_PATH } from \"@itwin/insights-client\";\nimport { AddMappingsModal } from \"./AddMappingsModal\";\nimport type {\n  GetSingleIModelParams,\n  IModelsClient,\n} from \"@itwin/imodels-client-management\";\nimport { AccessTokenAdapter } from \"@itwin/imodels-access-frontend\";\nimport { SearchBar } from \"./SearchBar\";\nimport { useReportsConfigApi } from \"../context/ReportsConfigApiContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport { ReportMappingHorizontalTile } from \"./ReportMappingHorizontalTile\";\nimport type { AccessToken } from \"@itwin/core-bentley\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport { useBulkExtractor } from \"../context/BulkExtractorContext\";\n\nexport type ReportMappingType = CreateTypeFromInterface<ReportMapping>;\n\nexport type ReportMappingAndMapping = ReportMappingType & {\n  mappingName: string;\n  mappingDescription: string;\n  iModelName: string;\n};\n\nconst fetchReportMappings = async (\n  setReportMappings: (mappings: ReportMappingAndMapping[]) => void,\n  reportId: string,\n  setIsLoading: (isLoading: boolean) => void,\n  reportsClient: ReportsClient,\n  mappingsClient: MappingsClient,\n  iModelsClient: IModelsClient,\n  getAccessToken: () => Promise<AccessToken>\n) => {\n  try {\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    const reportMappings = await reportsClient.getReportMappings(\n      accessToken,\n      reportId\n    );\n    const authorization =\n      AccessTokenAdapter.toAuthorizationCallback(accessToken);\n    const iModelNames = new Map<string, string>();\n\n    const reportMappingsAndMappings = [];\n    for (const reportMapping of reportMappings) {\n      const iModelId = reportMapping.imodelId;\n      let iModelName = \"\";\n      const mapping = await mappingsClient.getMapping(\n        accessToken,\n        iModelId,\n        reportMapping.mappingId\n      );\n      if (iModelNames.has(iModelId)) {\n        iModelName = iModelNames.get(iModelId) ?? \"\";\n      } else {\n        const getSingleParams: GetSingleIModelParams = {\n          authorization,\n          iModelId,\n        };\n        const iModel = await iModelsClient.iModels.getSingle(getSingleParams);\n        iModelName = iModel.displayName;\n        iModelNames.set(iModelId, iModelName);\n      }\n      const reportMappingAndMapping: ReportMappingAndMapping = {\n        ...reportMapping,\n        iModelName,\n        mappingName: mapping.mappingName,\n        mappingDescription: mapping.description ?? \"\",\n      };\n      reportMappingsAndMappings.push(reportMappingAndMapping);\n    }\n\n    setReportMappings(reportMappingsAndMappings);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nexport interface ReportMappingsProps {\n  report: Report;\n  onClickClose: () => void;\n  defaultIModelId?: string;\n}\n\nexport const ReportMappings = ({ report, onClickClose, defaultIModelId }: ReportMappingsProps) => {\n  const { getAccessToken, reportsClient, iModelsClient, mappingsClient, baseUrl } = useReportsConfigApi();\n  const [showDeleteModal, setShowDeleteModal] = useState<ReportMappingAndMapping | undefined>(undefined);\n  const [showAddMapping, setShowAddMapping] = useState<boolean>(false);\n  const { bulkExtractor } = useBulkExtractor();\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [searchValue, setSearchValue] = useState<string>(\"\");\n  const [reportMappings, setReportMappings] = useState<ReportMappingAndMapping[]>([]);\n  const [jobRunning, setJobRunning] = useState<boolean>(false);\n  const jobStartEvent = useMemo(\n    () => new BeEvent<(iModelId: string) => void>(),\n    []\n  );\n\n  useEffect(() => {\n    void fetchReportMappings(\n      setReportMappings,\n      report.id,\n      setIsLoading,\n      reportsClient,\n      mappingsClient,\n      iModelsClient,\n      getAccessToken\n    );\n  }, [getAccessToken, iModelsClient, mappingsClient, report.id, reportsClient, setIsLoading]);\n\n  useEffect(() => {\n    if (!bulkExtractor) return;\n    bulkExtractor.setHook(setJobRunning, reportMappings.map((x) => x.imodelId));\n  }, [bulkExtractor, reportMappings]);\n\n  const refresh = useCallback(async () => {\n    await fetchReportMappings(\n      setReportMappings,\n      report.id,\n      setIsLoading,\n      reportsClient,\n      mappingsClient,\n      iModelsClient,\n      getAccessToken\n    );\n  }, [getAccessToken, iModelsClient, mappingsClient, report.id, reportsClient]);\n\n  const odataFeedUrl = `${generateUrl(\n    REPORTING_BASE_PATH,\n    baseUrl\n  )}/odata/${report.id}`;\n\n  const addMapping = useCallback(() => {\n    setShowAddMapping(true);\n  }, []);\n\n  const filteredReportMappings = useMemo(\n    () =>\n      reportMappings.filter((x) =>\n        [x.iModelName, x.mappingName, x.mappingDescription]\n          .join(\" \")\n          .toLowerCase()\n          .includes(searchValue.toLowerCase())\n      ),\n    [reportMappings, searchValue]\n  );\n\n  const onAddMappingsModalClose = useCallback(async () => { await refresh(); setShowAddMapping(false); }, [refresh]);\n\n  if (!bulkExtractor) return null;\n\n  return (\n    <>\n      <div className=\"rcw-report-mappings-container\">\n        <LabeledInput\n          label={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:ODataFeedURL\"\n          )}\n          className=\"rcw-odata-url-input\"\n          readOnly={true}\n          value={odataFeedUrl}\n          svgIcon={\n            <IconButton\n              title={ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:Copy\"\n              )}\n              onClick={async (_) => {\n                await navigator.clipboard.writeText(odataFeedUrl);\n                toaster.positive(\n                  ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:CopiedToClipboard\"\n                  )\n                );\n              }}\n            >\n              <SvgCopy />\n            </IconButton>\n          }\n          iconDisplayStyle=\"inline\"\n        />\n        <div className=\"rcw-toolbar\">\n          <Button\n            startIcon={<SvgAdd />}\n            onClick={() => addMapping()}\n            styleType=\"high-visibility\"\n          >\n            {ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:AddMapping\"\n            )}\n          </Button>\n          <div className=\"rcw-search-bar-container\" data-testid=\"rcw-search-bar\">\n            <IconButton\n              title={ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:Refresh\"\n              )}\n              onClick={refresh}\n              disabled={isLoading}\n              styleType='borderless'\n            >\n              <SvgRefresh />\n            </IconButton>\n            <SearchBar\n              searchValue={searchValue}\n              setSearchValue={setSearchValue}\n              disabled={isLoading}\n            />\n          </div>\n        </div>\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : reportMappings.length === 0 ? (\n          <EmptyMessage>\n            <>\n              <Text>\n                {ReportsConfigWidget.localization.getLocalizedString(\n                  \"ReportsConfigWidget:NoReportMappings\"\n                )}\n              </Text>\n              <div>\n                <Button onClick={addMapping} styleType=\"cta\">\n                  {ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:LetsAddSomeMappingsCTA\"\n                  )}\n                </Button>\n              </div>\n            </>\n          </EmptyMessage>\n        ) : (\n          <div className=\"rcw-mapping-list\">\n            {filteredReportMappings.map((mapping) => (\n              <ReportMappingHorizontalTile\n                key={mapping.mappingId}\n                bulkExtractor={bulkExtractor}\n                mapping={mapping}\n                onClickDelete={() => {\n                  setShowDeleteModal(mapping);\n                }}\n                odataFeedUrl={odataFeedUrl}\n                jobStartEvent={jobStartEvent}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n      <AddMappingsModal\n        show={showAddMapping}\n        reportId={report.id}\n        existingMappings={reportMappings}\n        onClose={onAddMappingsModalClose}\n        defaultIModelId={defaultIModelId}\n      />\n      <DeleteModal\n        entityName={showDeleteModal?.mappingName ?? \"\"}\n        onDelete={async () => {\n          const accessToken = await getAccessToken();\n          await reportsClient.deleteReportMapping(\n            accessToken,\n            report.id,\n            showDeleteModal?.mappingId ?? \"\"\n          );\n        }}\n        refresh={refresh}\n        onClose={() => setShowDeleteModal(undefined)}\n      />\n      <div className=\"rcw-action-panel\">\n        {isLoading && <LoadingSpinner />}\n        <Button\n          disabled={isLoading || jobRunning || reportMappings.length === 0}\n          styleType=\"high-visibility\"\n          onClick={async () => {\n            setJobRunning(true);\n            const uniqueIModels = Array.from(new Set(reportMappings.map((x) => x.imodelId)));\n            await bulkExtractor.runIModelExtractions(uniqueIModels);\n            reportMappings.forEach((reportMapping) => {\n              jobStartEvent.raiseEvent(reportMapping.imodelId);\n            });\n          }}\n        >\n          {ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:UpdateAllDatasets\"\n          )}\n        </Button>\n        <Button\n          styleType=\"default\"\n          type=\"button\"\n          onClick={onClickClose}\n          disabled={isLoading}\n        >\n          {ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Close\"\n          )}\n        </Button>\n      </div>\n    </>\n  );\n};\n"]}