@nolwenture/formik-jsonschema-form 0.26.2 → 0.26.4

package/dist/cjs/utils/resolveSchema.js

@@ -0,0 +1,117 @@
+"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/solveReferences.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.solveReferences = solveReferences;
+const mergeSchemas_1 = require("./mergeSchemas");
+function solveReferences(schema, definitions, uiSchema, uiSchemaDefinitions) {
+    let solvedSchema = schema;
+    let solvedUiSchema = uiSchema;
+    if (typeof schema === "object" && schema["$ref"] && definitions) {
+        const schemaKey = schema["$ref"]?.substring(14) ?? "";
+        // TODO: Should we overwrite rather than merge? Maybe add a flag for choosing the behavior?
+        solvedSchema = (0, mergeSchemas_1.mergeSchemas)(definitions[schemaKey] ?? {}, schema ?? {});
+        delete solvedSchema.$ref;
+        solvedUiSchema = (0, mergeSchemas_1.mergeSchemas)(uiSchemaDefinitions?.[schemaKey] ?? {}, uiSchema ?? {});
+    }
+    return { schema: solvedSchema, uiSchema: solvedUiSchema };
+}

package/dist/esm/FileUploadContext.d.ts

@@ -0,0 +1,18 @@
+import { AxiosProgressEvent } from "axios";
+export type FileUploadContext<T> = {
+    uploadFile: (x: {
+        data: FormData;
+        onUploadProgress?: (progressEvent: AxiosProgressEvent) => void;
+    }) => Promise<T>;
+    fetchFile: (value: T) => Promise<{
+        name: string;
+    }>;
+    removeFile: (fileName: string) => Promise<{
+        success: boolean;
+        message?: undefined;
+    } | {
+        success: boolean;
+        message: string;
+    }>;
+};
+export declare const FileUploadContext: import("react").Context<FileUploadContext<any>>;

package/dist/esm/Form.d.ts

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

package/dist/esm/Form.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj, Meta } from "@storybook/react";
+import { Form } from "./";
+declare const meta: Meta<typeof Form>;
+export default meta;
+type Story = StoryObj<typeof Form>;
+export declare const Simple: Story;
+export declare const WithUiSchema: Story;
+export declare const CompleteSchema: Story;
+export declare const StrictlyTyped: () => import("react/jsx-runtime").JSX.Element;
+export declare const StylesCustomized: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithGeneratedSchema: Story;
+export declare const WithRequiredInput: Story;
+export declare const WithConditions: Story;
+export declare const WithRefAndDefinitions: Story;
+export declare const MultipleChoice: Story;
+export declare const Collapsible: Story;
+export declare const proExample: Story;
+export declare const FileUploadForm: Story;
+export declare const HideSubmitButton: Story;

package/dist/esm/Form.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/esm/FormEditor.d.ts

@@ -0,0 +1,8 @@
+import type { Schema, UiSchema } from "./types";
+import React from "react";
+export type FormEditorProps = {};
+export type FormEditorValues = {
+    schema: Schema;
+    uiSchema: UiSchema;
+};
+export declare const FormEditor: React.FC<FormEditorProps>;

package/dist/esm/FormEditor.stories.d.ts

@@ -0,0 +1,6 @@
+import { StoryObj, Meta } from "@storybook/react";
+import { FormEditor } from "./FormEditor";
+declare const meta: Meta<typeof FormEditor>;
+export default meta;
+type Story = StoryObj<typeof FormEditor>;
+export declare const Default: Story;

package/dist/esm/FormPdf.d.ts

@@ -0,0 +1,6 @@
+import type { FormProps, FormRegistryContextValue, FormValues } from "./types";
+import React from "react";
+export declare const FormPdfRegistry: React.Context<FormRegistryContextValue>;
+export declare const FormPdf: <T>(props: FormProps<T> & {
+    values: FormValues;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/FormPdf.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj, Meta } from "@storybook/react";
+import { FormPdf } from "./";
+declare const meta: Meta<typeof FormPdf>;
+export default meta;
+type Story = StoryObj<typeof FormPdf>;
+export declare const SimplePdf: Story;
+export declare const CompletePdfSchema: Story;
+export declare const StylesCustomized: () => import("react/jsx-runtime").JSX.Element;
+export declare const ProExamplePdf: Story;
+export declare const EJSTest: Story;
+export declare const MultiChoice: Story;

package/dist/esm/FormPdf.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/esm/fields/AnyField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const AnyField: React.FC<FieldProps>;

package/dist/esm/fields/ArrayField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const ArrayField: React.FC<FieldProps>;

package/dist/esm/fields/BooleanField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const BooleanField: React.FC<FieldProps>;

package/dist/esm/fields/DateField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const DateField: React.FC<FieldProps>;

package/dist/esm/fields/FileUploadField.d.ts

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

package/dist/esm/fields/MultipleChoiceField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const MultipleChoiceField: React.FC<FieldProps>;

package/dist/esm/fields/NullField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const NullField: React.FC<FieldProps>;

package/dist/esm/fields/NumberField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const NumberField: React.FC<FieldProps>;

package/dist/esm/fields/ObjectField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const ObjectField: React.FC<FieldProps>;

package/dist/esm/fields/RadioField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const RadioField: React.FC<FieldProps>;

package/dist/esm/fields/SchemaField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const SchemaField: React.FC<FieldProps>;

package/dist/esm/fields/SearchMultiTagSelectField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const SearchMultiTagSelectField: React.FC<FieldProps>;

package/dist/esm/fields/SearchableSelectField.d.ts

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

package/dist/esm/fields/StringField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const StringField: React.FC<FieldProps>;

package/dist/esm/fields/TextAreaField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const TextAreaField: React.FC<FieldProps>;

package/dist/esm/fields/ToggleField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps } from "../types";
+import React from "react";
+export declare const ToggleField: React.FC<FieldProps>;

package/dist/esm/fields/index.js

@@ -0,0 +1,16 @@
+export * from "./ArrayField";
+export * from "./BooleanField";
+export * from "./DateField";
+export * from "./NullField";
+export * from "./NumberField";
+export * from "./ObjectField";
+export * from "./SchemaField";
+export * from "./StringField";
+export * from "./AnyField";
+export * from "./RadioField";
+export * from "./ToggleField";
+export * from "./SearchMultiTagSelectField";
+export * from "./SearchableSelectField";
+export * from "./MultipleChoiceField";
+export * from "./TextAreaField";
+export * from "./FileUploadField";

package/dist/esm/fields/stories/AnyField.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { AnyField } from "./../AnyField";
+declare const _default: Meta<typeof AnyField>;
+export default _default;
+export declare const Default: StoryObj<typeof AnyField>;

package/dist/esm/fields/stories/ArrayField.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { ArrayField } from "./../ArrayField";
+declare const _default: Meta<typeof ArrayField>;
+export default _default;
+export declare const BasicArray: StoryObj<typeof ArrayField>;
+export declare const EnumArray: StoryObj<typeof ArrayField>;
+export declare const ObjectArray: StoryObj<typeof ArrayField>;
+export declare const AnyOfArray: StoryObj<typeof ArrayField>;

package/dist/esm/fields/stories/BooleanField.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { BooleanField } from "./../BooleanField";
+declare const _default: Meta<typeof BooleanField>;
+export default _default;
+export declare const Default: StoryObj<typeof BooleanField>;

package/dist/esm/fields/stories/DateField.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { DateField } from "./../DateField";
+declare const _default: Meta<typeof DateField>;
+export default _default;
+export declare const Default: StoryObj<typeof DateField>;

package/dist/esm/fields/stories/FileUploadField.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { FileUploadField } from "../FileUploadField";
+export declare const mockUploadFile: ({ data, onUploadProgress, }: {
+    data: FormData;
+    onUploadProgress?: (progressEvent: any) => void;
+}) => Promise<string>;
+export declare const mockFetchFile: (fileId: string) => Promise<{
+    name: string;
+}>;
+export declare const mockRemoveFile: (fileName: string) => Promise<{
+    success: boolean;
+}>;
+declare const _default: Meta<typeof FileUploadField>;
+export default _default;
+export declare const Default: StoryObj<typeof FileUploadField>;

package/dist/esm/fields/stories/MultipleChoiceField.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { MultipleChoiceField } from "../MultipleChoiceField";
+declare const _default: Meta<typeof MultipleChoiceField>;
+export default _default;
+export declare const OneOf: StoryObj<typeof MultipleChoiceField>;
+export declare const AnyOf: StoryObj<typeof MultipleChoiceField>;

package/dist/esm/fields/stories/NullField.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { NullField } from "./../NullField";
+declare const _default: Meta<typeof NullField>;
+export default _default;
+export declare const Default: StoryObj<typeof NullField>;

package/dist/esm/fields/stories/NumberField.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { NumberField } from "./../NumberField";
+declare const _default: Meta<typeof NumberField>;
+export default _default;
+export declare const Default: StoryObj<typeof NumberField>;

package/dist/esm/fields/stories/ObjectField.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { ObjectField } from "./../ObjectField";
+declare const _default: Meta<typeof ObjectField>;
+export default _default;
+export declare const Default: StoryObj<typeof ObjectField>;

package/dist/esm/fields/stories/RadioField.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { RadioField } from "./../RadioField";
+declare const _default: Meta<typeof RadioField>;
+export default _default;
+export declare const Default: StoryObj<typeof RadioField>;