@nolwenture/formik-jsonschema-form 2.0.2 → 3.0.0-beta.1

package/dist/esm/FormView/components/Field.js

@@ -1,123 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from "styled-components";
-import { MultipleChoiceFieldContainer, MultipleChoiceFieldElement, MultipleChoiceFieldLabel, } from "../../Form/fields/MultipleChoiceField/styledComponents";
-import { getStyle } from "../../utils/getStyle";
-import { FaCheck, FaTimes } from "react-icons/fa";
-export const FieldWrapper = styled.div `
-  color: ${(props) => props.theme.color.text.default};
-  display: flex;
-  flex-direction: column;
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  gap: ${(props) => props.theme.spacing.s};
-  width: min(100%, 70rem);
-`;
-export const FieldTitle = styled.label `
-  color: ${(props) => props.theme.color.text.default};
-  display: inline-block;
-  font-family: ${(props) => props.theme.typography.fontFamily.heading};
-  font-size: ${(props) => props.theme.typography.size.base};
-  font-weight: ${(props) => props.theme.typography.weight.bold};
-  width: 100%;
-`;
-export const FieldDescription = styled.div `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-weight: ${(props) => props.theme.typography.weight.normal};
-  font-style: italic;
-  font-size: ${(props) => props.theme.typography.size.small};
-`;
-export const StringFieldValue = styled.div `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  font-weight: ${(props) => props.theme.typography.weight.normal};
-  padding-left: ${(props) => props.theme.spacing.l};
-  white-space: pre-line;
-`;
-export const TextAreaValue = styled.div `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  font-weight: ${(props) => props.theme.typography.weight.normal};
-  padding-left: ${(props) => props.theme.spacing.l};
-  white-space: pre-line;
-`;
-export const ArrayFieldItem = styled.div `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  font-weight: ${(props) => props.theme.typography.weight.normal};
-  background-color: ${(props) => props.theme.color.background.default};
-  padding: ${(props) => props.theme.spacing.l};
-  border: ${(props) => `${props.theme.strokeWidth.thin} solid ${props.theme.color.border.default}`};
-`;
-export const EJSFieldValue = styled.div `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  font-weight: ${(props) => props.theme.typography.weight.normal};
-  padding-left: ${(props) => props.theme.spacing.l};
-  width: 100%;
-`;
-const NotSelected = styled.div `
-  display: flex;
-  align-items: start;
-`;
-const Selected = styled.div `
-  display: flex;
-  align-items: start;
-`;
-const SelectedBox = styled.div `
-  color: ${(props) => props.theme.color.text.default};
-  background: ${(props) => props.theme.color.background.default};
-  border: ${(props) => props.theme.strokeWidth.thin} solid
-    ${(props) => props.theme.color.border.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  display: flex;
-  justify-content: center;
-  align-items: start;
-  min-width: 1rem;
-  min-height: 1rem;
-`;
-const NotSelectedBox = styled.div `
-  background: ${(props) => props.theme.color.background.default};
-  border: ${(props) => props.theme.strokeWidth.thin} solid
-    ${(props) => props.theme.color.border.default};
-  border-radius: ${(props) => props.theme.borderRadius.none};
-  display: inline-flex;
-  min-width: 1rem;
-  min-height: 1rem;
-`;
-export const SelectedIcon = styled(FaCheck) `
-  color: ${(props) => props.theme.color.text.default};
-  width: 0.75rem;
-`;
-export const NotSelectedIcon = styled(FaTimes) `
-  color: ${(props) => props.theme.color.text.default};
-  width: 0.75rem;
-`;
-export const BooleanFieldWrapper = styled.div `
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  padding-left: ${(props) => props.theme.spacing.l};
-  -webkit-column-break-inside: avoid;
-  page-break-inside: avoid;
-  break-inside: avoid;
-`;
-export const MultipleChoiceFieldWrapper = styled.div `
-  font-size: ${(props) => props.theme.typography.size.small};
-  label {
-    align-items: start;
-  }
-  padding-left: ${(props) => props.theme.spacing.l};
-  -webkit-column-break-inside: auto;
-  page-break-inside: auto;
-  break-inside: auto;
-`;
-export const BooleanFieldValue = ({ name, className, value, label, }) => {
-    return (_jsx("div", { className: className, children: value === true ? (_jsxs(Selected, { children: [_jsx(SelectedBox, { children: _jsx(SelectedIcon, {}) }), _jsx(MultipleChoiceFieldLabel, { children: label !== undefined ? label : "Selected" })] })) : (_jsxs(Selected, { children: [_jsx(NotSelectedBox, {}), _jsx(MultipleChoiceFieldLabel, { children: label !== undefined ? label : "Not selected" })] })) }));
-};
-export const MultipleChoiceFieldValue = ({ inputProps, name, className, style, values }) => {
-    return (_jsx(MultipleChoiceFieldWrapper, { children: _jsx(MultipleChoiceFieldContainer, { className: className, style: getStyle(style ?? ""), children: values.map((item) => (_jsx(MultipleChoiceFieldElement, { "data-fjsf-enum-value-view": item.const, children: item.selected ? (_jsxs(Selected, { children: [_jsx(SelectedBox, { children: _jsx(SelectedIcon, {}) }), _jsx(MultipleChoiceFieldLabel, { children: item.title })] })) : (_jsxs(NotSelected, { children: [_jsx(NotSelectedBox, {}), _jsx(MultipleChoiceFieldLabel, { children: item.title })] })) }, item.const))) }) }));
-};

package/dist/esm/FormView/components/Form.js

@@ -1,6 +0,0 @@
-import { styled } from "styled-components";
-export const Form = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: ${(props) => props.theme.spacing.s};
-`;

package/dist/esm/FormView/components/Icon.js

@@ -1,4 +0,0 @@
-import { styled } from "styled-components";
-export const Icon = styled.div `
-  padding: ${(props) => `0 ${props.theme.spacing.s}`};
-`;

package/dist/esm/FormView/components/index.js

@@ -1,17 +0,0 @@
-export * from "./Field";
-export * from "./Form";
-export * from "./Icon";
-import { fieldComponents } from "../fields";
-import { templateComponents } from "../templates";
-//Please keep this in alphabetical order
-import * as Field from "./Field";
-import * as Form from "./Form";
-import * as Icon from "./Icon";
-export const components = {
-    ...fieldComponents,
-    ...templateComponents,
-    //Please keep this in alphabetical order
-    ...Field,
-    ...Form,
-    ...Icon,
-};

package/dist/esm/FormView/fields/AnyField.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import { useField } from "formik";
-import { COMPONENT_TYPES } from "../../common/constants";
-import { guessType } from "../../utils";
-import { SchemaField } from "./SchemaField";
-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 { ...(schema || {}), type, additionalProperties: {} };
-            case "array":
-                return { ...(schema || {}), type, additionalItems: {} };
-            default:
-                return { ...(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/esm/FormView/fields/ArrayField.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useField } from "formik";
-import { useContext, useMemo } from "react";
-import { getEnums } from "../../utils";
-import { FormViewRegistry } from "../FormViewRegistry";
-export const ArrayField = (props) => {
-    const { fields: { SchemaField }, templates, components: { ArrayFieldItem }, } = useContext(FormViewRegistry);
-    const { name, uiSchema } = props;
-    const [{ value }, _] = useField(name);
-    const findEnumInProps = props.schema.additionalItems
-        ? { schema: props.schema.additionalItems }
-        : props;
-    const enums = useMemo(() => getEnums(findEnumInProps), [props]);
-    function getValue(item) {
-        if (enums !== undefined) {
-            return (enums.values.find((element) => element.const === item)?.title ?? "");
-        }
-        return item;
-    }
-    const SelectedArrayFieldTemplate = (props.uiSchema?.["ui:template"] &&
-        templates[props.uiSchema?.["ui:template"]]) ??
-        templates.ArrayFieldTemplate;
-    return (_jsx(SelectedArrayFieldTemplate, { ...props, items: value, renderItem: (item, index) => typeof item === "object" ? (_jsx(ArrayFieldItem, { children: _jsx(SchemaField, { name: `${name}[${index}]`, schema: typeof props.schema.additionalItems !== "boolean"
-                    ? props.schema.additionalItems
-                    : {}, 
-                // TODO: check how form and form view array field handles items and additionalItems schema/uiSchema
-                uiSchema: uiSchema?.[index] || uiSchema?.items }) }, index)) : (_jsx(ArrayFieldItem, { children: _jsx("div", { "data-keyword": item, children: getValue(item) }) }, item)) }));
-};

package/dist/esm/FormView/fields/BooleanField.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useMemo } from "react";
-import { getIn, useFormikContext } from "formik";
-import { extractUiSchema } from "../../utils";
-import { FormViewRegistry } from "../FormViewRegistry";
-export const BooleanField = (props) => {
-    const { templates, components: { BooleanFieldValue, BooleanFieldWrapper }, } = useContext(FormViewRegistry);
-    const { name, uiSchema } = props;
-    const { label } = useMemo(() => extractUiSchema(uiSchema), [uiSchema]);
-    const { values } = useFormikContext();
-    const value = 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;
-    }
-    const SelectedFieldTemplate = (props.uiSchema?.["ui:template"] &&
-        templates[props.uiSchema?.["ui:template"]]) ??
-        templates.FieldTemplate;
-    return (_jsx(SelectedFieldTemplate, { ...props, children: _jsx(BooleanFieldWrapper, { children: _jsx(BooleanFieldValue, { name: name, value: value, label: findLabel(label) }) }) }));
-};

package/dist/esm/FormView/fields/DateField.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StringField } from "./StringField";
-export const DateField = (props) => {
-    return (_jsx(StringField, { ...props, uiSchema: {
-            ...props.uiSchema,
-            "ui:props": { ...(props.uiSchema?.["ui:props"] || {}) },
-        } }));
-};

package/dist/esm/FormView/fields/EJSField.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useMemo } from "react";
-import ejs from "ejs-browser";
-import DOMPurify from "dompurify";
-import { getIn, useFormikContext } from "formik";
-import { getDescription, getTitle } from "../../utils";
-import { FormViewRegistry } from "../FormViewRegistry";
-export const EJSField = (props) => {
-    const { components: { EJSFieldValue }, } = useContext(FormViewRegistry);
-    const { name, uiSchema = {} } = props;
-    const { values } = useFormikContext();
-    const title = getTitle(props) || "Untitled Field";
-    const description = getDescription(props) || "No description available.";
-    const template = uiSchema["ui:options"]?.template ?? "No template provided.";
-    const renderedTemplate = useMemo(() => {
-        try {
-            return ejs.render(template.toString(), {
-                title,
-                description,
-                value: getIn(values, name),
-            });
-        }
-        catch (error) {
-            console.error("EJS rendering error:", error);
-            return "Error rendering template.";
-        }
-    }, [template, title, description, name, values]);
-    const sanitizedHTML = DOMPurify.sanitize(renderedTemplate);
-    return (_jsx(EJSFieldValue, { dangerouslySetInnerHTML: {
-            __html: sanitizedHTML,
-        } }));
-};

package/dist/esm/FormView/fields/FileUploadField.js

@@ -1,3 +0,0 @@
-export const FileUploadField = (props) => {
-    return "TODO";
-};

package/dist/esm/FormView/fields/FilesUploadField.js

@@ -1,3 +0,0 @@
-export const FilesUploadField = (props) => {
-    return "TODO";
-};

package/dist/esm/FormView/fields/MultipleChoiceField.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useMemo } from "react";
-import { getIn, useFormikContext } from "formik";
-import { extractUiSchema, getEnums } from "../../utils";
-import { FormViewRegistry } from "../FormViewRegistry";
-export const MultipleChoiceField = (props) => {
-    const { templates, components: { MultipleChoiceFieldValue }, } = useContext(FormViewRegistry);
-    const { name, uiSchema } = props;
-    const { props: inputProps, style, onlyShowSelected, } = useMemo(() => extractUiSchema(uiSchema), [uiSchema]);
-    const enums = useMemo(() => getEnums(props), [props]);
-    const { values } = useFormikContext();
-    const value = getIn(values, name);
-    const allValues = enums?.values?.map((v) => ({
-        ...v,
-        selected: Array.isArray(value)
-            ? value.includes(v.const)
-            : value === v.const,
-    })) ?? [];
-    const displayedValues = onlyShowSelected
-        ? allValues.filter((v) => v.selected)
-        : allValues;
-    const SelectedFieldTemplate = (props.uiSchema?.["ui:template"] &&
-        templates[props.uiSchema?.["ui:template"]]) ??
-        templates.FieldTemplate;
-    return (_jsx(SelectedFieldTemplate, { ...props, children: _jsx(MultipleChoiceFieldValue, { inputProps: inputProps, name: name, style: style, values: displayedValues }) }));
-};

package/dist/esm/FormView/fields/NullField.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from "react";
-import { FormViewRegistry } from "../FormViewRegistry";
-export const NullField = (props) => {
-    const { templates } = useContext(FormViewRegistry);
-    const SelectedFieldTemplate = (props.uiSchema?.["ui:template"] &&
-        templates[props.uiSchema?.["ui:template"]]) ??
-        templates.FieldTemplate;
-    return _jsx(SelectedFieldTemplate, { ...props });
-};

package/dist/esm/FormView/fields/NumberField.js

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

package/dist/esm/FormView/fields/ObjectField/ObjectField.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useField, useFormikContext } from "formik";
-import { useContext, useEffect, useMemo } from "react";
-import { orderByUiSchema, resolveSchema } from "../../../utils";
-import { FormViewRegistry } from "../../FormViewRegistry";
-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) => {
-    const { fields: { SchemaField }, components: { ObjectFieldSection }, templates, } = useContext(FormViewRegistry);
-    const { name, schema, uiSchema } = props;
-    const { value, setValue } = useObjectField(name);
-    const [{ properties }, valuesToRemove] = useMemo(() => {
-        return resolveSchema(schema, value);
-    }, [schema, value]);
-    useEffect(() => {
-        if (valuesToRemove.length > 0) {
-            const newValue = valuesToRemove.reduce((prevValue, key) => {
-                const { [key]: _removedProperty, ...newValue } = prevValue;
-                return newValue;
-            }, value);
-            setValue(newValue);
-        }
-    }, [valuesToRemove]);
-    const orderedProperties = orderByUiSchema(uiSchema?.["ui:order"], Object.keys(properties || {}));
-    const SelectedObjectFieldTemplate = (props.uiSchema?.["ui:template"] &&
-        templates[props.uiSchema?.["ui:template"]]) ??
-        templates.ObjectFieldTemplate;
-    return (_jsx(SelectedObjectFieldTemplate, { ...props, "data-fjsf-object": name || "ROOT", "data-fjsf-level": !name ? 0 : name.split(".").length, children: orderedProperties
-            .map((child, index) => {
-            if (typeof child === "string") {
-                const childSchema = properties?.[child];
-                if (!childSchema)
-                    return undefined;
-                return (_jsx(SchemaField, { name: name ? [name, child].join(".") : child, schema: typeof childSchema !== "boolean" ? childSchema : {}, uiSchema: uiSchema?.[child] }, child));
-            }
-            else {
-                const { title, fields } = child;
-                return (_jsx(ObjectFieldSection, { title: title, children: fields.map((child2) => {
-                        const childSchema = properties?.[child2];
-                        if (!childSchema)
-                            return undefined;
-                        return (_jsx(SchemaField, { name: name ? [name, child2].join(".") : child2, schema: typeof childSchema !== "boolean" ? childSchema : {}, uiSchema: uiSchema?.[child2] }, child2));
-                    }) }, fields.join("_")));
-            }
-        })
-            .filter((x) => x) }));
-};

package/dist/esm/FormView/fields/ObjectField/ObjectFieldSection.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from "react";
-import { FormViewRegistry } from "../../FormViewRegistry";
-export const ObjectFieldSection = ({ title, children, }) => {
-    const { components: { ObjectFieldSectionWrapper, ObjectFieldSectionTitle }, } = useContext(FormViewRegistry);
-    return (_jsxs(ObjectFieldSectionWrapper, { children: [_jsx(ObjectFieldSectionTitle, { children: title }), children] }));
-};

package/dist/esm/FormView/fields/ObjectField/index.js

@@ -1,5 +0,0 @@
-import { ObjectFieldSection } from "./ObjectFieldSection";
-import * as styledComponents from "./styledComponents";
-export * as fields from "./ObjectField";
-const components = { ...styledComponents, ObjectFieldSection };
-export { components };

package/dist/esm/FormView/fields/ObjectField/styledComponents.js

@@ -1,3 +0,0 @@
-import { styled } from "styled-components";
-export const ObjectFieldSectionWrapper = styled.fieldset ``;
-export const ObjectFieldSectionTitle = styled.legend ``;

package/dist/esm/FormView/fields/RadioField.js

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

package/dist/esm/FormView/fields/SchemaField.js

@@ -1,34 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useMemo } from "react";
-import { COMPONENT_TYPES } from "../../common/constants";
-import { extractUiSchema, getSchemaType, solveReferences } from "../../utils";
-import { FormViewRegistry } from "../FormViewRegistry";
-const useFieldComponent = (schema, uiSchema, fields) => {
-    const { field } = useMemo(() => extractUiSchema(uiSchema), [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 fieldName = COMPONENT_TYPES[schemaType || "any"];
-    return fieldName in fields
-        ? fields[fieldName]
-        : () => (_jsxs("p", { style: { color: "red" }, children: ["!!! Unsupported field \"", fieldName, "\" !!!"] }));
-};
-export const SchemaField = (props) => {
-    const { schema, uiSchema } = props;
-    const { fields, definitions, uiSchemaDefinitions } = useContext(FormViewRegistry);
-    const schemaSolvedForReferences = useMemo(() => 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 _jsx(FieldComponent, { ...newProps });
-};

package/dist/esm/FormView/fields/SearchableMultiTagSelectField.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { extractUiSchema, getEnums } from "../../utils";
-import { ArrayField } from "./ArrayField";
-export const SearchableMultiTagSelectField = (props) => {
-    const { name, uiSchema } = props;
-    const { placeholder, emptySearchMessage, props: inputProps, } = useMemo(() => extractUiSchema(uiSchema), [uiSchema]);
-    const enums = useMemo(() => getEnums(props), [props]);
-    return (_jsx(ArrayField, { ...props, ...inputProps, name: name }));
-};

package/dist/esm/FormView/fields/SearchableSelectField.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { extractUiSchema } from "../../utils";
-import { StringField } from "./StringField";
-export const SearchableSelectField = (props) => {
-    const { uiSchema } = props;
-    const { props: inputProps } = useMemo(() => extractUiSchema(uiSchema), [uiSchema]);
-    return _jsx(StringField, { ...props, ...inputProps });
-};

package/dist/esm/FormView/fields/StringField.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useMemo } from "react";
-import { getIn, useFormikContext } from "formik";
-import { getEnums } from "../../utils";
-import { FormViewRegistry } from "../FormViewRegistry";
-export const StringField = (props) => {
-    const { templates, components: { StringFieldValue }, } = useContext(FormViewRegistry);
-    const { name } = props;
-    const { values } = useFormikContext();
-    const enums = useMemo(() => getEnums(props), [props]);
-    let value = getIn(values, name);
-    if (enums !== undefined) {
-        value =
-            enums.values.find((element) => element.const === value)?.title ?? value;
-    }
-    const SelectedFieldTemplate = (props.uiSchema?.["ui:template"] &&
-        templates[props.uiSchema?.["ui:template"]]) ??
-        templates.FieldTemplate;
-    return (_jsx(SelectedFieldTemplate, { ...props, children: _jsx(StringFieldValue, { "data-keyword": value, children: value }) }));
-};

package/dist/esm/FormView/fields/TextAreaField.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from "react";
-import { getIn, useFormikContext } from "formik";
-import { FormViewRegistry } from "../FormViewRegistry";
-export const TextAreaField = (props) => {
-    const { templates, components: { TextAreaValue }, } = useContext(FormViewRegistry);
-    const { name, uiSchema } = props;
-    const { values } = useFormikContext();
-    const value = getIn(values, name);
-    const SelectedFieldTemplate = (props.uiSchema?.["ui:template"] &&
-        templates[props.uiSchema?.["ui:template"]]) ??
-        templates.FieldTemplate;
-    return (_jsx(SelectedFieldTemplate, { ...props, children: _jsx(TextAreaValue, { children: value }) }));
-};

package/dist/esm/FormView/fields/ToggleField.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BooleanField } from "./BooleanField";
-export const ToggleField = (props) => {
-    return (_jsx(BooleanField, { ...props, uiSchema: {
-            ...props.uiSchema,
-            "ui:props": {
-                ...(props.uiSchema?.["ui:props"] || {}),
-                type: "boolean",
-            },
-        } }));
-};

package/dist/esm/FormView/fields/index.js

@@ -1,45 +0,0 @@
-//OLD stuff
-import { AnyField } from "./AnyField";
-import { ArrayField } from "./ArrayField";
-import { BooleanField } from "./BooleanField";
-import { DateField } from "./DateField";
-import { FileUploadField } from "./FileUploadField";
-import { FilesUploadField } from "./FilesUploadField";
-import { MultipleChoiceField } from "./MultipleChoiceField";
-import { NullField } from "./NullField";
-import { NumberField } from "./NumberField";
-import { RadioField } from "./RadioField";
-import { SchemaField } from "./SchemaField";
-import { StringField } from "./StringField";
-import { SearchableSelectField } from "./SearchableSelectField";
-import { SearchableMultiTagSelectField } from "./SearchableMultiTagSelectField";
-import { TextAreaField } from "./TextAreaField";
-import { ToggleField } from "./ToggleField";
-//Please keep this in alphabetical order
-import * as ObjectField from "./ObjectField";
-//Please keep this in alphabetical order
-export const fieldComponents = {
-    ...ObjectField.components,
-};
-//Please keep this in alphabetical order
-export const fields /*& { EJSField: typeof EJSField }*/ = {
-    ...ObjectField.fields,
-    //OLD stuff
-    AnyField,
-    ArrayField,
-    BooleanField,
-    DateField,
-    //  EJSField,
-    FilesUploadField,
-    FileUploadField,
-    NullField,
-    NumberField,
-    MultipleChoiceField,
-    RadioField,
-    SchemaField,
-    StringField,
-    SearchableSelectField,
-    SearchableMultiTagSelectField,
-    TextAreaField,
-    ToggleField,
-};

package/dist/esm/FormView/index.js

@@ -1,6 +0,0 @@
-import { fields as FormViewFields } from "./fields";
-import { components as FormViewComponents } from "./components";
-import { templates as FormViewTemplates } from "./templates";
-export * from "./FormView";
-export * from "./FormViewRegistry";
-export { FormViewComponents, FormViewFields, FormViewTemplates };

package/dist/esm/FormView/templates/ArrayFieldTemplate/ArrayFieldTemplate.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useMemo } from "react";
-import { extractUiSchema, getDescription, getTitle } from "../../../utils";
-import { FormViewRegistry } from "../../FormViewRegistry";
-import { getComponents } from "./styledComponents";
-export const ArrayFieldTemplate = (props) => {
-    const { components } = useContext(FormViewRegistry);
-    const { Wrapper, Title, Description } = getComponents(components);
-    const { name, uiSchema, items, renderItem } = props;
-    const title = getTitle(props);
-    const description = getDescription(props);
-    const { help, info, 
-    //TODO: This is not right
-    props: { wrapper: wrapperProps, title: titleProps, description: descriptionProps, help: helpProps, error: errorProps, } = {}, } = useMemo(() => extractUiSchema(uiSchema), [uiSchema]);
-    return (_jsxs(Wrapper, { ...wrapperProps, children: [title && (_jsx(Title, { ...titleProps, htmlFor: name, children: title })), description && (_jsx(Description, { ...descriptionProps, children: description })), items && items.map((item, index) => renderItem(item, index))] }));
-};

package/dist/esm/FormView/templates/ArrayFieldTemplate/index.js

@@ -1,2 +0,0 @@
-export * as components from "./styledComponents";
-export * as templates from "./ArrayFieldTemplate";

package/dist/esm/FormView/templates/ArrayFieldTemplate/styledComponents.js

@@ -1,11 +0,0 @@
-export const ArrayFieldTemplateWrapper = undefined;
-export const ArrayFieldTemplateTitle = undefined;
-export const ArrayFieldTemplateDescription = undefined;
-export function getComponents(components) {
-    return {
-        Wrapper: components.ArrayFieldTemplateWrapper ??
-            components.ObjectFieldTemplateWrapper,
-        Title: components.ArrayFieldTemplateTitle ?? components.ObjectFieldTemplateTitle,
-        Description: components.ArrayFieldTemplateDescription ?? components.FieldDescription,
-    };
-}

package/dist/esm/FormView/templates/FieldTemplate/FieldTemplate.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useMemo } from "react";
-import { extractUiSchema, getDescription, getTitle } from "../../../utils";
-import { FormViewRegistry } from "../../FormViewRegistry";
-export const FieldTemplate = (props) => {
-    const { components: { FieldWrapper, FieldTitle, FieldDescription }, } = useContext(FormViewRegistry);
-    const { name, uiSchema, children } = props;
-    const title = getTitle(props);
-    const description = getDescription(props);
-    const { help, 
-    //TODO: This is not right
-    props: { wrapper: wrapperProps, title: titleProps, description: descriptionProps, help: helpProps, } = {}, } = useMemo(() => extractUiSchema(uiSchema), [uiSchema]);
-    return (_jsxs(FieldWrapper, { ...wrapperProps, children: [title && (_jsx(FieldTitle, { ...titleProps, htmlFor: name, children: title })), description && (_jsx(FieldDescription, { ...descriptionProps, children: description })), children] }));
-};

package/dist/esm/FormView/templates/FieldTemplate/index.js

@@ -1 +0,0 @@
-export * as templates from "./FieldTemplate";