@nolwenture/formik-jsonschema-form 0.26.2 → 0.26.4

package/dist/cjs/hooks/__tests__/useSetDefault.test.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("@testing-library/react");
+const formik_1 = require("formik");
+const useSetDefault_1 = require("../useSetDefault");
+const getTypes_1 = require("../../utils/getTypes");
+jest.mock("formik", () => ({
+    useField: jest.fn(),
+}));
+jest.mock("../../utils/getTypes", () => ({
+    getDefaultValueForType: jest.fn(),
+}));
+describe("useSetDefault", () => {
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+    test("sets default value from schema if present", () => {
+        const mockSetValue = jest.fn();
+        formik_1.useField.mockReturnValue([
+            { value: "" },
+            {},
+            { setValue: mockSetValue },
+        ]);
+        const fieldProps = {
+            name: "testField",
+            schema: { default: "defaultValue" },
+            uiSchema: {},
+            forceDefaultValue: false,
+        };
+        (0, react_1.renderHook)(() => (0, useSetDefault_1.useSetDefault)(fieldProps));
+        expect(mockSetValue).toHaveBeenCalledWith("defaultValue");
+    });
+    test("sets default value using getDefaultValueForType if forceDefaultValue is true and no default is provided in schema", () => {
+        const mockSetValue = jest.fn();
+        formik_1.useField.mockReturnValue([
+            { value: "" },
+            {},
+            { setValue: mockSetValue },
+        ]);
+        getTypes_1.getDefaultValueForType.mockReturnValue("generatedDefaultValue");
+        const fieldProps = {
+            name: "testField",
+            schema: { type: [] },
+            uiSchema: {},
+            forceDefaultValue: true,
+        };
+        (0, react_1.renderHook)(() => (0, useSetDefault_1.useSetDefault)(fieldProps));
+        expect(mockSetValue).toHaveBeenCalledWith("generatedDefaultValue");
+        expect(getTypes_1.getDefaultValueForType).toHaveBeenCalledWith([]);
+    });
+    test("does not set default value if value is already set", () => {
+        const mockSetValue = jest.fn();
+        formik_1.useField.mockReturnValue([
+            { value: "existingValue" },
+            {},
+            { setValue: mockSetValue },
+        ]);
+        const fieldProps = {
+            name: "testField",
+            schema: { default: "defaultValue" },
+            uiSchema: {},
+            forceDefaultValue: true,
+        };
+        (0, react_1.renderHook)(() => (0, useSetDefault_1.useSetDefault)(fieldProps));
+        expect(mockSetValue).not.toHaveBeenCalled();
+    });
+});

package/dist/cjs/hooks/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useExtractUiSchema"), exports);
+__exportStar(require("./useSetDefault"), exports);

package/dist/cjs/hooks/useExtractUiSchema.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExtractUiSchema = void 0;
+const react_1 = require("react");
+const useExtractUiSchema = (props = {}) => {
+    // props is frozen by React, so it needs to be copied
+    const schema = { ...props };
+    if (schema.props !== undefined) {
+        schema["ui:props"] = {
+            ...(schema["ui:props"] ?? {}),
+            ...(schema.props ?? {}),
+        };
+    }
+    return (0, react_1.useMemo)(() => {
+        const { "ui:options": options = {}, ...uiSchema } = schema;
+        return {
+            ...Object.keys(uiSchema || {}).reduce((result, key) => ({
+                ...result,
+                [key.replace("ui:", "")]: uiSchema[key],
+            }), {}),
+            ...options,
+        };
+        // Input props needs to be relied, not schema. Otherwise, it will be recomputed on every render.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props]);
+};
+exports.useExtractUiSchema = useExtractUiSchema;

package/dist/cjs/hooks/useSetDefault.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSetDefault = void 0;
+const react_1 = require("react");
+const formik_1 = require("formik");
+const getTypes_1 = require("../utils/getTypes");
+const useSetDefault = (props) => {
+    if (!props.name) {
+        return;
+    }
+    const [{ value }, _, { setValue }] = (0, formik_1.useField)(props.name);
+    (0, react_1.useEffect)(() => {
+        if (!value) {
+            if (props.schema.default) {
+                setValue(props.schema.default);
+            }
+            else if (props.forceDefaultValue) {
+                setValue((0, getTypes_1.getDefaultValueForType)(props.schema.type));
+            }
+        }
+    }, []);
+};
+exports.useSetDefault = useSetDefault;

package/dist/cjs/index.js

@@ -0,0 +1,35 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.templates = exports.fields = exports.styledComponents = void 0;
+__exportStar(require("./Form"), exports);
+__exportStar(require("./FormPdf"), exports);
+exports.styledComponents = __importStar(require("./styledComponents"));
+exports.fields = __importStar(require("./fields"));
+exports.templates = __importStar(require("./templates"));
+__exportStar(require("./FormEditor"), exports);

package/dist/cjs/pdfFields/AnyField.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnyField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const formik_1 = require("formik");
+const utils_1 = require("../utils");
+const SchemaField_1 = require("./SchemaField");
+const types_1 = require("./types");
+const AnyField = (props) => {
+    const { name, schema, uiSchema } = props;
+    const [{ value }] = (0, formik_1.useField)(name);
+    const [type, setType] = (0, react_1.useState)(value !== undefined ? (0, utils_1.guessType)(value) : "string");
+    const enrichedSchema = (0, react_1.useMemo)(() => {
+        switch (type) {
+            case "object":
+                return { ...(schema || {}), type, additionalProperties: {} };
+            case "array":
+                return { ...(schema || {}), type, additionalItems: {} };
+            default:
+                return { ...(schema || {}), type };
+        }
+    }, [type, schema]);
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("select", { value: type, onChange: (event) => setType(event.target.value), children: Object.keys(types_1.COMPONENT_TYPES).map((type) => ((0, jsx_runtime_1.jsx)("option", { value: type, children: type }, type))) }), (0, jsx_runtime_1.jsx)(SchemaField_1.SchemaField, { name: name, schema: enrichedSchema, uiSchema: uiSchema })] }));
+};
+exports.AnyField = AnyField;

package/dist/cjs/pdfFields/ArrayField.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrayField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const formik_1 = require("formik");
+const react_1 = require("react");
+const FormPdf_1 = require("../FormPdf");
+const hooks_1 = require("../hooks");
+const utils_1 = require("../utils");
+const ArrayField = (props) => {
+    const { fields: { SchemaField }, templates: { ArrayFieldTemplate }, components: { ArrayFieldItem }, } = (0, react_1.useContext)(FormPdf_1.FormPdfRegistry);
+    (0, hooks_1.useSetDefault)(props);
+    const { name, uiSchema } = props;
+    const [{ value }, _] = (0, formik_1.useField)(name);
+    const findEnumInProps = props.schema.additionalItems
+        ? { schema: props.schema.additionalItems }
+        : props;
+    const enums = (0, react_1.useMemo)(() => (0, utils_1.getEnums)(findEnumInProps), [props]);
+    function getValue(item) {
+        if (enums !== undefined) {
+            return (enums.values.find((element) => element.const === item)?.title ?? "");
+        }
+        return item;
+    }
+    return ((0, jsx_runtime_1.jsx)(ArrayFieldTemplate, { ...props, children: value &&
+            value.map((item, index) => typeof item === "object" ? ((0, jsx_runtime_1.jsx)(ArrayFieldItem, { children: (0, jsx_runtime_1.jsx)(SchemaField, { name: `${name}[${index}]`, schema: typeof props.schema.additionalItems !== "boolean"
+                        ? props.schema.additionalItems
+                        : {}, uiSchema: uiSchema }) }, index)) : ((0, jsx_runtime_1.jsx)(ArrayFieldItem, { children: (0, jsx_runtime_1.jsx)("div", { "data-keyword": item, children: getValue(item) }) }, item))) }));
+};
+exports.ArrayField = ArrayField;

package/dist/cjs/pdfFields/BooleanField.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BooleanField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const FormPdf_1 = require("../FormPdf");
+const hooks_1 = require("../hooks");
+const formik_1 = require("formik");
+const BooleanField = (props) => {
+    const { templates: { FieldTemplate }, components: { BooleanFieldPdf, BooleanFieldWrapper }, } = (0, react_1.useContext)(FormPdf_1.FormPdfRegistry);
+    (0, hooks_1.useSetDefault)(props);
+    const { name, uiSchema } = props;
+    const { label } = (0, hooks_1.useExtractUiSchema)(uiSchema);
+    const { values } = (0, formik_1.useFormikContext)();
+    const value = (0, formik_1.getIn)(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 ((0, jsx_runtime_1.jsx)(FieldTemplate, { ...props, children: (0, jsx_runtime_1.jsx)(BooleanFieldWrapper, { children: (0, jsx_runtime_1.jsx)(BooleanFieldPdf, { name: name, value: value, label: findLabel(label) }) }) }));
+};
+exports.BooleanField = BooleanField;

package/dist/cjs/pdfFields/DateField.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const StringField_1 = require("./StringField");
+const DateField = (props) => {
+    return ((0, jsx_runtime_1.jsx)(StringField_1.StringField, { ...props, uiSchema: {
+            ...props.uiSchema,
+            "ui:props": { ...(props.uiSchema?.["ui:props"] || {}) },
+        } }));
+};
+exports.DateField = DateField;

package/dist/cjs/pdfFields/EJSField.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EJSField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("../hooks");
+const ejs_browser_1 = __importDefault(require("ejs-browser"));
+const dompurify_1 = __importDefault(require("dompurify"));
+const formik_1 = require("formik");
+const utils_1 = require("../utils");
+const FormPdf_1 = require("../FormPdf");
+const EJSField = (props) => {
+    const { components: { EJSField: PdfEJSField }, } = (0, react_1.useContext)(FormPdf_1.FormPdfRegistry);
+    (0, hooks_1.useSetDefault)(props);
+    const { name, uiSchema = {} } = props;
+    const { values } = (0, formik_1.useFormikContext)();
+    const title = (0, utils_1.getTitle)(props) || "Untitled Field";
+    const description = (0, utils_1.getDescription)(props) || "No description available.";
+    const template = uiSchema["ui:options"]?.template ?? "No template provided.";
+    const renderedTemplate = (0, react_1.useMemo)(() => {
+        try {
+            return ejs_browser_1.default.render(template.toString(), {
+                title,
+                description,
+                value: (0, formik_1.getIn)(values, name),
+            });
+        }
+        catch (error) {
+            console.error("EJS rendering error:", error);
+            return "Error rendering template.";
+        }
+    }, [template, title, description, name, values]);
+    const sanitizedHTML = dompurify_1.default.sanitize(renderedTemplate);
+    return ((0, jsx_runtime_1.jsx)(PdfEJSField, { dangerouslySetInnerHTML: {
+            __html: sanitizedHTML,
+        } }));
+};
+exports.EJSField = EJSField;

package/dist/cjs/pdfFields/MultipleChoiceField.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultipleChoiceField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const FormPdf_1 = require("../FormPdf");
+const hooks_1 = require("../hooks");
+const getEnums_1 = require("../utils/getEnums");
+const formik_1 = require("formik");
+const MultipleChoiceField = (props) => {
+    const { templates: { FieldTemplate }, components: { MultipleChoiceFieldPdf }, } = (0, react_1.useContext)(FormPdf_1.FormPdfRegistry);
+    (0, hooks_1.useSetDefault)(props);
+    const { name, uiSchema } = props;
+    const { props: inputProps, style, onlyShowSelected, } = (0, hooks_1.useExtractUiSchema)(uiSchema);
+    const enums = (0, react_1.useMemo)(() => (0, getEnums_1.getEnums)(props), [props]);
+    const { values } = (0, formik_1.useFormikContext)();
+    const value = (0, formik_1.getIn)(values, name);
+    const selected = (0, getEnums_1.getSelectedEnum)(value, enums);
+    const notSelected = enums?.values?.filter((v) => Array.isArray(value) && !value.includes(v));
+    const hideNotSelected = onlyShowSelected === true || selected === undefined;
+    return ((0, jsx_runtime_1.jsx)(FieldTemplate, { ...props, children: (0, jsx_runtime_1.jsx)(MultipleChoiceFieldPdf, { inputProps: inputProps, name: name, style: style, selected: selected, notSelected: hideNotSelected ? undefined : notSelected }) }));
+};
+exports.MultipleChoiceField = MultipleChoiceField;

package/dist/cjs/pdfFields/NullField.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NullField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Form_1 = require("../Form");
+const NullField = (props) => {
+    const { templates: { FieldTemplate }, } = (0, react_1.useContext)(Form_1.FormRegistry);
+    return (0, jsx_runtime_1.jsx)(FieldTemplate, { ...props });
+};
+exports.NullField = NullField;

package/dist/cjs/pdfFields/NumberField.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const StringField_1 = require("./StringField");
+const NumberField = (props) => {
+    return ((0, jsx_runtime_1.jsx)(StringField_1.StringField, { ...props, uiSchema: {
+            ...props.uiSchema,
+            "ui:props": { ...(props.uiSchema?.["ui:props"] || {}), type: "number" },
+        } }));
+};
+exports.NumberField = NumberField;

package/dist/cjs/pdfFields/ObjectField.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ObjectField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const formik_1 = require("formik");
+const react_1 = require("react");
+const FormPdf_1 = require("../FormPdf");
+const resolveSchema_1 = require("../utils/resolveSchema");
+const hooks_1 = require("../hooks");
+const utils_1 = require("../utils");
+const useObjectField = (name) => {
+    if (!name) {
+        const { values = {}, setValues } = (0, formik_1.useFormikContext)();
+        return { value: values, setValue: setValues };
+    }
+    const [{ value = {} }, _, { setValue }] = (0, formik_1.useField)(name);
+    return { value, setValue };
+};
+const ObjectField = (props) => {
+    const { fields: { SchemaField }, templates: { ObjectFieldTemplate, CollapsibleObjectFieldTemplate }, } = (0, react_1.useContext)(FormPdf_1.FormPdfRegistry);
+    (0, hooks_1.useSetDefault)(props);
+    const { name, schema, uiSchema } = props;
+    const { value, setValue } = useObjectField(name);
+    const [{ properties }, valuesToRemove] = (0, react_1.useMemo)(() => {
+        return (0, resolveSchema_1.resolveSchema)(schema, value);
+    }, [schema, value]);
+    (0, react_1.useEffect)(() => {
+        if (valuesToRemove.length > 0) {
+            const newValue = valuesToRemove.reduce((prevValue, key) => {
+                const { [key]: _removedProperty, ...newValue } = prevValue;
+                return newValue;
+            }, value);
+            setValue(newValue);
+        }
+    }, [valuesToRemove]);
+    const FieldTemplateComponent = props.uiSchema?.props?.isCollapsible
+        ? CollapsibleObjectFieldTemplate
+        : ObjectFieldTemplate;
+    const orderedProperties = (0, utils_1.orderByUiSchema)(uiSchema?.["ui:order"], Object.keys(properties || {}));
+    return ((0, jsx_runtime_1.jsx)(FieldTemplateComponent, { ...props, children: (orderedProperties ?? Object.keys(properties || {}))
+            .map((childName) => {
+            const childSchema = properties?.[childName];
+            if (!childSchema)
+                return undefined;
+            return ((0, jsx_runtime_1.jsx)(SchemaField, { name: name ? [name, childName].join(".") : childName, schema: typeof childSchema !== "boolean" ? childSchema : {}, uiSchema: uiSchema?.[childName] }, childName));
+        })
+            .filter((x) => x) }));
+};
+exports.ObjectField = ObjectField;

package/dist/cjs/pdfFields/RadioField.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BooleanField_1 = require("./BooleanField");
+const RadioField = (props) => {
+    return ((0, jsx_runtime_1.jsx)(BooleanField_1.BooleanField, { ...props, uiSchema: {
+            ...props.uiSchema,
+            "ui:props": {
+                ...(props.uiSchema?.["ui:props"] || {}),
+                type: "boolean",
+            },
+        } }));
+};
+exports.RadioField = RadioField;

package/dist/cjs/pdfFields/SchemaField.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SchemaField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("../utils");
+const hooks_1 = require("../hooks");
+const FormPdf_1 = require("../FormPdf");
+const types_1 = require("./types");
+const useFieldComponent = (schema, uiSchema, fields) => {
+    const { field } = (0, hooks_1.useExtractUiSchema)(uiSchema);
+    if (typeof field === "function") {
+        return field;
+    }
+    if (typeof field === "string" && field in fields) {
+        return fields[field];
+    }
+    let schemaType = (0, utils_1.getSchemaType)(schema);
+    if (Array.isArray(schemaType)) {
+        schemaType = schemaType[0];
+    }
+    const componentName = types_1.COMPONENT_TYPES[schemaType || "any"];
+    return componentName in fields
+        ? fields[componentName]
+        : fields.UnsupportedField;
+};
+const SchemaField = (props) => {
+    const { schema, uiSchema } = props;
+    const { fields, definitions, uiSchemaDefinitions } = (0, react_1.useContext)(FormPdf_1.FormPdfRegistry);
+    const schemaSolvedForReferences = (0, react_1.useMemo)(() => (0, utils_1.solveReferences)(schema, definitions, uiSchema, uiSchemaDefinitions), [schema, definitions]);
+    const FieldComponent = useFieldComponent(schemaSolvedForReferences.schema, schemaSolvedForReferences.uiSchema, fields);
+    const newProps = {
+        ...props,
+        schema: schemaSolvedForReferences.schema,
+        uiSchema: schemaSolvedForReferences.uiSchema,
+    };
+    return (0, jsx_runtime_1.jsx)(FieldComponent, { ...newProps });
+};
+exports.SchemaField = SchemaField;

package/dist/cjs/pdfFields/SearchMultiTagSelectField.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchMultiTagSelectField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const getEnums_1 = require("../utils/getEnums");
+const hooks_1 = require("../hooks");
+const ArrayField_1 = require("./ArrayField");
+const SearchMultiTagSelectField = (props) => {
+    (0, hooks_1.useSetDefault)(props);
+    const { name, uiSchema } = props;
+    const { placeholder, emptySearchMessage, props: inputProps, } = (0, hooks_1.useExtractUiSchema)(uiSchema);
+    const enums = (0, react_1.useMemo)(() => (0, getEnums_1.getEnums)(props), [props]);
+    return ((0, jsx_runtime_1.jsx)(ArrayField_1.ArrayField, { ...props, ...inputProps, name: name, placeholder: placeholder, emptySearchMessage: emptySearchMessage, enums: enums }));
+};
+exports.SearchMultiTagSelectField = SearchMultiTagSelectField;

package/dist/cjs/pdfFields/SearchableSelectField.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchableSelectField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../hooks");
+const StringField_1 = require("./StringField");
+const SearchableSelectField = (props) => {
+    (0, hooks_1.useSetDefault)(props);
+    const { uiSchema } = props;
+    const { props: inputProps } = (0, hooks_1.useExtractUiSchema)(uiSchema);
+    return (0, jsx_runtime_1.jsx)(StringField_1.StringField, { ...props, ...inputProps });
+};
+exports.SearchableSelectField = SearchableSelectField;

package/dist/cjs/pdfFields/StringField.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const FormPdf_1 = require("../FormPdf");
+const hooks_1 = require("../hooks");
+const formik_1 = require("formik");
+const utils_1 = require("../utils");
+const StringField = (props) => {
+    const { templates: { FieldTemplate }, components: { StringFieldPdf }, } = (0, react_1.useContext)(FormPdf_1.FormPdfRegistry);
+    (0, hooks_1.useSetDefault)(props);
+    const { name } = props;
+    const { values } = (0, formik_1.useFormikContext)();
+    const enums = (0, react_1.useMemo)(() => (0, utils_1.getEnums)(props), [props]);
+    let value = (0, formik_1.getIn)(values, name);
+    if (enums !== undefined) {
+        value =
+            enums.values.find((element) => element.const === value)?.title ?? value;
+    }
+    return ((0, jsx_runtime_1.jsx)(FieldTemplate, { ...props, children: (0, jsx_runtime_1.jsx)(StringFieldPdf, { name: name, "data-keyword": values[name], children: value }) }));
+};
+exports.StringField = StringField;

package/dist/cjs/pdfFields/TextAreaField.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextAreaField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const FormPdf_1 = require("../FormPdf");
+const hooks_1 = require("../hooks");
+const formik_1 = require("formik");
+const TextAreaField = (props) => {
+    const { templates: { FieldTemplate }, components: { TextAreaPdf }, } = (0, react_1.useContext)(FormPdf_1.FormPdfRegistry);
+    (0, hooks_1.useSetDefault)(props);
+    const { name, uiSchema } = props;
+    const { values } = (0, formik_1.useFormikContext)();
+    const value = (0, formik_1.getIn)(values, name);
+    return ((0, jsx_runtime_1.jsx)(FieldTemplate, { ...props, children: (0, jsx_runtime_1.jsx)(TextAreaPdf, { name: name, children: value }) }));
+};
+exports.TextAreaField = TextAreaField;

package/dist/cjs/pdfFields/ToggleField.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BooleanField_1 = require("./BooleanField");
+const ToggleField = (props) => {
+    return ((0, jsx_runtime_1.jsx)(BooleanField_1.BooleanField, { ...props, uiSchema: {
+            ...props.uiSchema,
+            "ui:props": {
+                ...(props.uiSchema?.["ui:props"] || {}),
+                type: "boolean",
+            },
+        } }));
+};
+exports.ToggleField = ToggleField;

package/dist/cjs/pdfFields/index.js

@@ -0,0 +1,32 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ArrayField"), exports);
+__exportStar(require("./BooleanField"), exports);
+__exportStar(require("./DateField"), exports);
+__exportStar(require("./NullField"), exports);
+__exportStar(require("./NumberField"), exports);
+__exportStar(require("./ObjectField"), exports);
+__exportStar(require("./SchemaField"), exports);
+__exportStar(require("./StringField"), exports);
+__exportStar(require("./AnyField"), exports);
+__exportStar(require("./RadioField"), exports);
+__exportStar(require("./ToggleField"), exports);
+__exportStar(require("./SearchMultiTagSelectField"), exports);
+__exportStar(require("./SearchableSelectField"), exports);
+__exportStar(require("./MultipleChoiceField"), exports);
+__exportStar(require("./TextAreaField"), exports);
+__exportStar(require("./EJSField"), exports);

package/dist/cjs/pdfFields/types.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COMPONENT_TYPES = void 0;
+exports.COMPONENT_TYPES = {
+    array: "ArrayField",
+    boolean: "BooleanField",
+    integer: "NumberField",
+    number: "NumberField",
+    object: "ObjectField",
+    string: "StringField",
+    null: "NullField",
+    any: "AnyField",
+};

package/dist/cjs/pdfTemplates/ArrayFieldTemplate.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrayFieldTemplate = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const FormPdf_1 = require("../FormPdf");
+const utils_1 = require("../utils");
+const hooks_1 = require("../hooks");
+const styledComponents_1 = require("../styledComponents");
+const ArrayFieldTemplate = (props) => {
+    const { components: { ArrayFieldWrapper, ArrayFieldTitle, FieldDescription, ErrorMessage, FieldHelp, InfoFieldButton, }, } = (0, react_1.useContext)(FormPdf_1.FormPdfRegistry);
+    const { name, uiSchema, children } = props;
+    const title = (0, utils_1.getTitle)(props);
+    const description = (0, utils_1.getDescription)(props);
+    const { help, info, 
+    //TODO: This is not right
+    props: { wrapper: wrapperProps, title: titleProps, description: descriptionProps, help: helpProps, error: errorProps, } = {}, } = (0, hooks_1.useExtractUiSchema)(uiSchema);
+    return ((0, jsx_runtime_1.jsxs)(ArrayFieldWrapper, { ...wrapperProps, children: [title && ((0, jsx_runtime_1.jsxs)(ArrayFieldTitle, { ...titleProps, htmlFor: name, children: [title, props?.required && (0, jsx_runtime_1.jsx)(styledComponents_1.RequiredIndicator, { children: "*" })] })), info && (0, jsx_runtime_1.jsx)(InfoFieldButton, { ...info }), description && ((0, jsx_runtime_1.jsx)(FieldDescription, { ...descriptionProps, children: description })), children, help && (0, jsx_runtime_1.jsx)(FieldHelp, { ...helpProps, children: help }), (0, jsx_runtime_1.jsx)(ErrorMessage, { ...errorProps, name: name })] }));
+};
+exports.ArrayFieldTemplate = ArrayFieldTemplate;