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

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

@@ -1 +1 @@
-{"version":3,"file":"ReportsConfigContext.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportsConfigContext.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC9G,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAKvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AActC,MAAM,iCAAiC,GAAG,KAAK,IAAI,EAAE,eACnD,OAAA,MAAA,CAAC,MAAM,CAAA,MAAA,SAAS,CAAC,mBAAmB,0CAAE,cAAc,EAAE,CAAA,CAAC,mCAAI,EAAE,CAAA,EAAA,CAAC;AAEhE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;;IACvE,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,WAAW,CAClD,mBAAmB,EACnB,KAAK,CAAC,OAAO,IAAI,uBAAuB,CACzC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACpB,MAAM,mBAAmB,GAAyB,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CAAC;YAC/D,GAAG,EAAE,EAAE,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,uBAAuB,CAAC,EAAE;SAC/F,CAAC,CAAA;KAAA,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CACtD,MAAA,KAAK,CAAC,gBAAgB,mCAAI,IAAI,gBAAgB,CAAC,cAAc,EAAE,CAAC,CACjE,CAAC;IAEF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAwB;QAChE,cAAc,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,iCAAiC;QACzE,OAAO,EAAE,cAAc,EAAE;QACzB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,aAAa,EAAE,MAAA,KAAK,CAAC,aAAa,mCAAI,IAAI,aAAa,CAAC,cAAc,EAAE,CAAC;QACzE,cAAc,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,IAAI,cAAc,CAAC,cAAc,EAAE,CAAC;QAC5E,aAAa,EAAE,MAAA,KAAK,CAAC,aAAa,mCAAI,IAAI,aAAa,CAAC,mBAAmB,CAAC;KAC7E,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;YAC3B,mBAAmB,CAAC,MAAA,KAAK,CAAC,gBAAgB,mCAAI,IAAI,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;SACvF;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC,CAAC;IAE7C,MAAM,yBAAyB,GAAG,CAAC,UAAkB,EAAE,YAAoB,EAAE,EAAE;QAC7E,OAAO,CAAC,QAAQ,CAAC,oBAAC,yBAAyB,IAAC,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,GAAI,CAAC,CAAC;IACtG,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAAC,UAAkB,EAAE,EAAE;QACnD,OAAO,CAAC,QAAQ,CAAC,oBAAC,qBAAqB,IAAC,UAAU,EAAE,UAAU,GAAI,CAAC,CAAC;IACtE,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,WAAC,OAAA,CAAC,EAAE,aAAa,EAAE,MAAA,KAAK,CAAC,aAAa,mCAAI,IAAI,aAAa,CAAC,SAAS,CAAC,aAAa,EAAE,gBAAgB,EAAE,SAAS,CAAC,cAAc,EAAE,yBAAyB,EAAE,qBAAqB,CAAC,EAAE,CAAC,CAAA,EAAA,EAC1L,CAAC,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC,aAAa,EAAE,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAC3F,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,GAAG,EAAE;;YAAC,OAAA,CAAC;gBAClB,cAAc,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,iCAAiC;gBACzE,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,uBAAuB;gBACjD,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,aAAa,EAAE,MAAA,KAAK,CAAC,aAAa,mCAAI,IAAI,aAAa,CAAC,cAAc,EAAE,CAAC;gBACzE,cAAc,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,IAAI,cAAc,CAAC,cAAc,EAAE,CAAC;gBAC5E,aAAa,EAAE,MAAA,KAAK,CAAC,aAAa,mCAAI,IAAI,aAAa,CAAC,mBAAmB,CAAC;aAC7E,CAAC,CAAA;SAAA,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,aAAa,EAAE,cAAc,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAE9J,OAAO,CACL,oBAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS;QAChD,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,IAChD,KAAK,CAAC,QAAQ,CACe,CACC,CACpC,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 { 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 { 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 { IMODELS_BASE_URL } from \"./Constants\";\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(IMODELS_BASE_URL, 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/esm/widget/components/ReportsContainer.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"ReportsContainer.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportsContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAO9D,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,uDAAW,CAAA;IACX,yDAAY,CAAA;IACZ,6DAAc,CAAA;AAChB,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAYD,MAAM,gBAAgB,GAAG,CAAC,EACxB,cAAc,EACd,OAAO,GACe,EAAE,EAAE;;IAE1B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,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,yBAAyB,EAAE,0CAAE,OAAO,mCAAI,EAAE,CAAC;IAC3D,MAAM,UAAU,GAAG,WAAW,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,WAAW,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,oBAAC,oBAAoB,IAAC,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;QACtF,6BAAK,SAAS,EAAC,uBAAuB;YACpC,oBAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,GAC1B;YACF,oBAAC,aAAa,IACZ,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACE,CACe,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,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,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAO9D,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,uDAAW,CAAA;IACX,yDAAY,CAAA;IACZ,6DAAc,CAAA;AAChB,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAYD,MAAM,gBAAgB,GAAG,CAAC,EACxB,cAAc,EACd,OAAO,GACe,EAAE,EAAE;IAE1B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,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,yBAAyB,EAAE,EAAE,OAAO,IAAI,EAAE,CAAC;IAC3D,MAAM,UAAU,GAAG,WAAW,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,WAAW,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,oBAAC,oBAAoB,IAAC,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;QACtF,6BAAK,SAAS,EAAC,uBAAuB;YACpC,oBAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,GAC1B;YACF,oBAAC,aAAa,IACZ,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACE,CACe,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,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/esm/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/esm/widget/components/ReportsRouter.js

@@ -10,9 +10,8 @@ import { ReportMappings } from "./ReportMappings";
 import { Reports } from "./Reports";
 import { RouteStep } from "./ReportsContainer";
 export const ReportsRouter = ({ currentRoute, navigateTo, goBack, }) => {
-    var _a, _b;
     const { report } = currentRoute.reportsRoutingFields;
-    const iModelId = (_b = (_a = useActiveIModelConnection()) === null || _a === void 0 ? void 0 : _a.iModelId) !== null && _b !== void 0 ? _b : "";
+    const iModelId = useActiveIModelConnection()?.iModelId ?? "";
     switch (currentRoute.step) {
         case RouteStep.ReportsList:
             return (React.createElement(Reports, { onClickAddReport: () => navigateTo(() => ({

package/lib/esm/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,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,CAAC,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,yBAAyB,EAAE,0CAAE,QAAQ,mCAAI,EAAE,CAAC;IAC7D,QAAQ,YAAY,CAAC,IAAI,EAAE;QACzB,KAAK,SAAS,CAAC,WAAW;YACxB,OAAO,CACL,oBAAC,OAAO,IACN,gBAAgB,EAAE,GAAG,EAAE,CACrB,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;oBAChB,IAAI,EAAE,SAAS,CAAC,YAAY;oBAC5B,KAAK,EAAE,mBAAmB,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,SAAS,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,SAAS,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,SAAS,CAAC,YAAY;YACzB,OAAO,oBAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAI,CAAC;QACxF,KAAK,SAAS,CAAC,cAAc;YAC3B,IAAI,CAAC,MAAM;gBAAE,OAAO,IAAI,CAAC;YACzB,OAAO,oBAAC,cAAc,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,QAAQ,GAAI,CAAC;QAC7F;YACE,OAAO,IAAI,CAAC;KACf;AACH,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 { 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,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,CAAC,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,yBAAyB,EAAE,EAAE,QAAQ,IAAI,EAAE,CAAC;IAC7D,QAAQ,YAAY,CAAC,IAAI,EAAE;QACzB,KAAK,SAAS,CAAC,WAAW;YACxB,OAAO,CACL,oBAAC,OAAO,IACN,gBAAgB,EAAE,GAAG,EAAE,CACrB,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;oBAChB,IAAI,EAAE,SAAS,CAAC,YAAY;oBAC5B,KAAK,EAAE,mBAAmB,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,SAAS,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,SAAS,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,SAAS,CAAC,YAAY;YACzB,OAAO,oBAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAI,CAAC;QACxF,KAAK,SAAS,CAAC,cAAc;YAC3B,IAAI,CAAC,MAAM;gBAAE,OAAO,IAAI,CAAC;YACzB,OAAO,oBAAC,cAAc,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,QAAQ,GAAI,CAAC;QAC7F;YACE,OAAO,IAAI,CAAC;KACf;AACH,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 { 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/esm/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/esm/widget/components/SearchBar.js

@@ -19,8 +19,8 @@ export const SearchBar = ({ searchValue, setSearchValue, disabled, }) => {
                 setSearchValue("");
             }
         } },
-        React.createElement(LabeledInput, { "aria-label": "search-textbox", placeholder: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Search"), svgIcon: React.createElement(IconButton, { onClick: () => setSearchBarClosing(true), styleType: "borderless" },
-                React.createElement(SvgCloseSmall, null)), iconDisplayStyle: "inline", value: searchValue, onChange: (e) => setSearchValue(e.target.value), disabled: disabled }))) : (React.createElement(IconButton, { styleType: "borderless", "data-testid": "rcw-search-button", onClick: () => setSearchBarOpened(true) },
+        React.createElement(LabeledInput, { "aria-label": "search-textbox", placeholder: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Search"), svgIcon: React.createElement(IconButton, { onClick: () => setSearchBarClosing(true), styleType: "borderless", title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ClearSearch") },
+                React.createElement(SvgCloseSmall, null)), iconDisplayStyle: "inline", value: searchValue, onChange: (e) => setSearchValue(e.target.value), disabled: disabled }))) : (React.createElement(IconButton, { styleType: "borderless", "data-testid": "rcw-search-button", title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:SearchReport"), onClick: () => setSearchBarOpened(true) },
         React.createElement(SvgSearch, null)));
 };
 //# sourceMappingURL=SearchBar.js.map

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,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"]}
+{"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,EACtB,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAAC,iCAAiC,CAAC;gBAE7F,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,IACT,SAAS,EAAC,YAAY,iBACV,mBAAmB,EAC/B,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAAC,kCAAkC,CAAC,EAC9F,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC;QACvC,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            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/esm/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/esm/widget/components/SelectIModel.js

@@ -9,7 +9,7 @@ const fetchIModels = async (setiModels, iTwinId, iModelsClient, getAccessToken)
     const accessToken = await getAccessToken();
     const authorization = AccessTokenAdapter.toAuthorizationCallback(accessToken);
     const getiModelListParams = {
-        urlParams: { projectId: iTwinId },
+        urlParams: { iTwinId },
         authorization,
     };
     const iModels = await toArray(iModelsClient.iModels.getMinimalList(getiModelListParams));

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

@@ -1 +1 @@
-{"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"]}
+{"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,OAAO,EAAE;QACtB,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: { 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/SelectIModel.scss

@@ -2,15 +2,14 @@
 * 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-select-imodel {
   position: relative;
-  margin-bottom: $iui-baseline * 2;
+  margin-bottom: calc(var(--iui-size-s) * 2);
 
   .rcw-combobox {
     display: flex;
-    gap: $iui-s;
+    gap: var(--iui-size-xs);
     width: 100%;
   }
 }

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,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"}
+{"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,gBAkBnB,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

@@ -3,13 +3,13 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 import { SvgChevronLeft } from "@itwin/itwinui-icons-react";
-import { IconButton, ProgressRadial, Text, toaster, } from "@itwin/itwinui-react";
+import { Icon, ProgressRadial, Text, toaster, } from "@itwin/itwinui-react";
 import "./utils.scss";
 import React from "react";
 import { ReportsConfigWidget } from "../../ReportsConfigWidget";
 export const WidgetHeader = ({ title, disabled = false, returnFn, }) => {
     return (React.createElement("div", { className: "rcw-widget-header-container" },
-        returnFn && (React.createElement(IconButton, { onClick: returnFn, disabled: disabled, styleType: "borderless" },
+        returnFn && (React.createElement(Icon, { className: `${disabled ? "rcw-chevron-disabled" : "rcw-chevron"}`, onClick: disabled ? undefined : returnFn, size: "large", title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Back") },
             React.createElement(SvgChevronLeft, null))),
         React.createElement(Text, { className: "rcw-title", variant: "title" }, title)));
 };

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?: () => 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":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EACL,IAAI,EACJ,cAAc,EACd,IAAI,EACJ,OAAO,GACR,MAAM,sBAAsB,CAAC;AAC9B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAQhE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GACU,EAAE,EAAE;IACtB,OAAO,CACL,6BAAK,SAAS,EAAC,6BAA6B;QACzC,QAAQ,IAAI,CACX,oBAAC,IAAI,IACH,SAAS,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,aAAa,EAAE,EACjE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACxC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAAC,0BAA0B,CAAC;YAEtF,oBAAC,cAAc,OAAG,CACb,CACR;QACD,oBAAC,IAAI,IAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,IACxC,KAAK,CACD,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,WAAmB,EAAE,EAAE;IACjD,IAAI,YAAY,GAAG,GAAG,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACvE,yCAAyC,CAC1C,GAAG,CAAC;IACL,QAAQ,WAAW,EAAE;QACnB,KAAK,GAAG;YACN,YAAY,IAAI,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjE,uCAAuC,CACxC,CAAC;YACF,MAAM;QACR,KAAK,GAAG;YACN,YAAY,IAAI,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjE,uCAAuC,CACxC,CAAC;YACF,MAAM;QACR,KAAK,GAAG;YACN,YAAY,IAAI,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjE,uCAAuC,CACxC,CAAC;YACF,MAAM;QACR,KAAK,GAAG;YACN,YAAY,IAAI,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjE,uCAAuC,CACxC,CAAC;YACF,MAAM;QACR,KAAK,GAAG;YACN,YAAY,IAAI,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjE,uCAAuC,CACxC,CAAC;YACF,MAAM;QACR,KAAK,GAAG;YACN,YAAY,IAAI,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjE,uCAAuC,CACxC,CAAC;YACF,MAAM;QACR,KAAK,GAAG;YACN,YAAY,IAAI,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjE,uCAAuC,CACxC,CAAC;YACF,MAAM;QACR,KAAK,GAAG;YACN,YAAY,IAAI,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjE,uCAAuC,CACxC,CAAC;YACF,MAAM;QACR,KAAK,GAAG;YACN,YAAY,IAAI,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjE,uCAAuC,CACxC,CAAC;YACF,MAAM;QACR;YACE,YAAY,IAAI,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjE,sDAAsD,CACvD,CAAC;KACL;IACD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAClC,6BAAK,SAAS,EAAC,oBAAoB;IACjC,oBAAC,IAAI,QACF,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,6BAA6B,CAC9B,CACI;IACP,oBAAC,cAAc,IAAC,aAAa,SAAG;IAChC,oBAAC,IAAI,QACF,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,gCAAgC,CACjC,CACI,CACH,CACP,CAAC;AAIF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAC9D,OAAO,6BAAK,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAO,CAAC;AAC9D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,CAAsC,EACtC,MAAS,EACT,SAAkD,EAClD,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;IAEjC,SAAS,CAAC;QACR,GAAG,MAAM;QACT,CAAC,IAAI,CAAC,EAAE,KAAK;KACd,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,CACL,6BACE,SAAS,EAAC,qBAAqB,iBACnB,4BAA4B;QAExC,oBAAC,cAAc,IAAC,IAAI,EAAC,OAAO,EAAC,aAAa,SAAG,CACzC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CACjC,6BAAK,SAAS,EAAC,iCAAiC,GAAG,CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAAe,EAAE,UAAkB,EAAE,EAAE;IACjE,OAAO,OAAO,CAAC,OAAO,CAAC,yBAAyB,EAAE,UAAU,CAAC,CAAC;AAChE,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 { SvgChevronLeft } from \"@itwin/itwinui-icons-react\";\nimport {\n  Icon,\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        <Icon\n          className={`${disabled ? \"rcw-chevron-disabled\" : \"rcw-chevron\"}`}\n          onClick={disabled ? undefined : returnFn}\n          size=\"large\"\n          title={ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:Back\")}\n        >\n          <SvgChevronLeft />\n        </Icon>\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/components/utils.scss

@@ -2,20 +2,28 @@
 * 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";
-@import "~@itwin/itwinui-css/scss/icon/index";
-@import "~@itwin/itwinui-css/scss/button/index";
 
 .rcw-widget-header-container {
   display: flex;
-  margin-bottom: $iui-baseline;
-  align-items: center;
+  margin-bottom: calc(var(--iui-size-s) * 2);
+
+  .rcw-chevron {
+    cursor: pointer;
+    align-self: center;
+    margin-right: var(--iui-size-xs);
+  }
+
+  .rcw-chevron-disabled {
+    fill: var(--iui-color-icon-muted);
+    cursor: not-allowed;
+    align-self: center;
+    margin-right: var(--iui-size-xs);
+  }
 
   .rcw-title {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
-    margin-bottom: 3px;
   }
 }
 
@@ -29,11 +37,11 @@
   justify-content: center;
   align-items: center;
   flex-direction: column;
-  gap: $iui-baseline;
+  gap: var(--iui-size-s);
   height: 100%;
 }
 
 .rcw-skeleton-block {
-  height: $iui-baseline * 3;
+  height: calc(var(--iui-size-s) * 3);
   width: 100%;
 }

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

@@ -4,7 +4,9 @@
   "AddMappings": "Add Mappings",
   "AddReport": "Add Report",
   "AreYouSureYouWantToDelete": "Are you sure you want to delete",
+  "Back": "Back",
   "Cancel": "Cancel",
+  "ClearSearch": "Clear Search",
   "Close": "Close",
   "Checking": "Checking",
   "Confirm": "Confirm",
@@ -51,9 +53,11 @@
   "ReportDetails": "Report Details",
   "ReportName": "Report Name",
   "ReportsConfig": "Reports Config",
+  "ReportOptions": "Report Options",
   "RunExtraction": "Run Extraction",
   "Running": "Running",
   "Search": "Search...",
+  "SearchReport": "Search",
   "SelectIModel": "Select an iModel",
   "Starting": "Starting",
   "Success": "Success",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/reports-config-widget-react",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "An iTwin.js 3D Viewer Widget that interfaces with the iTwin Reporting Platform.",
   "keywords": [
     "Bentley",
@@ -22,6 +22,24 @@
   "main": "lib/cjs/reports-config-widget-react.js",
   "module": "lib/esm/reports-config-widget-react.js",
   "typings": "lib/cjs/reports-config-widget-react",
+  "scripts": {
+    "build": "npm run -s dual-build && npm run -s copy:assets",
+    "build:cjs": "tsc 1>&2 --outDir lib/cjs",
+    "build:esm": "tsc 1>&2 --module ES2020 --outDir lib/esm",
+    "clean": "rimraf lib",
+    "copy:assets": "npm run -s copy:public && npm run -s copy:cjs && npm run -s copy:esm",
+    "copy:cjs": "cpx \"./src/**/*.scss\" ./lib/cjs",
+    "copy:esm": "cpx \"./src/**/*.scss\" ./lib/esm",
+    "copy:public": "cpx \"./public/**/*\" ./lib/public",
+    "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",
+    "pseudolocalize": "betools pseudolocalize --englishDir ./public/locales/en --out ./public/locales/en-PSEUDO",
+    "rebuild": "npm run clean && npm run build",
+    "test": "jest",
+    "test:watch": "jest --watch "
+  },
   "eslintConfig": {
     "plugins": [
       "@itwin"
@@ -30,42 +48,45 @@
     "rules": {
       "no-duplicate-imports": "off",
       "@typescript-eslint/consistent-type-imports": "error",
-      "deprecation/deprecation": "off",
+      "deprecation/deprecation": "error",
       "jsx-a11y/no-static-element-interactions": "off",
       "jsx-a11y/click-events-have-key-events": "off",
       "jsx-a11y/anchor-is-valid": "off"
     }
   },
   "dependencies": {
-    "@itwin/imodels-access-frontend": "^1.0.1",
-    "@itwin/imodels-client-management": "^1.0.1",
+    "@itwin/imodels-access-common": "^4.1.4",
+    "@itwin/imodels-access-frontend": "^4.1.4",
+    "@itwin/imodels-client-management": "^4.2.3",
     "@itwin/insights-client": "^0.4.0",
-    "@itwin/itwinui-icons-color-react": "^1.0.1",
-    "@itwin/itwinui-icons-react": "^1.7.0",
-    "@itwin/itwinui-react": "^1.42.0",
+    "@itwin/itwinui-icons-color-react": "^2.1.0",
+    "@itwin/itwinui-icons-react": "^2.4.0",
+    "@itwin/itwinui-react": "^2.11.0",
     "classnames": "^2.3.1",
     "simple-react-validator": "^1.6.1"
   },
   "devDependencies": {
     "@faker-js/faker": "6.2.0",
-    "@itwin/appui-abstract": "^3.0.0",
-    "@itwin/appui-layout-react": "^3.0.0",
-    "@itwin/appui-react": "^3.0.0",
-    "@itwin/build-tools": "^3.0.0",
-    "@itwin/components-react": "^3.0.0",
-    "@itwin/core-bentley": "^3.0.0",
-    "@itwin/core-common": "^3.0.0",
-    "@itwin/core-frontend": "^3.0.0",
-    "@itwin/core-geometry": "^3.0.0",
-    "@itwin/core-markup": "^3.0.0",
-    "@itwin/core-orbitgt": "^3.0.0",
-    "@itwin/core-quantity": "^3.0.0",
-    "@itwin/core-react": "^3.0.0",
-    "@itwin/eslint-plugin": "^3.0.0",
-    "@itwin/imodel-components-react": "^3.0.0",
-    "@itwin/presentation-common": "^3.0.0",
-    "@itwin/presentation-frontend": "^3.0.0",
-    "@itwin/webgl-compatibility": "^3.0.0",
+    "@itwin/appui-abstract": "^4.0.0",
+    "@itwin/appui-layout-react": "^4.0.0",
+    "@itwin/appui-react": "^4.0.0",
+    "@itwin/build-tools": "^4.0.0",
+    "@itwin/components-react": "^4.0.0",
+    "@itwin/core-bentley": "^4.0.0",
+    "@itwin/core-common": "^4.0.0",
+    "@itwin/core-frontend": "^4.0.0",
+    "@itwin/core-geometry": "^4.0.0",
+    "@itwin/core-markup": "^4.0.0",
+    "@itwin/core-orbitgt": "^4.0.0",
+    "@itwin/core-quantity": "^4.0.0",
+    "@itwin/core-react": "^4.0.0",
+    "@itwin/core-telemetry": "^4.0.0",
+    "@itwin/eslint-plugin": "^3.7.8",
+    "@itwin/ecschema-metadata": "^4.0.0",
+    "@itwin/imodel-components-react": "^4.0.0",
+    "@itwin/presentation-common": "^4.0.0",
+    "@itwin/presentation-frontend": "^4.0.0",
+    "@itwin/webgl-compatibility": "^4.0.0",
     "@testing-library/dom": "^8.12.0",
     "@testing-library/jest-dom": "^5.16.3",
     "@testing-library/react": "^12.1.4",
@@ -84,48 +105,28 @@
     "cpx2": "^3.0.0",
     "eslint": "^7.32.0",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-react": "^7.25.1",
+    "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.2.0",
     "jest": "^27.5.1",
     "jest-cli": "^27.5.1",
     "jest-transform-stub": "^2.0.0",
-    "msw": "^0.39.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-redux": "^7.2.0",
-    "redux": "^4.0.4",
+    "react-redux": "^7.2.2",
+    "redux": "^4.1.0",
     "rimraf": "^3.0.2",
     "ts-jest": "^27.1.3",
     "typemoq": "^2.1.0",
-    "typescript": "~4.3.0",
+    "typescript": "~4.6.0",
     "xmlhttprequest": "^1.8.0"
   },
   "peerDependencies": {
-    "@itwin/appui-abstract": "^3.0.0",
-    "@itwin/appui-react": "^3.0.0",
-    "@itwin/core-bentley": "^3.0.0",
-    "@itwin/core-frontend": "^3.0.0",
+    "@itwin/appui-abstract": "^4.0.0",
+    "@itwin/appui-react": "^4.0.0",
+    "@itwin/core-bentley": "^4.0.0",
+    "@itwin/core-frontend": "^4.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-redux": "^7.2.0"
-  },
-  "scripts": {
-    "build": "npm run -s dual-build && npm run -s copy:assets",
-    "build:cjs": "tsc 1>&2 --outDir lib/cjs",
-    "build:esm": "tsc 1>&2 --module ES2020 --outDir lib/esm",
-    "clean": "rimraf lib",
-    "copy:assets": "npm run -s copy:public && npm run -s copy:cjs && npm run -s copy:esm",
-    "copy:cjs": "cpx \"./src/**/*.scss\" ./lib/cjs",
-    "copy:esm": "cpx \"./src/**/*.scss\" ./lib/esm",
-    "copy:public": "cpx \"./public/**/*\" ./lib/public",
-    "//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",
-    "pseudolocalize": "betools pseudolocalize --englishDir ./public/locales/en --out ./public/locales/en-PSEUDO",
-    "rebuild": "npm run clean && npm run build",
-    "test": "jest",
-    "test:watch": "jest --watch "
-  },
-  "readme": "# @itwin/reports-config-widget-react\r\n\r\nCopyright © Bentley Systems, Incorporated. All rights reserved.\r\nThe Reports Config widget is a UI component for iTwin Viewer applications that simplifies how users (and developers) interface with the [Reporting Platform APIs](https://developer.bentley.com/apis/insights/overview/). This widget is one piece of the Reporting story that focuses on the configuration of Reports and the extraction thereof. It complements the [Grouping & Mapping Widget](https://www.npmjs.com/package/@itwin/grouping-mapping-widget).\r\nThe reports-config-widget-react package provides a UiProvider class - `ReportsConfigProvider` - which can be passed into the `uiProviders` prop of the iTwin Viewer's `<Viewer />` component.\r\n\r\n## Getting Started\r\n\r\nThis is not a standalone UI and requires a parent iTwin Viewer application to work as intended.\r\nA guide on how to create a basic iTwin Viewer application can be found here: <https://www.itwinjs.org/learning/tutorials/develop-web-viewer/>.\r\nThis package provides a viewer 'widget'. Documentation on how to add a widget to your application can be found here: <https://developer.bentley.com/tutorials/itwin-viewer-hello-world/#2-your-first-ui-widget>.\r\n\r\n## Permissions and Scopes\r\n\r\nThe SPA client used by your iTwin viewer must have these additional scopes:\r\n\r\n- `insights:read`\r\n- `insights:modify`\r\n- `projects:read`\r\n\r\nIn addition, users must have the `imodels_read` and `imodels_write` [permissions](https://developer.bentley.com/apis/insights/operations/create-mapping/#authorization) assigned at either the Project or iModel level. Further instruction on how to create roles and assign permissions can be found in the [iTwin Platform Projects API documentation](https://developer.bentley.com/apis/projects/tutorials/).\r\n\r\n## Sample usage\r\n\r\n### Call ReportsConfigWidget.initialize() **_before_** making use of the provider\r\n\r\n```ts\r\nimport { ReportsConfigProvider, ReportsConfigWidget } from '@itwin/reports-config-widget-react'\r\n\r\n...\r\n\r\nawait ReportsConfigWidget.initialize(IModelApp.localization);\r\n\r\n<Viewer\r\n  ...\r\n  uiProviders={[new ReportsConfigProvider()]}\r\n/>\r\n```\r\n"
-}
+  }
+}

package/public/locales/en/ReportsConfigWidget.json

@@ -4,7 +4,9 @@
   "AddMappings": "Add Mappings",
   "AddReport": "Add Report",
   "AreYouSureYouWantToDelete": "Are you sure you want to delete",
+  "Back": "Back",
   "Cancel": "Cancel",
+  "ClearSearch": "Clear Search",
   "Close": "Close",
   "Checking": "Checking",
   "Confirm": "Confirm",
@@ -51,9 +53,11 @@
   "ReportDetails": "Report Details",
   "ReportName": "Report Name",
   "ReportsConfig": "Reports Config",
+  "ReportOptions": "Report Options",
   "RunExtraction": "Run Extraction",
   "Running": "Running",
   "Search": "Search...",
+  "SearchReport": "Search",
   "SelectIModel": "Select an iModel",
   "Starting": "Starting",
   "Success": "Success",