@itwin/reports-config-widget-react 0.0.1

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { createContext } from "react";
+export const ReportsApiConfigContext = createContext({
+    getAccessToken: async () => "",
+    baseUrl: "",
+});
+export const useReportsApiConfig = () => {
+    const context = React.useContext(ReportsApiConfigContext);
+    if (!context) {
+        throw new Error("useApiConfig should be used within a ReportsApiConfigContext provider");
+    }
+    return context;
+};
+//# sourceMappingURL=ReportsApiConfigContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsApiConfigContext.js","sourceRoot":"","sources":["../../../../src/widget/context/ReportsApiConfigContext.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOtC,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAmB;IACrE,cAAc,EAAE,KAAK,IAAI,EAAE,CAAC,EAAE;IAC9B,OAAO,EAAE,EAAE;CACZ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC1D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,uEAAuE,CACxE,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { AccessToken } from \"@itwin/core-bentley\";\nimport * as React from \"react\";\nimport { createContext } from \"react\";\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/esm/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/esm/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/esm/widget/hooks/useValidator.js

@@ -0,0 +1,50 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { useState } from "react";
+import SimpleReactValidator from "simple-react-validator";
+import { ReportsConfigWidget } from "../../ReportsConfigWidget";
+export const NAME_REQUIREMENTS = "required|NoDuplicateUnderscore|OnlyBeginsWithLetterOrUnderscore|FollowedByLettersUnderscoresSpacesAndDigits|CharLimit";
+const useValidator = () => {
+    const [show, setShow] = useState(false);
+    const customValidator = {
+        NoDuplicateUnderscore: {
+            message: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Validators.NoDuplicateUnderscore"),
+            rule: (val) => {
+                return !val.match(/__+/i);
+            },
+        },
+        OnlyBeginsWithLetterOrUnderscore: {
+            message: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Validators.OnlyBeginsWithLetterOrUnderscore"),
+            rule: (val) => {
+                return !val.match(/^[\W\d]+/i);
+            },
+        },
+        FollowedByLettersUnderscoresSpacesAndDigits: {
+            message: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Validators.FollowedByLettersUnderscoresSpacesAndDigits"),
+            rule: (val) => {
+                return !val.match(/[^a-zA-Z0-9_\s]+/i);
+            },
+        },
+        CharLimit: {
+            message: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Validators.CharLimit"),
+            rule: (val) => {
+                return val.length <= 128;
+            },
+        },
+    };
+    const customMessages = {
+        required: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Validators.ThisFieldIsRequired"),
+    };
+    const validator = new SimpleReactValidator({
+        messages: customMessages,
+        validators: customValidator,
+    });
+    if (show) {
+        validator.showMessages();
+    }
+    return [validator, setShow];
+};
+export default useValidator;
+//# sourceMappingURL=useValidator.js.map

package/lib/esm/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,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,MAAM,CAAC,MAAM,iBAAiB,GAC5B,uHAAuH,CAAC;AAE1H,MAAM,YAAY,GAAG,GAGnB,EAAE;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,eAAe,GAAG;QACtB,qBAAqB,EAAE;YACrB,OAAO,EAAE,mBAAmB,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,mBAAmB,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,mBAAmB,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,mBAAmB,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,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC3D,oDAAoD,CACrD;KACF,CAAC;IAEF,MAAM,SAAS,GAAG,IAAI,oBAAoB,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,eAAe,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/public/locales/en/ReportsConfigWidget.json

@@ -0,0 +1,76 @@
+{
+  "Add": "Add",
+  "AddMapping": "Add Mapping",
+  "AddMappings": "Add Mappings",
+  "AddReport": "Add Report",
+  "AreYouSureYouWantToDelete": "Are you sure you want to delete",
+  "Cancel": "Cancel",
+  "Checking": "Checking",
+  "Confirm": "Confirm",
+  "CopiedToClipboard": "Copied to clipboard!",
+  "Copy": "Copy",
+  "CopyJobId": "Copy Job Id",
+  "CreateOneReportCTA": "Let's create one!",
+  "Delete": "Delete",
+  "Description": "Description",
+  "ErrorMessages": {
+    "401": "You are unauthorized to do this operation.",
+    "403": "You don't have permission to access the requested resource.",
+    "404": "The requested resource was not found.",
+    "409": "This property name is already being used.",
+    "422": "Unable to process the request.",
+    "429": "Too many requests.",
+    "500": "Internal server error.",
+    "502": "Bad gateway.",
+    "503": "Service unavailable.",
+    "SomethingWentWrong": "Something went wrong!",
+    "Error": "Error!"
+  },
+  "Extraction": "Extraction",
+  "Failed": "Failed",
+  "ITwinReports": "iTwin Reports",
+  "LetsAddSomeMappingsCTA": "Let's add some!",
+  "Loading": "Loading",
+  "MandatoryFields": "Asterisk * indicates mandatory fields.",
+  "MappingName": "Mapping Name",
+  "Modify": "Modify",
+  "ModifyReport": "Modify Report",
+  "Name": "Name",
+  "New": "New",
+  "NoMappingsAvailable": "No Mappings available.",
+  "NoReportMappings": "No mappings linked to this report.",
+  "NoReports": "No reports exist.",
+  "NoReportsAvailable": "No Reports available.",
+  "NotStarted": "Not Started",
+  "ODataFeedURL": "OData Feed URL",
+  "PleaseWait": "Please wait...",
+  "Queued": "Queued",
+  "Remove": "Remove",
+  "ReportDetails": "Report Details",
+  "ReportName": "Report Name",
+  "ReportsConfig": "Reports Config",
+  "RunExtraction": "Run Extraction",
+  "Running": "Running",
+  "Search": "Search...",
+  "SelectIModel": "Select an iModel",
+  "Starting": "Starting",
+  "Success": "Success",
+  "Table": {
+    "SizePerPage": "{{size}} per page",
+    "StartIndexEndIndex": "{{startIndex}}-{{endIndex}}...",
+    "StartIndexEndIndexOf": "{{startIndex}}-{{endIndex}} of {{totalRows}}",
+    "PreviousPage": "Previous page",
+    "NextPage": "Next page",
+    "GoToPage": "Go to page {{page}}",
+    "RowsPerPage": "Rows per page"
+  },
+  "UpdateDataset": "Update your dataset",
+  "UpdateInProgress": "Update in progress...",
+  "Validators": {
+    "NoDuplicateUnderscore": "Remove duplicate \"_\"",
+    "OnlyBeginsWithLetterOrUnderscore": "Name can only start with a letter or underscore.",
+    "FollowedByLettersUnderscoresSpacesAndDigits": "Name can only contain letters, underscores, spaces, or digits",
+    "CharLimit": "There is an 128 character limit.",
+    "ThisFieldIsRequired": "This field is required"
+  }
+}

package/package.json

@@ -0,0 +1,124 @@
+{
+  "name": "@itwin/reports-config-widget-react",
+  "version": "0.0.1",
+  "description": "An iTwin.js 3D Viewer Widget that interfaces with the iTwin Reporting Platform.",
+  "keywords": [
+    "Bentley",
+    "BIM",
+    "iModel",
+    "iTwin",
+    "Reporting",
+    "Reports"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/imodeljs/viewer-components-react/tree/master/packages/itwin/reports-config-widget-react"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Bentley Systems, Inc.",
+    "url": "http://www.bentley.com"
+  },
+  "main": "lib/cjs/reports-config-widget-react.js",
+  "module": "lib/esm/reports-config-widget-react.js",
+  "typings": "lib/cjs/reports-config-widget-react",
+  "eslintConfig": {
+    "plugins": [
+      "@itwin"
+    ],
+    "extends": "plugin:@itwin/ui",
+    "rules": {
+      "no-duplicate-imports": "off",
+      "@typescript-eslint/consistent-type-imports": "error",
+      "deprecation/deprecation": "off"
+    }
+  },
+  "dependencies": {
+    "@itwin/imodels-access-frontend": "^1.0.1",
+    "@itwin/imodels-client-management": "^1.0.1",
+    "@itwin/insights-client": "^0.2.0",
+    "@itwin/itwinui-icons-color-react": "^1.0.1",
+    "@itwin/itwinui-icons-react": "^1.7.0",
+    "@itwin/itwinui-react": "~1.37.3",
+    "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/itwinui-css": "^0.50.0",
+    "@itwin/presentation-common": "^3.0.0",
+    "@itwin/presentation-frontend": "^3.0.0",
+    "@itwin/webgl-compatibility": "^3.0.0",
+    "@testing-library/dom": "^8.12.0",
+    "@testing-library/jest-dom": "^5.16.3",
+    "@testing-library/react": "^12.1.4",
+    "@testing-library/user-event": "^14.1.1",
+    "@types/i18next": "^8.4.2",
+    "@types/jest": "^27.4.1",
+    "@types/node": "^14.14.20",
+    "@types/react": "^17.0.19",
+    "@types/react-dom": "^17.0.9",
+    "@types/react-table": "^7.7.0",
+    "@types/testing-library__jest-dom": "^5.14.3",
+    "@typescript-eslint/eslint-plugin": "^5.3.1",
+    "@typescript-eslint/parser": "^5.10.1",
+    "cpx2": "^3.0.0",
+    "eslint": "^7.32.0",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-react": "^7.25.1",
+    "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",
+    "redux": "^4.0.4",
+    "rimraf": "^3.0.2",
+    "ts-jest": "^27.1.3",
+    "typemoq": "^2.1.0",
+    "typescript": "~4.3.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",
+    "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/).\r\nThe reports-config-widget 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 { 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

@@ -0,0 +1,76 @@
+{
+  "Add": "Add",
+  "AddMapping": "Add Mapping",
+  "AddMappings": "Add Mappings",
+  "AddReport": "Add Report",
+  "AreYouSureYouWantToDelete": "Are you sure you want to delete",
+  "Cancel": "Cancel",
+  "Checking": "Checking",
+  "Confirm": "Confirm",
+  "CopiedToClipboard": "Copied to clipboard!",
+  "Copy": "Copy",
+  "CopyJobId": "Copy Job Id",
+  "CreateOneReportCTA": "Let's create one!",
+  "Delete": "Delete",
+  "Description": "Description",
+  "ErrorMessages": {
+    "401": "You are unauthorized to do this operation.",
+    "403": "You don't have permission to access the requested resource.",
+    "404": "The requested resource was not found.",
+    "409": "This property name is already being used.",
+    "422": "Unable to process the request.",
+    "429": "Too many requests.",
+    "500": "Internal server error.",
+    "502": "Bad gateway.",
+    "503": "Service unavailable.",
+    "SomethingWentWrong": "Something went wrong!",
+    "Error": "Error!"
+  },
+  "Extraction": "Extraction",
+  "Failed": "Failed",
+  "ITwinReports": "iTwin Reports",
+  "LetsAddSomeMappingsCTA": "Let's add some!",
+  "Loading": "Loading",
+  "MandatoryFields": "Asterisk * indicates mandatory fields.",
+  "MappingName": "Mapping Name",
+  "Modify": "Modify",
+  "ModifyReport": "Modify Report",
+  "Name": "Name",
+  "New": "New",
+  "NoMappingsAvailable": "No Mappings available.",
+  "NoReportMappings": "No mappings linked to this report.",
+  "NoReports": "No reports exist.",
+  "NoReportsAvailable": "No Reports available.",
+  "NotStarted": "Not Started",
+  "ODataFeedURL": "OData Feed URL",
+  "PleaseWait": "Please wait...",
+  "Queued": "Queued",
+  "Remove": "Remove",
+  "ReportDetails": "Report Details",
+  "ReportName": "Report Name",
+  "ReportsConfig": "Reports Config",
+  "RunExtraction": "Run Extraction",
+  "Running": "Running",
+  "Search": "Search...",
+  "SelectIModel": "Select an iModel",
+  "Starting": "Starting",
+  "Success": "Success",
+  "Table": {
+    "SizePerPage": "{{size}} per page",
+    "StartIndexEndIndex": "{{startIndex}}-{{endIndex}}...",
+    "StartIndexEndIndexOf": "{{startIndex}}-{{endIndex}} of {{totalRows}}",
+    "PreviousPage": "Previous page",
+    "NextPage": "Next page",
+    "GoToPage": "Go to page {{page}}",
+    "RowsPerPage": "Rows per page"
+  },
+  "UpdateDataset": "Update your dataset",
+  "UpdateInProgress": "Update in progress...",
+  "Validators": {
+    "NoDuplicateUnderscore": "Remove duplicate \"_\"",
+    "OnlyBeginsWithLetterOrUnderscore": "Name can only start with a letter or underscore.",
+    "FollowedByLettersUnderscoresSpacesAndDigits": "Name can only contain letters, underscores, spaces, or digits",
+    "CharLimit": "There is an 128 character limit.",
+    "ThisFieldIsRequired": "This field is required"
+  }
+}

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

@@ -0,0 +1,10 @@
+PASS src/test/ReportMappings.test.tsx (35.105 s)
+PASS src/test/Reports.test.tsx (8.612 s)
+PASS src/test/ReportAction.test.tsx (5.139 s)
+PASS src/test/WidgetHeader.test.tsx
+
+Test Suites: 4 passed, 4 total
+Tests:       22 passed, 22 total
+Snapshots:   0 total
+Time:        52.605 s
+Ran all test suites.

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

@@ -0,0 +1,45 @@
+Invoking: npm test -- --coverage 
+
+
+> @itwin/reports-config-widget-react@0.0.0 test /home/vsts/work/1/s/packages/itwin/reports-config-widget
+> jest "--coverage"
+
+PASS src/test/ReportMappings.test.tsx (35.105 s)
+PASS src/test/Reports.test.tsx (8.612 s)
+PASS src/test/ReportAction.test.tsx (5.139 s)
+PASS src/test/WidgetHeader.test.tsx
+------------------------------|---------|----------|---------|---------|-------------------------------
+File                          | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s             
+------------------------------|---------|----------|---------|---------|-------------------------------
+All files                     |   87.72 |     70.3 |   86.32 |   87.64 |                               
+ src                          |     100 |       75 |     100 |     100 |                               
+  ReportsConfigWidget.ts      |     100 |       75 |     100 |     100 | 21                            
+ src/test                     |     100 |    66.66 |     100 |     100 |                               
+  test-utils.tsx              |     100 |    66.66 |     100 |     100 | 56                            
+ src/widget                   |      40 |        0 |       0 |      40 |                               
+  ReportsConfigUiProvider.tsx |      40 |        0 |       0 |      40 | 23-65                         
+ src/widget/components        |   88.11 |    71.51 |   87.62 |   88.12 |                               
+  ActionPanel.tsx             |     100 |    77.77 |     100 |     100 | 25-26                         
+  AddMappingsModal.tsx        |   91.66 |       80 |   88.88 |   93.47 | 40,120,134                    
+  DeleteModal.tsx             |      85 |      100 |      50 |   84.21 | 42,56-87                      
+  Extraction.tsx              |   85.41 |    72.13 |   85.71 |   85.71 | 51-53,138,200-203,226-229,295 
+  HorizontalTile.tsx          |     100 |      100 |     100 |     100 |                               
+  LocalizedTablePaginator.tsx |     100 |       50 |     100 |     100 | 25                            
+  ReportAction.tsx            |   94.28 |    81.48 |     100 |   94.28 | 59-60                         
+  ReportMappings.tsx          |   96.29 |    74.41 |   94.44 |   96.25 | 97,119,268                    
+  Reports.tsx                 |   97.14 |    78.68 |     100 |   98.52 | 65                            
+  ReportsContainer.tsx        |   77.77 |        0 |       0 |   77.77 | 21-26                         
+  SearchBar.tsx               |   70.58 |    71.42 |      60 |   68.75 | 31-45                         
+  SelectIModel.tsx            |   97.05 |    81.81 |   85.71 |   96.87 | 92                            
+  utils.tsx                   |   56.86 |    23.07 |    87.5 |   48.83 | 46-100                        
+ src/widget/context           |      80 |        0 |      50 |   77.77 |                               
+  ReportsApiConfigContext.tsx |      80 |        0 |      50 |   77.77 | 15,22                         
+ src/widget/hooks             |     100 |      100 |     100 |     100 |                               
+  useValidator.ts             |     100 |      100 |     100 |     100 |                               
+------------------------------|---------|----------|---------|---------|-------------------------------
+
+Test Suites: 4 passed, 4 total
+Tests:       22 passed, 22 total
+Snapshots:   0 total
+Time:        52.605 s
+Ran all test suites.

package/src/ReportsConfigWidget.ts

@@ -0,0 +1,36 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import type { Localization } from "@itwin/core-common";
+import { IModelApp } from "@itwin/core-frontend";
+
+export class ReportsConfigWidget {
+  private static _localizationNamespace: string;
+  private static _localization: Localization;
+
+  public static get localizationNamespace(): string {
+    return ReportsConfigWidget._localizationNamespace;
+  }
+
+  public static get localization(): Localization {
+    return ReportsConfigWidget._localization;
+  }
+
+  public static async initialize(localization?: Localization): Promise<void> {
+    ReportsConfigWidget._localization = localization ?? IModelApp.localization;
+    // Setup localization
+    const ReportsConfigWidgetNamespace = "ReportsConfigWidget";
+    await ReportsConfigWidget._localization.registerNamespace(
+      ReportsConfigWidgetNamespace
+    );
+
+    ReportsConfigWidget._localizationNamespace = ReportsConfigWidgetNamespace;
+  }
+
+  public static terminate() {
+    ReportsConfigWidget._localization.unregisterNamespace(
+      ReportsConfigWidget.localizationNamespace
+    );
+  }
+}

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

@@ -0,0 +1,7 @@
+/*---------------------------------------------------------------------------------------------
+* 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";