-
- 
-
-
-
-
-@simplr/react-forms
-Declarative forms for React. Includes declarative modifiers, normalizers and validators. - -### Packages - -| Package | Version | Docs | Description | -|---------|---------|------|-------------| -| [`@simplr/react-forms`](/packages/react-forms) | [](https://www.npmjs.com/package/@simplr/react-forms) | TBA | The core | -| [`@simplr/react-forms-dom`](/packages/react-forms-dom) | [](https://www.npmjs.com/package/@simplr/react-forms-dom) | TBA | DOM components | -| [`@simplr/react-forms-validation`](/packages/react-forms-validation) | [](https://www.npmjs.com/package/@simplr/react-forms-dom) | TBA | Validation | - - -### Development - -Latest published version should be in the [master](https://github.com/SimplrJS/react-forms/tree/master) branch. -Development is happening in the [dev](https://github.com/SimplrJS/react-forms/tree/dev) and feature branches. - -Core Team
- -
-
- 
- - Dovydas Navickas - |
-
-
-
- 
- - Martynas Žilinskas - - |
-
-
- 
- - Giedrius Grabauskas - - |
-
-
- 
- - Deividas Bakanas - - |
-
+
+
)}
+
+ {/*
+ */}
+
+
+
+
+ {JSON.stringify(
+ store,
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ (_, value: any) => {
+ if (typeof value !== "function") {
+ return value;
+ }
+
+ return `${value.name}()`;
+ },
+ 4
+ )}
+
+
+
+
+ );
+};
+
+interface State {
+ error?: Error;
+ info?: ErrorInfo;
+}
+
+class App extends React.Component {
+ public state: State = {};
+
+ public componentDidCatch(error: Error, info: ErrorInfo): void {
+ this.setState(() => ({
+ error: error,
+ info: info
+ }));
+ }
+
+ public render(): JSX.Element {
+ const { error } = this.state;
+ if (error != null) {
+ // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+ const info = this.state.info!;
+ return (
+ {JSON.stringify(store, null, 4)}
+
+
+ );
+ }
+
+ return Oops! An error has occurred! Here’s what we know…
+{error.message}
+
+ Component stack:
+
+
+ {info.componentStack.substr(1)}
+
+
+
+
+
+
+
+ );
+};
diff --git a/apps/forms-web-old/src/pretty-diff/components/line-view.tsx b/apps/forms-web-old/src/pretty-diff/components/line-view.tsx
new file mode 100644
index 0000000..369fc02
--- /dev/null
+++ b/apps/forms-web-old/src/pretty-diff/components/line-view.tsx
@@ -0,0 +1,26 @@
+import React from "react";
+
+function generateSpace(n: number): string {
+ let spaces = "";
+ for (let i = 0; i < n; i++) {
+ spaces += "\u00A0";
+ }
+
+ return spaces;
+}
+
+export interface LineViewProps {
+ indent: number;
+ noNewLine?: boolean;
+ children?: React.ReactNode;
+}
+
+export const LineView = (props: LineViewProps): JSX.Element => {
+ return (
+ <>
+ {generateSpace(props.indent * 4)}
+ {props.children}
+ {props.noNewLine ? null : "\n"}
+
+ );
+};
diff --git a/apps/forms-web-old/src/pretty-diff/contracts.ts b/apps/forms-web-old/src/pretty-diff/contracts.ts
new file mode 100644
index 0000000..4391dbc
--- /dev/null
+++ b/apps/forms-web-old/src/pretty-diff/contracts.ts
@@ -0,0 +1,18 @@
+/* eslint-disable */
+
+export interface JsonBaseProps
+
+
+
+ {lastName}
+ {lastNamePermanent}
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/apps/forms-web-old/src/tests/test2.tsx b/apps/forms-web-old/src/tests/test2.tsx
new file mode 100644
index 0000000..5c68e6d
--- /dev/null
+++ b/apps/forms-web-old/src/tests/test2.tsx
@@ -0,0 +1,36 @@
+import React, { useContext } from "react";
+import { Group } from "../components/group";
+import { TextField } from "../components/text-field";
+import { GroupContext } from "../contexts/group-context";
+
+/* eslint-disable */
+
+export const Test2 = () => {
+ const { store } = useContext(GroupContext);
+ const fieldId = "person.firstName";
+
+ const field = store.getField(fieldId);
+ if (field != null) {
+ console.log(field.currentValue);
+ }
+
+ return (
+
+ Reset
+
+
+
+
+
+
+
+
+ Hello forms!
;
+};
+
+ReactDOM.render(
-
-
-
-
-
-
-
-
-
- 
- @simplr/react-forms-dom
- -DOM implementation for `@simplr/react-forms`. diff --git a/packages/react-forms-dom/__tests__/components/clear.test.tsx b/packages/react-forms-dom/__tests__/components/clear.test.tsx deleted file mode 100644 index 849a217..0000000 --- a/packages/react-forms-dom/__tests__/components/clear.test.tsx +++ /dev/null @@ -1,57 +0,0 @@ -import * as React from "react"; -import { mount } from "enzyme"; -import * as Sinon from "sinon"; - -import { FormStore } from "@simplr/react-forms/stores"; - -import { Form } from "../../src/components/form"; -import { Text } from "../../src/components/text"; -import { Clear } from "../../src/components/clear"; - -describe("Clear button", () => { - let sandbox: Sinon.SinonSandbox; - - beforeEach(() => { - sandbox = Sinon.sandbox.create(); - }); - - afterEach(() => { - sandbox.restore(); - }); - - it("clears all fields", () => { - const callback = sandbox.stub(FormStore.prototype, "ClearFields"); - - const wrapper = mount(); - - wrapper.find("button").simulate("click"); - - expect(callback.called).toBe(true); - }); - - it("clears fields by fieldsIds", () => { - const callback = sandbox.stub(FormStore.prototype, "ClearFields"); - const fieldsIds: string[] = []; - for (let i = 0; i < 5; i++) { - fieldsIds.push(`text-${i}`); - } - const fields: JSX.Element[] = []; - fieldsIds.forEach(value => { - fields.push(
- {this.props.children}
-
;
- }
-}
diff --git a/packages/react-forms-dom/src/components/fields-group.tsx b/packages/react-forms-dom/src/components/fields-group.tsx
deleted file mode 100644
index 927d7cf..0000000
--- a/packages/react-forms-dom/src/components/fields-group.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import * as React from "react";
-import {
- FieldsGroupProps as CoreProps,
- FieldsGroupState as CoreState
-} from "@simplr/react-forms/contracts";
-import { BaseFieldsGroup } from "@simplr/react-forms";
-import { HTMLElementProps } from "../contracts/field";
-
-export interface FieldsGroupProps extends CoreProps, HTMLElementProps
- {this.props.children}
-
;
- }
-}
diff --git a/packages/react-forms-dom/src/components/form.tsx b/packages/react-forms-dom/src/components/form.tsx
deleted file mode 100644
index 7d6baa0..0000000
--- a/packages/react-forms-dom/src/components/form.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import * as React from "react";
-import { BaseForm } from "@simplr/react-forms";
-
-import { FormProps } from "../contracts/form";
-
-export class Form extends BaseForm
- {this.props.children}
-
;
- }
-}
diff --git a/packages/react-forms-dom/src/components/radio.tsx b/packages/react-forms-dom/src/components/radio.tsx
deleted file mode 100644
index ae37e9d..0000000
--- a/packages/react-forms-dom/src/components/radio.tsx
+++ /dev/null
@@ -1,176 +0,0 @@
-import * as React from "react";
-import * as PropTypes from "prop-types";
-
-import { BaseContainer, BaseContainerParentContext } from "@simplr/react-forms";
-import {
- FormStoreStateRecord,
- FieldValue,
- FieldStoreState
-} from "@simplr/react-forms/contracts";
-import {
- RadioGroupChildContext,
- RadioGroupProps,
- RadioValue
-} from "./radio-group";
-import {
- HTMLElementProps,
- DomFieldTemplateCallback,
- DomFieldDetails,
- DomComponentData
-} from "../contracts/field";
-
-export interface RadioProps extends HTMLElementProps