@nolwenture/formik-jsonschema-form 0.26.8 → 1.0.0-beta.2

package/dist/cjs/{pdfFields → FormView/fields}/MultipleChoiceField.js

@@ -3,21 +3,19 @@ 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 utils_1 = require("../../utils");
+const FormViewRegistry_1 = require("../FormViewRegistry");
 const MultipleChoiceField = (props) => {
-    const { templates: { FieldTemplate }, components: { MultipleChoiceFieldPdf }, } = (0, react_1.useContext)(FormPdf_1.FormPdfRegistry);
-    (0, hooks_1.useSetDefault)(props);
+    const { templates: { FieldTemplate }, components: { MultipleChoiceFieldValue }, } = (0, react_1.useContext)(FormViewRegistry_1.FormViewRegistry);
     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 { props: inputProps, style, onlyShowSelected, } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
+    const enums = (0, react_1.useMemo)(() => (0, utils_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 selected = (0, utils_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 }) }));
+    return ((0, jsx_runtime_1.jsx)(FieldTemplate, { ...props, children: (0, jsx_runtime_1.jsx)(MultipleChoiceFieldValue, { inputProps: inputProps, name: name, style: style, selected: selected, notSelected: hideNotSelected ? undefined : notSelected }) }));
 };
 exports.MultipleChoiceField = MultipleChoiceField;

package/dist/cjs/{pdfFields → FormView/fields}/NullField.js

@@ -3,9 +3,9 @@ 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 FormViewRegistry_1 = require("../FormViewRegistry");
 const NullField = (props) => {
-    const { templates: { FieldTemplate }, } = (0, react_1.useContext)(Form_1.FormRegistry);
+    const { templates: { FieldTemplate }, } = (0, react_1.useContext)(FormViewRegistry_1.FormViewRegistry);
     return (0, jsx_runtime_1.jsx)(FieldTemplate, { ...props });
 };
 exports.NullField = NullField;

package/dist/cjs/{pdfFields → FormView/fields/ObjectField}/ObjectField.js

@@ -4,10 +4,8 @@ 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 utils_1 = require("../../../utils");
+const FormViewRegistry_1 = require("../../FormViewRegistry");
 const useObjectField = (name) => {
     if (!name) {
         const { values = {}, setValues } = (0, formik_1.useFormikContext)();
@@ -17,12 +15,11 @@ const useObjectField = (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 { fields: { SchemaField }, components: { ObjectFieldSection }, templates: { ObjectFieldTemplate, CollapsibleObjectFieldTemplate }, } = (0, react_1.useContext)(FormViewRegistry_1.FormViewRegistry);
     const { name, schema, uiSchema } = props;
     const { value, setValue } = useObjectField(name);
     const [{ properties }, valuesToRemove] = (0, react_1.useMemo)(() => {
-        return (0, resolveSchema_1.resolveSchema)(schema, value);
+        return (0, utils_1.resolveSchema)(schema, value);
     }, [schema, value]);
     (0, react_1.useEffect)(() => {
         if (valuesToRemove.length > 0) {
@@ -37,12 +34,23 @@ const ObjectField = (props) => {
         ? 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));
+    return ((0, jsx_runtime_1.jsx)(FieldTemplateComponent, { ...props, children: orderedProperties
+            .map((child, index) => {
+            if (typeof child === "string") {
+                const childSchema = properties?.[child];
+                if (!childSchema)
+                    return undefined;
+                return ((0, jsx_runtime_1.jsx)(SchemaField, { name: name ? [name, child].join(".") : child, schema: typeof childSchema !== "boolean" ? childSchema : {}, uiSchema: uiSchema?.[child] }, child));
+            }
+            else {
+                const { title, fields } = child;
+                return ((0, jsx_runtime_1.jsx)(ObjectFieldSection, { title: title, children: fields.map((child2) => {
+                        const childSchema = properties?.[child2];
+                        if (!childSchema)
+                            return undefined;
+                        return ((0, jsx_runtime_1.jsx)(SchemaField, { name: name ? [name, child2].join(".") : child2, schema: typeof childSchema !== "boolean" ? childSchema : {}, uiSchema: uiSchema?.[child2] }, child2));
+                    }) }, fields.join("_")));
+            }
         })
             .filter((x) => x) }));
 };

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ObjectFieldSection = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const FormViewRegistry_1 = require("../../FormViewRegistry");
+const ObjectFieldSection = ({ title, children, }) => {
+    const { components: { ObjectFieldSectionWrapper, ObjectFieldSectionTitle }, } = (0, react_1.useContext)(FormViewRegistry_1.FormViewRegistry);
+    return ((0, jsx_runtime_1.jsxs)(ObjectFieldSectionWrapper, { children: [(0, jsx_runtime_1.jsx)(ObjectFieldSectionTitle, { children: title }), children] }));
+};
+exports.ObjectFieldSection = ObjectFieldSection;

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

@@ -0,0 +1,31 @@
+"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 __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.components = exports.fields = void 0;
+const ObjectFieldSection_1 = require("./ObjectFieldSection");
+const styledComponents = __importStar(require("./styledComponents"));
+exports.fields = __importStar(require("./ObjectField"));
+const components = { ...styledComponents, ObjectFieldSection: ObjectFieldSection_1.ObjectFieldSection };
+exports.components = components;

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ObjectFieldSectionTitle = exports.ObjectFieldSectionWrapper = void 0;
+const styled_components_1 = require("styled-components");
+exports.ObjectFieldSectionWrapper = styled_components_1.styled.fieldset ``;
+exports.ObjectFieldSectionTitle = styled_components_1.styled.legend ``;

package/dist/cjs/{pdfFields → FormView/fields}/SchemaField.js

@@ -3,12 +3,11 @@ 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 constants_1 = require("../../common/constants");
+const utils_1 = require("../../utils");
+const FormViewRegistry_1 = require("../FormViewRegistry");
 const useFieldComponent = (schema, uiSchema, fields) => {
-    const { field } = (0, hooks_1.useExtractUiSchema)(uiSchema);
+    const { field } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
     if (typeof field === "function") {
         return field;
     }
@@ -19,14 +18,14 @@ const useFieldComponent = (schema, uiSchema, fields) => {
     if (Array.isArray(schemaType)) {
         schemaType = schemaType[0];
     }
-    const componentName = types_1.COMPONENT_TYPES[schemaType || "any"];
-    return componentName in fields
-        ? fields[componentName]
-        : fields.UnsupportedField;
+    const fieldName = constants_1.COMPONENT_TYPES[schemaType || "any"];
+    return fieldName in fields
+        ? fields[fieldName]
+        : () => ((0, jsx_runtime_1.jsxs)("p", { style: { color: "red" }, children: ["!!! Unsupported field \"", fieldName, "\" !!!"] }));
 };
 const SchemaField = (props) => {
     const { schema, uiSchema } = props;
-    const { fields, definitions, uiSchemaDefinitions } = (0, react_1.useContext)(FormPdf_1.FormPdfRegistry);
+    const { fields, definitions, uiSchemaDefinitions } = (0, react_1.useContext)(FormViewRegistry_1.FormViewRegistry);
     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 = {

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

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

package/dist/cjs/{pdfFields → FormView/fields}/SearchableSelectField.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchableSelectField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../hooks");
+const react_1 = require("react");
+const utils_1 = require("../../utils");
 const StringField_1 = require("./StringField");
 const SearchableSelectField = (props) => {
-    (0, hooks_1.useSetDefault)(props);
     const { uiSchema } = props;
-    const { props: inputProps } = (0, hooks_1.useExtractUiSchema)(uiSchema);
+    const { props: inputProps } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
     return (0, jsx_runtime_1.jsx)(StringField_1.StringField, { ...props, ...inputProps });
 };
 exports.SearchableSelectField = SearchableSelectField;

package/dist/cjs/{pdfFields → FormView/fields}/StringField.js

@@ -3,13 +3,11 @@ 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 utils_1 = require("../../utils");
+const FormViewRegistry_1 = require("../FormViewRegistry");
 const StringField = (props) => {
-    const { templates: { FieldTemplate }, components: { StringFieldPdf }, } = (0, react_1.useContext)(FormPdf_1.FormPdfRegistry);
-    (0, hooks_1.useSetDefault)(props);
+    const { templates: { FieldTemplate }, components: { StringFieldValue }, } = (0, react_1.useContext)(FormViewRegistry_1.FormViewRegistry);
     const { name } = props;
     const { values } = (0, formik_1.useFormikContext)();
     const enums = (0, react_1.useMemo)(() => (0, utils_1.getEnums)(props), [props]);
@@ -18,6 +16,6 @@ const StringField = (props) => {
         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 }) }));
+    return ((0, jsx_runtime_1.jsx)(FieldTemplate, { ...props, children: (0, jsx_runtime_1.jsx)(StringFieldValue, { "data-keyword": value, children: value }) }));
 };
 exports.StringField = StringField;

package/dist/cjs/{pdfFields → FormView/fields}/TextAreaField.js

@@ -3,15 +3,13 @@ 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 FormViewRegistry_1 = require("../FormViewRegistry");
 const TextAreaField = (props) => {
-    const { templates: { FieldTemplate }, components: { TextAreaPdf }, } = (0, react_1.useContext)(FormPdf_1.FormPdfRegistry);
-    (0, hooks_1.useSetDefault)(props);
+    const { templates: { FieldTemplate }, components: { TextAreaValue }, } = (0, react_1.useContext)(FormViewRegistry_1.FormViewRegistry);
     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 }) }));
+    return ((0, jsx_runtime_1.jsx)(FieldTemplate, { ...props, children: (0, jsx_runtime_1.jsx)(TextAreaValue, { children: value }) }));
 };
 exports.TextAreaField = TextAreaField;

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

@@ -0,0 +1,70 @@
+"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 __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.fields = exports.fieldComponents = void 0;
+//OLD stuff
+const AnyField_1 = require("./AnyField");
+const ArrayField_1 = require("./ArrayField");
+const BooleanField_1 = require("./BooleanField");
+const DateField_1 = require("./DateField");
+const EJSField_1 = require("./EJSField");
+const FileUploadField_1 = require("./FileUploadField");
+const MultipleChoiceField_1 = require("./MultipleChoiceField");
+const NullField_1 = require("./NullField");
+const NumberField_1 = require("./NumberField");
+const RadioField_1 = require("./RadioField");
+const SchemaField_1 = require("./SchemaField");
+const StringField_1 = require("./StringField");
+const SearchableSelectField_1 = require("./SearchableSelectField");
+const SearchableMultiTagSelectField_1 = require("./SearchableMultiTagSelectField");
+const TextAreaField_1 = require("./TextAreaField");
+const ToggleField_1 = require("./ToggleField");
+//Please keep this in alphabetical order
+const ObjectField = __importStar(require("./ObjectField"));
+//Please keep this in alphabetical order
+exports.fieldComponents = {
+    ...ObjectField.components,
+};
+//Please keep this in alphabetical order
+exports.fields = {
+    ...ObjectField.fields,
+    //OLD stuff
+    AnyField: AnyField_1.AnyField,
+    ArrayField: ArrayField_1.ArrayField,
+    BooleanField: BooleanField_1.BooleanField,
+    DateField: DateField_1.DateField,
+    EJSField: EJSField_1.EJSField,
+    FileUploadField: FileUploadField_1.FileUploadField,
+    NullField: NullField_1.NullField,
+    NumberField: NumberField_1.NumberField,
+    MultipleChoiceField: MultipleChoiceField_1.MultipleChoiceField,
+    RadioField: RadioField_1.RadioField,
+    SchemaField: SchemaField_1.SchemaField,
+    StringField: StringField_1.StringField,
+    SearchableSelectField: SearchableSelectField_1.SearchableSelectField,
+    SearchableMultiTagSelectField: SearchableMultiTagSelectField_1.SearchableMultiTagSelectField,
+    TextAreaField: TextAreaField_1.TextAreaField,
+    ToggleField: ToggleField_1.ToggleField,
+};

package/dist/cjs/{templates → FormView}/index.js

@@ -14,7 +14,6 @@ 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("./ArrayFieldTemplate"), exports);
-__exportStar(require("./FieldTemplate"), exports);
-__exportStar(require("./ObjectFieldTemplate"), exports);
-__exportStar(require("./CollapsibleObjectFieldTemplate"), exports);
+__exportStar(require("./fields"), exports);
+__exportStar(require("./templates"), exports);
+__exportStar(require("./FormView"), exports);

package/dist/cjs/FormView/templates/ArrayFieldTemplate/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 utils_1 = require("../../../utils");
+const FormViewRegistry_1 = require("../../FormViewRegistry");
+const styledComponents_1 = require("./styledComponents");
+const ArrayFieldTemplate = (props) => {
+    const { components } = (0, react_1.useContext)(FormViewRegistry_1.FormViewRegistry);
+    const { Wrapper, Title, Description } = (0, styledComponents_1.getComponents)(components);
+    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, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, { ...wrapperProps, children: [title && ((0, jsx_runtime_1.jsx)(Title, { ...titleProps, htmlFor: name, children: title })), description && ((0, jsx_runtime_1.jsx)(Description, { ...descriptionProps, children: description })), children] }));
+};
+exports.ArrayFieldTemplate = ArrayFieldTemplate;

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

@@ -0,0 +1,28 @@
+"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 __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.components = void 0;
+exports.components = __importStar(require("./styledComponents"));
+exports.templates = __importStar(require("./ArrayFieldTemplate"));

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrayFieldTemplateDescription = exports.ArrayFieldTemplateTitle = exports.ArrayFieldTemplateWrapper = void 0;
+exports.getComponents = getComponents;
+exports.ArrayFieldTemplateWrapper = undefined;
+exports.ArrayFieldTemplateTitle = undefined;
+exports.ArrayFieldTemplateDescription = undefined;
+function getComponents(components) {
+    return {
+        Wrapper: components.ArrayFieldTemplateWrapper ??
+            components.ObjectFieldTemplateWrapper,
+        Title: components.ArrayFieldTemplateTitle ?? components.ObjectFieldTemplateTitle,
+        Description: components.ArrayFieldTemplateDescription ?? components.FieldDescription,
+    };
+}

package/dist/cjs/FormView/templates/ArrayFieldTemplate/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/FormView/templates/CollapsibleObjectFieldTemplate/CollapsibleObjectFieldTemplate.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsibleObjectFieldTemplate = void 0;
+const ObjectField_1 = require("../../fields/ObjectField/ObjectField");
+exports.CollapsibleObjectFieldTemplate = ObjectField_1.ObjectField;

package/dist/cjs/FormView/templates/CollapsibleObjectFieldTemplate/index.js

@@ -0,0 +1,27 @@
+"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 __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 = void 0;
+exports.templates = __importStar(require("./CollapsibleObjectFieldTemplate"));

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldTemplate = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("../../../utils");
+const FormViewRegistry_1 = require("../../FormViewRegistry");
+const FieldTemplate = (props) => {
+    const { components: { FieldWrapper, FieldTitle, FieldDescription }, } = (0, react_1.useContext)(FormViewRegistry_1.FormViewRegistry);
+    const { name, uiSchema, children } = props;
+    const title = (0, utils_1.getTitle)(props);
+    const description = (0, utils_1.getDescription)(props);
+    const { help, 
+    //TODO: This is not right
+    props: { wrapper: wrapperProps, title: titleProps, description: descriptionProps, help: helpProps, } = {}, } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
+    return ((0, jsx_runtime_1.jsxs)(FieldWrapper, { ...wrapperProps, children: [title && ((0, jsx_runtime_1.jsx)(FieldTitle, { ...titleProps, htmlFor: name, children: title })), description && ((0, jsx_runtime_1.jsx)(FieldDescription, { ...descriptionProps, children: description })), children] }));
+};
+exports.FieldTemplate = FieldTemplate;

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

@@ -0,0 +1,27 @@
+"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 __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 = void 0;
+exports.templates = __importStar(require("./FieldTemplate"));

package/dist/cjs/FormView/templates/FieldTemplate/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/FormView/templates/ObjectFieldTemplate/ObjectFieldTemplate.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ObjectFieldTemplate = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("../../../utils");
+const FormViewRegistry_1 = require("../../FormViewRegistry");
+const styledComponents_1 = require("./styledComponents");
+const ObjectFieldTemplate = (props) => {
+    const { components } = (0, react_1.useContext)(FormViewRegistry_1.FormViewRegistry);
+    const { Wrapper, Title, Description } = (0, styledComponents_1.getComponents)(components);
+    const { children, uiSchema } = 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, } = {}, } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, { ...wrapperProps, children: [title && (0, jsx_runtime_1.jsx)(Title, { ...titleProps, children: title }), description && ((0, jsx_runtime_1.jsx)(Description, { ...descriptionProps, children: description })), children] }));
+};
+exports.ObjectFieldTemplate = ObjectFieldTemplate;

package/dist/cjs/FormView/templates/ObjectFieldTemplate/index.js

@@ -0,0 +1,28 @@
+"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 __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.components = void 0;
+exports.components = __importStar(require("./styledComponents"));
+exports.templates = __importStar(require("./ObjectFieldTemplate"));

package/dist/cjs/FormView/templates/ObjectFieldTemplate/styledComponents.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ObjectFieldTemplateDescription = exports.ObjectFieldTemplateTitle = exports.ObjectFieldTemplateWrapper = void 0;
+exports.getComponents = getComponents;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.ObjectFieldTemplateWrapper = styled_components_1.default.div ``;
+exports.ObjectFieldTemplateTitle = styled_components_1.default.div ``;
+exports.ObjectFieldTemplateDescription = undefined;
+function getComponents(components) {
+    return {
+        Wrapper: components.ObjectFieldTemplateWrapper,
+        Title: components.ObjectFieldTemplateTitle,
+        Description: components.ObjectFieldTemplateDescription ?? components.FieldDescription,
+    };
+}

package/dist/cjs/FormView/templates/ObjectFieldTemplate/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/FormView/templates/index.js

@@ -0,0 +1,45 @@
+"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 __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.templateComponents = void 0;
+//Please keep this in alphabetical order
+const ArrayFieldTemplate = __importStar(require("./ArrayFieldTemplate"));
+const FieldTemplate = __importStar(require("./FieldTemplate"));
+const ObjectFieldTemplate = __importStar(require("./ObjectFieldTemplate"));
+const CollapsibleObjectFieldTemplate = __importStar(require("./CollapsibleObjectFieldTemplate"));
+//Please keep this in alphabetical order
+exports.templateComponents = {
+    ...ArrayFieldTemplate.components,
+    //...CollapsibleObjectFieldTemplate.components, // In print version this should look same as the ObjectFieldTemplate
+    //...FieldTemplate.components, // Field template uses generic components (should it own those?)
+    ...ObjectFieldTemplate.components,
+};
+//Please keep this in alphabetical order
+exports.templates = {
+    ...ArrayFieldTemplate.templates,
+    ...FieldTemplate.templates,
+    ...ObjectFieldTemplate.templates,
+    ...CollapsibleObjectFieldTemplate.templates,
+};