swoop-common 1.0.3 → 1.0.4

package/dist/components/Address.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Address } from '../types/address';
+import { CustomType } from '../router/router';
+interface Props {
+    address: Address;
+    submit?: (address: Address) => void;
+}
+export declare const FormAddress: React.FC<Props>;
+export declare const TypeAddress: CustomType;
+export {};

package/dist/components/Address.js

@@ -0,0 +1,31 @@
+import React, { useState } from 'react';
+import { getXType } from '../util/type';
+import { Box, Button, TextField } from '@mui/material';
+const tester = (uischema, schema, ctx) => {
+    const type = getXType(schema);
+    if (!type)
+        return -1;
+    else
+        return 10;
+};
+export const FormAddress = ({ address, submit }) => {
+    const [val, setVal] = useState(address);
+    // Typescript is great
+    const update = (field, value) => {
+        setVal(prev => (Object.assign(Object.assign({}, prev), { [field]: value })));
+    };
+    return (React.createElement(Box, { component: "form", onSubmit: () => submit === null || submit === void 0 ? void 0 : submit(val), sx: { display: 'flex', flexDirection: 'column', gap: 2, width: 400 }, noValidate: true, autoComplete: "off" },
+        React.createElement(TextField, { label: "Line 1", value: address.line1, onChange: (e) => update('line1', e.target.value), required: true }),
+        React.createElement(TextField, { label: "Line 2", value: address.line2, onChange: (e) => update('line2', e.target.value) }),
+        React.createElement(TextField, { label: "City", value: address.city, onChange: (e) => update('city', e.target.value), required: true }),
+        React.createElement(TextField, { label: "Postcode", value: address.postcode, onChange: (e) => update('postcode', e.target.value), required: true }),
+        React.createElement(TextField, { label: "Number", value: address.postcode, onChange: (e) => update('number', +e.target.value), required: true }),
+        React.createElement(Button, { type: "submit", variant: "contained", color: "primary" }, "Submit")));
+};
+const FormRendererAddress = ({ data, handleChange, path }) => {
+    return React.createElement(FormAddress, { address: data, submit: (addr) => handleChange(path, addr) });
+};
+export const TypeAddress = {
+    renderer: FormRendererAddress,
+    tester
+};

package/dist/index.d.ts

@@ -1 +1,2 @@
 export * from "./test";
+export * from "./render/StyledFormView";

package/dist/index.js

@@ -1 +1,2 @@
 export * from "./test";
+export * from "./render/StyledFormView";

package/dist/render/StyledFormView.d.ts

@@ -0,0 +1,9 @@
+import { JsonSchema, UISchemaElement } from '@jsonforms/core';
+import React from 'react';
+interface Props {
+    data: any;
+    schema: JsonSchema;
+    uischema: UISchemaElement;
+}
+declare const StyledFormView: React.FC<Props>;
+export default StyledFormView;

package/dist/render/StyledFormView.js

@@ -0,0 +1,7 @@
+import { JsonForms } from '@jsonforms/react';
+import React from 'react';
+import { FormTypes } from '../router/router';
+const StyledFormView = ({ data, schema, uischema }) => {
+    return (React.createElement(JsonForms, { data: data, schema: schema, uischema: uischema, renderers: FormTypes }));
+};
+export default StyledFormView;

package/dist/router/router.d.ts

@@ -0,0 +1,6 @@
+import { ControlProps, RankedTester } from "@jsonforms/core";
+export interface CustomType {
+    tester: RankedTester;
+    renderer: React.FC<ControlProps>;
+}
+export declare const FormTypes: Array<CustomType>;

package/dist/router/router.js

@@ -0,0 +1,4 @@
+import { TypeAddress } from "../components/Address";
+export const FormTypes = [
+    TypeAddress
+];

package/dist/test.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 interface Props {
     text: string;
 }
-export declare const FormView: React.FC<Props>;
+export declare const StyledSchema: React.FC<Props>;
 export {};

package/dist/test.js

@@ -1,5 +1,5 @@
 import { Typography } from "@mui/material";
 import React from "react";
-export const FormView = ({ text }) => {
+export const StyledSchema = ({ text }) => {
     return React.createElement(Typography, { variant: "h1" }, text);
 };

package/dist/types/address.d.ts

@@ -0,0 +1,10 @@
+export type Address = UKAddress;
+interface UKAddress {
+    line1: string;
+    line2?: string;
+    city: string;
+    county?: string;
+    postcode: string;
+    number?: number;
+}
+export {};

package/dist/types/address.js

@@ -0,0 +1 @@
+export {};

package/dist/util/type.d.ts

@@ -0,0 +1,2 @@
+import { JsonSchema } from "@jsonforms/core";
+export declare const getXType: (schema: JsonSchema) => string | undefined;

package/dist/util/type.js

@@ -0,0 +1,4 @@
+export const getXType = (schema) => {
+    let typed = schema;
+    return typed["x-type"];
+};

package/package.json

@@ -1,29 +1,28 @@
 {
-  "name": "swoop-common",
-  "version": "1.0.3",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "tsc"
-  },
-  "author": "",
-  "license": "ISC",
-  "description": "",
-  "devDependencies": {
-    "@eslint/js": "^9.30.1",
-    "eslint": "^9.30.1",
-    "eslint-plugin-react": "^7.37.5",
-    "globals": "^16.3.0",
-    "typescript-eslint": "^8.35.1"
-  },
-  "dependencies": {
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1",
-    "@mui/material": "^7.2.0",
-    "react": "^19.1.0"
-  }
-}
+    "name": "swoop-common",
+    "version": "1.0.4",
+    "main": "dist/index.js",
+    "types": "dist/index.d.ts",
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1",
+        "build": "tsc"
+    },
+    "author": "",
+    "license": "ISC",
+    "description": "",
+    "dependencies": {
+        "@jsonforms/core": "^3.5.1",
+        "@jsonforms/material-renderers": "^3.5.1",
+        "@jsonforms/react": "^3.5.1",
+        "@emotion/react": "^11.14.0",
+        "@emotion/styled": "^11.14.1",
+        "react": "^19.0.0"
+    },
+    "devDependencies": {
+        "@types/react": "^19",
+        "typescript": "^5"
+    }
+}