@pronto-tools-and-more/components 6.18.1 → 6.20.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/components",
-  "version": "6.18.1",
+  "version": "6.20.0",
   "description": "",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -9,7 +9,7 @@
     "type-check": "tsc",
     "test": "node --unhandled-rejections=warn --experimental-vm-modules ./node_modules/jest/bin/jest.js --detectOpenHandles --forceExit",
     "test:watch": "node --unhandled-rejections=warn --experimental-vm-modules ./node_modules/jest/bin/jest.js --watch",
-    "build": "esbuild src/main.ts --bundle --format=esm --outfile=dist/main.js && rm tsconfig.tsbuildinfo && npx tsc -b",
+    "build": "esbuild src/main.ts --bundle --format=esm --outfile=dist/main.js && rm -f tsconfig.build.tsbuildinfo && npx tsc -p tsconfig.build.json",
     "build:watch": "esbuild src/main.ts --bundle --format=esm --outfile=dist/main.js --watch"
   },
   "keywords": [],
@@ -19,6 +19,7 @@
     "@types/node": "^22.5.0",
     "@types/react": "^18.3.4",
     "esbuild": "^0.24.0",
+    "react": "^18.3.1",
     "ts-jest": "^29.2.5"
   }
 }

package/src/parts/Components/Components.tsx

@@ -1,3 +1,4 @@
+export * from "../JsonComponent/JsonComponent.tsx";
 export * from "../Login/Login.tsx";
-export * from "../SearchField/SearchField.tsx";
 export * from "../MenuItems/MenuItems.tsx";
+export * from "../SearchField/SearchField.tsx";

package/src/parts/JsonComponent/JsonComponent.tsx

@@ -0,0 +1,6 @@
+import type React from "react";
+
+export const JsonComponent = ({ json }): React.ReactElement => {
+  const node = json as React.ReactElement;
+  return node;
+};

package/src/parts/Login/Login.tsx

@@ -1,5 +1,9 @@
-export const Login = () => {
-  return {
+import type React from "react";
+import { JsonComponent } from "../JsonComponent/JsonComponent.tsx";
+
+export const Login = (): React.ReactNode => {
+  const json = {
     type: "login",
   };
+  return <JsonComponent json={json} />;
 };

package/src/parts/MenuItems/MenuItems.tsx

@@ -1,5 +1,7 @@
+import { JsonComponent } from "../JsonComponent/JsonComponent.tsx";
+
 export const MenuItems = ({ menuName }: { menuName: string }) => {
-  return {
+  const json = {
     dataSource: {
       type: "menu",
       filter: {
@@ -11,4 +13,5 @@ export const MenuItems = ({ menuName }: { menuName: string }) => {
     type: "menu",
     template: "STATIC",
   };
+  return <JsonComponent json={json} />;
 };

package/src/parts/MockReact/MockReact.tsx

@@ -0,0 +1,21 @@
+import { jest } from "@jest/globals";
+
+// jest.unstable_mockModule("react", () => {
+//   return {
+//     createElement(key, props, children) {
+//       return {
+//         key,
+//         props,
+//         children,
+//       };
+//     },
+//   };
+// });
+
+// jest.unstable_mockModule("react/jsx-runtime", () => {
+//   return {
+//     jsx(fn, props) {
+//       return fn(props);
+//     },
+//   };
+// });

package/src/parts/NoSearchResults/NoSearchResults.tsx

@@ -1,5 +1,7 @@
+import { JsonComponent } from "../JsonComponent/JsonComponent.tsx";
+
 export const NoSearchResults = () => {
-  return {
+  const json = {
     tag: "p",
     type: "html",
     content: "SEARCH_RESULT_NO_SEARCH",
@@ -9,4 +11,5 @@ export const NoSearchResults = () => {
       operation: "NOT_SET",
     },
   };
+  return <JsonComponent json={json} />;
 };

package/src/parts/SearchField/SearchField.tsx

@@ -1,6 +1,11 @@
-export const SearchField = () => {
-  return {
+import React from "react";
+import { JsonComponent } from "../JsonComponent/JsonComponent.tsx";
+
+export const SearchField = (): React.ReactElement => {
+  const json = {
     type: "search-field",
     className: "searchfield",
+    key: "",
   };
+  return <JsonComponent json={json} />;
 };