@matrix-widget-toolkit/react 2.0.0 → 2.0.2

package/README.md

@@ -15,7 +15,7 @@ yarn add @matrix-widget-toolkit/react
 ### Providing the Widget API to React components
 
 While this package contains a `<WidgetApiProvider>` you probably don't want to use this package most of the time.
-Prefer using [`@matrix-widget-toolkit/mui`](../mui/) or [`@matrix-widget-toolkit/semantic-ui`](../semantic-ui/) which internally use this package to share functionality.
+Prefer using [`@matrix-widget-toolkit/mui`](../mui/) which internally uses this package to share functionality.
 
 ### Acessing the Widget API
 

package/build/cjs/index.js

@@ -2,8 +2,8 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var reactUse = require('react-use');
-var api = require('@matrix-widget-toolkit/api');
 var react = require('react');
+var api = require('@matrix-widget-toolkit/api');
 var reactErrorBoundary = require('react-error-boundary');
 
 /*
@@ -54,8 +54,8 @@ var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _argume
     });
 };
 var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -92,17 +92,17 @@ function WidgetApiProvider(_a) {
     var isOpenedByClient = react.useMemo(function () { return api.extractWidgetParameters(); }, []).isOpenedByClient;
     var _b = react.useState(), hasInitalCapabilitiesGranted = _b[0], setInitialCapabilitiesGranted = _b[1];
     var _c = reactUse.useAsyncFn(function (widgetApi) { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
-                    _a.trys.push([0, 2, , 3]);
+                    _b.trys.push([0, 2, , 3]);
                     return [4 /*yield*/, widgetApi.rerequestInitialCapabilities()];
                 case 1:
-                    _a.sent();
+                    _b.sent();
                     setInitialCapabilitiesGranted(true);
                     return [3 /*break*/, 3];
                 case 2:
-                    _a.sent();
+                    _b.sent();
                     setInitialCapabilitiesGranted(false);
                     return [3 /*break*/, 3];
                 case 3: return [2 /*return*/];
@@ -194,7 +194,7 @@ function ThemeSelectionProvider(_a) {
         try {
             (widgetId = api.extractWidgetApiParameters().widgetId);
         }
-        catch (e) {
+        catch (_a) {
             // ignore
         }
         var isModal = api.parseWidgetId(widgetId).isModal;

package/build/esm/index.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useAsyncFn, useAsync, useAsyncRetry } from 'react-use';
-import { extractWidgetParameters, hasRequiredWidgetParameters, extractWidgetApiParameters, parseWidgetId } from '@matrix-widget-toolkit/api';
 import { createContext, useContext, useMemo, useState, useCallback } from 'react';
+import { extractWidgetParameters, hasRequiredWidgetParameters, extractWidgetApiParameters, parseWidgetId } from '@matrix-widget-toolkit/api';
 import { ErrorBoundary } from 'react-error-boundary';
 
 /*
@@ -52,8 +52,8 @@ var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _argume
     });
 };
 var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -90,17 +90,17 @@ function WidgetApiProvider(_a) {
     var isOpenedByClient = useMemo(function () { return extractWidgetParameters(); }, []).isOpenedByClient;
     var _b = useState(), hasInitalCapabilitiesGranted = _b[0], setInitialCapabilitiesGranted = _b[1];
     var _c = useAsyncFn(function (widgetApi) { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
-                    _a.trys.push([0, 2, , 3]);
+                    _b.trys.push([0, 2, , 3]);
                     return [4 /*yield*/, widgetApi.rerequestInitialCapabilities()];
                 case 1:
-                    _a.sent();
+                    _b.sent();
                     setInitialCapabilitiesGranted(true);
                     return [3 /*break*/, 3];
                 case 2:
-                    _a.sent();
+                    _b.sent();
                     setInitialCapabilitiesGranted(false);
                     return [3 /*break*/, 3];
                 case 3: return [2 /*return*/];
@@ -192,7 +192,7 @@ function ThemeSelectionProvider(_a) {
         try {
             (widgetId = extractWidgetApiParameters().widgetId);
         }
-        catch (e) {
+        catch (_a) {
             // ignore
         }
         var isModal = parseWidgetId(widgetId).isModal;

package/build/index.d.ts

@@ -3,8 +3,6 @@
  *                       intergration for React apps.
  */
 
-/// <reference types="react" />
-
 import { Capability } from 'matrix-widget-api';
 import { ComponentType } from 'react';
 import { DispatchWithoutAction } from 'react';
@@ -85,7 +83,7 @@ export declare function ThemeSelectionProvider({ children, }: ThemeSelectionProv
 /**
  * Props for the {@link ThemeSelectionProvider} component.
  */
-export declare type ThemeSelectionProviderProps = PropsWithChildren<{}>;
+export declare type ThemeSelectionProviderProps = PropsWithChildren;
 
 /**
  * Hook for accessing the current theme selection.

package/package.json

@@ -1,29 +1,33 @@
 {
   "name": "@matrix-widget-toolkit/react",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "A simplified layer on top of @matrix-widget-toolkit/api to use it in a React based widget.",
   "author": "Nordeck IT + Consulting GmbH",
   "license": "Apache-2.0",
   "source": "./src/index.ts",
-  "module": "./build/esm/index.js",
   "types": "./build/index.d.ts",
+  "exports": {
+    "import": "./build/esm/index.js",
+    "require": "./build/cjs/index.js"
+  },
+  "type": "module",
   "devDependencies": {
-    "@craco/craco": "^7.1.0",
-    "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.2",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
-    "@types/jest": "^27.5.2",
-    "@types/node": "^20.8.6",
+    "@types/node": "^22.7.5",
     "@types/react": "^18.2.74",
-    "react-scripts": "5.0.1",
-    "typescript": "^5.4.5"
+    "@vitest/coverage-v8": "^2.1.3",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.8",
+    "vitest": "^2.1.3"
   },
   "scripts": {
     "build": "tsc && rollup --config ../../rollup.config.mjs",
     "tsc": "tsc",
     "lint": "eslint .",
-    "test": "jest --watch",
-    "depcheck": "depcheck --ignores=@types/node --ignore-dirs=lib,build",
+    "test": "echo \"Tests have to run from root project\"",
+    "depcheck": "depcheck --ignores=@types/node,@vitest/coverage-v8 --ignore-dirs=lib,build",
     "prepack": "node ../../scripts/prepack.js",
     "postpack": "node ../../scripts/postpack.js",
     "translate": "echo \"Nothing to translate\"",
@@ -31,11 +35,11 @@
     "generate-api-report": "tsc && api-extractor run --verbose --local"
   },
   "dependencies": {
-    "@matrix-widget-toolkit/api": "^3.2.2",
-    "matrix-widget-api": "^1.6.0",
+    "@matrix-widget-toolkit/api": "^3.4.1",
+    "matrix-widget-api": "^1.9.0",
     "react": "^18.2.0",
     "react-error-boundary": "^3.1.4",
-    "react-use": "^17.5.0"
+    "react-use": "^17.5.1"
   },
   "repository": {
     "type": "git",
@@ -49,6 +53,5 @@
     "matrix",
     "widget",
     "matrix-widget-api"
-  ],
-  "main": "./build/cjs/index.js"
+  ]
 }