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

package/dist/cjs/utils/mergeSchemas.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeSchemas = void 0;
-const getTypes_1 = require("./getTypes");
-const mergeSchemas = (obj1, obj2) => {
-    const acc = Object.assign({}, obj1); // Prevent mutation of source object.
-    return Object.keys(obj2).reduce((acc, key) => {
-        const left = obj1 ? obj1[key] : {}, right = obj2[key];
-        if (obj1 &&
-            key in obj1 &&
-            typeof right === "object" &&
-            !Array.isArray(right)) {
-            acc[key] = (0, exports.mergeSchemas)(left, right);
-        }
-        else if (obj1 &&
-            obj2 &&
-            ((0, getTypes_1.getSchemaType)(obj1) === "object" || (0, getTypes_1.getSchemaType)(obj2) === "object") &&
-            key === "required" &&
-            Array.isArray(left) &&
-            Array.isArray(right)) {
-            // Don't include duplicate values when merging 'required' fields.
-            acc[key] = [...new Set([...left, ...right])];
-        }
-        else {
-            acc[key] = right;
-        }
-        return acc;
-    }, acc);
-};
-exports.mergeSchemas = mergeSchemas;

package/dist/cjs/utils/orderAdditionalProperties.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.orderAdditionalProperties = orderAdditionalProperties;
-const orderByUiSchema_1 = require("./orderByUiSchema");
-function orderAdditionalProperties(uiOrderArray, valuesArray) {
-    if (!uiOrderArray || uiOrderArray.length === 0)
-        return valuesArray;
-    const additionalPropertiesOrder = uiOrderArray
-        .flatMap((entry) => (typeof entry === "string" ? entry : entry.fields))
-        .filter((item) => valuesArray.includes(item) || item === "*");
-    return (0, orderByUiSchema_1.orderByUiSchema)(additionalPropertiesOrder, valuesArray);
-}

package/dist/cjs/utils/orderByUiSchema.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.orderByUiSchema = orderByUiSchema;
-function orderByUiSchema(order, allProperties) {
-    if (order !== undefined && allProperties !== undefined) {
-        if (order.includes("*")) {
-            return orderWithAsterisk(order, allProperties);
-        }
-        else {
-            return order;
-        }
-    }
-    return allProperties;
-}
-function orderWithAsterisk(order, allProperties) {
-    const orderWithoutDuplicates = [...new Set(order)];
-    const fieldsInOrder = orderWithoutDuplicates.flatMap((entry) => typeof entry === "string" ? entry : entry.fields);
-    const finalOrderedArray = [];
-    orderWithoutDuplicates.forEach((element) => {
-        if (element === "*") {
-            const propertiesWithoutOrder = allProperties.filter((prop) => !fieldsInOrder.includes(prop));
-            finalOrderedArray.push(...propertiesWithoutOrder);
-        }
-        else {
-            finalOrderedArray.push(element);
-        }
-    });
-    return finalOrderedArray;
-}

package/dist/cjs/utils/resolveSchema.js

@@ -1,117 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.resolveSchema = void 0;
-exports.resolveOneOfValue = resolveOneOfValue;
-const deepOverlap_1 = require("./deepOverlap");
-const mergeSchemas_1 = require("./mergeSchemas");
-const resolveEquality = (value, expression) => {
-    const keyOfValue = Object.keys(value);
-    const valueOfValue = Object.values(value);
-    const newObject = {
-        properties: keyOfValue.reduce((properties, key, index) => ({
-            ...properties,
-            [key]: { const: valueOfValue[index] },
-        }), {}),
-    };
-    return (0, deepOverlap_1.deepOverlap)(expression, newObject);
-};
-function resolveOneOfValue(value) {
-    if (typeof value !== "boolean" && value.enum?.[0] !== undefined) {
-        return value.enum[0];
-    }
-    else if (value === true || value === false) {
-        return value;
-    }
-    else
-        return undefined;
-}
-const resolveSelectedOneOfValue = (key, value, oneOf) => {
-    const update = (oneOf.find((one) => typeof one !== "boolean" && one?.properties
-        ? resolveOneOfValue(one.properties[key]) === value[key]
-        : false) ?? {});
-    const manipulatedUpdateValue = Object.keys(update.properties ?? {})
-        .filter((objKey) => objKey !== key)
-        .reduce((newObj, innerKey) => {
-        newObj[innerKey] = update.properties?.[innerKey];
-        return newObj;
-    }, {});
-    return { ...update, properties: manipulatedUpdateValue };
-};
-const resolveSchema = ({ allOf, dependencies, ...schema }, value) => {
-    let schemaCopy = schema;
-    let valuesToRemoveDeps = [];
-    let valuesToRemoveAllOf = [];
-    if (dependencies) {
-        schemaCopy = Object.entries(dependencies).reduce((schema, [key, dependency]) => {
-            if (value[key] !== undefined &&
-                value[key] !== "" &&
-                typeof dependency !== "boolean" &&
-                !Array.isArray(dependency)) {
-                const oneOf = dependency.oneOf;
-                if (Array.isArray(oneOf) && oneOf !== undefined) {
-                    const selectedOneOf = resolveSelectedOneOfValue(key, value, oneOf);
-                    return (0, mergeSchemas_1.mergeSchemas)(schema, selectedOneOf);
-                }
-                return (0, mergeSchemas_1.mergeSchemas)(schema, dependency);
-            }
-            return schema;
-        }, schemaCopy);
-    }
-    if (dependencies) {
-        const usedProperties = Object.keys(schemaCopy.properties ?? {});
-        Object.keys(value).map((key) => {
-            if (!usedProperties.includes(key)) {
-                valuesToRemoveDeps.push(key);
-            }
-        });
-    }
-    if (!allOf && dependencies) {
-        return [schemaCopy, valuesToRemoveDeps];
-    }
-    if (allOf) {
-        const { resolvedSchema, notAddedProperties } = allOf.reduce(({ resolvedSchema, notAddedProperties }, current) => {
-            if (!current || typeof current === "boolean") {
-                return { resolvedSchema, notAddedProperties };
-            }
-            const { if: expression, then, else: otherwise, ...resolvedSchemaLessConditional } = current;
-            if (!expression || typeof expression === "boolean") {
-                return {
-                    resolvedSchema: (0, mergeSchemas_1.mergeSchemas)(resolvedSchema, resolvedSchemaLessConditional),
-                    notAddedProperties,
-                };
-            }
-            if (resolveEquality(value, expression)) {
-                if (then && typeof then !== "boolean") {
-                    resolvedSchema = (0, mergeSchemas_1.mergeSchemas)(resolvedSchema, then);
-                }
-                if (otherwise && typeof otherwise !== "boolean") {
-                    notAddedProperties = [
-                        ...notAddedProperties,
-                        ...Object.keys(otherwise.properties ?? {}),
-                    ];
-                }
-            }
-            else {
-                if (then && typeof then !== "boolean") {
-                    notAddedProperties = [
-                        ...notAddedProperties,
-                        ...Object.keys(then.properties ?? {}),
-                    ];
-                }
-                if (otherwise && typeof otherwise !== "boolean") {
-                    resolvedSchema = (0, mergeSchemas_1.mergeSchemas)(resolvedSchema, otherwise);
-                }
-            }
-            return { resolvedSchema, notAddedProperties };
-        }, { resolvedSchema: schemaCopy, notAddedProperties: [] });
-        //Values that do not exists due to conditions
-        const usedPropertiesAllOf = Object.keys(resolvedSchema.properties ?? {});
-        valuesToRemoveAllOf = [...new Set([...notAddedProperties])].filter((key) => !usedPropertiesAllOf.includes(key) && typeof value[key] !== "undefined");
-        const valuesToRemove = [
-            ...new Set([...valuesToRemoveDeps, ...valuesToRemoveAllOf]),
-        ];
-        return [resolvedSchema, valuesToRemove];
-    }
-    return [schemaCopy, []];
-};
-exports.resolveSchema = resolveSchema;

package/dist/cjs/utils/setTitleValues.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setTitleValues = void 0;
-const formik_1 = require("formik");
-// Replaces template string variables with form data for CollapsibleObjectFieldTemplate titles
-const setTitleValues = (name, title, defaultTitle, values) => {
-    const match = name.match(/^([a-zA-Z_$][\w\[\]\.$]*)\[(\d+)\]$/);
-    if (match) {
-        name = match[1];
-    }
-    const index = match ? parseInt(match[2]) : -1;
-    const itemValues = match ? (0, formik_1.getIn)(values, name)[index] : (0, formik_1.getIn)(values, name);
-    const fallbackName = name.split(".").slice(-1)[0];
-    return title.replace(/\$\{([\w$.:]+)\}/g, (match) => {
-        const keyMatch = match.match(/^\$\{([\w$.:]+)\}$/);
-        const key = keyMatch ? keyMatch[1] : "";
-        const value = itemValues ? (0, formik_1.getIn)(itemValues, key) : undefined;
-        return key === "index"
-            ? (index + 1).toString()
-            : value
-                ? value
-                : defaultTitle || fallbackName;
-    });
-};
-exports.setTitleValues = setTitleValues;

package/dist/cjs/utils/solveReferences.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.solveReferences = solveReferences;
-const mergeSchemas_1 = require("./mergeSchemas");
-const formik_1 = require("formik");
-function solveReferences(schema, definitions, uiSchema, uiSchemaDefinitions) {
-    let solvedSchema = schema;
-    let solvedUiSchema = uiSchema;
-    if (typeof schema === "object" && schema["$ref"] && definitions) {
-        const pathParts = schema["$ref"].split("/");
-        if (pathParts[0] !== "#" || pathParts[1] !== "definitions") {
-            throw new Error("Only references to definitions are supported");
-        }
-        const path = pathParts.slice(2).join(".");
-        const uiPath = pathParts
-            .slice(2)
-            .join(".")
-            .replaceAll(/\.properties(\.\w+)?/g, "$1");
-        // TODO: Should we overwrite rather than merge? Maybe add a flag for choosing the behavior?
-        solvedSchema = (0, mergeSchemas_1.mergeSchemas)((0, formik_1.getIn)(definitions, path) ?? {}, schema ?? {});
-        delete solvedSchema.$ref;
-        solvedUiSchema = (0, mergeSchemas_1.mergeSchemas)((0, formik_1.getIn)(uiSchemaDefinitions, uiPath) ?? {}, uiSchema ?? {});
-    }
-    return { schema: solvedSchema, uiSchema: solvedUiSchema };
-}

package/dist/esm/Form/Form.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFormikContext } from "formik";
-import { FormRegistry } from "./FormRegistry";
-import { components as defaultComponents } from "./components";
-import { fields as defaultFields } from "./fields";
-import { templates as defaultTemplates } from "./templates";
-export const Form = (props) => {
-    const { isSubmitting } = useFormikContext();
-    const { schema, uiSchema = {}, className, children, fields = {}, templates = {}, components = {}, formContext = {}, formOptions = {}, formLocalization = {}, useItemsAsAdditionalItems = false, hideUnmarkedAdditionalProperties = false, onAdditionalPropertyOrderChange, hideSubmit = 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,
-        onAdditionalPropertyOrderChange,
-    };
-    const { Form: FormEl, FormButton, FormButtonWrapper } = registry.components;
-    const SchemaField = registry.fields.SchemaField;
-    return (_jsx(FormRegistry.Provider, { value: registry, children: _jsxs(FormEl, { className: className, children: [_jsx(SchemaField, { name: "", schema: schema, uiSchema: uiSchema }), children ? (children) : (_jsx(FormButtonWrapper, { children: !hideSubmit && (_jsx(FormButton, { type: "submit", disabled: isSubmitting, children: "Send" })) }))] }) }));
-};

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

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from "styled-components";
-export const ClickableEl = styled.button `
-`;
-export const Clickable = ({ children, onClick, onMouseUp = () => { }, onMouseDown = () => { }, innerRef = () => { }, className, ariaLabel, ariaExpanded = false, ariaControls, id, }) => {
-    return (_jsx(ClickableEl, { type: "button", onClick: onClick, onMouseUp: onMouseUp, onMouseDown: onMouseDown, ref: (r) => innerRef(r), className: className, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, "aria-controls": ariaControls, id: id, children: children }));
-};

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

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-import { useField } from 'formik';
-const ErrorText = styled.div `
-  color: ${(props) => props.theme.color.intent.default.danger};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.base};
-  margin-top: ${(props) => props.theme.spacing.xs};
-`;
-export const ErrorMessage = ({ name }) => {
-    const [, meta] = useField(name);
-    if (!meta.touched || !meta.error) {
-        return null;
-    }
-    return _jsx(ErrorText, { children: meta.error });
-};

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

@@ -1,140 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useState } from "react";
-import { styled } from "styled-components";
-import { readableColor } from "polished";
-import { FormRegistry } from "../FormRegistry";
-export const FieldInfoBoxElement = styled.div `
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  margin: 0;
-  min-width: max-content;
-  opacity: 0;
-  position: absolute;
-  transition: opacity 0.5s;
-  visibility: hidden;
-  word-wrap: break-word;
-  z-index: 1080;
-
-  top: ${({ position }) => position === "bottom" ? "140%" : position === "top" ? "auto" : "50%"};
-  bottom: ${({ position }) => position === "top"
-    ? "140%"
-    : position === "right" || position === "left"
-        ? "50%"
-        : "auto"};
-  left: ${({ position }) => position === "right"
-    ? "100%"
-    : position === "bottom" || position === "top"
-        ? "50%"
-        : "auto"};
-  right: ${({ position }) => position === "left"
-    ? "100%"
-    : position === "bottom" || position === "top"
-        ? "50%"
-        : "auto"};
-  transform: translate(
-    ${({ position }) => position === "bottom" || position === "top" ? "-50%" : "0"},
-    ${({ position }) => position === "right" || position === "left" ? "-50%" : "0"}
-  );
-`;
-export const FieldInfoBoxArrowElement = styled.div `
-  top: ${({ position }) => position === "top"
-    ? "100%"
-    : position === "right" || position === "left"
-        ? "40%"
-        : "unset"};
-  left: ${({ position }) => position === "top" || position === "bottom"
-    ? "50%"
-    : position === "right"
-        ? "-2%"
-        : "102.5%"};
-  bottom: ${({ position }) => (position === "bottom" ? "100%" : "unset")};
-  border: solid transparent;
-  content: "";
-  height: 0;
-  width: 0;
-  position: absolute;
-  pointer-events: none;
-  border-top-color: ${({ position, theme }) => position === "top" ? theme.color.intent.default.warning : "transparent"};
-  border-bottom-color: ${({ position, theme }) => position === "bottom" ? theme.color.intent.default.warning : "transparent"};
-  border-right-color: ${({ position, theme }) => position === "right" ? theme.color.intent.default.warning : "transparent"};
-  border-left-color: ${({ position, theme }) => position === "left" ? theme.color.intent.default.warning : "transparent"};
-  border-width: 5px;
-  margin-left: -5px;
-`;
-export const FieldInfoBoxInnerElement = styled.div `
-    background: ${(props) => props.theme.color.intent.default.warning};
-    border-radius: ${(props) => props.theme.borderRadius.none};
-    border: none;
-    color: ${(props) => props.theme.color.text.default};
-    cursor: default;
-    font-size: ${(props) => props.theme.typography.size.small};
-    line-height: ${(props) => props.theme.typography.lineHeight.small};
-    max-width: 30ch;
-    padding: ${(props) => `${props.theme.spacing.s} ${props.theme.spacing.m}`};
-    text-align: left;
-    white-space: pre-wrap;
-`;
-export const InlineFieldInfoBoxInnerElement = styled.div `
-    background: ${(props) => props.theme.color.intent.default.warning};
-    border-radius: ${(props) => props.theme.borderRadius.none};
-    border: none;
-    color: ${(props) => props.theme.color.text.default};
-    cursor: default;
-    font-size: ${(props) => props.theme.typography.size.small};
-    line-height: ${(props) => props.theme.typography.lineHeight.small};
-    padding: ${(props) => `${props.theme.spacing.s} ${props.theme.spacing.m}`};
-    text-align: left;
-    white-space: pre-wrap;
-`;
-export const FieldInfoContainer = styled.a `
-  background: none;
-  border-radius: ${(props) => props.theme.borderRadius.circle};
-  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.small};
-  margin: ${(props) => `0 ${props.theme.spacing.s} 0 -${props.theme.spacing.xs}`};
-  outline: none;
-  padding: ${(props) => `0 ${props.theme.spacing.s}`};
-  position: relative;
-  text-decoration: unset;
-  width: fit-content;
-
-  &:active,
-  &:focus {
-    color: ${(props) => readableColor(props.theme.color.text.default)};
-    background: ${(props) => props.theme.color.text.default};
-    ${FieldInfoBoxElement} {
-      opacity: 1;
-      visibility: visible;
-    }
-  }
-`;
-export const FieldInfoLabel = styled.span ``;
-export const InlineFieldInfoWrapper = styled.div `
-  display: flex;
-  margin: ${(props) => `${props.theme.spacing.m} 0`};
-  width: 100%;
-`;
-export const FieldInfo = ({ label, content, position, display: displayProp, className, }) => {
-    const { formOptions } = useContext(FormRegistry);
-    const [isInlineVisible, setIsInlineVisible] = useState(false);
-    const config = {
-        display: "tooltip",
-        ...(formOptions?.components?.FieldInfo ?? {}),
-        ...(displayProp && { display: displayProp }),
-    };
-    const handleToggle = (e) => {
-        e.preventDefault();
-        if (config.display === "inline") {
-            setIsInlineVisible((prev) => !prev);
-        }
-    };
-    if (config.display === "inline") {
-        return (_jsxs(_Fragment, { children: [_jsx(FieldInfoContainer, { href: "#", onClick: handleToggle, className: className, children: _jsx(FieldInfoLabel, { children: label ?? "i" }) }), isInlineVisible && (_jsx(InlineFieldInfoWrapper, { children: _jsx(InlineFieldInfoBoxInnerElement, { children: content }) }))] }));
-    }
-    else {
-        return (_jsxs(FieldInfoContainer, { href: "#", onClick: (e) => e.preventDefault(), className: className, children: [_jsx(FieldInfoLabel, { children: label ?? "i" }), _jsxs(FieldInfoBoxElement, { position: position ?? "top", role: "tooltip", children: [_jsx(FieldInfoBoxArrowElement, { position: position ?? "top" }), _jsx(FieldInfoBoxInnerElement, { children: content })] })] }));
-    }
-};

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

@@ -1,50 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from "styled-components";
-import * as formik from "formik";
-export const FieldWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: ${(props) => props.theme.spacing.xs};
-  color: ${(props) => props.theme.color.text.default};
-  opacity: ${(props) => (props.$isDisabled ? 0.6 : 1)};
-  pointer-events: ${(props) => (props.$isDisabled ? "none" : "auto")};
-`;
-export const FieldTitleInfoWrapper = styled.div `
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-`;
-export const FieldTitle = styled.label `
-  font-size: ${(props) => props.theme.typography.size.base};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-weight: ${(props) => props.theme.typography.weight.medium};
-  margin-right: ${(props) => props.theme.spacing.s};
-  color: ${(props) => props.theme.color.text.default};
-`;
-export const FieldDescription = styled.p `
-  color: ${(props) => props.theme.color.text.default};
-  margin: 0;
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.base};
-  font-weight: ${(props) => props.$isReadOnly
-    ? props.theme.typography.weight.bold
-    : props.theme.typography.weight.normal};
-`;
-export const FieldHelp = styled.p `
-  color: ${(props) => props.theme.color.text.default};
-  margin: 0;
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-`;
-/*
- * Works like Formik field, but "as" props needs to be given with "formikAs", since styled components uses as.
- *
- */
-export const FieldInput = styled(({ formikAs, ...props }) => {
-    return _jsx(formik.Field, { ...props, as: formikAs });
-}) ``;
-export const SelectFieldInput = styled(FieldInput) `
-  &[readonly] {
-    pointer-events: none;
-  }
-`;

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

@@ -1,13 +0,0 @@
-import styled from "styled-components";
-import * as formik from "formik";
-import { Button } from "@nolwenture/component-library/src/components/Button";
-export const Form = styled(formik.Form) `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  
-  :focus {
-    ${(props) => props.theme.focus.default};
-  }
-`;
-export const FormButtonWrapper = styled.div ``;
-export const FormButton = styled(Button) ``;

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

@@ -1,2 +0,0 @@
-import { styled } from "styled-components";
-export const Icon = styled.div ``;

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

@@ -1,6 +0,0 @@
-import { styled } from "styled-components";
-export const RequiredIndicator = styled.span `
-  ::before {
-    content: "*";
-  }
-`;

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

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

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

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import { useField } from "formik";
-import { extractUiSchema, guessType } from "../../../utils";
-import { COMPONENT_TYPES } from "../../../common/constants";
-import { SchemaField } from "../SchemaField/SchemaField";
-import { AnyFieldWrapper } from "./styledComponents";
-export const AnyField = (props) => {
-    const { name, schema, uiSchema } = props;
-    const [{ value }] = useField(name);
-    const [type, setType] = useState(value !== undefined ? guessType(value) : "string");
-    const { 
-    //TODO: This is not right
-    props: { wrapper: wrapperProps = {} } = {}, } = useMemo(() => extractUiSchema(uiSchema), [uiSchema]);
-    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(AnyFieldWrapper, { ...wrapperProps, 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/Form/fields/AnyField/index.js

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

package/dist/esm/Form/fields/AnyField/styledComponents.js

@@ -1,3 +0,0 @@
-import { styled } from "styled-components";
-import { CommonFieldWrapper } from "../../styles/common";
-export const AnyFieldWrapper = styled(CommonFieldWrapper) ``;