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

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

@@ -2,31 +2,29 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/itwinui-css/scss/variables";
 
 .rcw-report-mapping-misc {
   display: flex;
   flex-direction: column;
-  gap: $iui-baseline;
+  gap: var(--iui-size-s);
 }
 
 .rcw-report-mappings-container {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-  padding: $iui-baseline $iui-m;
   min-height: 0;
 
   .rcw-odata-url-input {
-    margin-bottom: $iui-baseline * 2;
+    margin-bottom: calc(var(--iui-size-s) * 2);
   }
 
   .rcw-toolbar {
     display: flex;
     justify-content: space-between;
-    gap: $iui-s;
-    border-bottom: 1px solid var(--iui-color-background-4);
-    padding-bottom: $iui-baseline;
+    gap: var(--iui-size-xs);
+    border-bottom: 1px solid var(--iui-color-border-subtle);
+    padding-bottom: var(--iui-size-s);
     flex-wrap: wrap;
   }
 
@@ -34,13 +32,14 @@
     display: flex;
     flex-direction: column;
     overflow-y: overlay;
-    gap: 8px;
-    margin-top: 8px;
+    gap: var(--iui-size-xs);
+    margin-top: var(--iui-size-xs);
   }
 
   .rcw-search-bar-container {
-    flex-basis: $iui-3xl;
+    flex-basis: var(--iui-size-3xl);
     flex-shrink: 1;
     flex-grow: 1;
+    display: flex;
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Reports.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/Reports.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAMvD,OAAO,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,wBAAwB,CAAC;AASpE,oBAAY,UAAU,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAC;AAsBzD,MAAM,WAAW,YAAY;IAC3B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,OAAO,mEAIjB,YAAY,uBAmKd,CAAC"}
+{"version":3,"file":"Reports.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/Reports.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAMvD,OAAO,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,wBAAwB,CAAC;AASpE,oBAAY,UAAU,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAC;AAsBzD,MAAM,WAAW,YAAY;IAC3B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,OAAO,mEAIjB,YAAY,uBAsKd,CAAC"}

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

@@ -46,31 +46,31 @@ const fetchReports = async (setReports, iTwinId, setIsLoading, reportsClient, ge
         setIsLoading(true);
         const accessToken = await getAccessToken();
         const reports = await reportsClient.getReports(accessToken, iTwinId);
-        setReports(reports !== null && reports !== void 0 ? reports : []);
+        setReports(reports ?? []);
     }
     catch (error) {
-        utils_1.handleError(error.status);
+        (0, utils_1.handleError)(error.status);
     }
     finally {
         setIsLoading(false);
     }
 };
 const Reports = ({ onClickAddReport, onClickReportModify, onClickReportTitle, }) => {
-    const { iTwinId, getAccessToken, reportsClient } = ReportsConfigApiContext_1.useReportsConfigApi();
-    const { bulkExtractor } = BulkExtractorContext_1.useBulkExtractor();
-    const [showDeleteModal, setShowDeleteModal] = react_1.useState(undefined);
-    const [selectedReportIds, setSelectedReportIds] = react_1.useState([]);
-    const [isLoading, setIsLoading] = react_1.useState(true);
-    const [searchValue, setSearchValue] = react_1.useState("");
-    const [reports, setReports] = react_1.useState([]);
-    const jobStartEvent = react_1.useMemo(() => new core_bentley_1.BeEvent(), []);
-    react_1.useEffect(() => {
+    const { iTwinId, getAccessToken, reportsClient } = (0, ReportsConfigApiContext_1.useReportsConfigApi)();
+    const { bulkExtractor } = (0, BulkExtractorContext_1.useBulkExtractor)();
+    const [showDeleteModal, setShowDeleteModal] = (0, react_1.useState)(undefined);
+    const [selectedReportIds, setSelectedReportIds] = (0, react_1.useState)([]);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const [searchValue, setSearchValue] = (0, react_1.useState)("");
+    const [reports, setReports] = (0, react_1.useState)([]);
+    const jobStartEvent = (0, react_1.useMemo)(() => new core_bentley_1.BeEvent(), []);
+    (0, react_1.useEffect)(() => {
         void fetchReports(setReports, iTwinId, setIsLoading, reportsClient, getAccessToken);
     }, [getAccessToken, iTwinId, reportsClient, setIsLoading]);
-    const refresh = react_1.useCallback(async () => {
+    const refresh = (0, react_1.useCallback)(async () => {
         await fetchReports(setReports, iTwinId, setIsLoading, reportsClient, getAccessToken);
     }, [getAccessToken, iTwinId, reportsClient]);
-    const filteredReports = react_1.useMemo(() => reports.filter((x) => [x.displayName, x.description]
+    const filteredReports = (0, react_1.useMemo)(() => reports.filter((x) => [x.displayName, x.description]
         .join(" ")
         .toLowerCase()
         .includes(searchValue.toLowerCase())), [reports, searchValue]);
@@ -81,7 +81,7 @@ const Reports = ({ onClickAddReport, onClickReportModify, onClickReportTitle, })
             ? sr.filter((r) => reportId !== r)
             : [...sr, reportId]);
     };
-    const updateDatasets = react_1.useCallback(async () => {
+    const updateDatasets = (0, react_1.useCallback)(async () => {
         if (!bulkExtractor)
             return;
         await bulkExtractor.runReportExtractions(selectedReportIds);
@@ -91,11 +91,12 @@ const Reports = ({ onClickAddReport, onClickReportModify, onClickReportTitle, })
     if (!bulkExtractor)
         return null;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(itwinui_react_1.Surface, { className: "rcw-reports-list-container" },
+        react_1.default.createElement("div", { className: "rcw-reports-list-container" },
             react_1.default.createElement("div", { className: "rcw-toolbar" },
-                onClickAddReport && (react_1.default.createElement(itwinui_react_1.Button, { startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgAdd, null), onClick: onClickAddReport, styleType: "high-visibility" }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:New"))),
-                react_1.default.createElement(itwinui_react_1.IconButton, { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateDatasets"), onClick: updateDatasets, disabled: selectedReportIds.length === 0 },
-                    react_1.default.createElement(itwinui_icons_react_1.SvgPlay, null)),
+                react_1.default.createElement("div", { className: "rcw-button-spacing" },
+                    onClickAddReport && (react_1.default.createElement(itwinui_react_1.Button, { startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgAdd, null), onClick: onClickAddReport, styleType: "high-visibility", title: "New Report" }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:New"))),
+                    react_1.default.createElement(itwinui_react_1.IconButton, { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateDatasets"), onClick: updateDatasets, disabled: selectedReportIds.length === 0 },
+                        react_1.default.createElement(itwinui_icons_react_1.SvgPlay, null))),
                 react_1.default.createElement("div", { className: "rcw-search-bar-container", "data-testid": "rcw-search-bar" },
                     react_1.default.createElement(itwinui_react_1.IconButton, { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Refresh"), onClick: refresh, disabled: isLoading, styleType: "borderless" },
                         react_1.default.createElement(itwinui_icons_react_1.SvgRefresh, null)),
@@ -107,10 +108,9 @@ const Reports = ({ onClickAddReport, onClickReportModify, onClickReportTitle, })
                         react_1.default.createElement(itwinui_react_1.Button, { onClick: onClickAddReport, styleType: "cta" }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:CreateOneReportCTA")))))) : (react_1.default.createElement("div", { className: "rcw-reports-list" }, filteredReports.map((report) => (react_1.default.createElement(ReportHorizontalTile_1.ReportHorizontalTile, { key: report.id, report: report, onClickTitle: onClickReportTitle, jobStartEvent: jobStartEvent, bulkExtractor: bulkExtractor, onClickDelete: () => {
                     setShowDeleteModal(report);
                 }, onClickModify: onClickReportModify, onSelectionChange: onSelectionChange, selected: selectedReportIds.some((reportId) => report.id === reportId) })))))),
-        react_1.default.createElement(DeleteModal_1.default, { entityName: showDeleteModal === null || showDeleteModal === void 0 ? void 0 : showDeleteModal.displayName, onClose: () => setShowDeleteModal(undefined), onDelete: async () => {
-                var _a;
+        react_1.default.createElement(DeleteModal_1.default, { entityName: showDeleteModal?.displayName, onClose: () => setShowDeleteModal(undefined), onDelete: async () => {
                 const accessToken = await getAccessToken();
-                await reportsClient.deleteReport(accessToken, (_a = showDeleteModal === null || showDeleteModal === void 0 ? void 0 : showDeleteModal.id) !== null && _a !== void 0 ? _a : "");
+                await reportsClient.deleteReport(accessToken, showDeleteModal?.id ?? "");
             }, refresh: refresh })));
 };
 exports.Reports = Reports;

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

@@ -1 +1 @@
-{"version":3,"file":"Reports.js","sourceRoot":"","sources":["../../../../src/widget/components/Reports.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 { SvgAdd, SvgPlay, SvgRefresh } from \"@itwin/itwinui-icons-react\";\nimport { Button, IconButton, Surface } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"./utils\";\nimport {\n  EmptyMessage,\n  handleError,\n  LoadingOverlay,\n} from \"./utils\";\nimport \"./Reports.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport type { Report, ReportsClient } from \"@itwin/insights-client\";\nimport { ReportHorizontalTile } from \"./ReportHorizontalTile\";\nimport { SearchBar } from \"./SearchBar\";\nimport { useReportsConfigApi } from \"../context/ReportsConfigApiContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport type { AccessToken } from \"@itwin/core-bentley\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport { useBulkExtractor } from \"../context/BulkExtractorContext\";\n\nexport type ReportType = CreateTypeFromInterface<Report>;\n\nconst fetchReports = async (\n  setReports: (reports: Report[]) => void,\n  iTwinId: string | undefined,\n  setIsLoading: (isLoading: boolean) => void,\n  reportsClient: ReportsClient,\n  getAccessToken: () => Promise<AccessToken>\n) => {\n  try {\n    if (!iTwinId) return;\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    const reports = await reportsClient.getReports(accessToken, iTwinId);\n    setReports(reports ?? []);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nexport interface ReportsProps {\n  onClickAddReport?: () => void;\n  onClickReportTitle?: (report: Report) => void;\n  onClickReportModify?: (report: Report) => void;\n}\n\nexport const Reports = ({\n  onClickAddReport,\n  onClickReportModify,\n  onClickReportTitle,\n}: ReportsProps) => {\n  const { iTwinId, getAccessToken, reportsClient } = useReportsConfigApi();\n  const { bulkExtractor } = useBulkExtractor();\n  const [showDeleteModal, setShowDeleteModal] = useState<Report | undefined>(\n    undefined\n  );\n  const [selectedReportIds, setSelectedReportIds] = useState<string[]>([]);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [searchValue, setSearchValue] = useState<string>(\"\");\n  const [reports, setReports] = useState<Report[]>([]);\n  const jobStartEvent = useMemo(\n    () => new BeEvent<(reportId: string) => void>(),\n    []\n  );\n\n  useEffect(() => {\n    void fetchReports(\n      setReports,\n      iTwinId,\n      setIsLoading,\n      reportsClient,\n      getAccessToken\n    );\n  }, [getAccessToken, iTwinId, reportsClient, setIsLoading]);\n\n  const refresh = useCallback(async () => {\n    await fetchReports(\n      setReports,\n      iTwinId,\n      setIsLoading,\n      reportsClient,\n      getAccessToken\n    );\n  }, [getAccessToken, iTwinId, reportsClient]);\n\n  const filteredReports = useMemo(\n    () =>\n      reports.filter((x) =>\n        [x.displayName, x.description]\n          .join(\" \")\n          .toLowerCase()\n          .includes(searchValue.toLowerCase())\n      ),\n    [reports, searchValue]\n  );\n\n  const onSelectionChange = (reportId: string, control: boolean) => {\n    if (!control) setSelectedReportIds([]);\n\n    setSelectedReportIds((sr) =>\n      sr.some((r) => reportId === r)\n        ? sr.filter((r) => reportId !== r)\n        : [...sr, reportId]\n    );\n  };\n\n  const updateDatasets = useCallback(async () => {\n    if (!bulkExtractor) return;\n    await bulkExtractor.runReportExtractions(selectedReportIds);\n    selectedReportIds.map((reportId) => jobStartEvent.raiseEvent(reportId));\n    setSelectedReportIds([]);\n  }, [selectedReportIds, jobStartEvent, bulkExtractor]);\n\n  if (!bulkExtractor) return null;\n\n  return (\n    <>\n      <Surface className=\"rcw-reports-list-container\">\n        <div className=\"rcw-toolbar\">\n          {onClickAddReport && (\n            <Button\n              startIcon={<SvgAdd />}\n              onClick={onClickAddReport}\n              styleType=\"high-visibility\"\n            >\n              {ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:New\"\n              )}\n            </Button>\n          )}\n          <IconButton\n            title={ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:UpdateDatasets\"\n            )}\n            onClick={updateDatasets}\n            disabled={selectedReportIds.length === 0}\n          >\n            <SvgPlay />\n          </IconButton>\n          <div\n            className=\"rcw-search-bar-container\"\n            data-testid=\"rcw-search-bar\"\n          >\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        ) : reports.length === 0 && onClickAddReport ? (\n          <EmptyMessage>\n            <>\n              {ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:NoReports\"\n              )}\n              <div>\n                <Button onClick={onClickAddReport} styleType=\"cta\">\n                  {ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:CreateOneReportCTA\"\n                  )}\n                </Button>\n              </div>\n            </>\n          </EmptyMessage>\n        ) : (\n          <div className=\"rcw-reports-list\">\n            {filteredReports.map((report) => (\n              <ReportHorizontalTile\n                key={report.id}\n                report={report}\n                onClickTitle={onClickReportTitle}\n                jobStartEvent={jobStartEvent}\n                bulkExtractor={bulkExtractor}\n                onClickDelete={() => {\n                  setShowDeleteModal(report);\n                }}\n                onClickModify={onClickReportModify}\n                onSelectionChange={onSelectionChange}\n                selected={selectedReportIds.some(\n                  (reportId) => report.id === reportId\n                )}\n              />\n            ))}\n          </div>\n        )}\n      </Surface>\n      <DeleteModal\n        entityName={showDeleteModal?.displayName}\n        onClose={() => setShowDeleteModal(undefined)}\n        onDelete={async () => {\n          const accessToken = await getAccessToken();\n          await reportsClient.deleteReport(\n            accessToken,\n            showDeleteModal?.id ?? \"\"\n          );\n        }}\n        refresh={refresh}\n      />\n    </>\n  );\n};\n"]}
+{"version":3,"file":"Reports.js","sourceRoot":"","sources":["../../../../src/widget/components/Reports.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 { SvgAdd, SvgPlay, SvgRefresh } from \"@itwin/itwinui-icons-react\";\nimport { Button, IconButton } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"./utils\";\nimport {\n  EmptyMessage,\n  handleError,\n  LoadingOverlay,\n} from \"./utils\";\nimport \"./Reports.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport type { Report, ReportsClient } from \"@itwin/insights-client\";\nimport { ReportHorizontalTile } from \"./ReportHorizontalTile\";\nimport { SearchBar } from \"./SearchBar\";\nimport { useReportsConfigApi } from \"../context/ReportsConfigApiContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport type { AccessToken } from \"@itwin/core-bentley\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport { useBulkExtractor } from \"../context/BulkExtractorContext\";\n\nexport type ReportType = CreateTypeFromInterface<Report>;\n\nconst fetchReports = async (\n  setReports: (reports: Report[]) => void,\n  iTwinId: string | undefined,\n  setIsLoading: (isLoading: boolean) => void,\n  reportsClient: ReportsClient,\n  getAccessToken: () => Promise<AccessToken>\n) => {\n  try {\n    if (!iTwinId) return;\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    const reports = await reportsClient.getReports(accessToken, iTwinId);\n    setReports(reports ?? []);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nexport interface ReportsProps {\n  onClickAddReport?: () => void;\n  onClickReportTitle?: (report: Report) => void;\n  onClickReportModify?: (report: Report) => void;\n}\n\nexport const Reports = ({\n  onClickAddReport,\n  onClickReportModify,\n  onClickReportTitle,\n}: ReportsProps) => {\n  const { iTwinId, getAccessToken, reportsClient } = useReportsConfigApi();\n  const { bulkExtractor } = useBulkExtractor();\n  const [showDeleteModal, setShowDeleteModal] = useState<Report | undefined>(\n    undefined\n  );\n  const [selectedReportIds, setSelectedReportIds] = useState<string[]>([]);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [searchValue, setSearchValue] = useState<string>(\"\");\n  const [reports, setReports] = useState<Report[]>([]);\n  const jobStartEvent = useMemo(\n    () => new BeEvent<(reportId: string) => void>(),\n    []\n  );\n\n  useEffect(() => {\n    void fetchReports(\n      setReports,\n      iTwinId,\n      setIsLoading,\n      reportsClient,\n      getAccessToken\n    );\n  }, [getAccessToken, iTwinId, reportsClient, setIsLoading]);\n\n  const refresh = useCallback(async () => {\n    await fetchReports(\n      setReports,\n      iTwinId,\n      setIsLoading,\n      reportsClient,\n      getAccessToken\n    );\n  }, [getAccessToken, iTwinId, reportsClient]);\n\n  const filteredReports = useMemo(\n    () =>\n      reports.filter((x) =>\n        [x.displayName, x.description]\n          .join(\" \")\n          .toLowerCase()\n          .includes(searchValue.toLowerCase())\n      ),\n    [reports, searchValue]\n  );\n\n  const onSelectionChange = (reportId: string, control: boolean) => {\n    if (!control) setSelectedReportIds([]);\n\n    setSelectedReportIds((sr) =>\n      sr.some((r) => reportId === r)\n        ? sr.filter((r) => reportId !== r)\n        : [...sr, reportId]\n    );\n  };\n\n  const updateDatasets = useCallback(async () => {\n    if (!bulkExtractor) return;\n    await bulkExtractor.runReportExtractions(selectedReportIds);\n    selectedReportIds.map((reportId) => jobStartEvent.raiseEvent(reportId));\n    setSelectedReportIds([]);\n  }, [selectedReportIds, jobStartEvent, bulkExtractor]);\n\n  if (!bulkExtractor) return null;\n\n  return (\n    <>\n      <div className=\"rcw-reports-list-container\">\n        <div className=\"rcw-toolbar\">\n          <div className=\"rcw-button-spacing\">\n            {onClickAddReport && (\n              <Button\n                startIcon={<SvgAdd />}\n                onClick={onClickAddReport}\n                styleType=\"high-visibility\"\n                title=\"New Report\"\n              >\n                {ReportsConfigWidget.localization.getLocalizedString(\n                  \"ReportsConfigWidget:New\"\n                )}\n              </Button>\n            )}\n            <IconButton\n              title={ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:UpdateDatasets\"\n              )}\n              onClick={updateDatasets}\n              disabled={selectedReportIds.length === 0}\n            >\n              <SvgPlay />\n            </IconButton>\n          </div>\n          <div\n            className=\"rcw-search-bar-container\"\n            data-testid=\"rcw-search-bar\"\n          >\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        ) : reports.length === 0 && onClickAddReport ? (\n          <EmptyMessage>\n            <>\n              {ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:NoReports\"\n              )}\n              <div>\n                <Button onClick={onClickAddReport} styleType=\"cta\">\n                  {ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:CreateOneReportCTA\"\n                  )}\n                </Button>\n              </div>\n            </>\n          </EmptyMessage>\n        ) : (\n          <div className=\"rcw-reports-list\">\n            {filteredReports.map((report) => (\n              <ReportHorizontalTile\n                key={report.id}\n                report={report}\n                onClickTitle={onClickReportTitle}\n                jobStartEvent={jobStartEvent}\n                bulkExtractor={bulkExtractor}\n                onClickDelete={() => {\n                  setShowDeleteModal(report);\n                }}\n                onClickModify={onClickReportModify}\n                onSelectionChange={onSelectionChange}\n                selected={selectedReportIds.some(\n                  (reportId) => report.id === reportId\n                )}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n      <DeleteModal\n        entityName={showDeleteModal?.displayName}\n        onClose={() => setShowDeleteModal(undefined)}\n        onDelete={async () => {\n          const accessToken = await getAccessToken();\n          await reportsClient.deleteReport(\n            accessToken,\n            showDeleteModal?.id ?? \"\"\n          );\n        }}\n        refresh={refresh}\n      />\n    </>\n  );\n};\n"]}

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

@@ -2,39 +2,39 @@
 * 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-reports-list-container {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-  padding: $iui-baseline $iui-m;
   min-height: 0;
 
   .rcw-toolbar {
     display: flex;
     justify-content: space-between;
-    gap: $iui-s;
-    border-bottom: 1px solid var(--iui-color-background-4);
-    padding-bottom: $iui-baseline;
+    gap: var(--iui-size-xs);
+    border-bottom: 1px solid var(--iui-color-border-subtle);
+    padding-bottom: var(--iui-size-s);
     flex-wrap: wrap;
-  }
 
-  .rcw-search-bar-container {
-    flex-basis: $iui-3xl;
-    flex-shrink: 1;
-    flex-grow: 1;
+    .rcw-search-bar-container {
+      flex-shrink: 1;
+      flex-grow: 0;
+      display: flex;
+    }
+
+    .rcw-button-spacing {
+      display: flex;
+      gap: var(--iui-size-xs);
+    }
   }
 
   .rcw-reports-list {
     display: flex;
     flex-direction: column;
     overflow-y: overlay;
-    gap: 7.5px;
-    margin-top: 7.5px;
+    gap: var(--iui-size-xs);
+    margin-top: var(--iui-size-xs);
   }
 }
 
-.rcw-button-container {
-  display: flex;
-}

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

@@ -35,29 +35,24 @@ const ReportsConfigUiProvider_1 = require("../ReportsConfigUiProvider");
 const BulkExtractor_1 = require("./BulkExtractor");
 const ExtractionToast_1 = require("./ExtractionToast");
 const utils_1 = require("./utils");
-const authorizationClientGetAccessToken = async () => { var _a, _b; return (_b = (await ((_a = core_frontend_1.IModelApp.authorizationClient) === null || _a === void 0 ? void 0 : _a.getAccessToken()))) !== null && _b !== void 0 ? _b : ""; };
+const authorizationClientGetAccessToken = async () => (await core_frontend_1.IModelApp.authorizationClient?.getAccessToken()) ?? "";
 const ReportsConfigContext = (props) => {
-    var _a, _b, _c, _d, _e;
-    const reportsBaseUrl = react_1.useCallback(() => utils_1.generateUrl(insights_client_1.REPORTING_BASE_PATH, props.baseUrl || ReportsConfigUiProvider_1.REPORTS_CONFIG_BASE_URL), [props.baseUrl]);
-    const iModelClientOptions = react_1.useMemo(() => {
-        var _a;
-        return ({
-            api: { baseUrl: utils_1.generateUrl(imodels_client_management_1.Constants.api.baseUrl, (_a = props.baseUrl) !== null && _a !== void 0 ? _a : ReportsConfigUiProvider_1.REPORTS_CONFIG_BASE_URL) },
-        });
-    }, [props.baseUrl]);
-    const [extractionClient, setExtractionClient] = react_1.useState((_a = props.extractionClient) !== null && _a !== void 0 ? _a : new insights_client_1.ExtractionClient(reportsBaseUrl()));
-    const [apiConfig, setApiConfig] = react_1.useState({
-        getAccessToken: (_b = props.getAccessToken) !== null && _b !== void 0 ? _b : authorizationClientGetAccessToken,
+    const reportsBaseUrl = (0, react_1.useCallback)(() => (0, utils_1.generateUrl)(insights_client_1.REPORTING_BASE_PATH, props.baseUrl || ReportsConfigUiProvider_1.REPORTS_CONFIG_BASE_URL), [props.baseUrl]);
+    const iModelClientOptions = (0, react_1.useMemo)(() => ({
+        api: { baseUrl: (0, utils_1.generateUrl)(imodels_client_management_1.Constants.api.baseUrl, props.baseUrl ?? ReportsConfigUiProvider_1.REPORTS_CONFIG_BASE_URL) },
+    }), [props.baseUrl]);
+    const [extractionClient, setExtractionClient] = (0, react_1.useState)(props.extractionClient ?? new insights_client_1.ExtractionClient(reportsBaseUrl()));
+    const [apiConfig, setApiConfig] = (0, react_1.useState)({
+        getAccessToken: props.getAccessToken ?? authorizationClientGetAccessToken,
         baseUrl: reportsBaseUrl(),
         iTwinId: props.iTwinId,
-        reportsClient: (_c = props.reportsClient) !== null && _c !== void 0 ? _c : new insights_client_1.ReportsClient(reportsBaseUrl()),
-        mappingsClient: (_d = props.mappingsClient) !== null && _d !== void 0 ? _d : new insights_client_1.MappingsClient(reportsBaseUrl()),
-        iModelsClient: (_e = props.iModelsClient) !== null && _e !== void 0 ? _e : new imodels_client_management_1.IModelsClient(iModelClientOptions),
+        reportsClient: props.reportsClient ?? new insights_client_1.ReportsClient(reportsBaseUrl()),
+        mappingsClient: props.mappingsClient ?? new insights_client_1.MappingsClient(reportsBaseUrl()),
+        iModelsClient: props.iModelsClient ?? new imodels_client_management_1.IModelsClient(iModelClientOptions),
     });
-    react_1.useEffect(() => {
-        var _a;
+    (0, react_1.useEffect)(() => {
         if (!props.extractionClient) {
-            setExtractionClient((_a = props.extractionClient) !== null && _a !== void 0 ? _a : new insights_client_1.ExtractionClient(reportsBaseUrl()));
+            setExtractionClient(props.extractionClient ?? new insights_client_1.ExtractionClient(reportsBaseUrl()));
         }
     }, [props.extractionClient, reportsBaseUrl]);
     const successfulExtractionToast = (iModelName, odataFeedUrl) => {
@@ -66,19 +61,16 @@ const ReportsConfigContext = (props) => {
     const failedExtractionToast = (iModelName) => {
         itwinui_react_1.toaster.negative(react_1.default.createElement(ExtractionToast_1.FailedExtractionToast, { iModelName: iModelName }));
     };
-    const bulkExtractor = react_1.useMemo(() => { var _a; return ({ bulkExtractor: (_a = props.bulkExtractor) !== null && _a !== void 0 ? _a : new BulkExtractor_1.BulkExtractor(apiConfig.reportsClient, extractionClient, apiConfig.getAccessToken, successfulExtractionToast, failedExtractionToast) }); }, [apiConfig.getAccessToken, apiConfig.reportsClient, extractionClient, props.bulkExtractor]);
-    react_1.useEffect(() => {
-        setApiConfig(() => {
-            var _a, _b, _c, _d;
-            return ({
-                getAccessToken: (_a = props.getAccessToken) !== null && _a !== void 0 ? _a : authorizationClientGetAccessToken,
-                baseUrl: props.baseUrl || ReportsConfigUiProvider_1.REPORTS_CONFIG_BASE_URL,
-                iTwinId: props.iTwinId,
-                reportsClient: (_b = props.reportsClient) !== null && _b !== void 0 ? _b : new insights_client_1.ReportsClient(reportsBaseUrl()),
-                mappingsClient: (_c = props.mappingsClient) !== null && _c !== void 0 ? _c : new insights_client_1.MappingsClient(reportsBaseUrl()),
-                iModelsClient: (_d = props.iModelsClient) !== null && _d !== void 0 ? _d : new imodels_client_management_1.IModelsClient(iModelClientOptions),
-            });
-        });
+    const bulkExtractor = (0, react_1.useMemo)(() => ({ bulkExtractor: props.bulkExtractor ?? new BulkExtractor_1.BulkExtractor(apiConfig.reportsClient, extractionClient, apiConfig.getAccessToken, successfulExtractionToast, failedExtractionToast) }), [apiConfig.getAccessToken, apiConfig.reportsClient, extractionClient, props.bulkExtractor]);
+    (0, react_1.useEffect)(() => {
+        setApiConfig(() => ({
+            getAccessToken: props.getAccessToken ?? authorizationClientGetAccessToken,
+            baseUrl: props.baseUrl || ReportsConfigUiProvider_1.REPORTS_CONFIG_BASE_URL,
+            iTwinId: props.iTwinId,
+            reportsClient: props.reportsClient ?? new insights_client_1.ReportsClient(reportsBaseUrl()),
+            mappingsClient: props.mappingsClient ?? new insights_client_1.MappingsClient(reportsBaseUrl()),
+            iModelsClient: props.iModelsClient ?? new imodels_client_management_1.IModelsClient(iModelClientOptions),
+        }));
     }, [props.getAccessToken, props.baseUrl, props.iTwinId, props.reportsClient, props.mappingsClient, props.iModelsClient, reportsBaseUrl, iModelClientOptions]);
     return (react_1.default.createElement(ReportsConfigApiContext_1.ReportsConfigApiContext.Provider, { value: apiConfig },
         react_1.default.createElement(BulkExtractorContext_1.BulkExtractorContext.Provider, { value: bulkExtractor }, props.children)));

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

@@ -1 +1 @@
-{"version":3,"file":"ReportsConfigContext.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportsConfigContext.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 { IModelApp } from \"@itwin/core-frontend\";\nimport type { IModelsClientOptions } from \"@itwin/imodels-client-management\";\nimport { Constants, IModelsClient } from \"@itwin/imodels-client-management\";\nimport { ExtractionClient, MappingsClient, REPORTING_BASE_PATH, ReportsClient } from \"@itwin/insights-client\";\nimport { toaster } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { BulkExtractorContext } from \"../context/BulkExtractorContext\";\nimport type {\n  GetAccessTokenFn,\n  ReportsConfigApiProps,\n} from \"../context/ReportsConfigApiContext\";\nimport { ReportsConfigApiContext } from \"../context/ReportsConfigApiContext\";\nimport { REPORTS_CONFIG_BASE_URL } from \"../ReportsConfigUiProvider\";\nimport { BulkExtractor } from \"./BulkExtractor\";\nimport { FailedExtractionToast, SuccessfulExtractionToast } from \"./ExtractionToast\";\nimport { generateUrl } from \"./utils\";\n\nexport interface ReportsConfigContextProps {\n  getAccessToken?: GetAccessTokenFn;\n  baseUrl?: string;\n  iTwinId: string;\n  bulkExtractor?: BulkExtractor;\n  reportsClient?: ReportsClient;\n  mappingsClient?: MappingsClient;\n  extractionClient?: ExtractionClient;\n  iModelsClient?: IModelsClient;\n  children?: React.ReactNode;\n}\n\nconst authorizationClientGetAccessToken = async () =>\n  (await IModelApp.authorizationClient?.getAccessToken()) ?? \"\";\n\nexport const ReportsConfigContext = (props: ReportsConfigContextProps) => {\n  const reportsBaseUrl = useCallback(() => generateUrl(\n    REPORTING_BASE_PATH,\n    props.baseUrl || REPORTS_CONFIG_BASE_URL\n  ), [props.baseUrl]);\n  const iModelClientOptions: IModelsClientOptions = useMemo(() => ({\n    api: { baseUrl: generateUrl(Constants.api.baseUrl, props.baseUrl ?? REPORTS_CONFIG_BASE_URL) },\n  }), [props.baseUrl]);\n  const [extractionClient, setExtractionClient] = useState<ExtractionClient>(\n    props.extractionClient ?? new ExtractionClient(reportsBaseUrl())\n  );\n\n  const [apiConfig, setApiConfig] = useState<ReportsConfigApiProps>({\n    getAccessToken: props.getAccessToken ?? authorizationClientGetAccessToken,\n    baseUrl: reportsBaseUrl(),\n    iTwinId: props.iTwinId,\n    reportsClient: props.reportsClient ?? new ReportsClient(reportsBaseUrl()),\n    mappingsClient: props.mappingsClient ?? new MappingsClient(reportsBaseUrl()),\n    iModelsClient: props.iModelsClient ?? new IModelsClient(iModelClientOptions),\n  });\n\n  useEffect(() => {\n    if (!props.extractionClient) {\n      setExtractionClient(props.extractionClient ?? new ExtractionClient(reportsBaseUrl()));\n    }\n  }, [props.extractionClient, reportsBaseUrl]);\n\n  const successfulExtractionToast = (iModelName: string, odataFeedUrl: string) => {\n    toaster.positive(<SuccessfulExtractionToast iModelName={iModelName} odataFeedUrl={odataFeedUrl} />);\n  };\n\n  const failedExtractionToast = (iModelName: string) => {\n    toaster.negative(<FailedExtractionToast iModelName={iModelName} />);\n  };\n\n  const bulkExtractor = useMemo(\n    () => ({ bulkExtractor: props.bulkExtractor ?? new BulkExtractor(apiConfig.reportsClient, extractionClient, apiConfig.getAccessToken, successfulExtractionToast, failedExtractionToast) }),\n    [apiConfig.getAccessToken, apiConfig.reportsClient, extractionClient, props.bulkExtractor]\n  );\n\n  useEffect(() => {\n    setApiConfig(() => ({\n      getAccessToken: props.getAccessToken ?? authorizationClientGetAccessToken,\n      baseUrl: props.baseUrl || REPORTS_CONFIG_BASE_URL,\n      iTwinId: props.iTwinId,\n      reportsClient: props.reportsClient ?? new ReportsClient(reportsBaseUrl()),\n      mappingsClient: props.mappingsClient ?? new MappingsClient(reportsBaseUrl()),\n      iModelsClient: props.iModelsClient ?? new IModelsClient(iModelClientOptions),\n    }));\n  }, [props.getAccessToken, props.baseUrl, props.iTwinId, props.reportsClient, props.mappingsClient, props.iModelsClient, reportsBaseUrl, iModelClientOptions]);\n\n  return (\n    <ReportsConfigApiContext.Provider value={apiConfig}>\n      <BulkExtractorContext.Provider value={bulkExtractor}>\n        {props.children}\n      </BulkExtractorContext.Provider>\n    </ReportsConfigApiContext.Provider>\n  );\n};\n"]}
+{"version":3,"file":"ReportsConfigContext.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportsConfigContext.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 { IModelApp } from \"@itwin/core-frontend\";\nimport type { IModelsClientOptions } from \"@itwin/imodels-client-management\";\nimport { Constants, IModelsClient } from \"@itwin/imodels-client-management\";\nimport { ExtractionClient, MappingsClient, REPORTING_BASE_PATH, ReportsClient } from \"@itwin/insights-client\";\nimport { toaster } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { BulkExtractorContext } from \"../context/BulkExtractorContext\";\nimport type {\n  GetAccessTokenFn,\n  ReportsConfigApiProps,\n} from \"../context/ReportsConfigApiContext\";\nimport { ReportsConfigApiContext } from \"../context/ReportsConfigApiContext\";\nimport { REPORTS_CONFIG_BASE_URL } from \"../ReportsConfigUiProvider\";\nimport { BulkExtractor } from \"./BulkExtractor\";\nimport { FailedExtractionToast, SuccessfulExtractionToast } from \"./ExtractionToast\";\nimport { generateUrl } from \"./utils\";\n\nexport interface ReportsConfigContextProps {\n  getAccessToken?: GetAccessTokenFn;\n  baseUrl?: string;\n  iTwinId: string;\n  bulkExtractor?: BulkExtractor;\n  reportsClient?: ReportsClient;\n  mappingsClient?: MappingsClient;\n  extractionClient?: ExtractionClient;\n  iModelsClient?: IModelsClient;\n  children?: React.ReactNode;\n}\n\nconst authorizationClientGetAccessToken = async () =>\n  (await IModelApp.authorizationClient?.getAccessToken()) ?? \"\";\n\nexport const ReportsConfigContext = (props: ReportsConfigContextProps) => {\n  const reportsBaseUrl = useCallback(() => generateUrl(\n    REPORTING_BASE_PATH,\n    props.baseUrl || REPORTS_CONFIG_BASE_URL\n  ), [props.baseUrl]);\n  const iModelClientOptions: IModelsClientOptions = useMemo(() => ({\n    api: { baseUrl: generateUrl(Constants.api.baseUrl, props.baseUrl ?? REPORTS_CONFIG_BASE_URL) },\n  }), [props.baseUrl]);\n  const [extractionClient, setExtractionClient] = useState<ExtractionClient>(\n    props.extractionClient ?? new ExtractionClient(reportsBaseUrl())\n  );\n\n  const [apiConfig, setApiConfig] = useState<ReportsConfigApiProps>({\n    getAccessToken: props.getAccessToken ?? authorizationClientGetAccessToken,\n    baseUrl: reportsBaseUrl(),\n    iTwinId: props.iTwinId,\n    reportsClient: props.reportsClient ?? new ReportsClient(reportsBaseUrl()),\n    mappingsClient: props.mappingsClient ?? new MappingsClient(reportsBaseUrl()),\n    iModelsClient: props.iModelsClient ?? new IModelsClient(iModelClientOptions),\n  });\n\n  useEffect(() => {\n    if (!props.extractionClient) {\n      setExtractionClient(props.extractionClient ?? new ExtractionClient(reportsBaseUrl()));\n    }\n  }, [props.extractionClient, reportsBaseUrl]);\n\n  const successfulExtractionToast = (iModelName: string, odataFeedUrl: string) => {\n    toaster.positive(<SuccessfulExtractionToast iModelName={iModelName} odataFeedUrl={odataFeedUrl} />);\n  };\n\n  const failedExtractionToast = (iModelName: string) => {\n    toaster.negative(<FailedExtractionToast iModelName={iModelName} />);\n  };\n\n  const bulkExtractor = useMemo(\n    () => ({ bulkExtractor: props.bulkExtractor ?? new BulkExtractor(apiConfig.reportsClient, extractionClient, apiConfig.getAccessToken, successfulExtractionToast, failedExtractionToast) }),\n    [apiConfig.getAccessToken, apiConfig.reportsClient, extractionClient, props.bulkExtractor]\n  );\n\n  useEffect(() => {\n    setApiConfig(() => ({\n      getAccessToken: props.getAccessToken ?? authorizationClientGetAccessToken,\n      baseUrl: props.baseUrl || REPORTS_CONFIG_BASE_URL,\n      iTwinId: props.iTwinId,\n      reportsClient: props.reportsClient ?? new ReportsClient(reportsBaseUrl()),\n      mappingsClient: props.mappingsClient ?? new MappingsClient(reportsBaseUrl()),\n      iModelsClient: props.iModelsClient ?? new IModelsClient(iModelClientOptions),\n    }));\n  }, [props.getAccessToken, props.baseUrl, props.iTwinId, props.reportsClient, props.mappingsClient, props.iModelsClient, reportsBaseUrl, iModelClientOptions]);\n\n  return (\n    <ReportsConfigApiContext.Provider value={apiConfig}>\n      <BulkExtractorContext.Provider value={bulkExtractor}>\n        {props.children}\n      </BulkExtractorContext.Provider>\n    </ReportsConfigApiContext.Provider>\n  );\n};\n"]}

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

@@ -33,16 +33,15 @@ var RouteStep;
     RouteStep[RouteStep["ReportMappings"] = 2] = "ReportMappings";
 })(RouteStep = exports.RouteStep || (exports.RouteStep = {}));
 const ReportsContainer = ({ getAccessToken, baseUrl, }) => {
-    var _a, _b;
-    const [routingHistory, setRoutingHistory] = react_1.useState([
+    const [routingHistory, setRoutingHistory] = (0, react_1.useState)([
         { step: RouteStep.ReportsList, title: "iTwin Reports", reportsRoutingFields: {} },
     ]);
     const currentRoute = routingHistory[routingHistory.length - 1];
-    const iTwinId = (_b = (_a = appui_react_1.useActiveIModelConnection()) === null || _a === void 0 ? void 0 : _a.iTwinId) !== null && _b !== void 0 ? _b : "";
-    const navigateTo = react_1.useCallback((toRoute) => {
+    const iTwinId = (0, appui_react_1.useActiveIModelConnection)()?.iTwinId ?? "";
+    const navigateTo = (0, react_1.useCallback)((toRoute) => {
         setRoutingHistory((r) => [...r, toRoute(r[r.length - 1])]);
     }, []);
-    const goBack = react_1.useCallback(() => {
+    const goBack = (0, react_1.useCallback)(() => {
         const updatedRouting = [...routingHistory];
         updatedRouting.pop();
         setRoutingHistory(updatedRouting);

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

@@ -1 +1 @@
-{"version":3,"file":"ReportsContainer.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportsContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,+CAAqD;AACrD,mCAAiC;AAEjC,oDAA+D;AAC/D,mDAAgD;AAChD,mDAAgD;AAChD,iEAA8D;AAO9D,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,uDAAW,CAAA;IACX,yDAAY,CAAA;IACZ,6DAAc,CAAA;AAChB,CAAC,EAJW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAIpB;AAYD,MAAM,gBAAgB,GAAG,CAAC,EACxB,cAAc,EACd,OAAO,GACe,EAAE,EAAE;;IAE1B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,gBAAQ,CAAU;QAC5D,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,EAAE,EAAE;KAClF,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC/D,MAAM,OAAO,GAAG,MAAA,MAAA,uCAAyB,EAAE,0CAAE,OAAO,mCAAI,EAAE,CAAC;IAC3D,MAAM,UAAU,GAAG,mBAAW,CAAC,CAAC,OAA2C,EAAE,EAAE;QAC7E,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,mBAAW,CAAC,GAAG,EAAE;QAC9B,MAAM,cAAc,GAAG,CAAC,GAAG,cAAc,CAAC,CAAC;QAC3C,cAAc,CAAC,GAAG,EAAE,CAAC;QACrB,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,8BAAC,2CAAoB,IAAC,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;QACtF,uCAAK,SAAS,EAAC,uBAAuB;YACpC,8BAAC,6BAAa,IACZ,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,GAC1B;YACF,8BAAC,6BAAa,IACZ,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACE,CACe,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { AccessToken } from \"@itwin/core-bentley\";\nimport React, { useCallback, useState } from \"react\";\nimport \"./ReportsContainer.scss\";\nimport type { Report } from \"@itwin/insights-client\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport { ReportsHeader } from \"./ReportsHeader\";\nimport { ReportsRouter } from \"./ReportsRouter\";\nimport { ReportsConfigContext } from \"./ReportsConfigContext\";\n\ninterface ReportsContainerProps {\n  getAccessToken?: () => Promise<AccessToken>;\n  baseUrl: string;\n}\n\nexport enum RouteStep {\n  ReportsList,\n  ReportAction,\n  ReportMappings\n}\n\nexport interface ReportsRouteFields {\n  report?: Report;\n}\n\nexport interface Route {\n  step: RouteStep;\n  title: string;\n  reportsRoutingFields: ReportsRouteFields;\n}\n\nconst ReportsContainer = ({\n  getAccessToken,\n  baseUrl,\n}: ReportsContainerProps) => {\n\n  const [routingHistory, setRoutingHistory] = useState<Route[]>([\n    { step: RouteStep.ReportsList, title: \"iTwin Reports\", reportsRoutingFields: {} },\n  ]);\n  const currentRoute = routingHistory[routingHistory.length - 1];\n  const iTwinId = useActiveIModelConnection()?.iTwinId ?? \"\";\n  const navigateTo = useCallback((toRoute: (prev: Route | undefined) => Route) => {\n    setRoutingHistory((r) => [...r, toRoute(r[r.length - 1])]);\n  }, []);\n\n  const goBack = useCallback(() => {\n    const updatedRouting = [...routingHistory];\n    updatedRouting.pop();\n    setRoutingHistory(updatedRouting);\n  }, [routingHistory]);\n\n  return (\n    <ReportsConfigContext getAccessToken={getAccessToken} baseUrl={baseUrl} iTwinId={iTwinId}>\n      <div className=\"rcw-reports-container\">\n        <ReportsHeader\n          goBack={goBack}\n          currentRoute={currentRoute}\n        />\n        <ReportsRouter\n          currentRoute={currentRoute}\n          navigateTo={navigateTo}\n          goBack={goBack}\n        />\n      </div>\n    </ReportsConfigContext>\n  );\n};\n\nexport default ReportsContainer;\n"]}
+{"version":3,"file":"ReportsContainer.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportsContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,+CAAqD;AACrD,mCAAiC;AAEjC,oDAA+D;AAC/D,mDAAgD;AAChD,mDAAgD;AAChD,iEAA8D;AAO9D,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,uDAAW,CAAA;IACX,yDAAY,CAAA;IACZ,6DAAc,CAAA;AAChB,CAAC,EAJW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAIpB;AAYD,MAAM,gBAAgB,GAAG,CAAC,EACxB,cAAc,EACd,OAAO,GACe,EAAE,EAAE;IAE1B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAU;QAC5D,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,EAAE,EAAE;KAClF,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC/D,MAAM,OAAO,GAAG,IAAA,uCAAyB,GAAE,EAAE,OAAO,IAAI,EAAE,CAAC;IAC3D,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,CAAC,OAA2C,EAAE,EAAE;QAC7E,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC9B,MAAM,cAAc,GAAG,CAAC,GAAG,cAAc,CAAC,CAAC;QAC3C,cAAc,CAAC,GAAG,EAAE,CAAC;QACrB,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,8BAAC,2CAAoB,IAAC,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;QACtF,uCAAK,SAAS,EAAC,uBAAuB;YACpC,8BAAC,6BAAa,IACZ,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,GAC1B;YACF,8BAAC,6BAAa,IACZ,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACE,CACe,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { AccessToken } from \"@itwin/core-bentley\";\nimport React, { useCallback, useState } from \"react\";\nimport \"./ReportsContainer.scss\";\nimport type { Report } from \"@itwin/insights-client\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport { ReportsHeader } from \"./ReportsHeader\";\nimport { ReportsRouter } from \"./ReportsRouter\";\nimport { ReportsConfigContext } from \"./ReportsConfigContext\";\n\ninterface ReportsContainerProps {\n  getAccessToken?: () => Promise<AccessToken>;\n  baseUrl: string;\n}\n\nexport enum RouteStep {\n  ReportsList,\n  ReportAction,\n  ReportMappings\n}\n\nexport interface ReportsRouteFields {\n  report?: Report;\n}\n\nexport interface Route {\n  step: RouteStep;\n  title: string;\n  reportsRoutingFields: ReportsRouteFields;\n}\n\nconst ReportsContainer = ({\n  getAccessToken,\n  baseUrl,\n}: ReportsContainerProps) => {\n\n  const [routingHistory, setRoutingHistory] = useState<Route[]>([\n    { step: RouteStep.ReportsList, title: \"iTwin Reports\", reportsRoutingFields: {} },\n  ]);\n  const currentRoute = routingHistory[routingHistory.length - 1];\n  const iTwinId = useActiveIModelConnection()?.iTwinId ?? \"\";\n  const navigateTo = useCallback((toRoute: (prev: Route | undefined) => Route) => {\n    setRoutingHistory((r) => [...r, toRoute(r[r.length - 1])]);\n  }, []);\n\n  const goBack = useCallback(() => {\n    const updatedRouting = [...routingHistory];\n    updatedRouting.pop();\n    setRoutingHistory(updatedRouting);\n  }, [routingHistory]);\n\n  return (\n    <ReportsConfigContext getAccessToken={getAccessToken} baseUrl={baseUrl} iTwinId={iTwinId}>\n      <div className=\"rcw-reports-container\">\n        <ReportsHeader\n          goBack={goBack}\n          currentRoute={currentRoute}\n        />\n        <ReportsRouter\n          currentRoute={currentRoute}\n          navigateTo={navigateTo}\n          goBack={goBack}\n        />\n      </div>\n    </ReportsConfigContext>\n  );\n};\n\nexport default ReportsContainer;\n"]}

package/lib/cjs/widget/components/ReportsContainer.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-reports-container {
   position: absolute;
@@ -10,9 +9,8 @@
   left: 0;
   display: flex;
   flex-direction: column;
-  padding: $iui-baseline $iui-m;
+  padding: var(--iui-size-s) var(--iui-size-m);
   box-sizing: border-box;
   height: 100%;
   overflow: auto;
-  gap: $iui-baseline;
 }

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

@@ -16,9 +16,8 @@ const ReportMappings_1 = require("./ReportMappings");
 const Reports_1 = require("./Reports");
 const ReportsContainer_1 = require("./ReportsContainer");
 const ReportsRouter = ({ currentRoute, navigateTo, goBack, }) => {
-    var _a, _b;
     const { report } = currentRoute.reportsRoutingFields;
-    const iModelId = (_b = (_a = appui_react_1.useActiveIModelConnection()) === null || _a === void 0 ? void 0 : _a.iModelId) !== null && _b !== void 0 ? _b : "";
+    const iModelId = (0, appui_react_1.useActiveIModelConnection)()?.iModelId ?? "";
     switch (currentRoute.step) {
         case ReportsContainer_1.RouteStep.ReportsList:
             return (react_1.default.createElement(Reports_1.Reports, { onClickAddReport: () => navigateTo(() => ({

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

@@ -1 +1 @@
-{"version":3,"file":"ReportsRouter.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportsRouter.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,oDAA+D;AAC/D,kDAA0B;AAC1B,mEAAgE;AAChE,iDAA8C;AAC9C,qDAAkD;AAClD,uCAAoC;AAEpC,yDAA+C;AAExC,MAAM,aAAa,GAAG,CAAC,EAC5B,YAAY,EACZ,UAAU,EACV,MAAM,GAKP,EAAE,EAAE;;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,oBAAoB,CAAC;IACrD,MAAM,QAAQ,GAAG,MAAA,MAAA,uCAAyB,EAAE,0CAAE,QAAQ,mCAAI,EAAE,CAAC;IAC7D,QAAQ,YAAY,CAAC,IAAI,EAAE;QACzB,KAAK,4BAAS,CAAC,WAAW;YACxB,OAAO,CACL,8BAAC,iBAAO,IACN,gBAAgB,EAAE,GAAG,EAAE,CACrB,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;oBAChB,IAAI,EAAE,4BAAS,CAAC,YAAY;oBAC5B,KAAK,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,kCAAkC,CACnC;oBACD,oBAAoB,EAAE,EAAE;iBACzB,CAAC,CAAC,EAEL,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE;oBACxB,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;wBAChB,IAAI,EAAE,4BAAS,CAAC,cAAc;wBAC9B,oBAAoB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;wBACnC,KAAK,EAAE,CAAC,CAAC,WAAW;qBACrB,CAAC,CAAC,CAAC;gBACN,CAAC,EACD,mBAAmB,EAAE,CAAC,CAAC,EAAE,EAAE;oBACzB,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;wBAChB,IAAI,EAAE,4BAAS,CAAC,YAAY;wBAC5B,oBAAoB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;wBACnC,KAAK,EAAE,CAAC,CAAC,WAAW;qBACrB,CAAC,CAAC,CAAC;gBACN,CAAC,GACD,CACH,CAAC;QAEJ,KAAK,4BAAS,CAAC,YAAY;YACzB,OAAO,8BAAC,2BAAY,IAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAI,CAAC;QACxF,KAAK,4BAAS,CAAC,cAAc;YAC3B,IAAI,CAAC,MAAM;gBAAE,OAAO,IAAI,CAAC;YACzB,OAAO,8BAAC,+BAAc,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,QAAQ,GAAI,CAAC;QAC7F;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAjDW,QAAA,aAAa,iBAiDxB","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 { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport React from \"react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport { ReportAction } from \"./ReportAction\";\nimport { ReportMappings } from \"./ReportMappings\";\nimport { Reports } from \"./Reports\";\nimport type { Route } from \"./ReportsContainer\";\nimport { RouteStep } from \"./ReportsContainer\";\n\nexport const ReportsRouter = ({\n  currentRoute,\n  navigateTo,\n  goBack,\n}: {\n  currentRoute: Route;\n  navigateTo: (toRoute: (prev: Route | undefined) => Route) => void;\n  goBack: () => void;\n}) => {\n  const { report } = currentRoute.reportsRoutingFields;\n  const iModelId = useActiveIModelConnection()?.iModelId ?? \"\";\n  switch (currentRoute.step) {\n    case RouteStep.ReportsList:\n      return (\n        <Reports\n          onClickAddReport={() =>\n            navigateTo(() => ({\n              step: RouteStep.ReportAction,\n              title: ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:ITwinReports\"\n              ),\n              reportsRoutingFields: {},\n            }))\n          }\n          onClickReportTitle={(r) => {\n            navigateTo(() => ({\n              step: RouteStep.ReportMappings,\n              reportsRoutingFields: { report: r },\n              title: r.displayName,\n            }));\n          }}\n          onClickReportModify={(r) => {\n            navigateTo(() => ({\n              step: RouteStep.ReportAction,\n              reportsRoutingFields: { report: r },\n              title: r.displayName,\n            }));\n          }}\n        />\n      );\n\n    case RouteStep.ReportAction:\n      return <ReportAction report={report} onClickCancel={goBack} onSaveSuccess={goBack} />;\n    case RouteStep.ReportMappings:\n      if (!report) return null;\n      return <ReportMappings report={report} onClickClose={goBack} defaultIModelId={iModelId} />;\n    default:\n      return null;\n  }\n};\n"]}
+{"version":3,"file":"ReportsRouter.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportsRouter.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,oDAA+D;AAC/D,kDAA0B;AAC1B,mEAAgE;AAChE,iDAA8C;AAC9C,qDAAkD;AAClD,uCAAoC;AAEpC,yDAA+C;AAExC,MAAM,aAAa,GAAG,CAAC,EAC5B,YAAY,EACZ,UAAU,EACV,MAAM,GAKP,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,oBAAoB,CAAC;IACrD,MAAM,QAAQ,GAAG,IAAA,uCAAyB,GAAE,EAAE,QAAQ,IAAI,EAAE,CAAC;IAC7D,QAAQ,YAAY,CAAC,IAAI,EAAE;QACzB,KAAK,4BAAS,CAAC,WAAW;YACxB,OAAO,CACL,8BAAC,iBAAO,IACN,gBAAgB,EAAE,GAAG,EAAE,CACrB,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;oBAChB,IAAI,EAAE,4BAAS,CAAC,YAAY;oBAC5B,KAAK,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,kCAAkC,CACnC;oBACD,oBAAoB,EAAE,EAAE;iBACzB,CAAC,CAAC,EAEL,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE;oBACxB,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;wBAChB,IAAI,EAAE,4BAAS,CAAC,cAAc;wBAC9B,oBAAoB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;wBACnC,KAAK,EAAE,CAAC,CAAC,WAAW;qBACrB,CAAC,CAAC,CAAC;gBACN,CAAC,EACD,mBAAmB,EAAE,CAAC,CAAC,EAAE,EAAE;oBACzB,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;wBAChB,IAAI,EAAE,4BAAS,CAAC,YAAY;wBAC5B,oBAAoB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;wBACnC,KAAK,EAAE,CAAC,CAAC,WAAW;qBACrB,CAAC,CAAC,CAAC;gBACN,CAAC,GACD,CACH,CAAC;QAEJ,KAAK,4BAAS,CAAC,YAAY;YACzB,OAAO,8BAAC,2BAAY,IAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAI,CAAC;QACxF,KAAK,4BAAS,CAAC,cAAc;YAC3B,IAAI,CAAC,MAAM;gBAAE,OAAO,IAAI,CAAC;YACzB,OAAO,8BAAC,+BAAc,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,QAAQ,GAAI,CAAC;QAC7F;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAjDW,QAAA,aAAa,iBAiDxB","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 { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport React from \"react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport { ReportAction } from \"./ReportAction\";\nimport { ReportMappings } from \"./ReportMappings\";\nimport { Reports } from \"./Reports\";\nimport type { Route } from \"./ReportsContainer\";\nimport { RouteStep } from \"./ReportsContainer\";\n\nexport const ReportsRouter = ({\n  currentRoute,\n  navigateTo,\n  goBack,\n}: {\n  currentRoute: Route;\n  navigateTo: (toRoute: (prev: Route | undefined) => Route) => void;\n  goBack: () => void;\n}) => {\n  const { report } = currentRoute.reportsRoutingFields;\n  const iModelId = useActiveIModelConnection()?.iModelId ?? \"\";\n  switch (currentRoute.step) {\n    case RouteStep.ReportsList:\n      return (\n        <Reports\n          onClickAddReport={() =>\n            navigateTo(() => ({\n              step: RouteStep.ReportAction,\n              title: ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:ITwinReports\"\n              ),\n              reportsRoutingFields: {},\n            }))\n          }\n          onClickReportTitle={(r) => {\n            navigateTo(() => ({\n              step: RouteStep.ReportMappings,\n              reportsRoutingFields: { report: r },\n              title: r.displayName,\n            }));\n          }}\n          onClickReportModify={(r) => {\n            navigateTo(() => ({\n              step: RouteStep.ReportAction,\n              reportsRoutingFields: { report: r },\n              title: r.displayName,\n            }));\n          }}\n        />\n      );\n\n    case RouteStep.ReportAction:\n      return <ReportAction report={report} onClickCancel={goBack} onSaveSuccess={goBack} />;\n    case RouteStep.ReportMappings:\n      if (!report) return null;\n      return <ReportMappings report={report} onClickClose={goBack} defaultIModelId={iModelId} />;\n    default:\n      return null;\n  }\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/SearchBar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,kBAAkB,CAAC;AAE1B,UAAU,cAAc;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,+CAInB,cAAc,gBAyChB,CAAC"}
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/SearchBar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,kBAAkB,CAAC;AAE1B,UAAU,cAAc;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,+CAInB,cAAc,gBA8ChB,CAAC"}

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

@@ -30,8 +30,8 @@ const react_1 = __importStar(require("react"));
 const ReportsConfigWidget_1 = require("../../ReportsConfigWidget");
 require("./SearchBar.scss");
 const SearchBar = ({ searchValue, setSearchValue, disabled, }) => {
-    const [searchBarOpen, setSearchBarOpened] = react_1.useState(false);
-    const [searchBarClosing, setSearchBarClosing] = react_1.useState(false);
+    const [searchBarOpen, setSearchBarOpened] = (0, react_1.useState)(false);
+    const [searchBarClosing, setSearchBarClosing] = (0, react_1.useState)(false);
     return searchBarOpen || searchValue ? (react_1.default.createElement("div", { className: "rcw-search-button", style: {
             animation: searchBarClosing ? "rcw-shrink .5s" : "rcw-expand .5s",
         }, onAnimationEnd: () => {
@@ -41,8 +41,8 @@ const SearchBar = ({ searchValue, setSearchValue, disabled, }) => {
                 setSearchValue("");
             }
         } },
-        react_1.default.createElement(itwinui_react_1.LabeledInput, { "aria-label": "search-textbox", placeholder: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Search"), svgIcon: react_1.default.createElement(itwinui_react_1.IconButton, { onClick: () => setSearchBarClosing(true), styleType: "borderless" },
-                react_1.default.createElement(itwinui_icons_react_1.SvgCloseSmall, null)), iconDisplayStyle: "inline", value: searchValue, onChange: (e) => setSearchValue(e.target.value), disabled: disabled }))) : (react_1.default.createElement(itwinui_react_1.IconButton, { styleType: "borderless", "data-testid": "rcw-search-button", onClick: () => setSearchBarOpened(true) },
+        react_1.default.createElement(itwinui_react_1.LabeledInput, { "aria-label": "search-textbox", placeholder: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Search"), svgIcon: react_1.default.createElement(itwinui_react_1.IconButton, { onClick: () => setSearchBarClosing(true), styleType: "borderless", title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ClearSearch") },
+                react_1.default.createElement(itwinui_icons_react_1.SvgCloseSmall, null)), iconDisplayStyle: "inline", value: searchValue, onChange: (e) => setSearchValue(e.target.value), disabled: disabled }))) : (react_1.default.createElement(itwinui_react_1.IconButton, { styleType: "borderless", "data-testid": "rcw-search-button", title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:SearchReport"), onClick: () => setSearchBarOpened(true) },
         react_1.default.createElement(itwinui_icons_react_1.SvgSearch, null)));
 };
 exports.SearchBar = SearchBar;

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

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/widget/components/SearchBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,oEAAsE;AACtE,wDAAgE;AAChE,+CAAwC;AACxC,mEAAgE;AAChE,4BAA0B;AAQnB,MAAM,SAAS,GAAG,CAAC,EACxB,WAAW,EACX,cAAc,EACd,QAAQ,GACO,EAAE,EAAE;IACnB,MAAM,CAAC,aAAa,EAAE,kBAAkB,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IACrE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IAEzE,OAAO,aAAa,IAAI,WAAW,CAAC,CAAC,CAAC,CACpC,uCAAK,SAAS,EAAC,mBAAmB,EAChC,KAAK,EAAE;YACL,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB;SAClE,EACD,cAAc,EAAE,GAAG,EAAE;YACnB,IAAI,gBAAgB,EAAE;gBACpB,mBAAmB,CAAC,KAAK,CAAC,CAAC;gBAC3B,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC1B,cAAc,CAAC,EAAE,CAAC,CAAC;aACpB;QACH,CAAC;QAED,8BAAC,4BAAY,kBACA,gBAAgB,EAC3B,WAAW,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC9D,4BAA4B,CAC7B,EACD,OAAO,EACL,8BAAC,0BAAU,IACT,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,EACxC,SAAS,EAAC,YAAY;gBAEtB,8BAAC,mCAAa,OAAG,CACN,EAEf,gBAAgB,EAAC,QAAQ,EACzB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,QAAQ,EAAE,QAAQ,GAClB,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAU,IAAC,SAAS,EAAC,YAAY,iBAAa,mBAAmB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC;QACxG,8BAAC,+BAAS,OAAG,CACF,CACd,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,SAAS,aA6CpB","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 { SvgCloseSmall, SvgSearch } from \"@itwin/itwinui-icons-react\";\nimport { IconButton, LabeledInput } from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport \"./SearchBar.scss\";\n\ninterface SearchBarProps {\n  searchValue: string;\n  setSearchValue: React.Dispatch<React.SetStateAction<string>>;\n  disabled?: boolean;\n}\n\nexport const SearchBar = ({\n  searchValue,\n  setSearchValue,\n  disabled,\n}: SearchBarProps) => {\n  const [searchBarOpen, setSearchBarOpened] = useState<boolean>(false);\n  const [searchBarClosing, setSearchBarClosing] = useState<boolean>(false);\n\n  return searchBarOpen || searchValue ? (\n    <div className=\"rcw-search-button\"\n      style={{\n        animation: searchBarClosing ? \"rcw-shrink .5s\" : \"rcw-expand .5s\",\n      }}\n      onAnimationEnd={() => {\n        if (searchBarClosing) {\n          setSearchBarClosing(false);\n          setSearchBarOpened(false);\n          setSearchValue(\"\");\n        }\n      }}\n    >\n      <LabeledInput\n        aria-label=\"search-textbox\"\n        placeholder={ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:Search\"\n        )}\n        svgIcon={\n          <IconButton\n            onClick={() => setSearchBarClosing(true)}\n            styleType=\"borderless\"\n          >\n            <SvgCloseSmall />\n          </IconButton>\n        }\n        iconDisplayStyle=\"inline\"\n        value={searchValue}\n        onChange={(e) => setSearchValue(e.target.value)}\n        disabled={disabled}\n      />\n    </div>\n  ) : (\n    <IconButton styleType=\"borderless\" data-testid=\"rcw-search-button\" onClick={() => setSearchBarOpened(true)}>\n      <SvgSearch />\n    </IconButton>\n  );\n};\n"]}
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/widget/components/SearchBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,oEAAsE;AACtE,wDAAgE;AAChE,+CAAwC;AACxC,mEAAgE;AAChE,4BAA0B;AAQnB,MAAM,SAAS,GAAG,CAAC,EACxB,WAAW,EACX,cAAc,EACd,QAAQ,GACO,EAAE,EAAE;IACnB,MAAM,CAAC,aAAa,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACrE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEzE,OAAO,aAAa,IAAI,WAAW,CAAC,CAAC,CAAC,CACpC,uCAAK,SAAS,EAAC,mBAAmB,EAChC,KAAK,EAAE;YACL,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB;SAClE,EACD,cAAc,EAAE,GAAG,EAAE;YACnB,IAAI,gBAAgB,EAAE;gBACpB,mBAAmB,CAAC,KAAK,CAAC,CAAC;gBAC3B,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC1B,cAAc,CAAC,EAAE,CAAC,CAAC;aACpB;QACH,CAAC;QAED,8BAAC,4BAAY,kBACA,gBAAgB,EAC3B,WAAW,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC9D,4BAA4B,CAC7B,EACD,OAAO,EACL,8BAAC,0BAAU,IACT,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,EACxC,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAAC,iCAAiC,CAAC;gBAE7F,8BAAC,mCAAa,OAAG,CACN,EAEf,gBAAgB,EAAC,QAAQ,EACzB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,QAAQ,EAAE,QAAQ,GAClB,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAU,IACT,SAAS,EAAC,YAAY,iBACV,mBAAmB,EAC/B,KAAK,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAAC,kCAAkC,CAAC,EAC9F,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC;QACvC,8BAAC,+BAAS,OAAG,CACF,CACd,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,SAAS,aAkDpB","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 { SvgCloseSmall, SvgSearch } from \"@itwin/itwinui-icons-react\";\nimport { IconButton, LabeledInput } from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport \"./SearchBar.scss\";\n\ninterface SearchBarProps {\n  searchValue: string;\n  setSearchValue: React.Dispatch<React.SetStateAction<string>>;\n  disabled?: boolean;\n}\n\nexport const SearchBar = ({\n  searchValue,\n  setSearchValue,\n  disabled,\n}: SearchBarProps) => {\n  const [searchBarOpen, setSearchBarOpened] = useState<boolean>(false);\n  const [searchBarClosing, setSearchBarClosing] = useState<boolean>(false);\n\n  return searchBarOpen || searchValue ? (\n    <div className=\"rcw-search-button\"\n      style={{\n        animation: searchBarClosing ? \"rcw-shrink .5s\" : \"rcw-expand .5s\",\n      }}\n      onAnimationEnd={() => {\n        if (searchBarClosing) {\n          setSearchBarClosing(false);\n          setSearchBarOpened(false);\n          setSearchValue(\"\");\n        }\n      }}\n    >\n      <LabeledInput\n        aria-label=\"search-textbox\"\n        placeholder={ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:Search\"\n        )}\n        svgIcon={\n          <IconButton\n            onClick={() => setSearchBarClosing(true)}\n            styleType=\"borderless\"\n            title={ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:ClearSearch\")}\n          >\n            <SvgCloseSmall />\n          </IconButton>\n        }\n        iconDisplayStyle=\"inline\"\n        value={searchValue}\n        onChange={(e) => setSearchValue(e.target.value)}\n        disabled={disabled}\n      />\n    </div>\n  ) : (\n    <IconButton\n      styleType=\"borderless\"\n      data-testid=\"rcw-search-button\"\n      title={ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:SearchReport\")}\n      onClick={() => setSearchBarOpened(true)}>\n      <SvgSearch />\n    </IconButton>\n  );\n};\n"]}

package/lib/cjs/widget/components/SearchBar.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";
 
 @keyframes rcw-expand {
   0% {

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

@@ -34,16 +34,16 @@ const fetchIModels = async (setiModels, iTwinId, iModelsClient, getAccessToken)
         urlParams: { projectId: iTwinId },
         authorization,
     };
-    const iModels = await imodels_client_management_1.toArray(iModelsClient.iModels.getMinimalList(getiModelListParams));
+    const iModels = await (0, imodels_client_management_1.toArray)(iModelsClient.iModels.getMinimalList(getiModelListParams));
     setiModels(iModels);
 };
 const SelectIModel = ({ selectedIModelId, setSelectedIModelId, }) => {
-    const { iTwinId, getAccessToken, iModelsClient } = ReportsConfigApiContext_1.useReportsConfigApi();
-    const [iModels, setIModels] = react_1.useState([]);
-    react_1.useEffect(() => {
+    const { iTwinId, getAccessToken, iModelsClient } = (0, ReportsConfigApiContext_1.useReportsConfigApi)();
+    const [iModels, setIModels] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
         void fetchIModels(setIModels, iTwinId, iModelsClient, getAccessToken);
     }, [getAccessToken, iModelsClient, iTwinId, setIModels]);
-    const iModelOptions = react_1.useMemo(() => {
+    const iModelOptions = (0, react_1.useMemo)(() => {
         return iModels.map((iModel) => ({
             label: iModel.displayName,
             value: iModel.id,

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

@@ -1 +1 @@
-{"version":3,"file":"SelectIModel.js","sourceRoot":"","sources":["../../../../src/widget/components/SelectIModel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,4EAAoE;AAMpE,gFAE0C;AAC1C,wDAAuD;AACvD,+CAA4D;AAC5D,mEAAgE;AAChE,gFAAyE;AACzE,+BAA6B;AAE7B,MAAM,YAAY,GAAG,KAAK,EACxB,UAAiE,EACjE,OAAe,EACf,aAA4B,EAC5B,cAA0C,EAC1C,EAAE;IACF,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,4CAAkB,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;IAC9E,MAAM,mBAAmB,GAAwB;QAC/C,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;QACjC,aAAa;KACd,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,mCAAO,CAC3B,aAAa,CAAC,OAAO,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAC1D,CAAC;IACF,UAAU,CAAC,OAAO,CAAC,CAAC;AACtB,CAAC,CAAC;AAOK,MAAM,YAAY,GAAG,CAAC,EAC3B,gBAAgB,EAChB,mBAAmB,GACC,EAAE,EAAE;IACxB,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,6CAAmB,EAAE,CAAC;IACzE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,gBAAQ,CAAkB,EAAE,CAAC,CAAC;IAE5D,iBAAS,CAAC,GAAG,EAAE;QACb,KAAK,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEzD,MAAM,aAAa,GAAG,eAAO,CAAC,GAAG,EAAE;QACjC,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YAC9B,KAAK,EAAE,MAAM,CAAC,WAAW;YACzB,KAAK,EAAE,MAAM,CAAC,EAAE;SACjB,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,uCAAK,SAAS,EAAC,mBAAmB;QAChC,8BAAC,qBAAK,IAAC,OAAO,EAAC,aAAa,IACzB,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,kCAAkC,CACnC,CACK;QACR,uCAAK,SAAS,EAAC,cAAc;YAC3B,8BAAC,wBAAQ,IACP,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,mBAAmB,CAAC,KAAK,CAAC,CAAC;gBAC7B,CAAC,EACD,UAAU,EAAE;oBACV,EAAE,EAAE,aAAa;iBAClB,EACD,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GACzC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,YAAY,gBAwCvB","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 { AccessToken } from \"@itwin/core-bentley\";\nimport { AccessTokenAdapter } from \"@itwin/imodels-access-frontend\";\nimport type {\n  GetIModelListParams,\n  IModelsClient,\n  MinimalIModel,\n} from \"@itwin/imodels-client-management\";\nimport {\n  toArray,\n} from \"@itwin/imodels-client-management\";\nimport { ComboBox, Label } from \"@itwin/itwinui-react\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport { useReportsConfigApi } from \"../context/ReportsConfigApiContext\";\nimport \"./SelectIModel.scss\";\n\nconst fetchIModels = async (\n  setiModels: React.Dispatch<React.SetStateAction<MinimalIModel[]>>,\n  iTwinId: string,\n  iModelsClient: IModelsClient,\n  getAccessToken: () => Promise<AccessToken>\n) => {\n  const accessToken = await getAccessToken();\n  const authorization = AccessTokenAdapter.toAuthorizationCallback(accessToken);\n  const getiModelListParams: GetIModelListParams = {\n    urlParams: { projectId: iTwinId },\n    authorization,\n  };\n  const iModels = await toArray(\n    iModelsClient.iModels.getMinimalList(getiModelListParams)\n  );\n  setiModels(iModels);\n};\n\ninterface SelectedIModelProps {\n  selectedIModelId?: string;\n  setSelectedIModelId: (iModelId: string) => void;\n}\n\nexport const SelectIModel = ({\n  selectedIModelId,\n  setSelectedIModelId,\n}: SelectedIModelProps) => {\n  const { iTwinId, getAccessToken, iModelsClient } = useReportsConfigApi();\n  const [iModels, setIModels] = useState<MinimalIModel[]>([]);\n\n  useEffect(() => {\n    void fetchIModels(setIModels, iTwinId, iModelsClient, getAccessToken);\n  }, [getAccessToken, iModelsClient, iTwinId, setIModels]);\n\n  const iModelOptions = useMemo(() => {\n    return iModels.map((iModel) => ({\n      label: iModel.displayName,\n      value: iModel.id,\n    }));\n  }, [iModels]);\n\n  return (\n    <div className=\"rcw-select-imodel\">\n      <Label htmlFor=\"combo-input\">\n        {ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:SelectIModel\"\n        )}\n      </Label>\n      <div className=\"rcw-combobox\">\n        <ComboBox<string>\n          options={iModelOptions}\n          value={selectedIModelId}\n          onChange={(value) => {\n            setSelectedIModelId(value);\n          }}\n          inputProps={{\n            id: \"combo-input\",\n          }}\n          style={{ flexGrow: 1, maxWidth: \"395px\" }}\n        />\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"SelectIModel.js","sourceRoot":"","sources":["../../../../src/widget/components/SelectIModel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,4EAAoE;AAMpE,gFAE0C;AAC1C,wDAAuD;AACvD,+CAA4D;AAC5D,mEAAgE;AAChE,gFAAyE;AACzE,+BAA6B;AAE7B,MAAM,YAAY,GAAG,KAAK,EACxB,UAAiE,EACjE,OAAe,EACf,aAA4B,EAC5B,cAA0C,EAC1C,EAAE;IACF,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,4CAAkB,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;IAC9E,MAAM,mBAAmB,GAAwB;QAC/C,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;QACjC,aAAa;KACd,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,IAAA,mCAAO,EAC3B,aAAa,CAAC,OAAO,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAC1D,CAAC;IACF,UAAU,CAAC,OAAO,CAAC,CAAC;AACtB,CAAC,CAAC;AAOK,MAAM,YAAY,GAAG,CAAC,EAC3B,gBAAgB,EAChB,mBAAmB,GACC,EAAE,EAAE;IACxB,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IACzE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAkB,EAAE,CAAC,CAAC;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,KAAK,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEzD,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YAC9B,KAAK,EAAE,MAAM,CAAC,WAAW;YACzB,KAAK,EAAE,MAAM,CAAC,EAAE;SACjB,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,uCAAK,SAAS,EAAC,mBAAmB;QAChC,8BAAC,qBAAK,IAAC,OAAO,EAAC,aAAa,IACzB,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,kCAAkC,CACnC,CACK;QACR,uCAAK,SAAS,EAAC,cAAc;YAC3B,8BAAC,wBAAQ,IACP,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,mBAAmB,CAAC,KAAK,CAAC,CAAC;gBAC7B,CAAC,EACD,UAAU,EAAE;oBACV,EAAE,EAAE,aAAa;iBAClB,EACD,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GACzC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,YAAY,gBAwCvB","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 { AccessToken } from \"@itwin/core-bentley\";\nimport { AccessTokenAdapter } from \"@itwin/imodels-access-frontend\";\nimport type {\n  GetIModelListParams,\n  IModelsClient,\n  MinimalIModel,\n} from \"@itwin/imodels-client-management\";\nimport {\n  toArray,\n} from \"@itwin/imodels-client-management\";\nimport { ComboBox, Label } from \"@itwin/itwinui-react\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport { useReportsConfigApi } from \"../context/ReportsConfigApiContext\";\nimport \"./SelectIModel.scss\";\n\nconst fetchIModels = async (\n  setiModels: React.Dispatch<React.SetStateAction<MinimalIModel[]>>,\n  iTwinId: string,\n  iModelsClient: IModelsClient,\n  getAccessToken: () => Promise<AccessToken>\n) => {\n  const accessToken = await getAccessToken();\n  const authorization = AccessTokenAdapter.toAuthorizationCallback(accessToken);\n  const getiModelListParams: GetIModelListParams = {\n    urlParams: { projectId: iTwinId },\n    authorization,\n  };\n  const iModels = await toArray(\n    iModelsClient.iModels.getMinimalList(getiModelListParams)\n  );\n  setiModels(iModels);\n};\n\ninterface SelectedIModelProps {\n  selectedIModelId?: string;\n  setSelectedIModelId: (iModelId: string) => void;\n}\n\nexport const SelectIModel = ({\n  selectedIModelId,\n  setSelectedIModelId,\n}: SelectedIModelProps) => {\n  const { iTwinId, getAccessToken, iModelsClient } = useReportsConfigApi();\n  const [iModels, setIModels] = useState<MinimalIModel[]>([]);\n\n  useEffect(() => {\n    void fetchIModels(setIModels, iTwinId, iModelsClient, getAccessToken);\n  }, [getAccessToken, iModelsClient, iTwinId, setIModels]);\n\n  const iModelOptions = useMemo(() => {\n    return iModels.map((iModel) => ({\n      label: iModel.displayName,\n      value: iModel.id,\n    }));\n  }, [iModels]);\n\n  return (\n    <div className=\"rcw-select-imodel\">\n      <Label htmlFor=\"combo-input\">\n        {ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:SelectIModel\"\n        )}\n      </Label>\n      <div className=\"rcw-combobox\">\n        <ComboBox<string>\n          options={iModelOptions}\n          value={selectedIModelId}\n          onChange={(value) => {\n            setSelectedIModelId(value);\n          }}\n          inputProps={{\n            id: \"combo-input\",\n          }}\n          style={{ flexGrow: 1, maxWidth: \"395px\" }}\n        />\n      </div>\n    </div>\n  );\n};\n"]}