@itwin/reports-config-widget-react 0.0.1

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

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchBar = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+const ReportsConfigWidget_1 = require("../../ReportsConfigWidget");
+require("./SearchBar.scss");
+const SearchBar = ({ searchValue, setSearchValue, disabled, }) => {
+    const [searchBarOpen, setSearchBarOpened] = react_1.useState(false);
+    const [searchBarClosing, setSearchBarClosing] = react_1.useState(false);
+    return searchBarOpen || searchValue ? (react_1.default.createElement("div", { style: {
+            animation: searchBarClosing ? "rcw-shrink .5s" : "rcw-expand .5s",
+        }, onAnimationEnd: () => {
+            if (searchBarClosing) {
+                setSearchBarClosing(false);
+                setSearchBarOpened(false);
+                setSearchValue("");
+            }
+        } },
+        react_1.default.createElement(itwinui_react_1.LabeledInput, { "aria-label": "search-textbox", placeholder: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Search"), svgIcon: react_1.default.createElement(itwinui_react_1.IconButton, { onClick: () => setSearchBarClosing(true), styleType: "borderless" },
+                react_1.default.createElement(itwinui_icons_react_1.SvgCloseSmall, null)), iconDisplayStyle: "inline", value: searchValue, onChange: (e) => setSearchValue(e.target.value), disabled: disabled }),
+        " ")) : (react_1.default.createElement(itwinui_react_1.IconButton, { styleType: "borderless", onClick: () => setSearchBarOpened(true) },
+        react_1.default.createElement(itwinui_icons_react_1.SvgSearch, null)));
+};
+exports.SearchBar = SearchBar;
+//# sourceMappingURL=SearchBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/widget/components/SearchBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,oEAAsE;AACtE,wDAAgE;AAChE,+CAAwC;AACxC,mEAAgE;AAChE,4BAA0B;AAQnB,MAAM,SAAS,GAAG,CAAC,EACxB,WAAW,EACX,cAAc,EACd,QAAQ,GACO,EAAE,EAAE;IACnB,MAAM,CAAC,aAAa,EAAE,kBAAkB,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IACrE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IAEzE,OAAO,aAAa,IAAI,WAAW,CAAC,CAAC,CAAC,CACpC,uCACE,KAAK,EAAE;YACL,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB;SAClE,EACD,cAAc,EAAE,GAAG,EAAE;YACnB,IAAI,gBAAgB,EAAE;gBACpB,mBAAmB,CAAC,KAAK,CAAC,CAAC;gBAC3B,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC1B,cAAc,CAAC,EAAE,CAAC,CAAC;aACpB;QACH,CAAC;QAED,8BAAC,4BAAY,kBACA,gBAAgB,EAC3B,WAAW,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC9D,4BAA4B,CAC7B,EACD,OAAO,EACL,8BAAC,0BAAU,IACT,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,EACxC,SAAS,EAAC,YAAY;gBAEtB,8BAAC,mCAAa,OAAG,CACN,EAEf,gBAAgB,EAAC,QAAQ,EACzB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,QAAQ,EAAE,QAAQ,GAClB;QAAC,GAAG,CACF,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAU,IAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC;QACxE,8BAAC,+BAAS,OAAG,CACF,CACd,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,SAAS,aA6CpB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { SvgCloseSmall, SvgSearch } from \"@itwin/itwinui-icons-react\";\nimport { IconButton, LabeledInput } from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport \"./SearchBar.scss\";\n\ninterface SearchBarProps {\n  searchValue: string;\n  setSearchValue: React.Dispatch<React.SetStateAction<string>>;\n  disabled?: boolean;\n}\n\nexport const SearchBar = ({\n  searchValue,\n  setSearchValue,\n  disabled,\n}: SearchBarProps) => {\n  const [searchBarOpen, setSearchBarOpened] = useState<boolean>(false);\n  const [searchBarClosing, setSearchBarClosing] = useState<boolean>(false);\n\n  return searchBarOpen || searchValue ? (\n    <div\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"]}

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

@@ -0,0 +1,27 @@
+/*---------------------------------------------------------------------------------------------
+* 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% {
+    opacity: 0;
+    width: 20%;
+  }
+  100% {
+    opacity: 1;
+    width: 100%;
+  }
+}
+
+@keyframes rcw-shrink {
+  100% {
+    opacity: 0;
+    width: 20%;
+  }
+  0% {
+    opacity: 1;
+    width: 100%;
+  }
+}

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

@@ -0,0 +1,9 @@
+import React from "react";
+import "./SelectIModel.scss";
+interface SelectedIModelProps {
+    selectedIModelId: string;
+    setSelectedIModelId: React.Dispatch<React.SetStateAction<string>>;
+}
+export declare const SelectIModel: ({ selectedIModelId, setSelectedIModelId, }: SelectedIModelProps) => JSX.Element;
+export {};
+//# sourceMappingURL=SelectIModel.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,82 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectIModel = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const appui_react_1 = require("@itwin/appui-react");
+const imodels_access_frontend_1 = require("@itwin/imodels-access-frontend");
+const imodels_client_management_1 = require("@itwin/imodels-client-management");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+const ReportsConfigWidget_1 = require("../../ReportsConfigWidget");
+const ReportsApiConfigContext_1 = require("../context/ReportsApiConfigContext");
+require("./SelectIModel.scss");
+const utils_1 = require("./utils");
+const fetchIModels = async (setiModels, iTwinId, apiContext) => {
+    const iModelClientOptions = {
+        api: { baseUrl: utils_1.generateUrl(imodels_client_management_1.Constants.api.baseUrl, apiContext.baseUrl) },
+    };
+    const iModelsClient = new imodels_client_management_1.IModelsClient(iModelClientOptions);
+    const accessToken = await apiContext.getAccessToken();
+    const authorization = imodels_access_frontend_1.AccessTokenAdapter.toAuthorizationCallback(accessToken);
+    const getiModelListParams = {
+        urlParams: { projectId: iTwinId },
+        authorization,
+    };
+    const iModels = await imodels_client_management_1.toArray(iModelsClient.iModels.getMinimalList(getiModelListParams));
+    setiModels(iModels);
+};
+const SelectIModel = ({ selectedIModelId, setSelectedIModelId, }) => {
+    var _a, _b, _c, _d;
+    const apiConfig = ReportsApiConfigContext_1.useReportsApiConfig();
+    const iModelId = (_b = (_a = appui_react_1.useActiveIModelConnection()) === null || _a === void 0 ? void 0 : _a.iModelId) !== null && _b !== void 0 ? _b : "";
+    const iTwinId = (_d = (_c = appui_react_1.useActiveIModelConnection()) === null || _c === void 0 ? void 0 : _c.iTwinId) !== null && _d !== void 0 ? _d : "";
+    const [iModels, setIModels] = react_1.useState([]);
+    react_1.useEffect(() => {
+        if (iModelId && iTwinId) {
+            void fetchIModels(setIModels, iTwinId, apiConfig);
+        }
+    }, [apiConfig, setIModels, iModelId, iTwinId]);
+    react_1.useEffect(() => {
+        if (iModelId && iModels.length > 0) {
+            setSelectedIModelId(iModelId);
+        }
+    }, [iModelId, iModels, setSelectedIModelId]);
+    const iModelOptions = react_1.useMemo(() => {
+        return iModels.map((iModel) => ({
+            label: iModel.displayName,
+            value: iModel.id,
+        }));
+    }, [iModels]);
+    return (react_1.default.createElement("div", { className: "reports-select-imodel" },
+        react_1.default.createElement(itwinui_react_1.Label, { htmlFor: "combo-input" }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:SelectIModel")),
+        react_1.default.createElement("div", { className: "combobox" },
+            react_1.default.createElement(itwinui_react_1.ComboBox, { options: iModelOptions, value: selectedIModelId, onChange: (value) => {
+                    setSelectedIModelId(value);
+                }, inputProps: {
+                    id: "combo-input",
+                }, style: { flexGrow: 1, maxWidth: "395px" } }))));
+};
+exports.SelectIModel = SelectIModel;
+//# sourceMappingURL=SelectIModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectIModel.js","sourceRoot":"","sources":["../../../../src/widget/components/SelectIModel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,oDAA+D;AAC/D,4EAAoE;AAMpE,gFAI0C;AAC1C,wDAAuD;AACvD,+CAA4D;AAC5D,mEAAgE;AAEhE,gFAAyE;AACzE,+BAA6B;AAC7B,mCAAsC;AAEtC,MAAM,YAAY,GAAG,KAAK,EACxB,UAAiE,EACjE,OAAe,EACf,UAA4B,EAC5B,EAAE;IACF,MAAM,mBAAmB,GAAyB;QAChD,GAAG,EAAE,EAAE,OAAO,EAAE,mBAAW,CAAC,qCAAS,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE;KACzE,CAAC;IAEF,MAAM,aAAa,GAAkB,IAAI,yCAAa,CAAC,mBAAmB,CAAC,CAAC;IAC5E,MAAM,WAAW,GAAG,MAAM,UAAU,CAAC,cAAc,EAAE,CAAC;IACtD,MAAM,aAAa,GAAG,4CAAkB,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;IAC9E,MAAM,mBAAmB,GAAwB;QAC/C,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;QACjC,aAAa;KACd,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,mCAAO,CAC3B,aAAa,CAAC,OAAO,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAC1D,CAAC;IACF,UAAU,CAAC,OAAO,CAAC,CAAC;AACtB,CAAC,CAAC;AAOK,MAAM,YAAY,GAAG,CAAC,EAC3B,gBAAgB,EAChB,mBAAmB,GACC,EAAE,EAAE;;IACxB,MAAM,SAAS,GAAG,6CAAmB,EAAE,CAAC;IACxC,MAAM,QAAQ,GAAG,MAAA,MAAA,uCAAyB,EAAE,0CAAE,QAAQ,mCAAI,EAAE,CAAC;IAC7D,MAAM,OAAO,GAAG,MAAA,MAAA,uCAAyB,EAAE,0CAAE,OAAO,mCAAI,EAAE,CAAC;IAC3D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,gBAAQ,CAAkB,EAAE,CAAC,CAAC;IAE5D,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,OAAO,EAAE;YACvB,KAAK,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;SACnD;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YAClC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;SAC/B;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAE7C,MAAM,aAAa,GAAG,eAAO,CAAC,GAAG,EAAE;QACjC,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YAC9B,KAAK,EAAE,MAAM,CAAC,WAAW;YACzB,KAAK,EAAE,MAAM,CAAC,EAAE;SACjB,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,uCAAK,SAAS,EAAC,uBAAuB;QACpC,8BAAC,qBAAK,IAAC,OAAO,EAAC,aAAa,IACzB,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,kCAAkC,CACnC,CACK;QACR,uCAAK,SAAS,EAAC,UAAU;YACvB,8BAAC,wBAAQ,IACP,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,mBAAmB,CAAC,KAAK,CAAC,CAAC;gBAC7B,CAAC,EACD,UAAU,EAAE;oBACV,EAAE,EAAE,aAAa;iBAClB,EACD,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GACzC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,YAAY,gBAkDvB","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=\"reports-select-imodel\">\n      <Label htmlFor=\"combo-input\">\n        {ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:SelectIModel\"\n        )}\n      </Label>\n      <div className=\"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/cjs/widget/components/SelectIModel.scss

@@ -0,0 +1,15 @@
+/*---------------------------------------------------------------------------------------------
+* 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";
+
+.reports-select-imodel {
+  position: relative;
+  margin-bottom: $iui-baseline * 2;
+  .combobox {
+    display: flex;
+    gap: $iui-s;
+    width: 100%;
+  }
+}

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

@@ -0,0 +1,23 @@
+import "./utils.scss";
+import React from "react";
+export interface WidgetHeaderProps {
+    title: string;
+    disabled?: boolean;
+    returnFn?: () => Promise<void>;
+}
+export declare const WidgetHeader: ({ title, disabled, returnFn, }: WidgetHeaderProps) => JSX.Element;
+export declare const handleError: (errorStatus: number) => void;
+export declare const LoadingOverlay: () => JSX.Element;
+interface EmptyMessageProps {
+    children?: React.ReactNode;
+}
+export declare const EmptyMessage: ({ children }: EmptyMessageProps) => JSX.Element;
+export declare const handleInputChange: <T>(e: React.ChangeEvent<HTMLInputElement>, values: T, setValues: React.Dispatch<React.SetStateAction<T>>) => void;
+export declare const LoadingSpinner: () => JSX.Element;
+export declare const SkeletonBlock: () => JSX.Element;
+export declare const generateUrl: (baseUrl: string, newBaseUrl: string) => string;
+export declare type CreateTypeFromInterface<Interface> = {
+    [Property in keyof Interface]: Interface[Property];
+};
+export {};
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,87 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateUrl = exports.SkeletonBlock = exports.LoadingSpinner = exports.handleInputChange = exports.EmptyMessage = exports.LoadingOverlay = exports.handleError = exports.WidgetHeader = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+require("./utils.scss");
+const react_1 = __importDefault(require("react"));
+const ReportsConfigWidget_1 = require("../../ReportsConfigWidget");
+const WidgetHeader = ({ title, disabled = false, returnFn, }) => {
+    return (react_1.default.createElement("div", { className: "rcw-widget-header-container" },
+        returnFn && (react_1.default.createElement(itwinui_react_1.IconButton, { onClick: returnFn, disabled: disabled, styleType: "borderless" },
+            react_1.default.createElement(itwinui_icons_react_1.SvgChevronLeft, null))),
+        react_1.default.createElement(itwinui_react_1.Text, { className: "title", variant: "title" }, title)));
+};
+exports.WidgetHeader = WidgetHeader;
+const handleError = (errorStatus) => {
+    let errorMessage = `${ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.Error")} `;
+    switch (errorStatus) {
+        case 401:
+            errorMessage += ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.401");
+            break;
+        case 403:
+            errorMessage += ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.403");
+            break;
+        case 404:
+            errorMessage += ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.404");
+            break;
+        case 409:
+            errorMessage += ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.409");
+            break;
+        case 422:
+            errorMessage += ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.422");
+            break;
+        case 429:
+            errorMessage += ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.429");
+            break;
+        case 500:
+            errorMessage += ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.500");
+            break;
+        case 502:
+            errorMessage += ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.502");
+            break;
+        case 503:
+            errorMessage += ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.503");
+            break;
+        default:
+            errorMessage += ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.SomethingWentWrong");
+    }
+    itwinui_react_1.toaster.negative(errorMessage);
+};
+exports.handleError = handleError;
+const LoadingOverlay = () => (react_1.default.createElement("div", { className: "rcw-center-overlay" },
+    react_1.default.createElement(itwinui_react_1.Text, null, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Loading")),
+    react_1.default.createElement(itwinui_react_1.ProgressRadial, { indeterminate: true }),
+    react_1.default.createElement(itwinui_react_1.Text, null, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:PleaseWait"))));
+exports.LoadingOverlay = LoadingOverlay;
+const EmptyMessage = ({ children }) => {
+    return react_1.default.createElement("div", { className: "rcw-center-overlay" }, children);
+};
+exports.EmptyMessage = EmptyMessage;
+const handleInputChange = (e, values, setValues) => {
+    const { name, value } = e.target;
+    setValues({
+        ...values,
+        [name]: value,
+    });
+};
+exports.handleInputChange = handleInputChange;
+const LoadingSpinner = () => {
+    return (react_1.default.createElement("div", { className: "rcw-loading-spinner", "data-testid": "rcw-action-loading-spinner" },
+        react_1.default.createElement(itwinui_react_1.ProgressRadial, { size: "small", indeterminate: true })));
+};
+exports.LoadingSpinner = LoadingSpinner;
+const SkeletonBlock = () => (react_1.default.createElement("div", { className: "rcw-skeleton-block iui-skeleton" }));
+exports.SkeletonBlock = SkeletonBlock;
+const generateUrl = (baseUrl, newBaseUrl) => {
+    return baseUrl.replace("https://api.bentley.com", newBaseUrl);
+};
+exports.generateUrl = generateUrl;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +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=\"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/cjs/widget/components/utils.scss

@@ -0,0 +1,39 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/variables";
+@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;
+
+  .title {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    margin-bottom: 3px;
+  }
+}
+
+.rcw-loading-spinner {
+  display: flex;
+  align-items: center;
+}
+
+.rcw-center-overlay {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  gap: $iui-baseline;
+  height: 100%;
+}
+
+.rcw-skeleton-block {
+  height: $iui-baseline * 3;
+  width: 100%;
+}

package/lib/cjs/widget/context/ReportsApiConfigContext.d.ts

@@ -0,0 +1,9 @@
+import type { AccessToken } from "@itwin/core-bentley";
+import * as React from "react";
+export interface ReportsApiConfig {
+    getAccessToken: () => Promise<AccessToken>;
+    baseUrl: string;
+}
+export declare const ReportsApiConfigContext: React.Context<ReportsApiConfig>;
+export declare const useReportsApiConfig: () => ReportsApiConfig;
+//# sourceMappingURL=ReportsApiConfigContext.d.ts.map

package/lib/cjs/widget/context/ReportsApiConfigContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsApiConfigContext.d.ts","sourceRoot":"","sources":["../../../../src/widget/context/ReportsApiConfigContext.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,MAAM,OAAO,CAAC,WAAW,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,uBAAuB,iCAGlC,CAAC;AAEH,eAAO,MAAM,mBAAmB,wBAQ/B,CAAC"}

package/lib/cjs/widget/context/ReportsApiConfigContext.js

@@ -0,0 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReportsApiConfig = exports.ReportsApiConfigContext = void 0;
+const React = __importStar(require("react"));
+const react_1 = require("react");
+exports.ReportsApiConfigContext = react_1.createContext({
+    getAccessToken: async () => "",
+    baseUrl: "",
+});
+const useReportsApiConfig = () => {
+    const context = React.useContext(exports.ReportsApiConfigContext);
+    if (!context) {
+        throw new Error("useApiConfig should be used within a ReportsApiConfigContext provider");
+    }
+    return context;
+};
+exports.useReportsApiConfig = useReportsApiConfig;
+//# sourceMappingURL=ReportsApiConfigContext.js.map

package/lib/cjs/widget/context/ReportsApiConfigContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsApiConfigContext.js","sourceRoot":"","sources":["../../../../src/widget/context/ReportsApiConfigContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,6CAA+B;AAC/B,iCAAsC;AAOzB,QAAA,uBAAuB,GAAG,qBAAa,CAAmB;IACrE,cAAc,EAAE,KAAK,IAAI,EAAE,CAAC,EAAE;IAC9B,OAAO,EAAE,EAAE;CACZ,CAAC,CAAC;AAEI,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,+BAAuB,CAAC,CAAC;IAC1D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,uEAAuE,CACxE,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,mBAAmB,uBAQ9B","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\";\n\nexport interface ReportsApiConfig {\n  getAccessToken: () => Promise<AccessToken>;\n  baseUrl: string;\n}\n\nexport const ReportsApiConfigContext = createContext<ReportsApiConfig>({\n  getAccessToken: async () => \"\",\n  baseUrl: \"\",\n});\n\nexport const useReportsApiConfig = () => {\n  const context = React.useContext(ReportsApiConfigContext);\n  if (!context) {\n    throw new Error(\n      \"useApiConfig should be used within a ReportsApiConfigContext provider\"\n    );\n  }\n  return context;\n};\n"]}

package/lib/cjs/widget/hooks/useValidator.d.ts

@@ -0,0 +1,8 @@
+import SimpleReactValidator from "simple-react-validator";
+export declare const NAME_REQUIREMENTS = "required|NoDuplicateUnderscore|OnlyBeginsWithLetterOrUnderscore|FollowedByLettersUnderscoresSpacesAndDigits|CharLimit";
+declare const useValidator: () => [
+    SimpleReactValidator,
+    React.Dispatch<React.SetStateAction<boolean>>
+];
+export default useValidator;
+//# sourceMappingURL=useValidator.d.ts.map

package/lib/cjs/widget/hooks/useValidator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidator.d.ts","sourceRoot":"","sources":["../../../../src/widget/hooks/useValidator.ts"],"names":[],"mappings":"AAKA,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAG1D,eAAO,MAAM,iBAAiB,0HAC2F,CAAC;AAE1H,QAAA,MAAM,YAAY,QAAO;IACvB,oBAAoB;IACpB,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC;CAsD9C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/cjs/widget/hooks/useValidator.js

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NAME_REQUIREMENTS = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = require("react");
+const simple_react_validator_1 = __importDefault(require("simple-react-validator"));
+const ReportsConfigWidget_1 = require("../../ReportsConfigWidget");
+exports.NAME_REQUIREMENTS = "required|NoDuplicateUnderscore|OnlyBeginsWithLetterOrUnderscore|FollowedByLettersUnderscoresSpacesAndDigits|CharLimit";
+const useValidator = () => {
+    const [show, setShow] = react_1.useState(false);
+    const customValidator = {
+        NoDuplicateUnderscore: {
+            message: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Validators.NoDuplicateUnderscore"),
+            rule: (val) => {
+                return !val.match(/__+/i);
+            },
+        },
+        OnlyBeginsWithLetterOrUnderscore: {
+            message: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Validators.OnlyBeginsWithLetterOrUnderscore"),
+            rule: (val) => {
+                return !val.match(/^[\W\d]+/i);
+            },
+        },
+        FollowedByLettersUnderscoresSpacesAndDigits: {
+            message: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Validators.FollowedByLettersUnderscoresSpacesAndDigits"),
+            rule: (val) => {
+                return !val.match(/[^a-zA-Z0-9_\s]+/i);
+            },
+        },
+        CharLimit: {
+            message: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Validators.CharLimit"),
+            rule: (val) => {
+                return val.length <= 128;
+            },
+        },
+    };
+    const customMessages = {
+        required: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Validators.ThisFieldIsRequired"),
+    };
+    const validator = new simple_react_validator_1.default({
+        messages: customMessages,
+        validators: customValidator,
+    });
+    if (show) {
+        validator.showMessages();
+    }
+    return [validator, setShow];
+};
+exports.default = useValidator;
+//# sourceMappingURL=useValidator.js.map

package/lib/cjs/widget/hooks/useValidator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidator.js","sourceRoot":"","sources":["../../../../src/widget/hooks/useValidator.ts"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,iCAAiC;AACjC,oFAA0D;AAC1D,mEAAgE;AAEnD,QAAA,iBAAiB,GAC5B,uHAAuH,CAAC;AAE1H,MAAM,YAAY,GAAG,GAGnB,EAAE;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,eAAe,GAAG;QACtB,qBAAqB,EAAE;YACrB,OAAO,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC1D,sDAAsD,CACvD;YACD,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;gBACpB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAC5B,CAAC;SACF;QACD,gCAAgC,EAAE;YAChC,OAAO,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC1D,iEAAiE,CAClE;YACD,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;gBACpB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;YACjC,CAAC;SACF;QACD,2CAA2C,EAAE;YAC3C,OAAO,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC1D,4EAA4E,CAC7E;YACD,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;gBACpB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;YACzC,CAAC;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC1D,0CAA0C,CAC3C;YACD,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;gBACpB,OAAO,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC;YAC3B,CAAC;SACF;KACF,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,QAAQ,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC3D,oDAAoD,CACrD;KACF,CAAC;IAEF,MAAM,SAAS,GAAG,IAAI,gCAAoB,CAAC;QACzC,QAAQ,EAAE,cAAc;QACxB,UAAU,EAAE,eAAe;KAC5B,CAAC,CAAC;IAEH,IAAI,IAAI,EAAE;QACR,SAAS,CAAC,YAAY,EAAE,CAAC;KAC1B;IAED,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAC9B,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { useState } from \"react\";\nimport SimpleReactValidator from \"simple-react-validator\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\nexport const NAME_REQUIREMENTS =\n  \"required|NoDuplicateUnderscore|OnlyBeginsWithLetterOrUnderscore|FollowedByLettersUnderscoresSpacesAndDigits|CharLimit\";\n\nconst useValidator = (): [\n  SimpleReactValidator,\n  React.Dispatch<React.SetStateAction<boolean>>\n] => {\n  const [show, setShow] = useState(false);\n  const customValidator = {\n    NoDuplicateUnderscore: {\n      message: ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:Validators.NoDuplicateUnderscore\"\n      ),\n      rule: (val: string) => {\n        return !val.match(/__+/i);\n      },\n    },\n    OnlyBeginsWithLetterOrUnderscore: {\n      message: ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:Validators.OnlyBeginsWithLetterOrUnderscore\"\n      ),\n      rule: (val: string) => {\n        return !val.match(/^[\\W\\d]+/i);\n      },\n    },\n    FollowedByLettersUnderscoresSpacesAndDigits: {\n      message: ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:Validators.FollowedByLettersUnderscoresSpacesAndDigits\"\n      ),\n      rule: (val: string) => {\n        return !val.match(/[^a-zA-Z0-9_\\s]+/i);\n      },\n    },\n    CharLimit: {\n      message: ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:Validators.CharLimit\"\n      ),\n      rule: (val: string) => {\n        return val.length <= 128;\n      },\n    },\n  };\n\n  const customMessages = {\n    required: ReportsConfigWidget.localization.getLocalizedString(\n      \"ReportsConfigWidget:Validators.ThisFieldIsRequired\"\n    ),\n  };\n\n  const validator = new SimpleReactValidator({\n    messages: customMessages,\n    validators: customValidator,\n  });\n\n  if (show) {\n    validator.showMessages();\n  }\n\n  return [validator, setShow];\n};\n\nexport default useValidator;\n"]}

package/lib/esm/ReportsConfigWidget.d.ts

@@ -0,0 +1,10 @@
+import type { Localization } from "@itwin/core-common";
+export declare class ReportsConfigWidget {
+    private static _localizationNamespace;
+    private static _localization;
+    static get localizationNamespace(): string;
+    static get localization(): Localization;
+    static initialize(localization?: Localization): Promise<void>;
+    static terminate(): void;
+}
+//# sourceMappingURL=ReportsConfigWidget.d.ts.map

package/lib/esm/ReportsConfigWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsConfigWidget.d.ts","sourceRoot":"","sources":["../../src/ReportsConfigWidget.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,MAAM,CAAC,sBAAsB,CAAS;IAC9C,OAAO,CAAC,MAAM,CAAC,aAAa,CAAe;IAE3C,WAAkB,qBAAqB,IAAI,MAAM,CAEhD;IAED,WAAkB,YAAY,IAAI,YAAY,CAE7C;WAEmB,UAAU,CAAC,YAAY,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;WAW5D,SAAS;CAKxB"}

package/lib/esm/ReportsConfigWidget.js

@@ -0,0 +1,20 @@
+import { IModelApp } from "@itwin/core-frontend";
+export class ReportsConfigWidget {
+    static get localizationNamespace() {
+        return ReportsConfigWidget._localizationNamespace;
+    }
+    static get localization() {
+        return ReportsConfigWidget._localization;
+    }
+    static async initialize(localization) {
+        ReportsConfigWidget._localization = localization !== null && localization !== void 0 ? localization : IModelApp.localization;
+        // Setup localization
+        const ReportsConfigWidgetNamespace = "ReportsConfigWidget";
+        await ReportsConfigWidget._localization.registerNamespace(ReportsConfigWidgetNamespace);
+        ReportsConfigWidget._localizationNamespace = ReportsConfigWidgetNamespace;
+    }
+    static terminate() {
+        ReportsConfigWidget._localization.unregisterNamespace(ReportsConfigWidget.localizationNamespace);
+    }
+}
+//# sourceMappingURL=ReportsConfigWidget.js.map

package/lib/esm/ReportsConfigWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsConfigWidget.js","sourceRoot":"","sources":["../../src/ReportsConfigWidget.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,MAAM,OAAO,mBAAmB;IAIvB,MAAM,KAAK,qBAAqB;QACrC,OAAO,mBAAmB,CAAC,sBAAsB,CAAC;IACpD,CAAC;IAEM,MAAM,KAAK,YAAY;QAC5B,OAAO,mBAAmB,CAAC,aAAa,CAAC;IAC3C,CAAC;IAEM,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA2B;QACxD,mBAAmB,CAAC,aAAa,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,SAAS,CAAC,YAAY,CAAC;QAC3E,qBAAqB;QACrB,MAAM,4BAA4B,GAAG,qBAAqB,CAAC;QAC3D,MAAM,mBAAmB,CAAC,aAAa,CAAC,iBAAiB,CACvD,4BAA4B,CAC7B,CAAC;QAEF,mBAAmB,CAAC,sBAAsB,GAAG,4BAA4B,CAAC;IAC5E,CAAC;IAEM,MAAM,CAAC,SAAS;QACrB,mBAAmB,CAAC,aAAa,CAAC,mBAAmB,CACnD,mBAAmB,CAAC,qBAAqB,CAC1C,CAAC;IACJ,CAAC;CACF","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 { Localization } from \"@itwin/core-common\";\nimport { IModelApp } from \"@itwin/core-frontend\";\n\nexport class ReportsConfigWidget {\n  private static _localizationNamespace: string;\n  private static _localization: Localization;\n\n  public static get localizationNamespace(): string {\n    return ReportsConfigWidget._localizationNamespace;\n  }\n\n  public static get localization(): Localization {\n    return ReportsConfigWidget._localization;\n  }\n\n  public static async initialize(localization?: Localization): Promise<void> {\n    ReportsConfigWidget._localization = localization ?? IModelApp.localization;\n    // Setup localization\n    const ReportsConfigWidgetNamespace = \"ReportsConfigWidget\";\n    await ReportsConfigWidget._localization.registerNamespace(\n      ReportsConfigWidgetNamespace\n    );\n\n    ReportsConfigWidget._localizationNamespace = ReportsConfigWidgetNamespace;\n  }\n\n  public static terminate() {\n    ReportsConfigWidget._localization.unregisterNamespace(\n      ReportsConfigWidget.localizationNamespace\n    );\n  }\n}\n"]}

package/lib/esm/reports-config-widget-react.d.ts

@@ -0,0 +1,4 @@
+/** UI Provider for iTwin Viewer Applications */
+export * from "./widget/ReportsConfigUiProvider";
+export * from "./ReportsConfigWidget";
+//# sourceMappingURL=reports-config-widget-react.d.ts.map

package/lib/esm/reports-config-widget-react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reports-config-widget-react.d.ts","sourceRoot":"","sources":["../../src/reports-config-widget-react.ts"],"names":[],"mappings":"AAIA,gDAAgD;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC"}

package/lib/esm/reports-config-widget-react.js

@@ -0,0 +1,8 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** UI Provider for iTwin Viewer Applications */
+export * from "./widget/ReportsConfigUiProvider";
+export * from "./ReportsConfigWidget";
+//# sourceMappingURL=reports-config-widget-react.js.map

package/lib/esm/reports-config-widget-react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reports-config-widget-react.js","sourceRoot":"","sources":["../../src/reports-config-widget-react.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,gDAAgD;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,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*--------------------------------------------------------------------------------------------*/\n/** UI Provider for iTwin Viewer Applications */\nexport * from \"./widget/ReportsConfigUiProvider\";\nexport * from \"./ReportsConfigWidget\";\n"]}

package/lib/esm/test/ReportAction.test.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+//# sourceMappingURL=ReportAction.test.d.ts.map

package/lib/esm/test/ReportAction.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportAction.test.d.ts","sourceRoot":"","sources":["../../../src/test/ReportAction.test.tsx"],"names":[],"mappings":"AAMA,OAAO,2BAA2B,CAAC"}