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

package/lib/esm/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,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,kBAAkB,CAAC;AAQ1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,WAAW,EACX,cAAc,EACd,QAAQ,GACO,EAAE,EAAE;IACnB,MAAM,CAAC,aAAa,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEzE,OAAO,aAAa,IAAI,WAAW,CAAC,CAAC,CAAC,CACpC,6BAAK,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,oBAAC,YAAY,kBACA,gBAAgB,EAC3B,WAAW,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC9D,4BAA4B,CAC7B,EACD,OAAO,EACL,oBAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,EACxC,SAAS,EAAC,YAAY;gBAEtB,oBAAC,aAAa,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;QAAC,GAAG,CACF,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC;QACxE,oBAAC,SAAS,OAAG,CACF,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { 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\" 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,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,kBAAkB,CAAC;AAQ1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,WAAW,EACX,cAAc,EACd,QAAQ,GACO,EAAE,EAAE;IACnB,MAAM,CAAC,aAAa,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEzE,OAAO,aAAa,IAAI,WAAW,CAAC,CAAC,CAAC,CACpC,6BAAK,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,oBAAC,YAAY,kBACA,gBAAgB,EAC3B,WAAW,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC9D,4BAA4B,CAC7B,EACD,OAAO,EACL,oBAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,EACxC,SAAS,EAAC,YAAY;gBAEtB,oBAAC,aAAa,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,oBAAC,UAAU,IAAC,SAAS,EAAC,YAAY,iBAAa,mBAAmB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC;QACxG,oBAAC,SAAS,OAAG,CACF,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { 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"]}

package/lib/esm/widget/components/SearchBar.scss

@@ -30,4 +30,4 @@
 
 .rcw-search-button {
   float: right;
-}
+}

package/lib/esm/widget/components/SelectIModel.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+/// <reference types="react" />
 import "./SelectIModel.scss";
 interface SelectedIModelProps {
-    selectedIModelId: string;
-    setSelectedIModelId: React.Dispatch<React.SetStateAction<string>>;
+    selectedIModelId?: string;
+    setSelectedIModelId: (iModelId: string) => void;
 }
 export declare const SelectIModel: ({ selectedIModelId, setSelectedIModelId, }: SelectedIModelProps) => JSX.Element;
 export {};

package/lib/esm/widget/components/SelectIModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectIModel.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/SelectIModel.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,qBAAqB,CAAC;AAyB7B,UAAU,mBAAmB;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACnE;AAED,eAAO,MAAM,YAAY,+CAGtB,mBAAmB,gBA+CrB,CAAC"}
+{"version":3,"file":"SelectIModel.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/SelectIModel.tsx"],"names":[],"mappings":";AAkBA,OAAO,qBAAqB,CAAC;AAoB7B,UAAU,mBAAmB;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,YAAY,+CAGtB,mBAAmB,gBAqCrB,CAAC"}

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

@@ -1,22 +1,12 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-import { useActiveIModelConnection } from "@itwin/appui-react";
 import { AccessTokenAdapter } from "@itwin/imodels-access-frontend";
-import { Constants, IModelsClient, toArray, } from "@itwin/imodels-client-management";
+import { toArray, } from "@itwin/imodels-client-management";
 import { ComboBox, Label } from "@itwin/itwinui-react";
 import React, { useEffect, useMemo, useState } from "react";
 import { ReportsConfigWidget } from "../../ReportsConfigWidget";
-import { useReportsApiConfig } from "../context/ReportsApiConfigContext";
+import { useReportsConfigApi } from "../context/ReportsConfigApiContext";
 import "./SelectIModel.scss";
-import { generateUrl } from "./utils";
-const fetchIModels = async (setiModels, iTwinId, apiContext) => {
-    const iModelClientOptions = {
-        api: { baseUrl: generateUrl(Constants.api.baseUrl, apiContext.baseUrl) },
-    };
-    const iModelsClient = new IModelsClient(iModelClientOptions);
-    const accessToken = await apiContext.getAccessToken();
+const fetchIModels = async (setiModels, iTwinId, iModelsClient, getAccessToken) => {
+    const accessToken = await getAccessToken();
     const authorization = AccessTokenAdapter.toAuthorizationCallback(accessToken);
     const getiModelListParams = {
         urlParams: { projectId: iTwinId },
@@ -26,21 +16,11 @@ const fetchIModels = async (setiModels, iTwinId, apiContext) => {
     setiModels(iModels);
 };
 export const SelectIModel = ({ selectedIModelId, setSelectedIModelId, }) => {
-    var _a, _b, _c, _d;
-    const apiConfig = useReportsApiConfig();
-    const iModelId = (_b = (_a = useActiveIModelConnection()) === null || _a === void 0 ? void 0 : _a.iModelId) !== null && _b !== void 0 ? _b : "";
-    const iTwinId = (_d = (_c = useActiveIModelConnection()) === null || _c === void 0 ? void 0 : _c.iTwinId) !== null && _d !== void 0 ? _d : "";
+    const { iTwinId, getAccessToken, iModelsClient } = useReportsConfigApi();
     const [iModels, setIModels] = useState([]);
     useEffect(() => {
-        if (iModelId && iTwinId) {
-            void fetchIModels(setIModels, iTwinId, apiConfig);
-        }
-    }, [apiConfig, setIModels, iModelId, iTwinId]);
-    useEffect(() => {
-        if (iModelId && iModels.length > 0) {
-            setSelectedIModelId(iModelId);
-        }
-    }, [iModelId, iModels, setSelectedIModelId]);
+        void fetchIModels(setIModels, iTwinId, iModelsClient, getAccessToken);
+    }, [getAccessToken, iModelsClient, iTwinId, setIModels]);
     const iModelOptions = useMemo(() => {
         return iModels.map((iModel) => ({
             label: iModel.displayName,

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

@@ -1 +1 @@
-{"version":3,"file":"SelectIModel.js","sourceRoot":"","sources":["../../../../src/widget/components/SelectIModel.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 { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport { AccessTokenAdapter } from \"@itwin/imodels-access-frontend\";\nimport type {\n  GetIModelListParams,\n  IModelsClientOptions,\n  MinimalIModel,\n} from \"@itwin/imodels-client-management\";\nimport {\n  Constants,\n  IModelsClient,\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 type { ReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport \"./SelectIModel.scss\";\nimport { generateUrl } from \"./utils\";\n\nconst fetchIModels = async (\n  setiModels: React.Dispatch<React.SetStateAction<MinimalIModel[]>>,\n  iTwinId: string,\n  apiContext: ReportsApiConfig\n) => {\n  const iModelClientOptions: IModelsClientOptions = {\n    api: { baseUrl: generateUrl(Constants.api.baseUrl, apiContext.baseUrl) },\n  };\n\n  const iModelsClient: IModelsClient = new IModelsClient(iModelClientOptions);\n  const accessToken = await apiContext.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: React.Dispatch<React.SetStateAction<string>>;\n}\n\nexport const SelectIModel = ({\n  selectedIModelId,\n  setSelectedIModelId,\n}: SelectedIModelProps) => {\n  const apiConfig = useReportsApiConfig();\n  const iModelId = useActiveIModelConnection()?.iModelId ?? \"\";\n  const iTwinId = useActiveIModelConnection()?.iTwinId ?? \"\";\n  const [iModels, setIModels] = useState<MinimalIModel[]>([]);\n\n  useEffect(() => {\n    if (iModelId && iTwinId) {\n      void fetchIModels(setIModels, iTwinId, apiConfig);\n    }\n  }, [apiConfig, setIModels, iModelId, iTwinId]);\n\n  useEffect(() => {\n    if (iModelId && iModels.length > 0) {\n      setSelectedIModelId(iModelId);\n    }\n  }, [iModelId, iModels, setSelectedIModelId]);\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,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAMpE,OAAO,EACL,OAAO,GACR,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,qBAAqB,CAAC;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,kBAAkB,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,OAAO,CAC3B,aAAa,CAAC,OAAO,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAC1D,CAAC;IACF,UAAU,CAAC,OAAO,CAAC,CAAC;AACtB,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,gBAAgB,EAChB,mBAAmB,GACC,EAAE,EAAE;IACxB,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACzE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAE5D,SAAS,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,OAAO,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,6BAAK,SAAS,EAAC,mBAAmB;QAChC,oBAAC,KAAK,IAAC,OAAO,EAAC,aAAa,IACzB,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,kCAAkC,CACnC,CACK;QACR,6BAAK,SAAS,EAAC,cAAc;YAC3B,oBAAC,QAAQ,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","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"]}

package/lib/esm/widget/components/utils.d.ts

@@ -3,7 +3,7 @@ import React from "react";
 export interface WidgetHeaderProps {
     title: string;
     disabled?: boolean;
-    returnFn?: () => Promise<void>;
+    returnFn?: () => void;
 }
 export declare const WidgetHeader: ({ title, disabled, returnFn, }: WidgetHeaderProps) => JSX.Element;
 export declare const handleError: (errorStatus: number) => void;

package/lib/esm/widget/components/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/utils.tsx"],"names":[],"mappings":"AAWA,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,YAAY,mCAItB,iBAAiB,gBAiBnB,CAAC;AAEF,eAAO,MAAM,WAAW,gBAAiB,MAAM,SAwD9C,CAAC;AAEF,eAAO,MAAM,cAAc,mBAc1B,CAAC;AACF,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AACD,eAAO,MAAM,YAAY,iBAAkB,iBAAiB,gBAE3D,CAAC;AAEF,eAAO,MAAM,iBAAiB,SACzB,MAAM,WAAW,CAAC,gBAAgB,CAAC,wEAUvC,CAAC;AAEF,eAAO,MAAM,cAAc,mBAS1B,CAAC;AAEF,eAAO,MAAM,aAAa,mBAEzB,CAAC;AAEF,eAAO,MAAM,WAAW,YAAa,MAAM,cAAc,MAAM,WAE9D,CAAC;AAEF,oBAAY,uBAAuB,CAAC,SAAS,IAAI;KAC9C,QAAQ,IAAI,MAAM,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC;CACnD,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/utils.tsx"],"names":[],"mappings":"AAWA,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,mCAItB,iBAAiB,gBAiBnB,CAAC;AAEF,eAAO,MAAM,WAAW,gBAAiB,MAAM,SAwD9C,CAAC;AAEF,eAAO,MAAM,cAAc,mBAc1B,CAAC;AACF,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AACD,eAAO,MAAM,YAAY,iBAAkB,iBAAiB,gBAE3D,CAAC;AAEF,eAAO,MAAM,iBAAiB,SACzB,MAAM,WAAW,CAAC,gBAAgB,CAAC,wEAUvC,CAAC;AAEF,eAAO,MAAM,cAAc,mBAS1B,CAAC;AAEF,eAAO,MAAM,aAAa,mBAEzB,CAAC;AAEF,eAAO,MAAM,WAAW,YAAa,MAAM,cAAc,MAAM,WAE9D,CAAC;AAEF,oBAAY,uBAAuB,CAAC,SAAS,IAAI;KAC9C,QAAQ,IAAI,MAAM,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC;CACnD,CAAC"}

package/lib/esm/widget/components/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/widget/components/utils.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 { SvgChevronLeft } from \"@itwin/itwinui-icons-react\";\nimport {\n  IconButton,\n  ProgressRadial,\n  Text,\n  toaster,\n} from \"@itwin/itwinui-react\";\nimport \"./utils.scss\";\nimport React from \"react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\nexport interface WidgetHeaderProps {\n  title: string;\n  disabled?: boolean;\n  returnFn?: () => Promise<void>;\n}\n\nexport const WidgetHeader = ({\n  title,\n  disabled = false,\n  returnFn,\n}: WidgetHeaderProps) => {\n  return (\n    <div className=\"rcw-widget-header-container\">\n      {returnFn && (\n        <IconButton\n          onClick={returnFn}\n          disabled={disabled}\n          styleType=\"borderless\"\n        >\n          <SvgChevronLeft />\n        </IconButton>\n      )}\n      <Text className=\"rcw-title\" variant=\"title\">\n        {title}\n      </Text>\n    </div>\n  );\n};\n\nexport const handleError = (errorStatus: number) => {\n  let errorMessage = `${ReportsConfigWidget.localization.getLocalizedString(\n    \"ReportsConfigWidget:ErrorMessages.Error\"\n  )} `;\n  switch (errorStatus) {\n    case 401:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.401\"\n      );\n      break;\n    case 403:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.403\"\n      );\n      break;\n    case 404:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.404\"\n      );\n      break;\n    case 409:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.409\"\n      );\n      break;\n    case 422:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.422\"\n      );\n      break;\n    case 429:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.429\"\n      );\n      break;\n    case 500:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.500\"\n      );\n      break;\n    case 502:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.502\"\n      );\n      break;\n    case 503:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.503\"\n      );\n      break;\n    default:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.SomethingWentWrong\"\n      );\n  }\n  toaster.negative(errorMessage);\n};\n\nexport const LoadingOverlay = () => (\n  <div className=\"rcw-center-overlay\">\n    <Text>\n      {ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:Loading\"\n      )}\n    </Text>\n    <ProgressRadial indeterminate />\n    <Text>\n      {ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:PleaseWait\"\n      )}\n    </Text>\n  </div>\n);\ninterface EmptyMessageProps {\n  children?: React.ReactNode;\n}\nexport const EmptyMessage = ({ children }: EmptyMessageProps) => {\n  return <div className=\"rcw-center-overlay\">{children}</div>;\n};\n\nexport const handleInputChange = <T,>(\n  e: React.ChangeEvent<HTMLInputElement>,\n  values: T,\n  setValues: React.Dispatch<React.SetStateAction<T>>\n) => {\n  const { name, value } = e.target;\n\n  setValues({\n    ...values,\n    [name]: value,\n  });\n};\n\nexport const LoadingSpinner = () => {\n  return (\n    <div\n      className=\"rcw-loading-spinner\"\n      data-testid=\"rcw-action-loading-spinner\"\n    >\n      <ProgressRadial size=\"small\" indeterminate />\n    </div>\n  );\n};\n\nexport const SkeletonBlock = () => (\n  <div className=\"rcw-skeleton-block iui-skeleton\" />\n);\n\nexport const generateUrl = (baseUrl: string, newBaseUrl: string) => {\n  return baseUrl.replace(\"https://api.bentley.com\", newBaseUrl);\n};\n\nexport type CreateTypeFromInterface<Interface> = {\n  [Property in keyof Interface]: Interface[Property];\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/widget/components/utils.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 { SvgChevronLeft } from \"@itwin/itwinui-icons-react\";\nimport {\n  IconButton,\n  ProgressRadial,\n  Text,\n  toaster,\n} from \"@itwin/itwinui-react\";\nimport \"./utils.scss\";\nimport React from \"react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\nexport interface WidgetHeaderProps {\n  title: string;\n  disabled?: boolean;\n  returnFn?: () => void;\n}\n\nexport const WidgetHeader = ({\n  title,\n  disabled = false,\n  returnFn,\n}: WidgetHeaderProps) => {\n  return (\n    <div className=\"rcw-widget-header-container\">\n      {returnFn && (\n        <IconButton\n          onClick={returnFn}\n          disabled={disabled}\n          styleType=\"borderless\"\n        >\n          <SvgChevronLeft />\n        </IconButton>\n      )}\n      <Text className=\"rcw-title\" variant=\"title\">\n        {title}\n      </Text>\n    </div>\n  );\n};\n\nexport const handleError = (errorStatus: number) => {\n  let errorMessage = `${ReportsConfigWidget.localization.getLocalizedString(\n    \"ReportsConfigWidget:ErrorMessages.Error\"\n  )} `;\n  switch (errorStatus) {\n    case 401:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.401\"\n      );\n      break;\n    case 403:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.403\"\n      );\n      break;\n    case 404:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.404\"\n      );\n      break;\n    case 409:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.409\"\n      );\n      break;\n    case 422:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.422\"\n      );\n      break;\n    case 429:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.429\"\n      );\n      break;\n    case 500:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.500\"\n      );\n      break;\n    case 502:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.502\"\n      );\n      break;\n    case 503:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.503\"\n      );\n      break;\n    default:\n      errorMessage += ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:ErrorMessages.SomethingWentWrong\"\n      );\n  }\n  toaster.negative(errorMessage);\n};\n\nexport const LoadingOverlay = () => (\n  <div className=\"rcw-center-overlay\">\n    <Text>\n      {ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:Loading\"\n      )}\n    </Text>\n    <ProgressRadial indeterminate />\n    <Text>\n      {ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:PleaseWait\"\n      )}\n    </Text>\n  </div>\n);\ninterface EmptyMessageProps {\n  children?: React.ReactNode;\n}\nexport const EmptyMessage = ({ children }: EmptyMessageProps) => {\n  return <div className=\"rcw-center-overlay\">{children}</div>;\n};\n\nexport const handleInputChange = <T,>(\n  e: React.ChangeEvent<HTMLInputElement>,\n  values: T,\n  setValues: React.Dispatch<React.SetStateAction<T>>\n) => {\n  const { name, value } = e.target;\n\n  setValues({\n    ...values,\n    [name]: value,\n  });\n};\n\nexport const LoadingSpinner = () => {\n  return (\n    <div\n      className=\"rcw-loading-spinner\"\n      data-testid=\"rcw-action-loading-spinner\"\n    >\n      <ProgressRadial size=\"small\" indeterminate />\n    </div>\n  );\n};\n\nexport const SkeletonBlock = () => (\n  <div className=\"rcw-skeleton-block iui-skeleton\" />\n);\n\nexport const generateUrl = (baseUrl: string, newBaseUrl: string) => {\n  return baseUrl.replace(\"https://api.bentley.com\", newBaseUrl);\n};\n\nexport type CreateTypeFromInterface<Interface> = {\n  [Property in keyof Interface]: Interface[Property];\n};\n"]}

package/lib/esm/widget/context/BulkExtractorContext.d.ts

@@ -0,0 +1,10 @@
+import type { AccessToken } from "@itwin/core-bentley";
+import * as React from "react";
+import type { BulkExtractor } from "../components/BulkExtractor";
+export declare type GetAccessTokenFn = () => Promise<AccessToken>;
+export interface BulkExtractorContextProps {
+    bulkExtractor?: BulkExtractor;
+}
+export declare const BulkExtractorContext: React.Context<BulkExtractorContextProps>;
+export declare const useBulkExtractor: () => BulkExtractorContextProps;
+//# sourceMappingURL=BulkExtractorContext.d.ts.map

package/lib/esm/widget/context/BulkExtractorContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkExtractorContext.d.ts","sourceRoot":"","sources":["../../../../src/widget/context/BulkExtractorContext.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAEjE,oBAAY,gBAAgB,GAAG,MAAM,OAAO,CAAC,WAAW,CAAC,CAAC;AAE1D,MAAM,WAAW,yBAAyB;IACxC,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,eAAO,MAAM,oBAAoB,0CAA+C,CAAC;AAEjF,eAAO,MAAM,gBAAgB,iCAQ5B,CAAC"}

package/lib/esm/widget/context/BulkExtractorContext.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { createContext } from "react";
+export const BulkExtractorContext = createContext({});
+export const useBulkExtractor = () => {
+    const context = React.useContext(BulkExtractorContext);
+    if (!context) {
+        throw new Error("useBulkExtractor should be used within a BulkExtractorContext provider");
+    }
+    return context;
+};
+//# sourceMappingURL=BulkExtractorContext.js.map

package/lib/esm/widget/context/BulkExtractorContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkExtractorContext.js","sourceRoot":"","sources":["../../../../src/widget/context/BulkExtractorContext.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAStC,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAA4B,EAAE,CAAC,CAAC;AAEjF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACvD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,wEAAwE,CACzE,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { AccessToken } from \"@itwin/core-bentley\";\nimport * as React from \"react\";\nimport { createContext } from \"react\";\nimport type { BulkExtractor } from \"../components/BulkExtractor\";\n\nexport type GetAccessTokenFn = () => Promise<AccessToken>;\n\nexport interface BulkExtractorContextProps {\n  bulkExtractor?: BulkExtractor;\n}\n\nexport const BulkExtractorContext = createContext<BulkExtractorContextProps>({});\n\nexport const useBulkExtractor = () => {\n  const context = React.useContext(BulkExtractorContext);\n  if (!context) {\n    throw new Error(\n      \"useBulkExtractor should be used within a BulkExtractorContext provider\"\n    );\n  }\n  return context;\n};\n"]}

package/lib/esm/widget/context/ReportsConfigApiContext.d.ts

@@ -0,0 +1,16 @@
+import type { AccessToken } from "@itwin/core-bentley";
+import { IModelsClient } from "@itwin/imodels-client-management";
+import { MappingsClient, ReportsClient } from "@itwin/insights-client";
+import * as React from "react";
+export declare type GetAccessTokenFn = () => Promise<AccessToken>;
+export interface ReportsConfigApiProps {
+    getAccessToken: GetAccessTokenFn;
+    iTwinId: string;
+    baseUrl: string;
+    reportsClient: ReportsClient;
+    mappingsClient: MappingsClient;
+    iModelsClient: IModelsClient;
+}
+export declare const ReportsConfigApiContext: React.Context<ReportsConfigApiProps>;
+export declare const useReportsConfigApi: () => ReportsConfigApiProps;
+//# sourceMappingURL=ReportsConfigApiContext.d.ts.map

package/lib/esm/widget/context/ReportsConfigApiContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsConfigApiContext.d.ts","sourceRoot":"","sources":["../../../../src/widget/context/ReportsConfigApiContext.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,oBAAY,gBAAgB,GAAG,MAAM,OAAO,CAAC,WAAW,CAAC,CAAC;AAE1D,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,gBAAgB,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,cAAc,CAAC;IAC/B,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,eAAO,MAAM,uBAAuB,sCAOlC,CAAC;AAEH,eAAO,MAAM,mBAAmB,6BAQ/B,CAAC"}

package/lib/esm/widget/context/ReportsConfigApiContext.js

@@ -0,0 +1,20 @@
+import { IModelsClient } from "@itwin/imodels-client-management";
+import { MappingsClient, ReportsClient } from "@itwin/insights-client";
+import * as React from "react";
+import { createContext } from "react";
+export const ReportsConfigApiContext = createContext({
+    getAccessToken: async () => "",
+    iTwinId: "",
+    baseUrl: "",
+    reportsClient: new ReportsClient(),
+    mappingsClient: new MappingsClient(),
+    iModelsClient: new IModelsClient(),
+});
+export const useReportsConfigApi = () => {
+    const context = React.useContext(ReportsConfigApiContext);
+    if (!context) {
+        throw new Error("useReportsConfigApi should be used within a ReportsConfigApiContext provider");
+    }
+    return context;
+};
+//# sourceMappingURL=ReportsConfigApiContext.js.map

package/lib/esm/widget/context/ReportsConfigApiContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsConfigApiContext.js","sourceRoot":"","sources":["../../../../src/widget/context/ReportsConfigApiContext.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAatC,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAwB;IAC1E,cAAc,EAAE,KAAK,IAAI,EAAE,CAAC,EAAE;IAC9B,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,aAAa,EAAE,IAAI,aAAa,EAAE;IAClC,cAAc,EAAE,IAAI,cAAc,EAAE;IACpC,aAAa,EAAE,IAAI,aAAa,EAAE;CACnC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC1D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,8EAA8E,CAC/E,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { AccessToken } from \"@itwin/core-bentley\";\nimport { IModelsClient } from \"@itwin/imodels-client-management\";\nimport { MappingsClient, ReportsClient } from \"@itwin/insights-client\";\nimport * as React from \"react\";\nimport { createContext } from \"react\";\n\nexport type GetAccessTokenFn = () => Promise<AccessToken>;\n\nexport interface ReportsConfigApiProps {\n  getAccessToken: GetAccessTokenFn;\n  iTwinId: string;\n  baseUrl: string;\n  reportsClient: ReportsClient;\n  mappingsClient: MappingsClient;\n  iModelsClient: IModelsClient;\n}\n\nexport const ReportsConfigApiContext = createContext<ReportsConfigApiProps>({\n  getAccessToken: async () => \"\",\n  iTwinId: \"\",\n  baseUrl: \"\",\n  reportsClient: new ReportsClient(),\n  mappingsClient: new MappingsClient(),\n  iModelsClient: new IModelsClient(),\n});\n\nexport const useReportsConfigApi = () => {\n  const context = React.useContext(ReportsConfigApiContext);\n  if (!context) {\n    throw new Error(\n      \"useReportsConfigApi should be used within a ReportsConfigApiContext provider\"\n    );\n  }\n  return context;\n};\n"]}

package/lib/public/locales/en/ReportsConfigWidget.json

@@ -46,6 +46,7 @@
   "ODataFeedURL": "OData Feed URL",
   "PleaseWait": "Please wait...",
   "Queued": "Queued",
+  "Refresh": "Refresh",
   "Remove": "Remove",
   "ReportDetails": "Report Details",
   "ReportName": "Report Name",
@@ -79,4 +80,4 @@
     "CharLimit": "There is an 128 character limit.",
     "ThisFieldIsRequired": "This field is required"
   }
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/reports-config-widget-react",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "An iTwin.js 3D Viewer Widget that interfaces with the iTwin Reporting Platform.",
   "keywords": [
     "Bentley",
@@ -118,7 +118,7 @@
     "copy:cjs": "cpx \"./src/**/*.scss\" ./lib/cjs",
     "copy:esm": "cpx \"./src/**/*.scss\" ./lib/esm",
     "copy:public": "cpx \"./public/**/*\" ./lib/public",
-    "cover": "npm test -- --coverage",
+    "//cover": "npm test -- --coverage",
     "dual-build": "npm run -s build:cjs && npm run -s build:esm",
     "lint": "eslint -f visualstudio \"./src/**/*.{ts,tsx}\" 1>&2",
     "lint:fix": "npm run lint -- --fix",

package/public/locales/en/ReportsConfigWidget.json

@@ -46,6 +46,7 @@
   "ODataFeedURL": "OData Feed URL",
   "PleaseWait": "Please wait...",
   "Queued": "Queued",
+  "Refresh": "Refresh",
   "Remove": "Remove",
   "ReportDetails": "Report Details",
   "ReportName": "Report Name",
@@ -79,4 +80,4 @@
     "CharLimit": "There is an 128 character limit.",
     "ThisFieldIsRequired": "This field is required"
   }
-}
+}

package/reports-config-widget-react.build.error.log

@@ -1,14 +1 @@
-PASS src/test/ReportMappings.test.tsx (9.915 s)
-PASS src/test/ReportMappingHorizontalTile.test.tsx
-PASS src/test/Reports.test.tsx (7.469 s)
-PASS src/test/BulkExtractor.test.ts
-PASS src/test/AddMappingModal.test.tsx
-PASS src/test/ReportAction.test.tsx
-PASS src/test/DeleteModal.test.tsx
-PASS src/test/WidgetHeader.test.tsx
-
-Test Suites: 8 passed, 8 total
-Tests:       41 passed, 41 total
-Snapshots:   0 total
-Time:        29.593 s
-Ran all test suites.
+no problems

package/reports-config-widget-react.build.log

@@ -1,60 +1,2 @@
-Invoking: npm test -- --coverage 
-
-
-> @itwin/reports-config-widget-react@0.2.0 test /home/vsts/work/1/s/packages/itwin/reports-config-widget
-> jest "--coverage"
-
-PASS src/test/ReportMappings.test.tsx (9.915 s)
-PASS src/test/ReportMappingHorizontalTile.test.tsx
-PASS src/test/Reports.test.tsx (7.469 s)
-PASS src/test/BulkExtractor.test.ts
-PASS src/test/AddMappingModal.test.tsx
-PASS src/test/ReportAction.test.tsx
-PASS src/test/DeleteModal.test.tsx
-PASS src/test/WidgetHeader.test.tsx
-----------------------------------------|---------|----------|---------|---------|-------------------------------------
-File                                    | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s                   
-----------------------------------------|---------|----------|---------|---------|-------------------------------------
-All files                               |   86.69 |    65.94 |   79.76 |   86.79 |                                     
- src                                    |     100 |       75 |     100 |     100 |                                     
-  ReportsConfigWidget.ts                |     100 |       75 |     100 |     100 | 21                                  
- src/test                               |     100 |    66.66 |     100 |     100 |                                     
-  test-utils.tsx                        |     100 |    66.66 |     100 |     100 | 56                                  
- src/widget                             |      40 |        0 |       0 |      40 |                                     
-  ReportsConfigUiProvider.tsx           |      40 |        0 |       0 |      40 | 23-65                               
- src/widget/components                  |   86.37 |    67.81 |   79.72 |   86.64 |                                     
-  ActionPanel.tsx                       |     100 |    77.77 |     100 |     100 | 25-26                               
-  AddMappingsModal.tsx                  |   91.66 |    83.33 |   88.88 |   93.33 | 40,120,134                          
-  BulkExtractor.ts                      |      85 |    76.19 |   86.66 |   85.41 | 108,117-119,124-132,159-161,169-171 
-  Constants.ts                          |     100 |      100 |     100 |     100 |                                     
-  DeleteModal.tsx                       |      90 |      100 |      75 |   89.47 | 42,56                               
-  ExtractionStatus.tsx                  |   94.28 |       90 |   83.33 |   96.87 | 63                                  
-  ExtractionToast.tsx                   |   58.33 |      100 |       0 |      50 | 18-22,36                            
-  HorizontalTile.tsx                    |     100 |      100 |     100 |     100 |                                     
-  LocalizedTablePaginator.tsx           |     100 |       50 |     100 |     100 | 25                                  
-  ReportAction.tsx                      |   94.28 |    81.48 |     100 |   94.28 | 59-60                               
-  ReportHorizontalTile.tsx              |    72.5 |       56 |   72.72 |   71.05 | 43-45,57-63,124                     
-  ReportMappingHorizontalTile.tsx       |   93.87 |      100 |   91.66 |   93.61 | 66-69                               
-  ReportMappings.tsx                    |   92.13 |    56.75 |      85 |   91.86 | 97,251,267-292                      
-  Reports.tsx                           |   90.21 |    78.84 |      76 |   93.18 | 73,77,134,141-143                   
-  ReportsContainer.tsx                  |   57.14 |        0 |       0 |   61.53 | 19,25-37                            
-  SearchBar.tsx                         |   70.58 |    71.42 |      60 |   68.75 | 31-45                               
-  SelectIModel.tsx                      |   97.05 |    81.81 |   85.71 |   96.87 | 92                                  
-  utils.tsx                             |   62.74 |    30.76 |    87.5 |   55.81 | 51-94,150                           
- src/widget/components/ExtractionStates |   96.87 |       25 |      80 |   96.29 |                                     
-  FailedExtractionState.tsx             |   85.71 |        0 |       0 |   83.33 | 16                                  
-  QueuedExtractionState.tsx             |     100 |      100 |     100 |     100 |                                     
-  RunningExtractionState.tsx            |     100 |      100 |     100 |     100 |                                     
-  StartingExtractionState.tsx           |     100 |      100 |     100 |     100 |                                     
-  SucceededExtractionState.tsx          |     100 |       50 |     100 |     100 | 26                                  
- src/widget/context                     |      80 |        0 |      50 |   77.77 |                                     
-  ReportsApiConfigContext.tsx           |      80 |        0 |      50 |   77.77 | 15,22                               
- src/widget/hooks                       |     100 |      100 |     100 |     100 |                                     
-  useValidator.ts                       |     100 |      100 |     100 |     100 |                                     
-----------------------------------------|---------|----------|---------|---------|-------------------------------------
-
-Test Suites: 8 passed, 8 total
-Tests:       41 passed, 41 total
-Snapshots:   0 total
-Time:        29.593 s
-Ran all test suites.
+Invoking: eslint -f visualstudio "./src/**/*.{ts,tsx}" 1>&2 
+no problems

package/src/reports-config-widget-react.ts

@@ -5,3 +5,9 @@
 /** UI Provider for iTwin Viewer Applications */
 export * from "./widget/ReportsConfigUiProvider";
 export * from "./ReportsConfigWidget";
+
+export { Reports, ReportsProps } from "./widget/components/Reports";
+export { ReportMappings, ReportMappingsProps } from "./widget/components/ReportMappings";
+export { ReportsConfigContext, ReportsConfigContextProps } from "./widget/components/ReportsConfigContext";
+export { ReportAction, ReportActionProps } from "./widget/components/ReportAction";
+export { BulkExtractor } from "./widget/components/BulkExtractor";

package/src/test/AddMappingModal.test.tsx

@@ -5,25 +5,22 @@
 import React from "react";
 import faker from "@faker-js/faker";
 import "@testing-library/jest-dom";
-import type {
-  IModelConnection,
-} from "@itwin/core-frontend";
-import { NoRenderApp } from "@itwin/core-frontend";
 import { ReportsConfigWidget } from "../ReportsConfigWidget";
 import {
   render,
   screen,
-  TestUtils,
   waitFor,
   within,
 } from "./test-utils";
 import * as moq from "typemoq";
 import type {
+  MappingsClient,
   MappingSingle,
   ReportMappingCollection,
+  ReportsClient,
 } from "@itwin/insights-client";
 import type { ReportMappingAndMapping } from "../widget/components/ReportMappings";
-import type { IModelOperations, OperationOptions } from "@itwin/imodels-client-management";
+import type { GetSingleIModelParams, IModelOperations, IModelsClient, OperationOptions } from "@itwin/imodels-client-management";
 import { IModelState } from "@itwin/imodels-client-management";
 import { AddMappingsModal } from "../widget/components/AddMappingsModal";
 import { EmptyLocalization } from "@itwin/core-common";
@@ -207,19 +204,8 @@ const mockReportMappingsAndMappingsFactory = (mockMappings: MappingSingle[], rep
   return reportMappingsAndMapping;
 };
 
-const connectionMock = moq.Mock.ofType<IModelConnection>();
-const mockIModelsClient = moq.Mock.ofType<IModelOperations<OperationOptions>>();
-
-jest.mock("@itwin/appui-react", () => ({
-  ...jest.requireActual("@itwin/appui-react"),
-  useActiveIModelConnection: () => connectionMock.object,
-}));
-
 jest.mock("@itwin/imodels-client-management", () => ({
   ...jest.requireActual("@itwin/imodels-client-management"),
-  IModelsClient: jest.fn().mockImplementation(() => ({
-    iModels: mockIModelsClient.object,
-  })),
   toArray: jest.fn().mockImplementation(async () => {
     return mockProjectIModels.iModels;
   }),
@@ -228,24 +214,22 @@ jest.mock("@itwin/imodels-client-management", () => ({
 const mockGetMappings = jest.fn();
 const mockCreateReportMapping = jest.fn();
 
-jest.mock("@itwin/insights-client", () => ({
-  ...jest.requireActual("@itwin/insights-client"),
-  MappingsClient: jest.fn().mockImplementation(() => ({
-    getMappings: mockGetMappings,
-  })),
-  ReportsClient: jest.fn().mockImplementation(() => ({
-    createReportMapping: mockCreateReportMapping,
-  })),
-}));
+const mockIModelsClient = moq.Mock.ofType<IModelsClient>();
+const mockIModelsClientOperations = moq.Mock.ofType<IModelOperations<OperationOptions>>();
+const mockReportsClient = moq.Mock.ofType<ReportsClient>();
+const mockMappingsClient = moq.Mock.ofType<MappingsClient>();
 
 beforeAll(async () => {
-  await NoRenderApp.startup({localization: new EmptyLocalization()});
-  connectionMock.setup((x) => x.iModelId).returns(() => mockIModelId1);
-  await ReportsConfigWidget.initialize();
-});
-
-afterAll(() => {
-  TestUtils.terminateUiFramework();
+  const localization = new EmptyLocalization();
+  await ReportsConfigWidget.initialize(localization);
+  mockIModelsClientOperations.setup(async (x) => x.getSingle(moq.It.isObjectWith<GetSingleIModelParams>({ iModelId: mockIModelId1 })))
+    .returns(async () => mockIModelsResponse[0].iModel);
+  mockIModelsClientOperations.setup(async (x) => x.getSingle(moq.It.isObjectWith<GetSingleIModelParams>({ iModelId: mockIModelId2 })))
+    .returns(async () => mockIModelsResponse[1].iModel);
+  mockIModelsClient.setup((x) => x.iModels)
+    .returns(() => mockIModelsClientOperations.object);
+  mockReportsClient.setup(async (x) => x.createReportMapping(moq.It.isAny(), moq.It.isAny(), moq.It.isAny())).returns(mockCreateReportMapping);
+  mockMappingsClient.setup(async (x) => x.getMappings(moq.It.isAny(), moq.It.isAny())).returns(mockGetMappings);
 });
 
 afterEach(() => {
@@ -266,8 +250,9 @@ describe("Add Mapping Modal", () => {
         show={true}
         reportId={mockReportId}
         existingMappings={mockReportMappingsAndMappings}
-        returnFn={jest.fn()}
-      />
+        onClose={jest.fn()}
+        defaultIModelId={mockIModelId1}
+      />, { iTwinId: mockITwinId, reportsClient: mockReportsClient.object, mappingsClient: mockMappingsClient.object, iModelsClient: mockIModelsClient.object }
     );
 
     expect(screen.getByRole("dialog")).toBeInTheDocument();
@@ -278,8 +263,6 @@ describe("Add Mapping Modal", () => {
     const addButton = withinModal.getByRole("button", {
       name: /add/i,
     });
-    // Add button should be disabled
-    expect(addButton).toBeDisabled();
 
     await waitFor(() => screen.getByRole("row"));