@nolwenture/formik-jsonschema-form 0.23.3 → 0.25.0

package/dist/Form.stories.d.ts

@@ -14,5 +14,6 @@ export declare const WithConditions: Story;
 export declare const WithRefAndDefinitions: Story;
 export declare const MultipleChoice: Story;
 export declare const Collapsible: Story;
+export declare const proExample: Story;
 export declare const FileUploadForm: Story;
 export declare const HideSubmitButton: Story;

package/dist/Form.stories.js

@@ -25,6 +25,7 @@ import { Formik, useFormikContext } from "formik";
 import { InfoFieldButton, SearchableMultiTagSelectField, } from "./styledComponents";
 import { completeSchema, completeUiSchema, simpleSchema, simpleUiSchema, generatedSchema, requiredInputSchema, requiredInputUiSchema, conditionsSchema, conditionsUiSchema, refDefSchema, refDefUiSchema, multipleChoiceSchema, multipleChoiceUiSchema, collapsibleSchema, collapsibleUiSchema, } from "./sampleData";
 import { Form, styledComponents } from "./";
+import { pdfProExampleSchema, pdfProExampleUiSchema, } from "./sampleData/pdfProExampleSchema";
 import { fileUploadSchema, fileUploadUiSchema } from "./sampleData/fileUpload";
 import { FileUploadContext } from "./FileUploadContext";
 import { mockFetchFile, mockRemoveFile, mockUploadFile, } from "./fields/stories/FileUploadField.stories";
@@ -226,6 +227,9 @@ export const Collapsible = {
         uiSchema: collapsibleUiSchema,
     },
 };
+export const proExample = {
+    args: { schema: pdfProExampleSchema, uiSchema: pdfProExampleUiSchema },
+};
 export const FileUploadForm = {
     args: {
         schema: fileUploadSchema,

package/dist/FormPdf.d.ts

@@ -0,0 +1,6 @@
+import type { FormProps, FormRegistryContextValue, FormValues } from "./types";
+import React from "react";
+export declare const FormPdfRegistry: React.Context<FormRegistryContextValue>;
+export declare const FormPdf: <T>(props: FormProps<T> & {
+    values: FormValues;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/FormPdf.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import * as defaultComponents from "./styledComponents";
+import { warnFromUnsupportedKeys } from "./utils";
+import * as defaultFields from "./pdfFields";
+import * as defaultTemplates from "./pdfTemplates";
+export const FormPdfRegistry = React.createContext({
+    fields: defaultFields,
+    templates: defaultTemplates,
+    components: defaultComponents,
+    definitions: {},
+    uiSchemaDefinitions: {},
+    formContext: {},
+    useItemsAsAdditionalItems: false,
+    hideUnmarkedAdditionalProperties: false,
+});
+export const FormPdf = (props) => {
+    warnFromUnsupportedKeys("Form", props, [
+        "schema",
+        "onSubmit",
+        "uiSchema",
+        "className",
+        "formData",
+        "className",
+        "children",
+        "fields",
+        "formContext",
+        "components",
+        "hideUnmarkedAdditionalProperties",
+        "values",
+    ]);
+    const { schema, uiSchema = {}, className, fields = {}, templates = {}, components = {}, formContext = {}, useItemsAsAdditionalItems = false, hideUnmarkedAdditionalProperties = false, values = {}, } = props;
+    const schemaDefinitions = schema.definitions;
+    const uiSchemaDefinitions = uiSchema.definitions;
+    const registry = {
+        fields: Object.assign(Object.assign({}, defaultFields), fields),
+        templates: Object.assign(Object.assign({}, defaultTemplates), templates),
+        components: Object.assign(Object.assign({}, defaultComponents), components),
+        definitions: schemaDefinitions,
+        uiSchemaDefinitions,
+        formContext,
+        useItemsAsAdditionalItems,
+        hideUnmarkedAdditionalProperties,
+    };
+    const { Form: FormEl } = registry.components;
+    const SchemaField = registry.fields.SchemaField;
+    return (_jsx(FormPdfRegistry.Provider, { value: registry, children: _jsx(FormEl, { className: className, children: _jsx(SchemaField, { name: "", schema: schema, uiSchema: uiSchema, values: values }) }) }));
+};

package/dist/FormPdf.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj, Meta } from "@storybook/react";
+import { FormPdf } from "./";
+declare const meta: Meta<typeof FormPdf>;
+export default meta;
+type Story = StoryObj<typeof FormPdf>;
+export declare const SimplePdf: Story;
+export declare const CompletePdfSchema: Story;
+export declare const StylesCustomized: () => import("react/jsx-runtime").JSX.Element;
+export declare const ProExamplePdf: Story;
+export declare const EJSTest: Story;
+export declare const MultiChoice: Story;

package/dist/FormPdf.stories.js

@@ -0,0 +1,148 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { action } from "@storybook/addon-actions";
+import { Formik } from "formik";
+import { completeSchema, completeUiSchema, multipleChoiceSchema, multipleChoiceUiSchema, multipleChoiceValue, simpleSchema, } from "./sampleData";
+import { FormPdf, styledComponents } from "./";
+import { StringFieldPdf } from "./styledComponents";
+import { styled } from "styled-components";
+import { pdfProExampleData, pdfProExampleSchema, pdfProExampleUiSchema, } from "./sampleData/pdfProExampleSchema";
+import { ejsSchema, ejsTestValues, ejsUiSchema } from "./sampleData/ejsSchema";
+const meta = {
+    title: "FormPdf",
+    component: FormPdf,
+    // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
+    argTypes: {
+        schema: { control: { type: "object" } },
+        uiSchema: { control: { type: "object" } },
+        values: {},
+    },
+    render: (_a) => {
+        var args = __rest(_a, []);
+        return (_jsx(Formik, { initialValues: args.values, onSubmit: (values, formikHelpers) => __awaiter(void 0, void 0, void 0, function* () {
+                action("onSubmit(_, formHelper)")(formikHelpers);
+                action("onSubmit(values)")(values);
+                formikHelpers.setSubmitting(false);
+            }), children: _jsx(FormPdf, Object.assign({}, args)) }));
+    },
+};
+export default meta;
+export const SimplePdf = {
+    args: {
+        schema: simpleSchema,
+        uiSchema: {},
+        values: { firstName: "Doro", lastName: "Heck", age: 31, pet: "dog" },
+    },
+};
+export const CompletePdfSchema = {
+    args: {
+        schema: completeSchema,
+        uiSchema: completeUiSchema,
+        values: {
+            string: "This is a string value",
+            number: 123,
+            date: "2024-09-13",
+            boolean: true,
+            enum: 3,
+            enumOneOf: 4,
+            enumAnyOf: [1, 3],
+            enumTagSelectAnyOf: ["dog", "cat"],
+            searchableSelect: "hamster",
+            array: ["First field", "Second field"],
+            partiallyFixedArray: ["Hello", "To you"],
+            enumArray: [2, 4],
+            nested: { string: "This is a string inside a nested object" },
+            objectArray: [
+                {
+                    string: "this is a string in an object in an array",
+                    number: 1,
+                    date: "2020-09-20",
+                    boolean: false,
+                    enum: [3],
+                    enumWithTitle: 2,
+                },
+            ],
+            textArea: "This is a little longer text, but not really that long. Just a little longer to test out this text area.",
+            radio: true,
+            toggle: false,
+        },
+    },
+};
+/*** CUSTOMIZATION  ***/
+const CustomizedForm = styled(FormPdf) `
+  ${styledComponents.FieldTitle} {
+    color: red;
+  }
+`;
+const CustomizedFieldWrapper = styled.div `
+  outline: 2px solid
+    ${(props) => (props.title === "ABC" ? "blue" : "transparent")};
+`;
+const CustomizedStringFieldPdf = styled(StringFieldPdf) `
+  color: purple;
+`;
+export const StylesCustomized = () => {
+    return (_jsx(Formik, { initialValues: { firstName: "Doro", lastName: "Heck", age: 31 }, onSubmit: (values, formikHelpers) => __awaiter(void 0, void 0, void 0, function* () {
+            action("onSubmit(_, formHelper)")(formikHelpers);
+            action("onSubmit(values)")(values);
+            formikHelpers.setSubmitting(false);
+        }), children: _jsx(CustomizedForm, { schema: simpleSchema, uiSchema: {
+                age: {
+                    props: {
+                        wrapper: {
+                            title: "ABC",
+                        },
+                    },
+                },
+                firstName: {
+                    props: {
+                        wrapper: {
+                            title: "ABC",
+                        },
+                    },
+                },
+            }, components: {
+                FieldWrapper: CustomizedFieldWrapper,
+                StringFieldPdf: CustomizedStringFieldPdf,
+            }, values: { firstName: "Doro", lastName: "Heck", age: 31 } }) }));
+};
+export const ProExamplePdf = {
+    args: {
+        schema: pdfProExampleSchema,
+        uiSchema: pdfProExampleUiSchema,
+        values: pdfProExampleData,
+    },
+};
+export const EJSTest = {
+    args: {
+        schema: ejsSchema,
+        uiSchema: ejsUiSchema,
+        values: ejsTestValues,
+    },
+};
+export const MultiChoice = {
+    args: {
+        schema: multipleChoiceSchema,
+        uiSchema: multipleChoiceUiSchema,
+        values: multipleChoiceValue,
+    },
+};

package/dist/FormPdf.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/FormPdf.test.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@testing-library/jest-dom";
+import { render, screen } from "@testing-library/react";
+import { Formik } from "formik";
+import { FormPdf } from "./FormPdf";
+import { simpleSchema } from "./sampleData";
+test("renders title", () => {
+    render(_jsx(Formik, { initialValues: { firstName: "Lisa" }, onSubmit: () => { }, children: _jsx(FormPdf, { schema: simpleSchema, values: { firstName: "Lisa" } }) }));
+    const titleElement = screen.getByText(/TITLE/i);
+    const valueElement = screen.getByText("Lisa");
+    expect(titleElement).toBeInTheDocument();
+    expect(valueElement).toBeInTheDocument();
+});

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./Form";
+export * from "./FormPdf";
 export * as styledComponents from "./styledComponents";
 export * as fields from "./fields";
 export * as templates from "./templates";

package/dist/index.js

@@ -1,4 +1,5 @@
 export * from "./Form";
+export * from "./FormPdf";
 export * as styledComponents from "./styledComponents";
 export * as fields from "./fields";
 export * as templates from "./templates";

package/dist/pdfFields/AnyField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const AnyField: React.FC<FieldProps>;

package/dist/pdfFields/AnyField.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useField } from "formik";
+import { guessType } from "../utils";
+import { SchemaField } from "./SchemaField";
+import { COMPONENT_TYPES } from "./types";
+export const AnyField = (props) => {
+    const { name, schema, uiSchema } = props;
+    const [{ value }] = useField(name);
+    const [type, setType] = useState(value !== undefined ? guessType(value) : "string");
+    const enrichedSchema = useMemo(() => {
+        switch (type) {
+            case "object":
+                return Object.assign(Object.assign({}, (schema || {})), { type, additionalProperties: {} });
+            case "array":
+                return Object.assign(Object.assign({}, (schema || {})), { type, additionalItems: {} });
+            default:
+                return Object.assign(Object.assign({}, (schema || {})), { type });
+        }
+    }, [type, schema]);
+    return (_jsxs("div", { children: [_jsx("select", { value: type, onChange: (event) => setType(event.target.value), children: Object.keys(COMPONENT_TYPES).map((type) => (_jsx("option", { value: type, children: type }, type))) }), _jsx(SchemaField, { name: name, schema: enrichedSchema, uiSchema: uiSchema })] }));
+};

package/dist/pdfFields/ArrayField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const ArrayField: React.FC<FieldProps>;

package/dist/pdfFields/ArrayField.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useField, useFormikContext } from "formik";
+import { useContext, useMemo } from "react";
+import { FormPdfRegistry } from "../FormPdf";
+import { useExtractUiSchema, useSetDefault } from "../hooks";
+import { getEnums } from "../utils";
+import { styled } from "styled-components";
+const ArrayFieldPdf = styled.div ``;
+export const ArrayField = (props) => {
+    const { fields: { SchemaField }, templates: { ArrayFieldTemplate }, components: { ArrayFieldItem, ArrayFieldList }, useItemsAsAdditionalItems, } = useContext(FormPdfRegistry);
+    useSetDefault(props);
+    const { name, schema, uiSchema } = props;
+    const { type, props: inputProps } = useExtractUiSchema(uiSchema);
+    const [{ value }, _, { setValue }] = useField(name);
+    const { items } = useMemo(() => {
+        let items = schema.items && typeof schema.items !== "boolean" ? schema.items : [];
+        if (!Array.isArray(items)) {
+            items = [items];
+        }
+        return {
+            items: items.filter((item) => typeof item !== "boolean"),
+        };
+    }, [schema]);
+    const { disabled } = useExtractUiSchema(uiSchema);
+    const { values } = useFormikContext();
+    const findEnumInProps = props.schema.additionalItems
+        ? { schema: props.schema.additionalItems }
+        : props;
+    const enums = useMemo(() => getEnums(findEnumInProps), [props]);
+    function getValue(item) {
+        var _a, _b;
+        if (enums !== undefined) {
+            return ((_b = (_a = enums.values.find((element) => element.const === item)) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : "");
+        }
+        return item;
+    }
+    return (_jsx(ArrayFieldTemplate, Object.assign({}, props, { children: value &&
+            value.map((item, index) => typeof item === "object" ? (_jsx(ArrayFieldItem, { children: _jsx(SchemaField, { name: `${name}[${index}]`, schema: typeof props.schema.additionalItems !== "boolean"
+                        ? props.schema.additionalItems
+                        : {}, uiSchema: uiSchema }) }, index)) : (_jsx(ArrayFieldItem, { children: _jsx("div", { "data-keyword": item, children: getValue(item) }) }, item))) })));
+};

package/dist/pdfFields/BooleanField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const BooleanField: React.FC<FieldProps>;

package/dist/pdfFields/BooleanField.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { FormPdfRegistry } from "../FormPdf";
+import { useExtractUiSchema, useSetDefault } from "../hooks";
+import { useFormikContext } from "formik";
+export const BooleanField = (props) => {
+    const { templates: { FieldTemplate }, components: { BooleanFieldPdf, BooleanFieldWrapper }, } = useContext(FormPdfRegistry);
+    useSetDefault(props);
+    const { name, uiSchema } = props;
+    const { label, props: inputProps } = useExtractUiSchema(uiSchema);
+    const { values } = useFormikContext();
+    const value = values[name];
+    function findLabel(label) {
+        if (typeof label === "object" && label !== null) {
+            switch (value) {
+                case true:
+                    return label.true;
+                case false:
+                    return label.false;
+                case undefined:
+                    return undefined;
+            }
+        }
+        return typeof label === "string" ? label : undefined;
+    }
+    return (_jsx(FieldTemplate, Object.assign({}, props, { children: _jsx(BooleanFieldWrapper, { children: _jsx(BooleanFieldPdf, { name: name, value: value, label: findLabel(label) }) }) })));
+};

package/dist/pdfFields/DateField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const DateField: React.FC<FieldProps>;

package/dist/pdfFields/DateField.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { FormPdfRegistry } from "../FormPdf";
+import { useExtractUiSchema, useSetDefault } from "../hooks";
+import { useFormikContext } from "formik";
+import { styled } from "styled-components";
+const DateFieldPdf = styled.div ``;
+export const DateField = (props) => {
+    const { templates: { FieldTemplate }, components: {}, } = useContext(FormPdfRegistry);
+    useSetDefault(props);
+    const { name, uiSchema } = props;
+    const { values } = useFormikContext();
+    const { props: inputProps } = useExtractUiSchema(uiSchema);
+    const value = values[name];
+    return (_jsx(FieldTemplate, Object.assign({}, props, { children: _jsx(DateFieldPdf, { children: value }) })));
+};

package/dist/pdfFields/EJSField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const EJSField: React.FC<FieldProps>;

package/dist/pdfFields/EJSField.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { useSetDefault } from "../hooks";
+import ejs from "ejs";
+import { useFormikContext } from "formik";
+import { getDescription, getTitle } from "../utils";
+import { FormPdfRegistry } from "../FormPdf";
+export const EJSField = (props) => {
+    var _a, _b;
+    const { components: { EJSField }, } = useContext(FormPdfRegistry);
+    useSetDefault(props);
+    const { name, uiSchema = {} } = props;
+    const { values } = useFormikContext();
+    const title = getTitle(props);
+    const description = getDescription(props);
+    const template = (_b = (_a = uiSchema["ui:options"]) === null || _a === void 0 ? void 0 : _a.template) !== null && _b !== void 0 ? _b : "";
+    return (_jsx(EJSField, { dangerouslySetInnerHTML: {
+            __html: ejs.render(template.toString(), {
+                title,
+                description,
+                value: values[name],
+            }),
+        } }));
+};

package/dist/pdfFields/MultipleChoiceField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const MultipleChoiceField: React.FC<FieldProps>;

package/dist/pdfFields/MultipleChoiceField.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useMemo } from "react";
+import { FormPdfRegistry } from "../FormPdf";
+import { useExtractUiSchema, useSetDefault } from "../hooks";
+import { getEnums, getSelectedEnum } from "../utils/getEnums";
+import { getIn, useFormikContext } from "formik";
+export const MultipleChoiceField = (props) => {
+    var _a;
+    const { templates: { FieldTemplate }, components: { MultipleChoiceFieldPdf }, } = useContext(FormPdfRegistry);
+    useSetDefault(props);
+    const { name, uiSchema } = props;
+    const { props: inputProps, style, onlyShowSelected, } = useExtractUiSchema(uiSchema);
+    const enums = useMemo(() => getEnums(props), [props]);
+    const { values } = useFormikContext();
+    const value = getIn(values, name);
+    const selected = getSelectedEnum(value, enums);
+    const notSelected = (_a = enums === null || enums === void 0 ? void 0 : enums.values) === null || _a === void 0 ? void 0 : _a.filter((v) => Array.isArray(value) && !value.includes(v));
+    const hideNotSelected = onlyShowSelected === true || selected === undefined;
+    return (_jsx(FieldTemplate, Object.assign({}, props, { children: _jsx(MultipleChoiceFieldPdf, { inputProps: inputProps, name: name, style: style, selected: selected, notSelected: hideNotSelected ? undefined : notSelected }) })));
+};

package/dist/pdfFields/NullField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const NullField: React.FC<FieldProps>;

package/dist/pdfFields/NullField.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { FormRegistry } from "../Form";
+export const NullField = (props) => {
+    const { templates: { FieldTemplate }, } = useContext(FormRegistry);
+    const { name } = props;
+    return _jsx(FieldTemplate, Object.assign({}, props));
+};

package/dist/pdfFields/NumberField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const NumberField: React.FC<FieldProps>;

package/dist/pdfFields/NumberField.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StringField } from "./StringField";
+export const NumberField = (props) => {
+    var _a;
+    return (_jsx(StringField, Object.assign({}, props, { uiSchema: Object.assign(Object.assign({}, props.uiSchema), { "ui:props": Object.assign(Object.assign({}, (((_a = props.uiSchema) === null || _a === void 0 ? void 0 : _a["ui:props"]) || {})), { type: "number" }) }) })));
+};

package/dist/pdfFields/ObjectField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const ObjectField: React.FC<FieldProps>;

package/dist/pdfFields/ObjectField.js

@@ -0,0 +1,59 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useField, useFormikContext } from "formik";
+import { useContext, useEffect, useMemo } from "react";
+import { FormPdfRegistry } from "../FormPdf";
+import { resolveSchema } from "../utils/resolveSchema";
+import { useSetDefault } from "../hooks";
+import { orderByUiSchema } from "../utils";
+const useObjectField = (name) => {
+    if (!name) {
+        const { values = {}, setValues } = useFormikContext();
+        return { value: values, setValue: setValues };
+    }
+    const [{ value = {} }, _, { setValue }] = useField(name);
+    return { value, setValue };
+};
+export const ObjectField = (props) => {
+    var _a, _b;
+    const { fields: { SchemaField }, templates: { ObjectFieldTemplate, CollapsibleObjectFieldTemplate }, components: { ObjectFieldItem }, hideUnmarkedAdditionalProperties, } = useContext(FormPdfRegistry);
+    useSetDefault(props);
+    const { name, schema, uiSchema } = props;
+    const { value, setValue } = useObjectField(name);
+    const [{ properties, additionalProperties, required }, valuesToRemove] = useMemo(() => {
+        return resolveSchema(schema, value);
+    }, [schema, value]);
+    useEffect(() => {
+        if (valuesToRemove.length > 0) {
+            const newValue = valuesToRemove.reduce((prevValue, key) => {
+                const _a = prevValue, _b = key, _removedProperty = _a[_b], newValue = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+                return newValue;
+            }, value);
+            setValue(newValue);
+        }
+    }, [valuesToRemove]);
+    const propertyKeys = useMemo(() => Object.keys(properties || {}), [properties]);
+    const additionalValues = useMemo(() => Object.fromEntries(Object.entries(value || {}).filter(([key, value]) => !propertyKeys.includes(key))), [value, propertyKeys]);
+    const FieldTemplateComponent = ((_b = (_a = props.uiSchema) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.isCollapsible)
+        ? CollapsibleObjectFieldTemplate
+        : ObjectFieldTemplate;
+    const orderedProperties = orderByUiSchema(uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema["ui:order"], Object.keys(properties || {}));
+    return (_jsx(FieldTemplateComponent, Object.assign({}, props, { children: (orderedProperties !== null && orderedProperties !== void 0 ? orderedProperties : Object.keys(properties || {}))
+            .map((childName) => {
+            const childSchema = properties === null || properties === void 0 ? void 0 : properties[childName];
+            if (!childSchema)
+                return undefined;
+            return (_jsx(SchemaField, { name: name ? [name, childName].join(".") : childName, schema: typeof childSchema !== "boolean" ? childSchema : {}, uiSchema: uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema[childName] }, childName));
+        })
+            .filter((x) => x) })));
+};

package/dist/pdfFields/RadioField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const RadioField: React.FC<FieldProps>;

package/dist/pdfFields/RadioField.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BooleanField } from "./BooleanField";
+export const RadioField = (props) => {
+    var _a;
+    return (_jsx(BooleanField, Object.assign({}, props, { uiSchema: Object.assign(Object.assign({}, props.uiSchema), { "ui:props": Object.assign(Object.assign({}, (((_a = props.uiSchema) === null || _a === void 0 ? void 0 : _a["ui:props"]) || {})), { type: "boolean" }) }) })));
+};

package/dist/pdfFields/SchemaField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const SchemaField: React.FC<FieldProps>;

package/dist/pdfFields/SchemaField.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useMemo } from "react";
+import { getSchemaType, solveReferences } from "../utils";
+import { useExtractUiSchema } from "../hooks";
+import { FormPdfRegistry } from "../FormPdf";
+import { COMPONENT_TYPES } from "./types";
+const useFieldComponent = (schema, uiSchema, fields) => {
+    const { field } = useExtractUiSchema(uiSchema);
+    if (typeof field === "function") {
+        return field;
+    }
+    if (typeof field === "string" && field in fields) {
+        return fields[field];
+    }
+    let schemaType = getSchemaType(schema);
+    if (Array.isArray(schemaType)) {
+        schemaType = schemaType[0];
+    }
+    const componentName = COMPONENT_TYPES[schemaType || "any"];
+    return componentName in fields
+        ? fields[componentName]
+        : fields.UnsupportedField;
+};
+export const SchemaField = (props) => {
+    const { schema, uiSchema } = props;
+    const { fields, definitions, uiSchemaDefinitions } = useContext(FormPdfRegistry);
+    const schemaSolvedForReferences = useMemo(() => solveReferences(schema, definitions, uiSchema, uiSchemaDefinitions), [schema, definitions]);
+    const FieldComponent = useFieldComponent(schemaSolvedForReferences.schema, schemaSolvedForReferences.uiSchema, fields);
+    const newProps = Object.assign(Object.assign({}, props), { schema: schemaSolvedForReferences.schema, uiSchema: schemaSolvedForReferences.uiSchema });
+    return _jsx(FieldComponent, Object.assign({}, newProps));
+};

package/dist/pdfFields/SearchMultiTagSelectField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const SearchMultiTagSelectField: React.FC<FieldProps>;

package/dist/pdfFields/SearchMultiTagSelectField.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useMemo } from "react";
+import { FormRegistry } from "../Form";
+import { getEnums } from "../utils/getEnums";
+import { useExtractUiSchema, useSetDefault } from "../hooks";
+import { ArrayField } from "./ArrayField";
+export const SearchMultiTagSelectField = (props) => {
+    const { templates: { FieldTemplate }, } = useContext(FormRegistry);
+    useSetDefault(props);
+    const { name, uiSchema } = props;
+    const { placeholder, emptySearchMessage, props: inputProps, } = useExtractUiSchema(uiSchema);
+    const enums = useMemo(() => getEnums(props), [props]);
+    return (_jsx(ArrayField, Object.assign({}, props, inputProps, { name: name, placeholder: placeholder, emptySearchMessage: emptySearchMessage, enums: enums })));
+};

package/dist/pdfFields/SearchableSelectField.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { FieldProps } from "../types";
+export declare const SearchableSelectField: React.FC<FieldProps>;