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

package/dist/esm/utils/getTitleAndDescription.js

@@ -1,14 +0,0 @@
-export const getTitle = ({ title, uiSchema, schema, name, }) => {
-    return uiSchema?.["ui:options"]?.hideTitle
-        ? undefined
-        : title ||
-            uiSchema?.["ui:title"] ||
-            schema?.title ||
-            name?.split(".")[name?.split(".").length - 1];
-};
-export const getDescription = ({ description, uiSchema, schema, }) => {
-    return (description ||
-        uiSchema?.["ui:options"]?.description ||
-        uiSchema?.["ui:description"] ||
-        schema?.description);
-};

package/dist/esm/utils/getTypes.js

@@ -1,53 +0,0 @@
-export const isObject = (object) => {
-    return object != null && typeof object === "object";
-};
-export const getDefaultValueForType = (type) => {
-    if (type && !Array.isArray(type)) {
-        if (type === "array")
-            return [];
-        if (type === "object")
-            return {};
-    }
-    return undefined;
-};
-export const guessType = (value) => {
-    if (Array.isArray(value)) {
-        return "array";
-    }
-    else if (typeof value === "string") {
-        return "string";
-    }
-    else if (value === null) {
-        return "null";
-    }
-    else if (typeof value === "boolean") {
-        return "boolean";
-    }
-    else if (!isNaN(value)) {
-        return "number";
-    }
-    else if (typeof value === "object") {
-        return "object";
-    }
-    // Default to string if we can't figure it out
-    return "string";
-};
-export const getSchemaType = (schema) => {
-    if (!schema) {
-        return undefined;
-    }
-    let { type } = schema;
-    if (!type && schema.const) {
-        return guessType(schema.const);
-    }
-    if (!type && schema.enum) {
-        return "string";
-    }
-    if (!type && (schema.properties || schema.additionalProperties)) {
-        return "object";
-    }
-    if (type instanceof Array && type.length === 2 && type.includes("null")) {
-        return type.find((type) => type !== "null");
-    }
-    return type;
-};

package/dist/esm/utils/immutablySwapItems.js

@@ -1,7 +0,0 @@
-export function immutablySwapItems(items, firstIndex, secondIndex) {
-    const results = items.slice();
-    const firstItem = items[firstIndex];
-    results[firstIndex] = items[secondIndex];
-    results[secondIndex] = firstItem;
-    return results;
-}

package/dist/esm/utils/index.js

@@ -1,15 +0,0 @@
-export * from "./deepOverlap";
-export * from "./extractUiSchema";
-export * from "./getEnums";
-export * from "./getHiddenProperties";
-export * from "./getTitleAndDescription";
-export * from "./getTypes";
-export * from "./mergeSchemas";
-export * from "./resolveSchema";
-export * from "./solveReferences";
-export * from "./createInitialValues";
-export * from "./createValidationSchema";
-export * from "./orderByUiSchema";
-export * from "./orderAdditionalProperties";
-export * from "./setTitleValues";
-export * from "./immutablySwapItems";

package/dist/esm/utils/mergeSchemas.js

@@ -1,26 +0,0 @@
-import { getSchemaType } from "./getTypes";
-export 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] = mergeSchemas(left, right);
-        }
-        else if (obj1 &&
-            obj2 &&
-            (getSchemaType(obj1) === "object" || 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);
-};

package/dist/esm/utils/orderAdditionalProperties.js

@@ -1,9 +0,0 @@
-import { orderByUiSchema } from "./orderByUiSchema";
-export 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 orderByUiSchema(additionalPropertiesOrder, valuesArray);
-}

package/dist/esm/utils/orderByUiSchema.js

@@ -1,26 +0,0 @@
-export 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/esm/utils/resolveSchema.js

@@ -1,112 +0,0 @@
-import { deepOverlap } from "./deepOverlap";
-import { mergeSchemas } from "./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 deepOverlap(expression, newObject);
-};
-export 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 };
-};
-export 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 mergeSchemas(schema, selectedOneOf);
-                }
-                return 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: mergeSchemas(resolvedSchema, resolvedSchemaLessConditional),
-                    notAddedProperties,
-                };
-            }
-            if (resolveEquality(value, expression)) {
-                if (then && typeof then !== "boolean") {
-                    resolvedSchema = 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 = 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, []];
-};

package/dist/esm/utils/setTitleValues.js

@@ -1,21 +0,0 @@
-import { getIn } from "formik";
-// Replaces template string variables with form data for CollapsibleObjectFieldTemplate titles
-export 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 ? getIn(values, name)[index] : 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 ? getIn(itemValues, key) : undefined;
-        return key === "index"
-            ? (index + 1).toString()
-            : value
-                ? value
-                : defaultTitle || fallbackName;
-    });
-};

package/dist/esm/utils/solveReferences.js

@@ -1,22 +0,0 @@
-import { mergeSchemas } from "./mergeSchemas";
-import { getIn } from "formik";
-export 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 = mergeSchemas(getIn(definitions, path) ?? {}, schema ?? {});
-        delete solvedSchema.$ref;
-        solvedUiSchema = mergeSchemas(getIn(uiSchemaDefinitions, uiPath) ?? {}, uiSchema ?? {});
-    }
-    return { schema: solvedSchema, uiSchema: solvedUiSchema };
-}

package/dist/types/Form/Form.d.ts

@@ -1,2 +0,0 @@
-import type { FormProps } from "../common/types";
-export declare const Form: <T>(props: FormProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/Form/FormRegistry.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { FormRegistryContext } from "./types";
-export declare const FormRegistry: React.Context<FormRegistryContext>;

package/dist/types/Form/components/Clickable.d.ts

@@ -1,15 +0,0 @@
-import React, { MouseEventHandler } from "react";
-export type ClickableProps = {
-    children: React.ReactNode;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    onMouseDown?: MouseEventHandler<HTMLButtonElement>;
-    onMouseUp?: MouseEventHandler<HTMLButtonElement>;
-    innerRef?: (r: HTMLButtonElement | null) => void;
-    className?: string;
-    ariaLabel?: string;
-    ariaExpanded?: boolean;
-    ariaControls?: string;
-    id?: string;
-};
-export declare const ClickableEl: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const Clickable: React.FC<ClickableProps>;

package/dist/types/Form/components/ErrorMessage.d.ts

@@ -1,3 +0,0 @@
-export declare const ErrorMessage: ({ name }: {
-    name: string;
-}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/Form/components/FieldInfo.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { FieldInfoBoxElementProps, FieldInfoProps } from "../../common/types/FieldInfo";
-export declare const FieldInfoBoxElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FieldInfoBoxElementProps>> & string;
-export declare const FieldInfoBoxArrowElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FieldInfoBoxElementProps>> & string;
-export declare const FieldInfoBoxInnerElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const InlineFieldInfoBoxInnerElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FieldInfoContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
-export declare const FieldInfoLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const InlineFieldInfoWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FieldInfo: React.FC<FieldInfoProps>;

package/dist/types/Form/components/FieldInput.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import * as formik from "formik";
-export declare const FieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isDisabled?: boolean;
-}>> & string;
-export declare const FieldTitleInfoWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FieldTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
-export declare const FieldDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
-    $isReadOnly: boolean;
-}>> & string;
-export declare const FieldHelp: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const FieldInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<any, "as">, "ref"> & {
-    ref?: unknown;
-}, never>> & string & Omit<({ formikAs, ...props }: Omit<formik.FieldAttributes<any>, "as">) => import("react/jsx-runtime").JSX.Element, keyof React.Component<any, {}, any>>;
-export declare const SelectFieldInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<Omit<Omit<any, "as">, "ref"> & {
-    ref?: unknown;
-}, never>, "ref"> & {
-    ref?: unknown;
-}, never>> & string;

package/dist/types/Form/components/Form.d.ts

@@ -1,6 +0,0 @@
-import { Button } from "@nolwenture/component-library/src/components/Button";
-export declare const Form: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import("react").RefAttributes<HTMLFormElement>, "ref"> & {
-    ref?: ((instance: HTMLFormElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLFormElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import("react").RefAttributes<HTMLFormElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const FormButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FormButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Readonly<import("@nolwenture/component-library/src/components/Button").ButtonProps>, never>> & string & Omit<typeof Button, keyof import("react").Component<any, {}, any>>;

package/dist/types/Form/components/Icon.d.ts

@@ -1 +0,0 @@
-export declare const Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/types/Form/components/RequiredIndicator.d.ts

@@ -1 +0,0 @@
-export declare const RequiredIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;