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

package/dist/esm/Form/styles/common.js

@@ -1,256 +0,0 @@
-import { styled } from "styled-components";
-import { readableColor } from "polished";
-export const CommonFieldWrapper = styled.div `
-
-  display: flex;
-  flex-direction: column;
-
-  input {
-    background-color: ${(props) => props.theme.color.background.input};
-    border-radius: ${(props) => props.theme.borderRadius.none};
-    border: ${(props) => `${props.theme.strokeWidth.thin} solid
-        ${props.theme.color.border.default}`};
-    color: ${(props) => props.theme.color.text.default};
-    font-family: ${(props) => props.theme.typography.fontFamily.base};
-    font-size: ${(props) => props.theme.typography.size.base};
-    padding: ${(props) => props.theme.spacing.s};
-
-    ::placeholder {
-      color: ${(props) => props.theme.color.text.muted};
-    }
-
-    &:read-only {
-      border: none;
-      background-color: transparent;
-      padding: 0;
-
-      &::placeholder {
-        color: ${(props) => props.theme.color.text.default};
-      }
-
-      &:focus, &:focus-visible {
-        border: none;
-        stroke: none;
-        box-shadow: none;
-      }
-    }
-
-    &:disabled {
-      background-color: ${(props) => props.theme.color.background.input};
-      border: ${(props) => `${props.theme.strokeWidth.thin} solid
-        ${props.theme.color.border.default}`};
-      padding: ${(props) => props.theme.spacing.s};
-
-      &::placeholder {
-        color: ${(props) => props.theme.color.text.muted};
-      }
-
-      &:focus, &:focus-visible {
-        border: none;
-        stroke: none;
-        box-shadow: none;
-      }
-    }
-
-    &:focus, &:focus-visible {
-      ${(props) => props.theme.focus.default};
-    }
-  }
-
-  select {
-    appearance: none;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    background-color: ${(props) => props.theme.color.background.input};
-    border-radius: ${(props) => props.theme.borderRadius.none};
-    border: ${(props) => `${props.theme.strokeWidth.thin} solid
-        ${props.theme.color.border.default}`};
-    color: ${(props) => props.theme.color.text.default};
-    cursor: pointer;
-    font-family: ${(props) => props.theme.typography.fontFamily.base};
-    font-size: ${(props) => props.theme.typography.size.base};
-    font-weight: ${(props) => props.theme.typography.weight.normal};
-    outline: none;
-    padding: ${(props) => `${props.theme.spacing.s} ${props.theme.spacing.xxxxl} ${props.theme.spacing.s} ${props.theme.spacing.m}`};
-    width: 100%;
-    
-    background-image: ${(props) => `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 320 512'%3E%3Cpath fill='${encodeURIComponent(props.theme.color.text.default)}' d='M31 192h258c17 0 26 21 14 33l-129 129c-8 8-21 8-29 0L17 225c-12-12-3-33 14-33z'/%3E%3C/svg%3E")`};
-    background-position: ${(props) => `right ${props.theme.spacing.m} top 50%`};
-    background-repeat: no-repeat;
-    background-size: ${(props) => props.theme.spacing.l}; auto;
-
-    &[readonly] {
-      background-image: none;
-      border: none;
-      background-color: transparent;
-      padding: 0;
-    }
-
-    &:focus {
-        ${(props) => props.theme.focus.default};
-    }
-
-    &:disabled {
-      background-color: ${(props) => props.theme.color.background.input};
-      background-image: ${(props) => `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 320 512'%3E%3Cpath fill='${encodeURIComponent(props.theme.color.text.default)}' d='M31 192h258c17 0 26 21 14 33l-129 129c-8 8-21 8-29 0L17 225c-12-12-3-33 14-33z'/%3E%3C/svg%3E")`};
-      border: ${(props) => `${props.theme.strokeWidth.thin} solid
-        ${props.theme.color.border.default}`};
-      padding: ${(props) => `${props.theme.spacing.s} ${props.theme.spacing.xxxxl} ${props.theme.spacing.s} ${props.theme.spacing.m}`};
-    }
-  } 
-
-  select[multiple] {
-    appearance: auto;
-    background-image: none;
-    overflow: auto;
-  }
-
-  textarea {
-
-    background-color: ${(props) => props.theme.color.background.input};
-    border: ${(props) => `${props.theme.strokeWidth.thin} solid
-        ${props.theme.color.border.default}`};
-    padding: ${(props) => props.theme.spacing.s};
-
-    &:read-only {
-      border: none;
-      background-color: transparent;
-      padding: 0;
-      min-height: unset;
-      resize: none;
-      field-sizing: content;
-
-      &::placeholder {
-        color: ${(props) => props.theme.color.text.default};
-      }
-    }
-
-    &:disabled {
-      background-color: ${(props) => props.theme.color.background.input};
-      border: ${(props) => `${props.theme.strokeWidth.thin} solid
-        ${props.theme.color.border.default}`};
-      min-height: 5rem;
-      padding: ${(props) => props.theme.spacing.s};
-
-      &::placeholder {
-        color: ${(props) => props.theme.color.text.muted};
-      }
-    }
-
-  }
-`;
-export const CommonCheckboxStyles = styled.div `
-  input[type="checkbox"] {
-    margin-left: 0;
-    -webkit-appearance: none;
-    appearance: none;
-    background-color: ${(props) => props.theme.color.background.input};
-    border-radius: ${(props) => props.theme.borderRadius.none};
-    border: ${(props) => props.theme.strokeWidth.thin} solid
-      ${(props) => props.theme.color.border.default};
-    color: ${(props) => readableColor(props.theme.color.background.input)};
-    cursor: pointer;
-    display: grid;
-    font: inherit;
-    height: ${(props) => props.theme.spacing.l};
-    margin: 0;
-    place-content: center;
-    width: ${(props) => props.theme.spacing.l};
-
-    &:before {
-      background-color: CanvasText; //support for forced-colors
-      content: "";
-      width: ${(props) => props.theme.spacing.m};
-      height: ${(props) => props.theme.spacing.m};
-      transform: scale(0);
-      transition: 0.12s transform ease-in-out;
-      transform-origin: center;
-      clip-path: polygon(
-        34.469% 100%,
-        1.486% 62.13%,
-        1.486% 62.13%,
-        0.951% 61.408%,
-        0.535% 60.618%,
-        0.238% 59.777%,
-        0.059% 58.903%,
-        0% 58.011%,
-        0.059% 57.119%,
-        0.238% 56.244%,
-        0.535% 55.403%,
-        0.951% 54.613%,
-        1.486% 53.891%,
-        8.662% 45.652%,
-        8.662% 45.652%,
-        9.291% 45.037%,
-        9.979% 44.56%,
-        10.712% 44.218%,
-        11.474% 44.013%,
-        12.25% 43.945%,
-        13.027% 44.013%,
-        13.789% 44.218%,
-        14.521% 44.56%,
-        15.209% 45.037%,
-        15.838% 45.652%,
-        38.057% 71.162%,
-        85.648% 16.521%,
-        85.648% 16.521%,
-        86.277% 15.907%,
-        86.965% 15.429%,
-        87.697% 15.088%,
-        88.459% 14.883%,
-        89.236% 14.815%,
-        90.013% 14.883%,
-        90.775% 15.088%,
-        91.507% 15.429%,
-        92.195% 15.907%,
-        92.824% 16.521%,
-        100% 24.761%,
-        100% 24.761%,
-        100.535% 25.483%,
-        100.951% 26.273%,
-        101.248% 27.114%,
-        101.427% 27.989%,
-        101.486% 28.88%,
-        101.427% 29.772%,
-        101.248% 30.647%,
-        100.951% 31.488%,
-        100.535% 32.278%,
-        100% 33%,
-        41.645% 100%,
-        41.645% 100%,
-        41.016% 100.614%,
-        40.328% 101.092%,
-        39.596% 101.433%,
-        38.834% 101.638%,
-        38.057% 101.706%,
-        37.281% 101.638%,
-        36.519% 101.433%,
-        35.786% 101.092%,
-        35.098% 100.614%,
-        34.469% 100%
-      );
-    }
-
-    &:focus {
-      ${(props) => props.theme.focus.default};
-    }
-
-    &:checked {
-      background-color: ${(props) => props.theme.color.intent.default.none};
-
-      &:before {
-        transform: scale(1);
-      }
-    }
-
-    &[readonly] {
-      background: transparent;
-    }
-
-    &:disabled {
-      background-color: ${(props) => props.theme.color.background.input};
-      border: ${(props) => props.theme.strokeWidth.thin} solid
-      ${(props) => props.theme.color.border.default};
-    }
-  }
-`;

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

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useMemo } from "react";
-import { getIn, useFormikContext } from "formik";
-import { extractUiSchema, getDescription, getTitle } from "../../../utils";
-import { FormRegistry } from "../../FormRegistry";
-import { getComponents } from "./styledComponents";
-export const ArrayFieldTemplate = (props) => {
-    const { components } = useContext(FormRegistry);
-    const { Wrapper, Title, TitleInfoWrapper, Description, Help, Info, RequiredIndicator, ErrorMessage, } = getComponents(components);
-    const { name, uiSchema, items, renderItem, ...otherProps } = props;
-    const title = getTitle(props);
-    const description = getDescription(props);
-    const { help, info, props: { wrapper: wrapperProps = {}, title: titleProps, description: descriptionProps, help: helpProps, error: errorProps, } = {}, } = useMemo(() => extractUiSchema(uiSchema), [uiSchema]);
-    const dataAttributes = Object.keys(otherProps)
-        .filter((key) => key.startsWith("data-"))
-        .reduce((acc, key) => {
-        acc[key] = otherProps[key];
-        return acc;
-    }, {});
-    const mergedWrapperProps = {
-        ...wrapperProps,
-        ...dataAttributes,
-    };
-    // These lines make sure the error message is a string, which means the error
-    // is actually for the whole Array component, not for one of the children.
-    const { errors } = useFormikContext();
-    const error = getIn(errors, name);
-    // In case of array of objects, it will give error message as an object value,
-    // which is incorrect value for React, causing UI to crash.
-    const errorIsString = typeof error === "string";
-    return (_jsxs(Wrapper, { ...mergedWrapperProps, children: [_jsxs(TitleInfoWrapper, { children: [title && (_jsxs(Title, { ...titleProps, htmlFor: name, children: [title, props?.required && _jsx(RequiredIndicator, {})] })), info && _jsx(Info, { ...info })] }), description && (_jsx(Description, { ...descriptionProps, children: description })), items && items.map((item, index) => renderItem(item, index)), help && _jsx(Help, { ...helpProps, children: help }), errorIsString && _jsx(ErrorMessage, { ...errorProps, name: name })] }));
-};

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

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

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

@@ -1,24 +0,0 @@
-export const ArrayFieldTitleInfoWrapper = undefined;
-export const ArrayFieldTemplateWrapper = undefined;
-export const ArrayFieldTemplateIcon = undefined;
-export const ArrayFieldTemplateTitle = undefined;
-export const ArrayFieldTemplateDescription = undefined;
-export const ArrayFieldTemplateHelp = undefined;
-export const ArrayFieldTemplateInfo = undefined;
-export const ArrayFieldTemplateRequiredIndicator = undefined;
-export const ArrayFieldTemplateErrorMessage = undefined;
-export function getComponents(components) {
-    return {
-        Wrapper: components.ArrayFieldTemplateWrapper ??
-            components.ObjectFieldTemplateWrapper,
-        TitleInfoWrapper: components.ArrayFieldTitleInfoWrapper ??
-            components.ObjectFieldTitleInfoWrapper,
-        Title: components.ArrayFieldTemplateTitle ?? components.ObjectFieldTemplateTitle,
-        Description: components.ArrayFieldTemplateDescription ?? components.FieldDescription,
-        Help: components.ArrayFieldTemplateHelp ?? components.FieldHelp,
-        Info: components.ArrayFieldTemplateInfo ?? components.FieldInfo,
-        RequiredIndicator: components.ArrayFieldTemplateRequiredIndicator ??
-            components.RequiredIndicator,
-        ErrorMessage: components.ArrayFieldTemplateErrorMessage ?? components.ErrorMessage,
-    };
-}

package/dist/esm/Form/templates/CollapsibleObjectFieldTemplate/CollapsibleObjectFieldTemplate.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFormikContext } from "formik";
-import { useContext, useMemo, useState } from "react";
-import { extractUiSchema, getDescription, getTitle, setTitleValues, } from "../../../utils";
-import { FormRegistry } from "../../FormRegistry";
-import { getComponents } from "./styledComponents";
-export const CollapsibleObjectFieldTemplate = (props) => {
-    const { components } = useContext(FormRegistry);
-    const { Toggle, ChildrenWrapper, RequiredIndicator, Icon, Description, Title, TitleInfoWrapper, Wrapper, Help, Info, } = getComponents(components);
-    const { children, name, uiSchema, ...otherProps } = props;
-    const formikCtx = useFormikContext();
-    const values = formikCtx.values
-        ? formikCtx.values
-        : {};
-    const title = setTitleValues(name, (getTitle(props) ?? ""), uiSchema?.["ui:options"]?.defaultTitle ?? "", values);
-    const description = getDescription(props);
-    const { help, info, isCollapsedOnLoad = true, openIcon, collapsedIcon, 
-    //TODO: This is not right
-    props: { wrapper: wrapperProps = {}, title: titleProps, description: descriptionProps, help: helpProps, ariaLabel,
-    // error: errorProps,
-     } = {}, } = useMemo(() => extractUiSchema(uiSchema), [uiSchema]);
-    const dataAttributes = Object.keys(otherProps)
-        .filter((key) => key.startsWith("data-"))
-        .reduce((acc, key) => {
-        acc[key] = otherProps[key];
-        return acc;
-    }, {});
-    const mergedWrapperProps = {
-        ...wrapperProps,
-        ...dataAttributes,
-    };
-    const [collapsed, setCollapsed] = useState(isCollapsedOnLoad);
-    const hide = collapsed;
-    return (_jsxs(Wrapper, { ...mergedWrapperProps, children: [_jsxs(TitleInfoWrapper, { children: [title && (_jsx(Toggle, { onClick: () => setCollapsed(!collapsed), 
-                        //ariaExpanded={!hide}
-                        ariaLabel: ariaLabel ?? name, children: _jsxs(Title, { ...titleProps, htmlFor: name, children: [title, props?.required && _jsx(RequiredIndicator, {}), _jsx(Icon, { children: hide ? collapsedIcon ?? "▸" : openIcon ?? "▾" })] }) })), info && _jsx(Info, { ...info })] }), _jsxs(ChildrenWrapper, { style: hide ? { display: "none" } : undefined, children: [description && (_jsx(Description, { ...descriptionProps, children: description })), children, help && _jsx(Help, { ...helpProps, children: help })] })] }));
-};

package/dist/esm/Form/templates/CollapsibleObjectFieldTemplate/index.js

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

package/dist/esm/Form/templates/CollapsibleObjectFieldTemplate/styledComponents.js

@@ -1,51 +0,0 @@
-import { styled } from "styled-components";
-import { ObjectFieldTemplateTitle, } from "../ObjectFieldTemplate/styledComponents";
-import { Button } from "@nolwenture/component-library/src/components/Button";
-export const CollapsibleObjectFieldTemplateWrapper = undefined;
-export const CollapsibleObjectTitleInfoWrapper = undefined;
-export const CollapsibleObjectFieldTemplateIcon = undefined;
-export const CollapsibleObjectFieldTemplateTitle = styled(ObjectFieldTemplateTitle) `
-  display: flex;
-  align-items: center;
-  gap: ${(props) => props.theme.spacing.s};
-`;
-export const CollapsibleObjectFieldTemplateDescription = undefined;
-export const CollapsibleObjectFieldTemplateHelp = undefined;
-export const CollapsibleObjectFieldTemplateInfo = undefined;
-export const CollapsibleObjectFieldTemplateRequiredIndicator = undefined;
-export const CollapsibleObjectFieldTemplateErrorMessage = undefined;
-export const CollapsibleObjectFieldTemplateToggle = styled(Button) `
-  display: flex;
-  flex-direction: column;
-`;
-export const CollapsibleObjectFieldTemplateChildWrapper = styled.div `
-`;
-export function getComponents(components) {
-    return {
-        Wrapper: components.CollapsibleObjectFieldTemplateWrapper ??
-            components.ObjectFieldTemplateWrapper,
-        TitleInfoWrapper: components.CollapsibleObjectTitleInfoWrapper ??
-            components.ObjectFieldTitleInfoWrapper,
-        Icon: components.CollapsibleObjectFieldTemplateIcon ?? components.Icon,
-        Title: components.CollapsibleObjectFieldTemplateTitle ??
-            components.ObjectFieldTemplateTitle,
-        Description: components.CollapsibleObjectFieldTemplateDescription ??
-            components.ObjectFieldTemplateDescription ??
-            components.FieldDescription,
-        Help: components.CollapsibleObjectFieldTemplateHelp ??
-            components.ObjectFieldTemplateHelp ??
-            components.FieldHelp,
-        Info: components.CollapsibleObjectFieldTemplateInfo ??
-            components.ObjectFieldTemplateInfo ??
-            components.FieldInfo,
-        RequiredIndicator: components.CollapsibleObjectFieldTemplateRequiredIndicator ??
-            components.ObjectFieldTemplateRequiredIndicator ??
-            components.RequiredIndicator,
-        ErrorMessage: components.CollapsibleObjectFieldTemplateErrorMessage ??
-            components.ObjectFieldTemplateErrorMessage ??
-            components.ErrorMessage,
-        Toggle: components.CollapsibleObjectFieldTemplateToggle,
-        ChildrenWrapper: components.CollapsibleObjectFieldTemplateWrapper ??
-            components.ObjectFieldTemplateWrapper,
-    };
-}

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

@@ -1,24 +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 { FormRegistry } from "../../FormRegistry";
-export const FieldTemplate = (props) => {
-    const { components: { FieldWrapper, FieldTitleInfoWrapper, FieldTitle, FieldDescription, ErrorMessage, FieldHelp, RequiredIndicator, FieldInfo, }, } = useContext(FormRegistry);
-    const { name, uiSchema, children, ...otherProps } = props;
-    const title = getTitle(props);
-    const description = getDescription(props);
-    const { help, info, disabled, props: { wrapper: wrapperProps = {}, title: titleProps, description: descriptionProps, help: helpProps, error: errorProps, disabled: isDisabled, } = {}, } = useMemo(() => extractUiSchema(uiSchema), [uiSchema]);
-    const isReadOnly = props.schema?.readOnly;
-    const dataAttributes = Object.keys(otherProps)
-        .filter((key) => key.startsWith("data-"))
-        .reduce((acc, key) => {
-        acc[key] = otherProps[key];
-        return acc;
-    }, {});
-    // Merge the wrapperProps with the filtered dataAttributes
-    const mergedWrapperProps = {
-        ...wrapperProps,
-        ...dataAttributes, // This will only include data-* attributes
-    };
-    return (_jsxs(FieldWrapper, { ...mergedWrapperProps, "$isDisabled": isDisabled, children: [_jsxs(FieldTitleInfoWrapper, { children: [title && (_jsxs(FieldTitle, { ...titleProps, htmlFor: name, children: [title, props.required && _jsx(RequiredIndicator, {})] })), info && _jsx(FieldInfo, { ...info })] }), description && (_jsx(FieldDescription, { ...descriptionProps, "$isReadOnly": isReadOnly, children: description })), children, help && _jsx(FieldHelp, { ...helpProps, children: help }), _jsx(ErrorMessage, { ...errorProps, name: name })] }));
-};

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

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

package/dist/esm/Form/templates/ObjectFieldTemplate/ObjectFieldTemplate.js

@@ -1,28 +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 { FormRegistry } from "../../FormRegistry";
-import { getComponents } from "./styledComponents";
-export const ObjectFieldTemplate = (props) => {
-    const { components } = useContext(FormRegistry);
-    const { Wrapper, Title, TitleInfoWrapper, Description, Help, Info, RequiredIndicator, ErrorMessage, } = getComponents(components);
-    const { children, uiSchema, ...otherProps } = 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]);
-    const dataAttributes = Object.keys(otherProps)
-        .filter((key) => key.startsWith("data-"))
-        .reduce((acc, key) => {
-        acc[key] = otherProps[key];
-        return acc;
-    }, {});
-    const mergedWrapperProps = {
-        ...wrapperProps,
-        ...dataAttributes,
-    };
-    return (_jsxs(Wrapper, { ...mergedWrapperProps, children: [_jsxs(TitleInfoWrapper, { children: [title && (_jsxs(Title, { ...titleProps, children: [title, props?.required && _jsx(RequiredIndicator, {})] })), info && _jsx(Info, { ...info })] }), description && (_jsx(Description, { ...descriptionProps, children: description })), children, help && _jsx(Help, { ...helpProps, children: help })] }));
-};

package/dist/esm/Form/templates/ObjectFieldTemplate/index.js

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

package/dist/esm/Form/templates/ObjectFieldTemplate/styledComponents.js

@@ -1,53 +0,0 @@
-import { lighten } from "polished";
-import { styled } from "styled-components";
-export const ObjectFieldTemplateWrapper = styled.fieldset `
-  display: flex;
-  flex-direction: column;
-  gap: ${(props) => props.theme.spacing.m};
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  margin-inline: 0;
-  margin-bottom: ${(props) => props.theme.spacing.xs};
-
-  &:has(input[disabled]),
-  &:has(option[disabled]),
-  &:has(select[disabled]),
-  &:has(textarea[disabled]) {
-    border-color: ${(props) => lighten(0.4, props.theme.color.border.default)};
-
-    legend {
-      color: ${(props) => lighten(0.4, props.theme.color.text.default)};
-
-      & + p {
-        color: ${(props) => lighten(0.4, props.theme.color.text.default)};
-      }
-    }
-  }
-`;
-export const ObjectFieldTemplateTitle = styled.legend `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-`;
-export const ObjectFieldTitleInfoWrapper = styled.div `
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-`;
-export const ObjectFieldTemplateDescription = undefined;
-export const ObjectFieldTemplateHelp = undefined;
-export const ObjectFieldTemplateInfo = undefined;
-export const ObjectFieldTemplateRequiredIndicator = undefined;
-export const ObjectFieldTemplateErrorMessage = undefined;
-export function getComponents(components) {
-    return {
-        Wrapper: components.ObjectFieldTemplateWrapper,
-        Title: components.ObjectFieldTemplateTitle,
-        TitleInfoWrapper: components.ObjectFieldTitleInfoWrapper,
-        Description: components.ObjectFieldTemplateDescription ?? components.FieldDescription,
-        Help: components.ObjectFieldTemplateHelp ?? components.FieldHelp,
-        Info: components.ObjectFieldTemplateInfo ?? components.FieldInfo,
-        RequiredIndicator: components.ObjectFieldTemplateRequiredIndicator ??
-            components.RequiredIndicator,
-        ErrorMessage: components.ObjectFieldTemplateErrorMessage ?? components.ErrorMessage,
-    };
-}

package/dist/esm/Form/templates/index.js

@@ -1,19 +0,0 @@
-//Please keep this in alphabetical order
-import * as ArrayFieldTemplate from "./ArrayFieldTemplate";
-import * as CollapsibleObjectFieldTemplate from "./CollapsibleObjectFieldTemplate";
-import * as FieldTemplate from "./FieldTemplate";
-import * as ObjectFieldTemplate from "./ObjectFieldTemplate";
-//Please keep this in alphabetical order
-export const templateComponents = {
-    ...ArrayFieldTemplate.components,
-    ...CollapsibleObjectFieldTemplate.components,
-    //...FieldTemplate.components, // Field template uses generic components (should it own those?)
-    ...ObjectFieldTemplate.components,
-};
-//Please keep this in alphabetical order
-export const templates = {
-    ...ArrayFieldTemplate.templates,
-    ...CollapsibleObjectFieldTemplate.templates,
-    ...FieldTemplate.templates,
-    ...ObjectFieldTemplate.templates,
-};

package/dist/esm/Form/types/index.js

@@ -1 +0,0 @@
-export * from "./FormRegistryContext";

package/dist/esm/FormView/FormView.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-import { fields as defaultFields } from "./fields";
-import { components as defaultComponents } from "./components";
-import { templates as defaultTemplates } from "./templates";
-import { FormViewRegistry } from "./FormViewRegistry";
-export const FormWrapper = styled.div `
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-`;
-export const FormView = (props) => {
-    const { schema, uiSchema = {}, className, fields = {}, templates = {}, components = {}, formContext = {}, formOptions = {}, formLocalization = {}, useItemsAsAdditionalItems = false, hideUnmarkedAdditionalProperties = false, } = props;
-    const schemaDefinitions = schema.definitions;
-    const uiSchemaDefinitions = uiSchema.definitions;
-    const registry = {
-        fields: { ...defaultFields, ...fields },
-        templates: { ...defaultTemplates, ...templates },
-        components: { ...defaultComponents, ...components },
-        definitions: schemaDefinitions,
-        uiSchemaDefinitions,
-        formContext,
-        formOptions,
-        formLocalization,
-        useItemsAsAdditionalItems,
-        hideUnmarkedAdditionalProperties,
-    };
-    const { Form: FormEl } = registry.components;
-    const SchemaField = registry.fields.SchemaField;
-    return (_jsx(FormWrapper, { children: _jsx(FormViewRegistry.Provider, { value: registry, children: _jsx(FormEl, { className: className, children: _jsx(SchemaField, { name: "", schema: schema, uiSchema: uiSchema }) }) }) }));
-};

package/dist/esm/FormView/FormViewRegistry.js

@@ -1,13 +0,0 @@
-import React from "react";
-export const FormViewRegistry = React.createContext({
-    fields: {},
-    templates: {},
-    components: {},
-    definitions: {},
-    uiSchemaDefinitions: {},
-    formContext: {},
-    formOptions: {},
-    formLocalization: {},
-    useItemsAsAdditionalItems: false,
-    hideUnmarkedAdditionalProperties: false,
-});